.scroll-reveal{opacity:0;transform:translateY(50px);transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1)}.scroll-reveal.visible{opacity:1;transform:translateY(0)}.scroll-reveal-left{opacity:0;transform:translate(-60px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}.scroll-reveal-left.visible{opacity:1;transform:translate(0)}.scroll-reveal-right{opacity:0;transform:translate(60px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}.scroll-reveal-right.visible{opacity:1;transform:translate(0)}.scroll-reveal-scale{opacity:0;transform:scale(.9);transition:opacity .8s ease,transform .8s ease}.scroll-reveal-scale.visible{opacity:1;transform:scale(1)}.fade-in-slow{opacity:0;transform:translateY(40px);transition:opacity 1.2s ease,transform 1.2s ease}.fade-in-slow.visible{opacity:1;transform:translateY(0)}.counter-number,.tabular-nums,.count-up-trigger .counter-value{font-variant-numeric:tabular-nums}@keyframes bounce-down{0%,to{transform:translateY(0);opacity:.6}50%{transform:translateY(10px);opacity:1}}.bounce-down{animation:bounce-down 2s ease-in-out infinite}.parallax-slow{transition:transform .1s linear;will-change:transform}.heatmap-wrapper::-webkit-scrollbar{width:8px;height:8px}.heatmap-wrapper::-webkit-scrollbar-track{background:#f2f1eb}.heatmap-wrapper::-webkit-scrollbar-thumb{background:#d4d1c7;border-radius:4px}.heatmap-wrapper::-webkit-scrollbar-thumb:hover{background:#a3a3a3}#section-nav{transform:translateY(-100%);transition:transform .3s ease}#section-nav.visible{transform:translateY(0)}.sec-nav-link{font-size:13px;font-weight:500;color:#6a6a6a;padding:6px 12px;border-radius:999px;white-space:nowrap;transition:all .2s ease;text-decoration:none}.sec-nav-link:hover{color:#33178c;background:#f0edf8}.sec-nav-link.active{color:#33178c;background:#f0edf8;font-weight:600}.bar-fill{transform:scaleX(0);transform-origin:left;transition:transform 1.2s cubic-bezier(.22,1,.36,1)}.bar-fill.animate{transform:scaleX(1)}.bar-row-enter{opacity:0;transform:translate(-30px);transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1)}.bar-row-enter.show{opacity:1;transform:translate(0)}.heatmap-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.heatmap-table{border-collapse:separate;border-spacing:2px}.heatmap-cell{transition:transform .15s ease,box-shadow .15s ease;cursor:pointer;border-radius:3px;min-width:54px}.heatmap-cell:hover{transform:scale(1.15);box-shadow:0 2px 10px #0003;z-index:10;position:relative}.heatmap-cell-enter{opacity:0;transform:scale(.6);transition:opacity .4s ease,transform .4s cubic-bezier(.34,1.56,.64,1)}.heatmap-cell-enter.show{opacity:1;transform:scale(1)}.heatmap-tooltip{pointer-events:none;position:fixed;z-index:100;background:#1a1a1a;color:#fff;padding:8px 12px;border-radius:8px;font-size:13px;max-width:240px;box-shadow:0 4px 20px #0000004d;opacity:0;transition:opacity .15s ease}.heatmap-tooltip.show{opacity:1}.grid-card-enter{opacity:0;transform:translateY(20px) scale(.95);transition:opacity .45s cubic-bezier(.16,1,.3,1),transform .45s cubic-bezier(.16,1,.3,1)}.grid-card-enter.show{opacity:1;transform:translateY(0) scale(1)}.burden-card{transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}.burden-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0000001a}.burden-card.expanded{grid-column:1 / -1}.cat-pill{transition:all .2s ease;cursor:pointer;border:2px solid transparent}.cat-pill.active{border-color:currentColor;font-weight:600}.cat-pill:hover{opacity:.85}.butterfly-bar-left{transform:scaleX(0);transform-origin:right;transition:transform .8s cubic-bezier(.22,1,.36,1)}.butterfly-bar-right{transform:scaleX(0);transform-origin:left;transition:transform .8s cubic-bezier(.22,1,.36,1)}.butterfly-bar-left.animate,.butterfly-bar-right.animate{transform:scaleX(1)}#unit-canvas{width:100%;cursor:crosshair}.view-btn{transition:all .3s cubic-bezier(.4,0,.2,1)}.view-btn.active{background-color:#33178c;color:#fff;box-shadow:0 4px 14px #33178c59}.view-btn:not(.active):hover{background-color:#eee8ff;color:#33178c}.canvas-tooltip{pointer-events:none;position:fixed!important;z-index:100!important;background:#1a1a1a;color:#fff;padding:8px 14px;border-radius:8px;font-size:13px;box-shadow:0 4px 20px #0000004d;opacity:0;transition:opacity .15s ease;white-space:nowrap}.canvas-tooltip.show{opacity:1}.constellation-section{position:relative;width:100%;overflow:hidden}.constellation-container{position:relative;width:100%;height:80vh;min-height:500px}#constellationCanvas{display:block;width:100%;height:100%}.constellation-overlay-title{position:absolute;top:1.5rem;left:50%;transform:translate(-50%);text-align:center;pointer-events:none;z-index:5}.constellation-overlay-title h3{font-size:.85rem;font-weight:300;color:#fff6;letter-spacing:.15em;text-transform:uppercase}.constellation-tooltip{position:fixed!important;pointer-events:none;background:#0d0f1af2;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:1rem 1.25rem;z-index:100!important;opacity:0;transition:opacity .2s ease;max-width:280px;box-shadow:0 8px 32px #0006}.constellation-tooltip.active{opacity:1}.constellation-tooltip .ct-cat{font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;margin-bottom:.4rem}.constellation-tooltip .ct-title{font-family:"Source Serif 4",serif;font-size:1.05rem;color:#fff;margin-bottom:.5rem;font-weight:600}.constellation-tooltip .ct-votes{font-size:.85rem;color:#fff9}.constellation-tooltip .ct-votes strong{color:#fff;font-weight:600}.constellation-tooltip .ct-bar{height:3px;border-radius:2px;margin-top:.6rem;background:#ffffff1a;overflow:hidden}.constellation-tooltip .ct-bar-fill{height:100%;border-radius:2px;transition:width .3s ease}.filter-panel{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);display:flex;gap:.4rem;flex-wrap:wrap;justify-content:center;z-index:10;padding:.75rem 1rem;background:#0d0f1ab3;backdrop-filter:blur(12px);border-radius:16px;border:1px solid rgba(255,255,255,.08);max-width:95vw}.filter-btn{display:flex;align-items:center;gap:.4rem;padding:.4rem .8rem;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:transparent;color:#fff9;font-family:Plus Jakarta Sans,sans-serif;font-size:.7rem;cursor:pointer;transition:all .3s ease;white-space:nowrap}.filter-btn:hover{background:#ffffff0f;color:#fff}.filter-btn.active{color:#fff;border-color:currentColor;background:#ffffff14}.filter-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.filter-btn-all{padding:.4rem .8rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff0d;color:#ffffffb3;font-family:Plus Jakarta Sans,sans-serif;font-size:.7rem;cursor:pointer;transition:all .3s ease}.filter-btn-all:hover,.filter-btn-all.active{background:#ffffff1f;color:#fff}.dim-pill{font-size:13px;font-weight:500;color:#6a6a6a;background:#f2f1eb;border:1px solid #e8e6de;padding:6px 14px;border-radius:999px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.dim-pill:hover{background:#e8e6de;color:#33178c}.dim-pill.active{background:#33178c;color:#fff;border-color:#33178c}.dim-dropdown{position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);background:#fff;border:1px solid #e8e6de;border-radius:12px;box-shadow:0 8px 30px #0000001a;z-index:50;min-width:160px;padding:6px;overflow:hidden}.dim-dropdown button{display:block;width:100%;text-align:left;padding:8px 14px;font-size:13px;color:#3a3a3a;border-radius:8px;transition:background .15s ease}.dim-dropdown button:hover{background:#f0edf8;color:#33178c}.dim-dropdown button.selected{background:#f0edf8;color:#33178c;font-weight:600}.chart-help summary{list-style:none;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:#6a6a6a;background:#f2f1eb;border:1px solid #e8e6de;padding:6px 14px;border-radius:999px;cursor:pointer;transition:all .2s ease;user-select:none}.chart-help summary:hover{background:#e8e6de;color:#33178c}.chart-help summary::-webkit-details-marker{display:none}.chart-help summary::marker{display:none;content:""}.chart-help[open] summary{background:#33178c;color:#fff;border-color:#33178c}.chart-help .chart-help-body{margin-top:12px;padding:16px 20px;background:#fff;border:1px solid #e8e6de;border-radius:12px;text-align:left;box-shadow:0 2px 8px #0000000a}.copy-toast{position:fixed;bottom:40px;left:50%;transform:translate(-50%) translateY(20px);background:#1a1a1a;color:#fff;padding:12px 24px;border-radius:12px;font-size:14px;z-index:200;opacity:0;transition:all .3s ease;pointer-events:none}.copy-toast.show{opacity:1;transform:translate(-50%) translateY(0)}.insight-card{background:#fff;border:1px solid #e8e6de;border-radius:16px;padding:32px;box-shadow:0 2px 12px #0000000a}.personal-check{color:#62e65d}.heatmap-user-row{outline:1px solid rgba(98,230,93,.3);outline-offset:-1px}.heatmap-user-col{background:#62e65d14!important}.burden-card.user-identified{border-left:3px solid #62E65D}@keyframes pulse-scale{0%,to{transform:scale(1)}50%{transform:scale(1.4)}}.invitation-glow{background:radial-gradient(ellipse at center,rgba(98,230,93,.06) 0%,transparent 70%)}.deco{position:absolute;pointer-events:none;z-index:0;will-change:transform}.deco~div,.deco~p,.deco~h2,.deco~h3,.deco~blockquote,section>div:not(.deco-wrap){position:relative;z-index:1}
