:root{--canvas:#f2eded;--ink:#000;--ink-deep:#000;--surface-soft:#0000000a;--surface-card:#00000014;--surface-dark:#000;--surface-dark-elevated:#1a1a1a;--hairline:#00000026;--hairline-strong:#0006;--text-charcoal:#111;--text-body:#222;--text-mute:#0009;--text-stone:#00000080;--text-ash:#0006;--accent:var(--ink);--accent-hover:var(--ink-deep);--danger:#ff3b30;--danger-hover:#d70015;--warning:#ff9f0a;--success:#30d158;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--ease-drawer:cubic-bezier(.32, .72, 0, 1);--font-mono:"JetBrains Mono", "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--rounded-none:0px;--rounded-sm:4px;--rounded-full:9999px;--space-xxs:1px;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-xxl:32px;--space-section:96px;--grid-dot:#0000000d;--select-arrow:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='3 4.5 6 7.5 9 4.5'/%3E%3C/svg%3E");background:var(--canvas);color:var(--text-body);font-family:var(--font-mono);letter-spacing:0;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5}:root[data-theme=dark]{--canvas:#000;--ink:#f2eded;--ink-deep:#f2eded;--surface-soft:#f2eded14;--surface-card:#f2eded1f;--surface-dark:#f2eded;--surface-dark-elevated:#f2edede6;--hairline:#f2eded26;--hairline-strong:#f2eded66;--text-charcoal:#eae5e5;--text-body:#f2edede6;--text-mute:#f2eded99;--text-stone:#f2eded80;--text-ash:#f2eded66;--grid-dot:#f2eded0d;--select-arrow:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23F2EDED' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='3 4.5 6 7.5 9 4.5'/%3E%3C/svg%3E")}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--canvas:#000;--ink:#f2eded;--ink-deep:#f2eded;--surface-soft:#f2eded14;--surface-card:#f2eded1f;--surface-dark:#f2eded;--surface-dark-elevated:#f2edede6;--hairline:#f2eded26;--hairline-strong:#f2eded66;--text-charcoal:#eae5e5;--text-body:#f2edede6;--text-mute:#f2eded99;--text-stone:#f2eded80;--text-ash:#f2eded66;--grid-dot:#f2eded0d;--select-arrow:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23F2EDED' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='3 4.5 6 7.5 9 4.5'/%3E%3C/svg%3E")}}html,body{max-width:100%;overflow-x:hidden}body{background-color:var(--canvas);color:var(--text-body);margin:0;padding:0}#root{box-sizing:border-box;width:960px;max-width:100%;min-height:100vh;padding:0 var(--space-lg);flex-direction:column;margin:0 auto;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-mono);color:var(--ink);margin:0;font-weight:700}h1{letter-spacing:-.5px;font-size:38px;line-height:1.3}h2{font-size:16px;line-height:1.5}p{color:var(--text-body);font-size:16px;line-height:1.5}input,textarea,button,select{font-family:var(--font-mono);box-sizing:border-box;font-size:16px}.btn-primary{background:var(--ink);color:var(--canvas);border:1px solid var(--ink);border-radius:var(--rounded-sm);cursor:pointer;height:38px;transition:transform .4s cubic-bezier(.34, 1.56, .64, 1), background .4s var(--ease-out), color .45s var(--ease-out), border-color .45s var(--ease-out), box-shadow .4s var(--ease-out);justify-content:center;align-items:center;padding:6px 20px;font-weight:500;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn-primary:before{content:"";background:var(--canvas);z-index:1;clip-path:circle(0%);width:100%;height:100%;transition:clip-path .55s var(--ease-out);border-radius:3px;position:absolute;top:0;left:0}.btn-primary>*{z-index:2;position:relative}.btn-primary svg{transition:transform .55s var(--ease-out)}.btn-primary:hover{background:var(--ink);color:var(--ink);border-color:var(--ink);transition:transform .6s cubic-bezier(.25, 1, .5, 1), background .8s var(--ease-out), color .85s var(--ease-out), border-color .85s var(--ease-out), box-shadow .8s var(--ease-out);transform:scale(1.04)translateY(-1.5px);box-shadow:0 8px 20px #00000026}.btn-primary:hover:before{clip-path:circle(120%);transition:clip-path .95s var(--ease-out)}.btn-primary:hover svg{transition:transform .95s var(--ease-out);transform:rotate(15deg)}.btn-primary:active{transform:scale(.96)translateY(0)}.btn-ghost{color:var(--text-mute);border-radius:var(--rounded-sm);cursor:pointer;height:38px;transition:transform .2s var(--ease-out), color .2s var(--ease-out), background .2s var(--ease-out);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:6px 16px;font-weight:500;text-decoration:none;display:inline-flex}.btn-ghost:hover{color:var(--ink);background:var(--surface-soft);transform:scale(1.02)translateY(-1px)}.btn-ghost:active{transform:scale(.97)translateY(0)}.btn-secondary{background:var(--canvas);color:var(--ink);border:1px solid var(--hairline-strong);border-radius:var(--rounded-sm);cursor:pointer;height:38px;transition:transform .2s var(--ease-out), background .2s var(--ease-out), color .2s var(--ease-out);justify-content:center;align-items:center;padding:6px 20px;font-weight:500;text-decoration:none;display:inline-flex}.btn-secondary:hover{background:var(--surface-soft);transform:scale(1.02)translateY(-1px)}.btn-secondary:active{transform:scale(.97)translateY(0)}.btn-secondary svg,.btn-ghost svg{transition:transform .2s var(--ease-out)}.btn-secondary:hover svg,.btn-ghost:hover svg{transform:rotate(-10deg)scale(1.15)}.btn-disabled{background:var(--surface-card);color:var(--text-ash);border:1px solid var(--surface-card);cursor:not-allowed;opacity:.6}.link-inline{color:var(--ink);font-weight:500;text-decoration:underline;transition:color .1s}.link-inline:hover{color:var(--ink-deep)}.text-input{background:var(--surface-soft);color:var(--ink);border:1px solid var(--hairline);border-radius:var(--rounded-sm);outline:none;height:40px;padding:8px 12px;transition:background .15s,border-color .15s}.text-input:focus{background:var(--canvas);border-color:var(--ink)}.textarea{background:var(--surface-soft);color:var(--ink);border:1px solid var(--hairline);border-radius:var(--rounded-sm);resize:vertical;outline:none;padding:12px;transition:background .15s,border-color .15s}.textarea:focus{background:var(--canvas);border-color:var(--ink)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--canvas)}::-webkit-scrollbar-thumb{background:var(--surface-card);border-radius:var(--rounded-sm)}::-webkit-scrollbar-thumb:hover{background:var(--hairline-strong)}@media (width<=600px){#root{padding:0 var(--space-md)}h1{font-size:28px}.btn-primary,.btn-secondary,.btn-ghost{padding:6px 12px}}.global-footer{text-align:center;color:var(--text-ash);font-size:13px;font-family:var(--font-mono);margin-top:auto;padding:48px 0}.global-footer a{color:var(--text-mute);font-weight:600;text-decoration:none;transition:color .2s}.global-footer a:hover{color:var(--ink)}.skeleton-pill{border-radius:var(--rounded-sm);background:var(--surface-card);animation:1.4s ease-in-out infinite skeleton-pulse}@keyframes skeleton-pulse{0%,to{opacity:.5}50%{opacity:1}}.auth-fade-in{animation:.25s both authFadeIn}@keyframes authFadeIn{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:9999}.theme-switching *,.theme-switching :before,.theme-switching :after{transition:none!important}@keyframes pop-in{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.theme-toggle-btn svg{transition:transform .4s var(--ease-out)}.theme-toggle-btn:hover svg{transform:rotate(15deg)}.theme-toggle-btn:active svg{transform:rotate(45deg)}.navbar{padding:var(--space-md) 0;border-bottom:1px solid var(--hairline);margin-bottom:var(--space-xl);justify-content:space-between;align-items:center;display:flex}.logo{color:var(--ink);letter-spacing:-.5px;align-items:center;gap:6px;font-size:18px;font-weight:700;text-decoration:none;transition:opacity .15s;display:inline-flex}.logo:hover{opacity:.8}.nav-user{align-items:center;gap:var(--space-lg);display:flex}.nav-auth-slot{justify-content:flex-end;align-items:center;min-height:38px;display:flex}.nav-auth-skeleton{flex-shrink:0;width:90px;height:38px}.nav-profile-link{align-items:center;gap:var(--space-sm);color:var(--ink);border-radius:var(--rounded-sm);padding:4px 8px;font-size:15px;font-weight:500;text-decoration:none;transition:background .15s;display:flex}.nav-profile-link:hover{background:var(--surface-soft)}.avatar{border-radius:var(--rounded-full);border:1px solid var(--hairline);display:block}.theme-toggle-btn{align-items:center;padding:6px 8px;display:flex}@media (width<=600px){.nav-user{gap:var(--space-xs)}.username-text{display:none}.logo{font-size:16px}}.platform-toggle{background:var(--surface-soft);border:1px solid var(--hairline);margin-bottom:var(--space-xl);box-sizing:border-box;border-radius:8px;align-self:flex-start;align-items:center;max-width:100%;height:36px;padding:2px;display:inline-flex;position:relative}.platform-toggle-slider{background:var(--surface-card);z-index:1;border-radius:6px;transition:transform .25s cubic-bezier(.16,1,.3,1),width .25s cubic-bezier(.16,1,.3,1);position:absolute;top:2px;bottom:2px;left:0;box-shadow:0 1px 2px #0000000d,0 1px 3px #0000001a}:root:not([data-theme=dark]) .platform-toggle-slider{background:#fff;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}:root[data-theme=dark] .platform-toggle-slider{background:#ffffff1f;box-shadow:0 1px 3px #0006}.platform-toggle-btn{z-index:2;height:100%;color:var(--text-mute);cursor:pointer;white-space:nowrap;transition:color .2s var(--ease-out), transform .15s var(--ease-out);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-family:inherit;font-size:13px;font-weight:500;display:inline-flex;position:relative}.platform-toggle-btn svg{flex-shrink:0}.platform-toggle-btn .toggle-label-short{display:none}.platform-toggle-btn:hover{color:var(--ink)}.platform-toggle-btn:active{transform:scale(.98)}.platform-toggle-btn.active{color:var(--ink);font-weight:600}@media (width<=600px){.platform-toggle{align-self:stretch;width:100%;display:flex}.platform-toggle-btn{flex:1;gap:4px;padding:0 4px}.platform-toggle-btn .toggle-label{display:none}.platform-toggle-btn .toggle-label-short{display:inline}}.year-selector-container{display:inline-block;position:relative}.year-selector-trigger{background-color:var(--surface-soft);border:1px solid var(--hairline-strong);border-radius:var(--rounded-sm);color:var(--ink);cursor:pointer;height:38px;transition:background-color .16s var(--ease-out), border-color .16s var(--ease-out), transform .16s var(--ease-out);outline:none;align-items:center;gap:8px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-flex}.year-selector-trigger:hover{background-color:var(--surface-card);border-color:var(--ink);transform:scale(1.02)translateY(-.5px)}.year-selector-trigger:active{transform:scale(.97)translateY(0)}.year-selector-chevron{transition:transform .2s var(--ease-out)}.year-selector-chevron.open{transform:rotate(180deg)}.year-selector-dropdown{background:var(--canvas);border:1px solid var(--hairline-strong);z-index:100;min-width:100px;animation:pop-in .2s var(--ease-out) both;transform-origin:100% 0;border-radius:6px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 10px 30px #00000014}:root[data-theme=dark] .year-selector-dropdown{background:#121212;border-color:#ffffff26;box-shadow:0 10px 30px #0006}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .year-selector-dropdown{background:#121212;border-color:#ffffff26;box-shadow:0 10px 30px #0006}}.year-selector-option{text-align:left;width:100%;color:var(--text-mute);cursor:pointer;transition:background .15s var(--ease-out), color .15s var(--ease-out);background:0 0;border:none;border-radius:4px;padding:6px 12px;font-size:13px;font-weight:500}.year-selector-option:hover{background:var(--surface-soft);color:var(--ink)}.year-selector-option.active{background:var(--surface-card);color:var(--ink);font-weight:600}.react-calendar-heatmap text{fill:#aaa;font-size:10px}.react-calendar-heatmap .react-calendar-heatmap-small-text{font-size:5px}.react-calendar-heatmap rect:hover{stroke:#555;stroke-width:1px}.react-calendar-heatmap .color-empty{fill:#eee}.react-calendar-heatmap .color-filled{fill:#8cc665}.react-calendar-heatmap .color-github-0{fill:#eee}.react-calendar-heatmap .color-github-1{fill:#d6e685}.react-calendar-heatmap .color-github-2{fill:#8cc665}.react-calendar-heatmap .color-github-3{fill:#44a340}.react-calendar-heatmap .color-github-4{fill:#1e6823}.react-calendar-heatmap .color-gitlab-0{fill:#ededed}.react-calendar-heatmap .color-gitlab-1{fill:#acd5f2}.react-calendar-heatmap .color-gitlab-2{fill:#7fa8d1}.react-calendar-heatmap .color-gitlab-3{fill:#49729b}.react-calendar-heatmap .color-gitlab-4{fill:#254e77}.react-calendar-heatmap text{font-family:var(--font-mono);fill:var(--text-mute);font-size:9px}.react-calendar-heatmap-month-label{cursor:pointer;transition:fill .2s var(--ease-out), opacity .2s var(--ease-out), font-weight .2s var(--ease-out), transform .2s var(--ease-out);transform-origin:50%;transform-box:fill-box;outline:none;font-weight:500}.react-calendar-heatmap-month-label:hover{fill:var(--ink);transform:translateY(-1px)}.react-calendar-heatmap-month-label.active{fill:var(--ink);text-underline-offset:4px;font-weight:700;text-decoration:underline;text-decoration-thickness:1.5px}.react-calendar-heatmap:has(.react-calendar-heatmap-month-label.active) .react-calendar-heatmap-month-label:not(.active){opacity:.3}.react-calendar-heatmap rect{rx:2px;ry:2px;cursor:pointer;transform-origin:50%;transform-box:fill-box;animation:cell-enter .45s var(--ease-out) both;transition:fill .3s var(--ease-out), fill-opacity .3s var(--ease-out), transform .18s var(--ease-out), stroke .18s var(--ease-out), stroke-width .18s var(--ease-out)}.react-calendar-heatmap rect:hover{stroke:var(--ink);stroke-width:1px;transform:scale(1.22)}.react-calendar-heatmap .color-empty{fill:var(--surface-card);transition:fill .3s var(--ease-out)}.heatmap-scroll-container{width:100%;padding-bottom:var(--space-md);-webkit-overflow-scrolling:touch;overflow:auto hidden}.heatmap-scroll-inner{min-width:760px}@media (width<=768px){.heatmap-scroll-inner{min-width:1000px}}@keyframes cell-enter{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.heatmap-tooltip{z-index:1000;pointer-events:none;background:var(--ink);color:var(--canvas);white-space:nowrap;font-family:var(--font-mono);border-radius:6px;flex-direction:column;align-items:center;gap:2px;padding:6px 10px;display:flex;position:fixed;transform:translate(-50%,-130%);box-shadow:0 6px 16px #0003}.heatmap-tooltip-count{font-size:12px;font-weight:600}.heatmap-tooltip-date{opacity:.7;font-size:10px}.month-detail{background:var(--surface-soft);border:1px solid var(--hairline-strong);border-radius:var(--rounded-sm);padding:var(--space-lg);margin-bottom:var(--space-lg);animation:pop-in .25s var(--ease-out) both;transition:border-color .2s var(--ease-out), box-shadow .2s var(--ease-out);position:relative}.month-detail:hover{border-color:var(--ink);box-shadow:0 4px 12px #00000005}.month-detail-close{top:var(--space-sm);right:var(--space-sm);color:var(--text-mute);cursor:pointer;background:0 0;border:none;font-size:18px;line-height:1;position:absolute}.month-detail-close:hover{color:var(--ink)}.month-detail-title{color:var(--ink);margin-bottom:var(--space-md);padding-right:var(--space-lg);font-size:14px;font-weight:700}.month-detail-stats{gap:var(--space-xl);margin-bottom:var(--space-md);display:flex}.month-detail-stat{flex-direction:column;gap:2px;display:flex}.month-detail-stat-value{color:var(--ink);font-size:20px;font-weight:700}.month-detail-stat-label{color:var(--text-mute);font-size:12px}.month-detail-list{color:var(--ink);margin:0 0 var(--space-sm);flex-direction:column;gap:4px;padding:0;font-size:13px;list-style:none;display:flex}.month-detail-empty{color:var(--text-mute);margin:0 0 var(--space-sm);font-size:13px}.month-detail-busiest{color:var(--text-mute);margin:0;font-size:12px}.day-detail{background:var(--surface-soft);border:1px solid var(--hairline-strong);border-radius:var(--rounded-sm);padding:var(--space-lg);animation:pop-in .25s var(--ease-out) both;transition:border-color .2s var(--ease-out), box-shadow .2s var(--ease-out);position:relative}.day-detail:hover{border-color:var(--ink);box-shadow:0 4px 12px #00000005}.day-detail-close{top:var(--space-sm);right:var(--space-sm);color:var(--text-mute);cursor:pointer;background:0 0;border:none;font-size:18px;line-height:1;position:absolute}.day-detail-close:hover{color:var(--ink)}.day-detail-date{color:var(--ink);margin-bottom:var(--space-sm);padding-right:var(--space-lg);font-size:14px;font-weight:700}.day-detail-list{color:var(--ink);flex-direction:column;gap:4px;font-size:13px;list-style:none;display:flex}.day-detail-empty{color:var(--text-mute);font-size:13px}.streak-card{align-items:center;gap:var(--space-lg);background:var(--surface-soft);border:1px solid var(--hairline);border-radius:var(--rounded-sm);padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-sm);transition:border-color .2s,transform .2s,box-shadow .2s;display:flex}.streak-card:hover{border-color:var(--hairline-strong);transform:translateY(-1px);box-shadow:0 4px 12px #00000008}.streak-flame-badge{border-radius:var(--rounded-full);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:background-color .2s,transform .2s;display:flex}.streak-card:hover .streak-flame-badge{transform:scale(1.05)}.streak-card-stat{align-items:center;gap:var(--space-sm);min-width:0;display:flex}.streak-card-stat-text{flex-direction:column;gap:1px;min-width:0;display:flex}.streak-card-stat-value{color:var(--ink);font-size:18px;font-weight:700;line-height:1.1}.streak-card-stat-label{color:var(--text-mute);white-space:nowrap;font-size:12px}.streak-card-divider{background:var(--hairline);align-self:stretch;width:1px}@media (width<=600px){.streak-card{gap:var(--space-md);padding:var(--space-sm) var(--space-md)}.streak-card-stat-label{white-space:normal}}.platform-legend{justify-content:flex-end;gap:var(--space-lg);margin-top:var(--space-sm);animation:pop-in .25s var(--ease-out) both;flex-wrap:wrap;margin-bottom:0;display:flex}.platform-legend-item{color:var(--text-mute);align-items:center;gap:6px;font-size:12px;display:inline-flex}.platform-legend-dot{border-radius:var(--rounded-full,9999px);flex-shrink:0;width:9px;height:9px}.profile-links{gap:var(--space-sm);flex-wrap:wrap;display:flex}.profile-link-chip{border:1px solid var(--hairline-strong);border-radius:var(--rounded-full);color:var(--ink);background:var(--surface-soft);transition:background .2s var(--ease-out), border-color .2s var(--ease-out), transform .2s var(--ease-out), box-shadow .2s var(--ease-out);align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.profile-link-chip:hover{background:var(--surface-card);border-color:var(--ink);transform:scale(1.03)translateY(-1px);box-shadow:0 4px 10px #0000000d}.profile-link-chip:active{transform:scale(.97)translateY(0)}.profile-link-chip svg{flex-shrink:0}.side-decorations{pointer-events:none;z-index:0;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}@keyframes slideInLeft{0%{opacity:0;transform:translateY(-50%)translate(500px)}to{opacity:.9;transform:translateY(-50%)translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateY(-50%)translate(-500px)}to{opacity:.9;transform:translateY(-50%)translate(0)}}.side-panel{opacity:.8;transition:opacity .3s;position:absolute;top:45%}.left-panel{animation:1.2s cubic-bezier(.16,1,.3,1) both slideInLeft;left:48px}.right-panel{animation:1.2s cubic-bezier(.16,1,.3,1) both slideInRight;right:48px}@media (width>=1480px){.left-panel{left:calc(50vw - 770px)}.right-panel{right:calc(50vw - 730px)}}@media (width<=1280px){.left-panel{opacity:.3;left:16px}.right-panel{opacity:.3;right:16px}}@media (width<=1140px){.side-decorations{display:none}}.decor-card{border-radius:var(--rounded-sm);padding:var(--space-md) var(--space-lg);font-family:var(--font-mono);box-sizing:border-box;background:#fff;border:1px solid #00000014;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s;box-shadow:0 4px 12px #00000008}:root[data-theme=dark] .decor-card{background:var(--surface-soft);border-color:var(--hairline);box-shadow:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .decor-card{background:var(--surface-soft);border-color:var(--hairline);box-shadow:none}}.left-panel .decor-card{width:250px;transform:rotate(-2.5deg)}.right-panel .decor-card{width:210px;transform:rotate(2.5deg)}.left-panel:hover .decor-card{transform:translateY(-4px)rotate(-1deg)scale(1.02);box-shadow:0 16px 32px #0000001f}:root:not([data-theme=dark]) .left-panel:hover .decor-card{box-shadow:0 16px 32px #00000014}.right-panel:hover .decor-card{transform:translateY(-4px)rotate(1deg)scale(1.02);box-shadow:0 16px 32px #0000001f}:root:not([data-theme=dark]) .right-panel:hover .decor-card{box-shadow:0 16px 32px #00000014}.decor-header{margin-bottom:var(--space-sm);padding-bottom:var(--space-xs);border-bottom:1px dashed var(--hairline-strong);justify-content:space-between;align-items:center;display:flex}.section-label{color:var(--text-stone);text-transform:lowercase;font-size:11px;font-weight:500}.status-indicator{align-items:center;display:flex}.status-dot{background:var(--success);border-radius:50%;width:6px;height:6px;position:relative}.status-dot:after{content:"";background:var(--success);opacity:.8;border-radius:50%;width:100%;height:100%;animation:2s cubic-bezier(.16,1,.3,1) infinite pulse-ring;position:absolute;top:0;left:0}@keyframes pulse-ring{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(3.5)}}.svg-hub-container{margin:var(--space-sm) 0 var(--space-md) 0;justify-content:center;display:flex}.hub-svg{display:block}.hub-node{fill:var(--text-ash)}.hub-path{stroke:var(--hairline-strong);stroke-dasharray:4 4;animation:1.5s linear infinite hub-flow}@keyframes hub-flow{to{stroke-dashoffset:-16px}}.hub-center-node{fill:var(--ink)}.feed-list{gap:var(--space-sm);flex-direction:column;display:flex}.feed-item{align-items:center;gap:var(--space-sm);color:var(--text-mute);font-size:12px;display:flex}.feed-dot{background:var(--text-ash);border-radius:50%;flex-shrink:0;width:6px;height:6px}.feed-dot.platform-github{background:var(--text-charcoal)}.feed-dot.platform-leetcode{background:var(--warning)}.feed-dot.platform-codeforces{background:var(--accent)}:root[data-theme=dark] .feed-dot.platform-github{background:var(--ink)}.streak-display{align-items:baseline;gap:var(--space-sm);margin-bottom:var(--space-lg);margin-top:var(--space-sm);display:flex}.streak-value{color:var(--ink);font-size:46px;font-weight:700;line-height:1}.streak-label{color:var(--text-stone);font-size:12px}.mini-heatmap{grid-template-rows:repeat(7,1fr);grid-auto-flow:column;gap:3px;width:fit-content;display:grid}.heatmap-cell{background:var(--surface-card);border-radius:1.5px;width:10px;height:10px}.heatmap-cell.level-0{background:var(--surface-card)}.heatmap-cell.level-1{background:#0003}.heatmap-cell.level-2{background:#0006}.heatmap-cell.level-3{background:#0009}.heatmap-cell.level-4{background:var(--ink)}:root[data-theme=dark] .heatmap-cell.level-1{background:#fff3}:root[data-theme=dark] .heatmap-cell.level-2{background:#fff6}:root[data-theme=dark] .heatmap-cell.level-3{background:#fff9}@keyframes fadeUpReveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.left-panel .decor-header,.left-panel .svg-hub-container,.left-panel .feed-item,.right-panel .decor-header,.right-panel .streak-display,.right-panel .mini-heatmap,.heatmap-cell{animation:.8s cubic-bezier(.16,1,.3,1) both fadeUpReveal}.left-panel .decor-header{animation-delay:.15s}.left-panel .svg-hub-container{animation-delay:.25s}.right-panel .decor-header{animation-delay:.15s}.right-panel .streak-display{animation-delay:.3s}.right-panel .mini-heatmap{animation-delay:.45s}.profile{gap:var(--space-xl);padding:var(--space-xl) 0 var(--space-section) 0;text-align:left;flex-direction:column;display:flex}.profile-header{align-items:center;gap:var(--space-lg);border-bottom:1px solid var(--hairline);padding-bottom:var(--space-lg);display:flex}.profile-header-text{flex:auto;min-width:0}.profile-header h1{letter-spacing:-.5px;font-size:24px}.profile-tagline{color:var(--text-body);margin-top:var(--space-xs);font-size:14px;font-weight:500}.profile-visits-badges{font-size:13px;font-family:var(--font-mono);align-items:center;gap:12px;margin-top:6px;display:flex}.profile-visits-badge{color:var(--text-mute);cursor:default;transition:color .25s var(--ease-out);align-items:center;gap:6px;display:inline-flex}.profile-visits-badge:hover{color:var(--ink)}.profile-visits-badge svg{color:var(--text-stone);transition:color .25s var(--ease-out);opacity:.85;flex-shrink:0}.profile-visits-badge:hover svg{color:var(--ink)}.profile-visits-badge .badge-count{color:var(--ink);font-weight:700}.profile-visits-badge .badge-unit{color:var(--text-stone);margin-left:2px}.badge-separator{color:var(--text-ash);-webkit-user-select:none;user-select:none;opacity:.6;font-weight:700}.profile-bio{color:var(--text-body);max-width:640px;font-size:14px;line-height:1.6}.edit-profile-btn{flex-shrink:0;align-items:center;gap:6px;display:inline-flex}.profile-header-actions{gap:var(--space-sm);flex-shrink:0;display:flex}.sync-note{color:var(--text-mute);margin-top:var(--space-xs);align-items:center;gap:6px;font-size:13px;display:inline-flex}.sync-note:before{content:"";background-color:var(--success);border-radius:50%;width:6px;height:6px;display:inline-block}.sync-note.stale:before{background-color:var(--warning)}.onboarding-form{background:var(--surface-soft);border:1px solid var(--hairline-strong);border-radius:var(--rounded-sm);padding:var(--space-lg);gap:var(--space-md);animation:pop-in .3s var(--ease-out) both;flex-direction:column;display:flex}.onboarding-form-title{color:var(--ink);margin-bottom:var(--space-xs);font-size:14px;font-weight:700}.form-inputs-group{gap:var(--space-md);flex-wrap:wrap;align-items:center;display:flex}.input-wrapper{gap:var(--space-xs);flex-direction:column;flex:200px;min-width:0;display:flex}.input-wrapper label{color:var(--text-mute);font-size:13px;font-weight:500}.input-wrapper input{width:100%}.form-inputs-group button{flex:none}.field-group{gap:var(--space-xs);flex-direction:column;display:flex}.field-group label,.field-group-label{color:var(--text-mute);font-size:13px;font-weight:500}.field-group .textarea{resize:vertical;width:100%}.char-count{color:var(--text-ash);align-self:flex-end;font-size:12px}.links-editor{gap:var(--space-sm);flex-direction:column;display:flex}.links-editor-row{gap:var(--space-sm);align-items:center;display:flex}.icon-selector-row{background:var(--surface-soft);border:1px solid var(--hairline-strong);border-radius:var(--radius-sm);flex-shrink:0;gap:2px;padding:2px;display:flex}.icon-selector-btn{width:32px;height:32px;color:var(--text-ash);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;transition:all .15s;display:flex}.icon-selector-btn:hover{color:var(--text-mute);background:#0000000a}:root[data-theme=dark] .icon-selector-btn:hover{background:#ffffff0a}.icon-selector-btn.active{color:var(--ink);background:var(--surface-card);box-shadow:0 1px 3px #00000014}:root[data-theme=dark] .icon-selector-btn.active{box-shadow:0 1px 3px #0000004d}.links-editor-row .link-url-input{flex:auto;min-width:0}.links-editor-remove{border:1px solid var(--hairline);width:32px;height:32px;color:var(--text-mute);border-radius:var(--rounded-sm);cursor:pointer;background:0 0;flex-shrink:0;font-size:16px;line-height:1}.links-editor-remove:hover{color:var(--danger);border-color:var(--danger)}.links-editor-add{align-self:flex-start}.form-actions{gap:var(--space-sm);display:flex}.form-status-msg{margin-top:var(--space-xs);font-size:13px}.form-status-msg.saved{color:var(--success)}.form-status-msg.error{color:var(--danger)}.checkbox-label{align-items:center;gap:var(--space-sm);color:var(--text-body);cursor:pointer;width:fit-content;font-size:13px;display:inline-flex}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--ink);cursor:pointer;flex-shrink:0}.syncing-banner{background-color:var(--bg-card);border:1px solid var(--border);margin-bottom:var(--space-xl);color:var(--text-secondary);text-align:center;animation:pop-in .3s var(--ease-out) both;border-radius:8px;padding:12px 16px;font-size:.9rem}.activity-summary-bar{margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.activity-total{color:var(--ink);font-size:15px;font-weight:500}.streak-inline{margin-left:2px;font-weight:700}@media (width<=600px){.profile-header{gap:var(--space-md);border-bottom:1px solid var(--hairline);padding-bottom:var(--space-lg);text-align:left;grid-template-columns:56px 1fr;grid-template-areas:"avatar info""edit edit";align-items:center;display:grid!important}.profile-header .avatar{grid-area:avatar;margin:0}.profile-header .profile-header-text{flex-direction:column;grid-area:info;justify-content:center;display:flex}.profile-header .profile-visits-badges{flex-wrap:wrap;gap:6px 8px;display:flex}.profile-header h1{line-height:1.2;font-size:22px!important}.profile-tagline{margin-top:2px;font-size:13px}.profile-header .profile-header-actions{gap:var(--space-sm);width:100%;margin-top:var(--space-xs);grid-area:edit}.profile-header .profile-header-actions>button{flex:1 1 0;justify-content:center}.form-inputs-group{flex-direction:column;align-items:stretch}.input-wrapper{flex:none;width:100%}.form-inputs-group button{width:100%;align-self:stretch!important}.links-editor-row{flex-wrap:wrap}.links-editor-row .icon-selector-row{flex:100%;justify-content:space-between}.form-actions{flex-direction:column;align-items:stretch}.form-actions button{width:100%}.controls-row{justify-content:space-between;gap:var(--space-sm);border-bottom:none;width:100%;padding-bottom:0;flex-direction:row!important;align-items:center!important;display:flex!important}.controls-row .platform-toggle{margin-bottom:0}.controls-row .year-selector{flex-shrink:0}.activity-summary-bar{align-items:flex-start;gap:var(--space-xs);flex-direction:column}}.activity-hint{color:var(--text-mute);font-size:13px}.controls-row{justify-content:space-between;align-items:flex-end;gap:var(--space-md);z-index:10;display:flex;position:relative}.controls-row .platform-toggle{margin-bottom:0}.details-grid{gap:var(--space-lg);margin-top:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start;display:grid}@keyframes profile-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.profile-header,.profile-bio,.profile-links,.controls-row,.streak-card,.activity-summary-bar{animation:profile-fade-up .45s var(--ease-out) both}.profile-header{animation-delay:0s}.profile-bio{animation-delay:80ms}.profile-links{animation-delay:.14s}.controls-row{animation-delay:.2s}.streak-card{animation-delay:.26s}.activity-summary-bar{animation-delay:.32s}.profile-footer-card{box-sizing:border-box;justify-content:space-between;align-items:center;gap:var(--space-md);background:var(--surface-soft);border:1px dashed var(--hairline-strong);border-radius:var(--rounded-sm);margin-top:var(--space-xl);font-family:var(--font-mono);animation:profile-fade-up .45s var(--ease-out) .38s both;transition:background-color .2s var(--ease-out), border-color .2s var(--ease-out);padding:16px 20px;display:flex}.profile-footer-card:hover{background:var(--surface-card);border-style:solid;border-color:var(--ink)}.profile-footer-card-content h3{color:var(--ink);margin-bottom:4px;font-size:14px;font-weight:700}.profile-footer-card-content p{color:var(--text-mute);margin:0;font-size:12px}.make-yours-footer-btn{box-sizing:border-box;background:var(--ink);color:var(--canvas);border:1px solid var(--ink);border-radius:var(--rounded-sm);cursor:pointer;height:34px;transition:background .2s var(--ease-out), color .2s var(--ease-out), border-color .2s var(--ease-out), transform .2s var(--ease-out);flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.make-yours-footer-btn svg{transition:transform .2s var(--ease-out);flex-shrink:0}.make-yours-footer-btn:hover{background:var(--canvas);color:var(--ink);border-color:var(--ink);transform:translateY(-1px)}.make-yours-footer-btn:hover svg{transform:rotate(12deg)scale(1.05)}.make-yours-footer-btn:active{transform:translateY(0)scale(.98)}@media (width<=600px){.profile-footer-card{flex-direction:column;align-items:flex-start;padding:16px}.make-yours-footer-btn{width:100%}}.landing{text-align:center;padding:8vh 0 var(--space-section) 0;z-index:2;flex-direction:column;align-items:center;gap:48px;display:flex;position:relative}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-content{flex-direction:column;align-items:center;display:flex}.hero-content>*{animation:.8s cubic-bezier(.16,1,.3,1) both fadeUp}.hero-content h1{letter-spacing:-1.5px;max-width:800px;margin:0 auto;font-size:56px;line-height:1.35;animation-delay:.1s}.landing-sub{max-width:650px;color:var(--text-body);margin:16px auto 0;font-size:18px;line-height:1.6;animation-delay:.2s}.hero-actions{justify-content:center;gap:var(--space-md);margin-top:32px;animation-delay:.3s;display:flex}.hero-cta-skeleton{border-radius:6px;flex-shrink:0;width:220px;height:46px}.hero-actions .btn-icon{margin-right:8px}.mock-profile-demo{border:1px solid var(--hairline-strong);background:var(--surface-soft);box-sizing:border-box;border-radius:12px;animation:.8s cubic-bezier(.16,1,.3,1) .4s both fadeUp;box-shadow:0 20px 40px #0000000d;padding:32px!important}:root[data-theme=dark] .mock-profile-demo{box-shadow:0 20px 40px #0000004d}.mock-avatar-initials{background:var(--ink);color:var(--canvas);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex}.hero-actions .btn-primary{border-radius:6px;align-items:center;gap:8px;height:46px;padding:0 28px;font-size:16px;font-weight:600;display:inline-flex;box-shadow:0 4px 12px #0000001a}.landing-error{color:var(--danger);border:1px solid var(--danger);border-radius:var(--rounded-sm);background:#ff3b3014;max-width:480px;padding:8px 16px;font-size:14px}.section-divider{background:var(--hairline);width:100%;height:1px;margin:var(--space-xl) 0;border:none}.features-section{width:100%;max-width:1000px;padding:0 var(--space-xl);box-sizing:border-box;text-align:center;margin:0 auto}.features-section h2{text-transform:uppercase;letter-spacing:.5px;color:var(--ink);margin-bottom:var(--space-xl);align-items:center;gap:var(--space-xs);font-size:16px;display:inline-flex}.features-list{margin-top:var(--space-xl);flex-direction:column;gap:80px;display:flex}.feature-row{justify-content:space-between;align-items:center;gap:60px;display:flex}.feature-row:nth-child(2n){flex-direction:row-reverse}.feature-text{text-align:left;flex:1;max-width:440px}.feature-label{color:var(--text-ash);font-size:11px;font-weight:700;font-family:var(--font-mono);letter-spacing:1px;margin-bottom:8px;display:block}.feature-text h3{margin-bottom:var(--space-md);letter-spacing:-.5px;color:var(--ink);font-size:26px}.feature-text p{color:var(--text-mute);margin:0;font-size:15px;line-height:1.6}.feature-visual{background:var(--surface-soft);border:1px solid var(--hairline-strong);max-width:440px;height:240px;transition:border-color .3s var(--ease-out), box-shadow .3s var(--ease-out), transform .3s var(--ease-out);border-radius:12px;flex-direction:column;flex:1;display:flex;overflow:hidden;box-shadow:0 10px 20px #00000008}.feature-visual:hover{border-color:var(--ink);transform:translateY(-2px)scale(1.015);box-shadow:0 15px 30px #0000000f}.pipeline-mock{background:var(--canvas);flex-direction:column;display:flex}.pipeline-header{background:var(--surface-card);border-bottom:1px solid var(--hairline);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:8px 12px;display:flex}.pipeline-title{color:var(--text-stone);font-size:11px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px}.pipeline-body{padding:var(--space-lg);justify-content:space-around;align-items:center;gap:var(--space-md);background:var(--canvas);flex:1;display:flex}.pipeline-sources{flex-direction:column;gap:10px;display:flex}.pipeline-source{background:var(--surface-soft);border:1px solid var(--hairline-strong);border-radius:var(--rounded-sm);box-sizing:border-box;align-items:center;gap:8px;width:170px;padding:6px 12px;font-size:11px;display:flex}.source-name{color:var(--text-mute);flex:1}.source-status{color:var(--ink);font-weight:700}.pipeline-arrow{color:var(--text-ash);-webkit-user-select:none;user-select:none;font-size:16px}.pipeline-destination{justify-content:center;align-items:center;display:flex}.destination-card{background:var(--surface-card);border:1px solid var(--ink);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:130px;padding:12px;display:flex;box-shadow:0 4px 12px #0000000d}.destination-title{color:var(--text-mute);text-transform:uppercase;font-size:10px}.destination-value{color:var(--ink);font-size:22px;font-weight:700}.destination-dots{gap:3px;display:flex}.active-cell{border-radius:2px;width:10px;height:10px}.active-cell.l1{background:#0e4429}.active-cell.l2{background:#006d32}.active-cell.l3{background:#26a641}.active-cell.l4{background:#39d353}.flow-mock{background:var(--canvas);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;display:flex}.flow-step{background:var(--surface-soft);border:1px solid var(--hairline-strong);border-radius:var(--rounded-sm);font-size:12px;font-family:var(--font-mono);color:var(--text-mute);justify-content:center;align-items:center;gap:8px;width:220px;padding:8px 16px;display:flex}.flow-step.active{border-color:var(--ink);color:var(--ink);background:var(--surface-card);font-weight:700}.flow-step.secondary{color:#4a90d9;border-color:#4a90d966}.flow-line{background:var(--hairline-strong);width:1px;height:16px;position:relative}.flow-line.active{background:var(--ink)}.flow-line:after{content:"▼";color:var(--hairline-strong);font-size:10px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)scale(.7)}.flow-line.active:after{color:var(--ink)}.flow-line-label{font-size:10px;font-family:var(--font-mono);color:var(--text-ash);white-space:nowrap;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.flow-line-down{background:#4a90d966;width:1px;height:12px;position:relative}.flow-line-down:after{content:"▼";color:#4a90d966;font-size:10px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)scale(.7)}.code-body{color:var(--text-body);text-align:left;background:var(--canvas);flex:1;padding:16px;font-size:12px;line-height:1.5;overflow-y:auto}.code-body pre{white-space:pre-wrap;word-break:break-all;margin:0}.code-encrypted{color:var(--success);border-radius:var(--rounded-sm);background:#30d15814;border:1px dashed #30d15833;padding:2px 4px;font-weight:500}@media (width<=768px){.feature-row{gap:32px;flex-direction:column!important}.feature-row:nth-child(2n){flex-direction:column!important}.feature-text{text-align:center;max-width:100%}.feature-label{display:inline-block}.feature-visual{width:100%;max-width:100%}}.faq-section{text-align:left}.faq-header{margin-bottom:var(--space-xl);text-align:center}.faq-header h2{text-transform:uppercase;letter-spacing:.5px;color:var(--ink);margin-bottom:8px;font-size:16px}.faq-subtitle{color:var(--text-mute);margin:0;font-size:14px}.faq-list{gap:var(--space-md);flex-direction:column;max-width:800px;margin:0 auto;display:flex}.faq-card{background:var(--surface-soft);border:1px solid var(--hairline-strong);padding:var(--space-md) var(--space-lg);cursor:pointer;transition:border-color .2s var(--ease-out), background-color .2s var(--ease-out), transform .2s var(--ease-out);-webkit-user-select:none;user-select:none;border-radius:8px}.faq-card:hover{background:var(--surface-card);border-color:var(--ink);transform:translateY(-1px)}.faq-card:active{transform:scale(.99)}.faq-card.open{border-color:var(--ink);background:var(--surface-card)}.faq-question{color:var(--ink);justify-content:space-between;align-items:center;font-size:15px;font-weight:600;display:flex}.faq-icon-wrapper{justify-content:center;align-items:center;display:flex}.faq-chevron{color:var(--text-mute);transition:transform .25s var(--ease-out), color .25s var(--ease-out)}.faq-card.open .faq-chevron{color:var(--ink);transform:rotate(180deg)}.faq-collapse{transition:grid-template-rows .25s var(--ease-out);cursor:default;grid-template-rows:0fr;display:grid}.faq-card.open .faq-collapse{grid-template-rows:1fr}.faq-answer{opacity:0;min-height:0;transition:opacity .2s var(--ease-out), transform .2s var(--ease-out), padding-top .2s var(--ease-out);padding-top:0;overflow:hidden;transform:scale(.99)translateY(-4px)}.faq-card.open .faq-answer{opacity:1;padding-top:var(--space-sm);transform:scale(1)translateY(0)}.faq-answer p{color:var(--text-body);-webkit-user-select:text;user-select:text;margin:0;font-size:14px;line-height:1.6}@media (width<=600px){.landing{padding-top:8vh}.landing h1{font-size:32px}.landing-sub{font-size:16px}}@media (width<=440px){.pipeline-body{gap:8px!important;padding:12px!important}.pipeline-source{gap:6px!important;width:125px!important;padding:4px 8px!important;font-size:10px!important}.destination-card{width:95px!important;padding:8px!important}.destination-value{font-size:18px!important}}.vizz-title-container{align-items:baseline;display:inline-flex}.vizz-link{color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--text-ash);text-decoration-color:var(--text-ash);text-underline-offset:6px;text-decoration-thickness:3px;transition:text-decoration-color .25s,transform .25s;display:inline-block;position:relative}.vizz-link:hover{text-decoration-style:wavy;-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink);transform:scale(1.05)rotate(2deg)}.vizz-tooltip{background:var(--ink);color:var(--canvas);font-size:11px;font-family:var(--font-mono);white-space:nowrap;opacity:0;pointer-events:none;letter-spacing:normal;border-radius:6px;padding:4px 8px;font-weight:500;transition:opacity .2s,transform .2s;position:absolute;bottom:125%;left:50%;transform:translate(-50%)translateY(5px);box-shadow:0 4px 12px #00000026}.vizz-tooltip:after{content:"";border-style:solid;border-width:4px;border-color:var(--ink) transparent transparent transparent;position:absolute;top:100%;left:50%;transform:translate(-50%)}.vizz-link:hover .vizz-tooltip{opacity:1;transform:translate(-50%)translateY(0)}.reveal-on-scroll{opacity:0;transition:opacity .8s var(--ease-out), transform .8s var(--ease-out);transform:translateY(20px)}.reveal-on-scroll.active{opacity:1;transform:translateY(0)}.share-profile-btn{transition:border-color .2s var(--ease-out), background-color .2s var(--ease-out), color .2s var(--ease-out);flex-shrink:0;align-items:center;gap:6px;display:inline-flex}.share-profile-btn.copied{border-color:var(--success);color:var(--success);background:var(--surface-soft)}@keyframes check-pop{0%{opacity:0;transform:scale(.6)}70%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.animate-check{animation:check-pop .25s var(--ease-out) both}.compare-button-container{display:inline-block;position:relative}.compare-trigger-btn{flex-shrink:0;align-items:center;gap:6px;display:inline-flex}.compare-trigger-dropdown{background:var(--canvas);border:1px solid var(--hairline-strong);z-index:100;animation:pop-in .2s var(--ease-out) both;transform-origin:100% 0;border-radius:6px;flex-wrap:wrap;align-items:center;gap:8px;padding:8px;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 10px 30px #00000014}:root[data-theme=dark] .compare-trigger-dropdown{background:#121212;border-color:#ffffff26;box-shadow:0 10px 30px #0006}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .compare-trigger-dropdown{background:#121212;border-color:#ffffff26;box-shadow:0 10px 30px #0006}}.compare-trigger-input{width:180px;height:36px}.compare-trigger-submit{flex-shrink:0;height:36px;padding:6px 14px}.compare-trigger-error{color:var(--danger);flex:1 0 100%;font-size:12px}@media (width<=600px){.compare-trigger-dropdown{left:0;right:auto}.compare-trigger-input{width:140px}}.compare{gap:var(--space-xl);padding:var(--space-xl) 0 var(--space-section) 0;text-align:left;flex-direction:column;display:flex}.compare-header{border-bottom:1px solid var(--hairline);padding-bottom:var(--space-lg)}.compare-header h1{letter-spacing:-.5px;flex-wrap:wrap;align-items:baseline;gap:8px;font-size:24px;display:flex}.compare-vs{color:var(--text-ash);font-size:16px;font-weight:500}.compare-name-link{color:var(--ink);text-decoration:none}.compare-name-link:hover{text-decoration:underline}.compare-name-missing{color:var(--text-ash)}.compare-stats{gap:var(--space-sm);background:var(--surface-soft);border:1px solid var(--hairline);border-radius:var(--rounded-sm);padding:var(--space-lg);flex-direction:column;display:flex}.compare-stats-header,.compare-stats-row{align-items:center;gap:var(--space-md);grid-template-columns:1fr auto 1fr;display:grid}.compare-stats-header{padding-bottom:var(--space-sm);border-bottom:1px solid var(--hairline)}.compare-stats-user{color:var(--ink);align-items:center;gap:8px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.compare-stats-user.right{justify-self:end}.compare-stats-user.missing{color:var(--text-ash);font-weight:500}.compare-stats-value{color:var(--ink);text-align:center;font-size:20px;font-weight:700}.compare-stats-row .compare-stats-value:first-child{text-align:right}.compare-stats-row .compare-stats-value:last-child{text-align:left}.compare-stats-label{color:var(--text-mute);text-align:center;white-space:nowrap;font-size:12px}.compare-side{gap:var(--space-sm);flex-direction:column;display:flex}.compare-side-header{align-items:center;gap:var(--space-sm);display:flex}.compare-side-username{color:var(--ink);font-size:14px;font-weight:600;text-decoration:none}.compare-side-username:hover{text-decoration:underline}.compare-side-missing{padding:var(--space-lg);text-align:center;background:var(--surface-soft);border-radius:var(--rounded-sm)}.compare-picker-form{max-width:480px;margin:var(--space-section) auto;gap:var(--space-md);text-align:center;flex-direction:column;display:flex}.compare-picker-title{color:var(--ink);font-size:18px;font-weight:700}.compare-picker-error{color:var(--danger);margin:0;font-size:13px}.compare-picker-inputs{align-items:center;gap:var(--space-sm);display:flex}.compare-picker-inputs .text-input{flex:1 1 0;min-width:0}.compare-picker-vs{color:var(--text-ash);flex-shrink:0;font-weight:500}.compare-picker-form>.btn-primary{align-self:center}@media (width<=600px){.compare-header h1{font-size:20px}.compare-stats-value{font-size:16px}.compare-stats-user-name{display:none}.compare-picker-inputs{flex-direction:column;align-items:stretch}}.category-toggle{background:var(--surface-soft);border:1px solid var(--hairline);margin-bottom:var(--space-xl);box-sizing:border-box;border-radius:8px;align-self:flex-start;align-items:center;max-width:100%;height:36px;padding:2px;display:inline-flex;position:relative}.category-toggle-slider{background:var(--surface-card);z-index:1;border-radius:6px;transition:transform .25s cubic-bezier(.16,1,.3,1),width .25s cubic-bezier(.16,1,.3,1);position:absolute;top:2px;bottom:2px;left:0;box-shadow:0 1px 2px #0000000d,0 1px 3px #0000001a}:root:not([data-theme=dark]) .category-toggle-slider{background:#fff;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}:root[data-theme=dark] .category-toggle-slider{background:#ffffff1f;box-shadow:0 1px 3px #0006}.category-toggle-btn{z-index:2;height:100%;color:var(--text-mute);cursor:pointer;white-space:nowrap;transition:color .2s var(--ease-out), transform .15s var(--ease-out);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:0 16px;font-family:inherit;font-size:13px;font-weight:500;display:inline-flex;position:relative}.category-toggle-btn .toggle-label-short{display:none}.category-toggle-btn:hover{color:var(--ink)}.category-toggle-btn:active{transform:scale(.98)}.category-toggle-btn.active{color:var(--ink);font-weight:600}@media (width<=600px){.category-toggle{align-self:stretch;width:100%;display:flex}.category-toggle-btn{flex:1;padding:0 4px}.category-toggle-btn .toggle-label{display:none}.category-toggle-btn .toggle-label-short{display:inline}}.leaderboard-row{align-items:center;gap:var(--space-md);padding:10px var(--space-md);border-bottom:1px solid var(--hairline);transition:background-color .15s var(--ease-out);display:flex}.leaderboard-row:hover{background:var(--surface-soft)}.leaderboard-row:last-child{border-bottom:none}.leaderboard-rank{text-align:right;width:28px;color:var(--text-ash);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:13px;font-weight:700}.leaderboard-avatar{flex-shrink:0}.leaderboard-username{min-width:0;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;flex:auto;font-size:14px;font-weight:600;text-decoration:none;overflow:hidden}.leaderboard-username:hover{text-decoration:underline}.leaderboard-value{color:var(--ink);flex-shrink:0;align-items:baseline;gap:6px;font-size:15px;font-weight:700;display:inline-flex}.leaderboard-unit{color:var(--text-mute);font-size:12px;font-weight:500}.leaderboard-compare-link{border-radius:var(--rounded-sm);width:28px;height:28px;color:var(--text-mute);transition:background-color .15s var(--ease-out), color .15s var(--ease-out);flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.leaderboard-compare-link:hover{background:var(--surface-card);color:var(--ink)}@media (width<=600px){.leaderboard-unit{display:none}}.explore{gap:var(--space-lg);padding:var(--space-xl) 0 var(--space-section) 0;text-align:left;flex-direction:column;display:flex}.explore-header{border-bottom:1px solid var(--hairline);padding-bottom:var(--space-lg)}.explore-header h1{letter-spacing:-.5px;font-size:24px}.explore-subtitle{color:var(--text-mute);margin-top:var(--space-xs);font-size:14px}.leaderboard-list{border:1px solid var(--hairline);border-radius:var(--rounded-sm);margin:0;padding:0;list-style:none;overflow:hidden}.explore-load-more{align-self:center}