@font-face{font-family:Sora;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/1d4eaed977255102-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Sora;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/f3f7e95f2dbc4fe4-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Sora;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/1d4eaed977255102-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Sora;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/f3f7e95f2dbc4fe4-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Sora;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/1d4eaed977255102-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Sora;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/f3f7e95f2dbc4fe4-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Sora;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/1d4eaed977255102-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Sora;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/f3f7e95f2dbc4fe4-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Sora;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/1d4eaed977255102-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Sora;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/f3f7e95f2dbc4fe4-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Sora Fallback;src:local("Arial");ascent-override:85.29%;descent-override:25.50%;line-gap-override:0.00%;size-adjust:113.73%}.__className_4559c1{font-family:Sora,Sora Fallback;font-style:normal}.__variable_4559c1{--font-sans:"Sora","Sora Fallback"}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/886030b0b59bc5a7-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/0aa834ed78bf6d07-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/67957d42bae0796d-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/f911b923c6adde36-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/939c4f875ee75fbb-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/bb3ef058b751a6ad-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/886030b0b59bc5a7-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/0aa834ed78bf6d07-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/67957d42bae0796d-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/f911b923c6adde36-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/939c4f875ee75fbb-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/bb3ef058b751a6ad-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/886030b0b59bc5a7-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/0aa834ed78bf6d07-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/67957d42bae0796d-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/f911b923c6adde36-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/939c4f875ee75fbb-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/bb3ef058b751a6ad-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:JetBrains Mono Fallback;src:local("Arial");ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.00%;size-adjust:134.59%}.__className_e4414d{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.__variable_e4414d{--font-mono:"JetBrains Mono","JetBrains Mono Fallback"}:root{--bg:#080808;--bg-soft:#0e0e0e;--panel:#121212;--line:#1f1f1f;--line-2:#2b2b2b;--text:#ecebe5;--muted:#6f6e79;--dim:#46454f;--accent:#e8a33d;--accent-soft:#f1bf72;--status:var(--accent);--glow:rgba(232,163,61,.14);--live:#54d18c;--maxw:680px;--ease:cubic-bezier(.2,.7,.2,1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-sans),sans-serif;font-weight:300;line-height:1.65;font-size:16px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100vh;overflow-x:hidden;position:relative;display:flex;flex-direction:column}body.locked{overflow:hidden;height:100vh}body:after{content:"";z-index:1;pointer-events:none;opacity:.022;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E")}.gate,body:after{position:fixed;inset:0}.gate{z-index:50;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.4rem;cursor:pointer;transition:opacity .7s var(--ease),visibility .7s}.gate.gone{opacity:0;visibility:hidden;pointer-events:none}html.entered .gate{display:none}html.entered body.locked{overflow:auto;height:auto}.gate-mark{position:relative;font-family:var(--font-sans),sans-serif;font-weight:400;font-size:clamp(3rem,11vw,5rem);letter-spacing:-.03em;color:var(--text);text-shadow:0 0 45px var(--glow)}.gate-mark .acc{color:var(--accent);text-shadow:0 0 20px var(--accent)}.gate .enter-text{position:relative;font-family:var(--font-mono),monospace;font-size:.72rem;letter-spacing:.3em;text-transform:lowercase;color:var(--muted);animation:blink 2.4s ease-in-out infinite}@keyframes blink{0%,to{opacity:.4}50%{opacity:1}}.topbar{position:relative;z-index:5;width:100%;max-width:var(--maxw);margin:0 auto;padding:1.8rem clamp(1.4rem,5vw,2rem) 0;display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap}.brand{font-family:var(--font-sans),sans-serif;font-weight:500;font-size:1rem;letter-spacing:-.01em;color:var(--text);text-decoration:none}.brand .acc{color:var(--status);font-size:1.8em;transition:color .4s,text-shadow .4s;text-shadow:0 0 10px var(--status)}.nav{display:flex;gap:1.1rem;margin-left:auto}.nav a{font-family:var(--font-mono),monospace;font-size:.74rem;letter-spacing:.05em;text-transform:lowercase;color:var(--muted);text-decoration:none;position:relative;transition:color .3s}.nav a:after{content:"";position:absolute;left:0;bottom:-4px;height:1px;width:0;background:var(--accent);transition:width .3s var(--ease)}.nav a:hover{color:var(--text)}.nav a:hover:after{width:100%}.nav a.active{color:var(--text)}.nav a.active:after{width:100%}.sound-toggle{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;color:var(--muted);background:transparent;border:1px solid var(--line-2);border-radius:8px;cursor:pointer;transition:color .3s,border-color .3s,background .3s}.sound-toggle:hover{color:var(--text);border-color:var(--muted)}.sound-toggle[aria-pressed=true]{color:var(--accent-soft)}.status-line{width:100%;font-family:var(--font-mono),monospace;font-size:.7rem;letter-spacing:.08em;color:var(--muted);margin-top:.2rem;display:flex;align-items:center;gap:.5rem}.status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;background:var(--status);box-shadow:0 0 8px var(--status);transition:background .4s,box-shadow .4s}.clock-time{color:var(--muted);transition:color .3s}.clock-zone{color:var(--dim);transition:color .3s}.clock-link{display:inline-flex;align-items:center;gap:.7rem;color:inherit;text-decoration:none;transition:color .3s}.clock-link:hover,.clock-link:hover .clock-time{color:var(--text)}.clock-link:hover .clock-zone{color:var(--status)}main{position:relative;z-index:5;width:100%;max-width:var(--maxw);margin:0 auto;flex:1 1;padding:clamp(3rem,12vh,7rem) clamp(1.4rem,5vw,2rem) 2rem}.rise{opacity:0;transform:translateY(16px);animation:rise .85s var(--ease) forwards}@keyframes rise{to{opacity:1;transform:none}}.d1{animation-delay:.05s}.d2{animation-delay:.16s}.d3{animation-delay:.28s}.d4{animation-delay:.4s}.d5{animation-delay:.52s}.d6{animation-delay:.64s}.eyebrow{font-family:var(--font-mono),monospace;font-size:.7rem;letter-spacing:.28em;text-transform:lowercase;color:var(--dim);display:flex;align-items:center;gap:.7rem;margin-bottom:1.6rem}h1.name{font-weight:400;font-size:clamp(3rem,13vw,5.4rem);line-height:.95;letter-spacing:-.02em}.name .caret,h1.name .acc{color:var(--accent)}.name .caret{display:inline-block;font-weight:300;margin-left:.02em;animation:caretBlink 1.05s step-end infinite}@keyframes caretBlink{0%,to{opacity:1}50%{opacity:0}}@media(prefers-reduced-motion:reduce){.name .caret{animation:none}}.lead{margin-top:1.2rem;color:var(--muted);font-size:1.02rem;max-width:42ch}.whisper{margin-top:2.4rem;color:var(--dim);font-size:.82rem;font-style:italic}h2.page-title{font-weight:400;font-size:clamp(2.4rem,9vw,3.6rem);line-height:1;letter-spacing:-.02em}.page-sub{margin-top:.9rem;color:var(--muted);font-size:.95rem;max-width:48ch}.now-block{margin-top:2.8rem;display:flex;flex-wrap:wrap;gap:.8rem}.now-block .np{flex:1 1 270px;min-width:0}.np{display:flex;align-items:center;gap:.9rem;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:.85rem 1rem;text-decoration:none;color:inherit;cursor:pointer;transition:transform .3s,box-shadow .3s}.np:hover{transform:translateY(-1px)}.np-hint{font-family:var(--font-mono),monospace;font-size:.6rem;letter-spacing:.12em;text-transform:lowercase;color:var(--dim);margin-top:.5rem;transition:color .3s}.np:hover .np-hint{color:var(--accent-soft)}.np-art{width:46px;height:46px;border-radius:8px;flex-shrink:0;background:var(--bg-soft);background-size:cover;background-position:50%;border:1px solid var(--line);position:relative;overflow:hidden}.np-art.spinning:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.06) 50%,transparent 60%);animation:sheen 2.6s linear infinite}@keyframes sheen{to{transform:translateX(120%)}}.np-meta{min-width:0}.np-label{font-family:var(--font-mono),monospace;font-size:.6rem;letter-spacing:.2em;text-transform:lowercase;color:var(--dim);display:flex;align-items:center;line-height:1.4}.np-label .status-dot{margin-right:.5rem}.np-artist{transition:opacity .25s ease}.np-title{font-size:.9rem;color:var(--text)}.np-artist,.np-title{line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.np-artist{font-size:.76rem;color:var(--muted)}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--live);box-shadow:0 0 8px var(--live);margin-right:.45rem;display:inline-block;animation:pulse 1.6s ease-in-out infinite}.live-dot.off{background:var(--dim);box-shadow:none;animation:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.prose{margin-top:2.4rem;max-width:54ch}.prose p{color:var(--muted);margin-bottom:1.3rem}.prose p em{color:var(--text);font-style:italic}.prose strong{color:var(--text);font-weight:500}.prose b{color:var(--accent-soft);font-weight:400}.stack-line{margin-top:2rem;font-family:var(--font-mono),monospace;font-size:.78rem;color:var(--dim);line-height:2}.stack-line b{color:var(--accent-soft);font-weight:400}.skills{margin-top:2.6rem;gap:1.5rem}.skill,.skills{display:flex;flex-direction:column}.skill{gap:.55rem}.skill-top{display:flex;justify-content:space-between;align-items:baseline}.skill-name{font-size:.98rem;color:var(--text)}.skill-tag{font-family:var(--font-mono),monospace;font-size:.66rem;letter-spacing:.06em;color:var(--muted)}.bar{height:3px;background:var(--line);overflow:hidden}.bar,.bar span{border-radius:99px}.bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--accent-soft));box-shadow:0 0 10px var(--glow);transition:width 1.3s var(--ease)}.projects{margin-top:2.6rem;display:flex;flex-direction:column;gap:.7rem}.project{display:block;text-decoration:none;color:inherit;background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:1.25rem 1.35rem;position:relative;overflow:hidden;transition:border-color .35s var(--ease),transform .35s var(--ease),background .35s}.project:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--accent);transform:scaleY(0);transform-origin:top;transition:transform .35s var(--ease)}.project:hover{border-color:var(--line-2);transform:translateX(4px);background:#13131b}.project:hover:before{transform:scaleY(1)}.proj-top{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.proj-name{font-size:1.05rem;color:var(--text)}.proj-arrow{color:var(--dim);font-size:.9rem;transition:color .3s,transform .3s}.project:hover .proj-arrow{color:var(--accent);transform:translate(3px,-3px)}.proj-desc{font-size:.86rem;color:var(--muted);margin-top:.45rem;max-width:54ch}.proj-stack{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.85rem}.pill{font-family:var(--font-mono),monospace;font-size:.64rem;letter-spacing:.05em;color:var(--muted);border:1px solid var(--line-2);border-radius:99px;padding:.18rem .58rem}.empty-note{margin-top:2.4rem;color:var(--dim);font-size:.88rem;font-style:italic;max-width:46ch}.stats-grid{margin-top:2.6rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));grid-gap:.7rem;gap:.7rem}.stat{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:1.05rem 1.15rem}.stat .num{font-size:1.7rem;color:var(--text);font-weight:400;line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat .num-accent{color:var(--accent-soft);text-shadow:0 0 14px var(--glow)}.stat .lbl{font-family:var(--font-mono),monospace;font-size:.6rem;letter-spacing:.18em;text-transform:lowercase;color:var(--dim);margin-top:.45rem}.period{margin-top:1.6rem;display:flex;gap:.5rem;flex-wrap:wrap}.period button{font-family:var(--font-mono),monospace;font-size:.66rem;letter-spacing:.08em;text-transform:lowercase;color:var(--muted);background:transparent;border:1px solid var(--line-2);border-radius:99px;padding:.32rem .82rem;cursor:pointer;transition:color .3s,background .3s,border-color .3s}.period button:hover{color:var(--text);border-color:var(--muted)}.period button.active{color:var(--bg);background:var(--accent);border-color:var(--accent)}.music-section{margin-top:2.8rem}.ms-head{font-family:var(--font-mono),monospace;font-size:.66rem;letter-spacing:.2em;text-transform:lowercase;color:var(--dim);margin-bottom:1rem;display:flex;align-items:center;gap:.6rem}.ms-head:before{content:"";width:18px;height:1px;background:var(--line-2)}.rank-list{list-style:none;display:flex;flex-direction:column}.rank{display:flex;align-items:center;gap:.9rem;padding:.7rem .2rem;border-bottom:1px solid var(--line)}.rank:last-child{border-bottom:none}.rank-n{font-family:var(--font-mono),monospace;font-size:.72rem;color:var(--dim);width:1.5rem;flex-shrink:0;text-align:right}.rank-meta{min-width:0;flex:1 1}.rank-name{font-size:.92rem;color:var(--text)}.rank-name,.rank-sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-sub{font-size:.74rem;color:var(--muted)}.rank-plays{font-family:var(--font-mono),monospace;font-size:.68rem;color:var(--accent-soft);flex-shrink:0;white-space:nowrap}.rank-link{flex:1 1;min-width:0;display:flex;align-items:center;gap:.9rem;text-decoration:none;color:inherit}.rank-link .rank-name{transition:color .25s}.rank-link:hover .rank-name{color:var(--accent)}.rank-when{color:var(--muted)}.rank-live,.rank-when{font-family:var(--font-mono),monospace;font-size:.66rem;flex-shrink:0;white-space:nowrap}.rank-live{display:inline-flex;color:var(--live)}.foot,.rank-live{align-items:center}.foot{position:relative;z-index:5;width:100%;max-width:var(--maxw);margin:0 auto;padding:2.4rem clamp(1.4rem,5vw,2rem) 2.6rem;display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;border-top:1px solid var(--line);font-family:var(--font-mono),monospace;font-size:.7rem;color:var(--dim);letter-spacing:.05em}.socials{display:flex;gap:1.2rem}.socials a{color:var(--muted);text-decoration:none;position:relative;transition:color .3s}.socials a:after{content:"";position:absolute;left:0;bottom:-3px;height:1px;width:0;background:var(--accent);transition:width .3s}.socials a:hover{color:var(--text)}.socials a:hover:after{width:100%}.foot-tag{color:var(--muted)}.foot-tag .dot{color:var(--accent);transition:color .4s}::selection{background:var(--accent);color:var(--bg)}.page-inner{flex:1 0 auto;display:flex;flex-direction:column;width:100%;animation:pageDrift .55s var(--ease) both}@keyframes pageDrift{0%{opacity:0;transform:translateY(18px);filter:blur(7px)}to{opacity:1;transform:none;filter:blur(0)}}.page-wipe{display:none}@media(prefers-reduced-motion:reduce){.page-inner{animation:none}}@media(max-width:520px){.topbar{gap:.8rem}.nav{gap:.85rem;margin-left:0;width:100%;order:3}}