@font-face{font-family:display;src:url(../media/funnel_display-s.p.219q_s3ze4_4_.woff2)format("woff2");font-display:swap;font-weight:600 700}@font-face{font-family:display Fallback;src:local(Arial);ascent-override:94.19%;descent-override:23.55%;line-gap-override:0.0%;size-adjust:106.17%}.display_1923f595-module__nWS12a__className{font-family:display,display Fallback}.display_1923f595-module__nWS12a__variable{--font-funnel-display:"display", "display Fallback"}
@font-face{font-family:sans;src:url(../media/funnel_sans-s.p.3ue4zmcc990yg.woff2)format("woff2");font-display:swap;font-weight:400 600}@font-face{font-family:sans Fallback;src:local(Arial);ascent-override:99.42%;descent-override:24.85%;line-gap-override:0.0%;size-adjust:100.58%}.sans_c72a13b3-module__BczFNW__className{font-family:sans,sans Fallback}.sans_c72a13b3-module__BczFNW__variable{--font-funnel-sans:"sans", "sans Fallback"}
@font-face{font-family:mono;src:url(../media/geist_mono-s.p.29txv0wq9-da0.woff2)format("woff2");font-display:swap;font-weight:400 500}@font-face{font-family:mono Fallback;src:local(Arial);ascent-override:76.43%;descent-override:22.43%;line-gap-override:0.0%;size-adjust:131.49%}.mono_3476f64-module__7-l4KG__className{font-family:mono,mono Fallback}.mono_3476f64-module__7-l4KG__variable{--font-geist-mono:"mono", "mono Fallback"}
:root{--color-paper:#fff;--color-ground:#f5f5f3;--color-ink:#15140f;--color-ink-2:#5f5d55;--color-ink-3:#8f8c82;--color-rule:#e4e3dd;--color-rule-strong:#cfcdc5;--color-glass:#ffffffc7;--color-sky:#eef1ff;--color-sky-ink:#2b47e0;--color-mint:#e5f6ee;--color-mint-ink:#0e7a4e;--color-apricot:#fff2e5;--color-apricot-ink:#b4570f;--color-rose:#fcebeb;--color-rose-ink:#b3263a;--avatar-line:#15140f;--avatar-skin:#9a6644;--avatar-hair:#24201d;--avatar-curl:#4a443f;--avatar-shirt:#e6e5e1;--avatar-shirt-shade:#cfcdc6;--avatar-cap:#2b47e0;--avatar-cap-shade:#1f36b8;--avatar-sticker:none;--font-display:var(--font-funnel-display), "Helvetica Neue", Arial, sans-serif;--font-body:var(--font-funnel-sans), "Helvetica Neue", Arial, sans-serif;--font-mono:var(--font-geist-mono), ui-monospace, "SF Mono", Menlo, monospace;--text-mono:12px;--text-sm:14px;--text-body:16px;--text-lead:19px;--text-h3:26px;--text-h2:clamp(34px, 4.4vw, 56px);--text-display:clamp(52px, 8.6vw, 150px);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-10:128px;--grid-max:1320px;--grid-cols:12;--gutter:clamp(16px, 3vw, 40px);--radius-pill:999px;--shadow-float:0 1px 0 #15140f0a, 0 14px 34px -14px #15140f38;--ease-out:cubic-bezier(.2, .8, .2, 1)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-paper:#181815;--color-ground:#11110f;--color-ink:#f2f1eb;--color-ink-2:#a9a69c;--color-ink-3:#75726a;--color-rule:#282722;--color-rule-strong:#3a3832;--color-glass:#1e1e1ab8;--color-sky:#181d38;--color-sky-ink:#9cb0ff;--color-mint:#10271d;--color-mint-ink:#5fd3a0;--color-apricot:#2a1f14;--color-apricot-ink:#f2a65f;--color-rose:#2d1618;--color-rose-ink:#f38f9b;--avatar-sticker:drop-shadow(2px 0 0 #f2f1eb) drop-shadow(-2px 0 0 #f2f1eb) drop-shadow(0 2px 0 #f2f1eb) drop-shadow(0 -2px 0 #f2f1eb);--shadow-float:0 1px 0 #0000004d, 0 16px 36px -14px #000000b3}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-paper:#181815;--color-ground:#11110f;--color-ink:#f2f1eb;--color-ink-2:#a9a69c;--color-ink-3:#75726a;--color-rule:#282722;--color-rule-strong:#3a3832;--color-glass:#1e1e1ab8;--color-sky:#181d38;--color-sky-ink:#9cb0ff;--color-mint:#10271d;--color-mint-ink:#5fd3a0;--color-apricot:#2a1f14;--color-apricot-ink:#f2a65f;--color-rose:#2d1618;--color-rose-ink:#f38f9b;--avatar-sticker:drop-shadow(2px 0 0 #f2f1eb) drop-shadow(-2px 0 0 #f2f1eb) drop-shadow(0 2px 0 #f2f1eb) drop-shadow(0 -2px 0 #f2f1eb);--shadow-float:0 1px 0 #0000004d, 0 16px 36px -14px #000000b3}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-body);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}h1,h2,h3,h4{font-family:var(--font-display);text-wrap:balance;letter-spacing:-.02em;margin:0;line-height:1.05}p{margin:0}a{color:inherit}img,svg{max-width:100%}::selection{background:var(--color-sky);color:var(--color-sky-ink)}:focus-visible{outline:2px solid var(--color-sky-ink);outline-offset:3px}.container{width:100%;max-width:calc(var(--grid-max) + 2 * var(--gutter));padding-left:max(var(--gutter), env(safe-area-inset-left,0px));padding-right:max(var(--gutter), env(safe-area-inset-right,0px));margin-inline:auto}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.grid-bg{isolation:isolate;position:relative}.grid-bg:before{content:"";width:min(100% - 2 * var(--gutter), var(--grid-max));z-index:-1;pointer-events:none;background-image:linear-gradient(to right, var(--color-rule) 1px, transparent 1px);background-size:calc(100% / var(--grid-cols)) 100%;border-right:1px solid var(--color-rule);margin-inline:auto;position:absolute;inset:0;-webkit-mask-image:repeating-linear-gradient(#000 0 4px,#0000 4px 9px);mask-image:repeating-linear-gradient(#000 0 4px,#0000 4px 9px)}.band-ground{background:var(--color-ground)}.band-rule{border-top:1px solid var(--color-rule)}.label{font-family:var(--font-mono);font-size:var(--text-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-2);align-items:center;gap:var(--space-2);display:inline-flex}.label .sq{background:currentColor;width:8px;height:8px;display:inline-block}.section-label{font-family:var(--font-mono);font-size:var(--text-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-2)}.section-label b{color:var(--color-ink);font-weight:500}.section-title{font-size:var(--text-h2);font-weight:600}.lead{font-size:var(--text-lead);color:var(--color-ink-2);max-width:46ch;line-height:1.55}.lead strong{color:var(--color-ink);font-weight:500}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);height:48px;font:500 15px/1 var(--font-body);cursor:pointer;transition:transform .2s var(--ease-out), background .2s, border-color .2s, color .2s;border:1px solid #0000;padding:0 22px;text-decoration:none;display:inline-flex}.btn svg{width:16px;height:16px;transition:transform .25s var(--ease-out)}.btn:hover svg{transform:translate(2px,-2px)}.btn:active{transform:scale(.97)}.btn-primary{background:var(--color-ink);color:var(--color-paper)}.btn-primary:hover{background:var(--color-sky-ink);color:#fff}.btn-secondary{background:var(--color-paper);color:var(--color-ink);border-color:var(--color-rule-strong)}.btn-secondary:hover{border-color:var(--color-ink)}.btn-ghost{color:var(--color-ink);background:0 0;padding:0 12px}.btn-ghost:hover{background:var(--color-ground)}.btn-sm{height:36px;padding:0 14px;font-size:13.5px}.btn[disabled]{opacity:.45;pointer-events:none}.tag{border-radius:var(--radius-pill);height:24px;font:500 11px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;background:var(--color-ground);color:var(--color-ink-2);align-items:center;gap:6px;padding:0 10px;display:inline-flex}.tag-sky{background:var(--color-sky);color:var(--color-sky-ink)}.tag-mint{background:var(--color-mint);color:var(--color-mint-ink)}.tag-apricot{background:var(--color-apricot);color:var(--color-apricot-ink)}.tag-rose{background:var(--color-rose);color:var(--color-rose-ink)}.tag-outline{border:1px solid var(--color-rule-strong);background:0 0}.nav{z-index:50;top:calc(env(safe-area-inset-top,0px) + 20px);align-items:center;gap:var(--space-2);display:flex;position:fixed;left:50%;transform:translate(-50%)}.nav-pill,.nav-round{background:var(--color-glass);-webkit-backdrop-filter:blur(16px)saturate(1.4);backdrop-filter:blur(16px)saturate(1.4);border:1px solid var(--color-rule);border-radius:var(--radius-pill);box-shadow:var(--shadow-float);align-items:center;gap:2px;padding:5px;display:flex}.nav-item,.nav-round{width:42px;height:42px;color:var(--color-ink-2);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;transition:background .2s,color .2s;display:grid}.nav-round{width:54px;height:54px;padding:0}.nav-item svg,.nav-round svg{width:19px;height:19px}.nav-item:hover,.nav-round:hover{color:var(--color-ink);background:var(--color-ground)}.nav-item[aria-current=page]{color:var(--color-ink);background:var(--color-ground);box-shadow:inset 0 0 0 1px var(--color-rule-strong)}.nav-sep{background:var(--color-rule-strong);width:1px;height:22px;margin:0 4px}.nav-music{border-radius:var(--radius-pill);height:42px;color:var(--color-ink-3);cursor:pointer;font:500 12.5px/1 var(--font-body);white-space:nowrap;background:0 0;border:0;align-items:center;gap:8px;padding:0 12px;text-decoration:none;transition:background .3s,color .3s;display:flex}.nav-music[aria-current=page]{box-shadow:inset 0 0 0 1px var(--color-rule-strong)}.nav-music .nm-text{opacity:0;max-width:0;transition:max-width .45s var(--ease-out), opacity .3s;overflow:hidden}.nav-music[data-state=live]{background:var(--color-mint);color:var(--color-mint-ink)}.nav-music[data-state=live] .nm-text{opacity:1;max-width:220px}.nav-cta{border-radius:var(--radius-pill);background:var(--color-ink);height:54px;color:var(--color-paper);font:500 15px/1 var(--font-body);box-shadow:var(--shadow-float);align-items:center;gap:10px;padding:0 22px 0 6px;text-decoration:none;transition:background .2s;display:flex}.nav-cta:hover{background:var(--color-sky-ink);color:#fff}.nav-cta .face{background:var(--color-paper);border-radius:50%;place-items:center;width:42px;height:42px;display:grid;overflow:hidden}.nav-cta .face .avatar{width:40px;margin-top:6px}.eq{align-items:flex-end;gap:2px;height:14px;display:inline-flex}.eq i{background:currentColor;border-radius:1px;width:3px;height:30%}[data-state=live] .eq i{animation:.9s ease-in-out infinite eq}[data-state=live] .eq i:nth-child(2){animation-delay:-.3s}[data-state=live] .eq i:nth-child(3){animation-delay:-.6s}[data-state=live] .eq i:nth-child(4){animation-delay:-.15s}@keyframes eq{0%,to{height:25%}50%{height:100%}}.now{gap:var(--space-4);padding:var(--space-4);border:1px solid var(--color-rule);background:var(--color-paper);grid-template-columns:64px 1fr auto;align-items:center;transition:background .6s,border-color .6s;display:grid}.now[data-state=live]{background:color-mix(in oklab, var(--cover,var(--color-mint-ink)) 12%, var(--color-paper));border-color:color-mix(in oklab, var(--cover,var(--color-mint-ink)) 30%, var(--color-rule))}.now-cover{background:var(--color-ground);width:64px;height:64px;position:relative;overflow:hidden}.now-cover:after{content:"";border:2px solid var(--color-rule-strong);border-radius:50%;position:absolute;inset:18px}.now[data-state=live] .now-cover{background:linear-gradient(135deg, var(--color-sky-ink), #ff7a2f)}.now[data-state=live] .now-cover:after{border-color:#0000 #ffffffb3 #ffffffb3;animation:3s linear infinite spin}.now-cover.has-art:after{display:none}.now-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.now-status{font:500 11px/1.4 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-3);align-items:center;gap:8px;display:flex}.now[data-state=live] .now-status{color:var(--color-mint-ink)}.now-title{font:600 16px/1.3 var(--font-display);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.now-artist{color:var(--color-ink-2);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.now-bar{background:var(--color-rule);grid-column:1/-1;height:3px;position:relative}.now-bar i{background:var(--color-ink);width:0;transition:width 1s linear;position:absolute;inset:0 auto 0 0}.now[data-state=live] .now-bar i{background:color-mix(in oklab, var(--cover,var(--color-ink)) 70%, var(--color-ink))}.now-clock{color:var(--color-ink-3);letter-spacing:0;font-variant-numeric:tabular-nums;margin-left:auto}.now-listen{width:40px;height:40px;color:var(--color-ink);background:var(--color-paper);box-shadow:inset 0 0 0 1px var(--color-rule-strong);border-radius:50%;place-items:center;transition:background .2s,color .2s;display:grid}.now-listen svg{width:18px;height:18px}.now-listen:hover{background:var(--color-ink);color:var(--color-paper)}.spec dd.live{align-items:center;gap:12px;display:flex}.live-text{flex-direction:column;min-width:0;display:flex}.live-dot{width:8px;height:8px;color:var(--color-ink-3);background:currentColor;flex:none;margin-inline:4px}.live[data-status=online] .live-dot{color:var(--color-mint-ink);animation:2s ease-out infinite live-ping}.live[data-status=idle] .live-dot{color:var(--color-apricot-ink)}.live[data-status=dnd] .live-dot{color:var(--color-rose-ink)}@keyframes live-ping{0%{box-shadow:0 0 0 0 color-mix(in oklab, currentColor 45%, transparent)}70%,to{box-shadow:0 0 0 7px #0000}}.live-art{flex:none;width:40px;height:40px;position:relative}.live-art img:first-child{object-fit:cover;border-radius:8px;width:40px;height:40px;display:block}.live-badge{background:var(--color-paper);border-radius:50%;width:20px;height:20px;padding:2px;position:absolute;bottom:-6px;right:-6px}.amb-glow{z-index:-1;pointer-events:none;aspect-ratio:1;background:radial-gradient(closest-side, color-mix(in oklab, var(--cover,var(--color-mint-ink)) 22%, transparent), transparent);opacity:0;width:min(1000px,130vw);transition:opacity 1.2s;position:absolute;top:40%;left:50%;translate:-50% -50%}.amb-glow[data-on]{opacity:1;animation:6s ease-in-out infinite amb-breathe}@keyframes amb-breathe{50%{scale:1.1}}.amb-code{z-index:-1;pointer-events:none;opacity:0;justify-content:space-between;transition:opacity 1s;display:flex;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 14% 82%,#0000);mask-image:linear-gradient(#0000,#000 14% 82%,#0000)}.amb-code[data-on]{opacity:1}.amb-pane{width:calc(100% / var(--grid-cols) * 3);font:400 10px/18px var(--font-mono);color:var(--color-ink-3);position:relative;overflow:hidden}.amb-pane:after{content:"";background:color-mix(in oklab, var(--lang) 7%, transparent);border-left:2px solid color-mix(in oklab, var(--lang) 60%, transparent);height:18px;position:absolute;top:40%;left:0;right:0}.amb-scroll{animation:80s linear infinite paused amb-scroll}.amb-pane+.amb-pane .amb-scroll{animation-duration:104s}.amb-code[data-on] .amb-scroll{animation-play-state:running}@keyframes amb-scroll{to{transform:translateY(-50%)}}.amb-line{white-space:nowrap;align-items:center;gap:1.5ch;height:18px;display:flex}.amb-num{text-align:right;opacity:.45;flex:none;width:2ch}.amb-tokens{gap:.8ch;display:flex}.amb-tokens i{border-radius:2px;flex:none;height:5px}.amb-tokens i[data-tone="0"]{background:color-mix(in oklab, var(--lang) 38%, transparent)}.amb-tokens i[data-tone="1"]{background:color-mix(in oklab, var(--lang) 18%, transparent)}.amb-tokens i[data-tone="2"]{background:color-mix(in oklab, var(--color-ink-3) 25%, transparent)}.amb-tokens i[data-tone="3"]{background:color-mix(in oklab, color-mix(in oklab, var(--lang) 55%, var(--color-ink)) 30%, transparent)}.floor-eq{z-index:1;pointer-events:none;opacity:0;justify-content:space-between;align-items:flex-end;gap:4px;height:28px;transition:opacity .8s;display:flex;position:absolute;bottom:1.5px;left:0;right:0}.floor-eq[data-on]{opacity:1}.floor-eq i{transform-origin:bottom;background:color-mix(in oklab, var(--cover,var(--color-mint-ink)) 40%, transparent);flex:1;max-width:12px;height:100%;transform:scaleY(.06)}.floor-eq[data-on] i{animation:floor-eq var(--d) ease-in-out infinite alternate}@keyframes floor-eq{0%{transform:scaleY(.06)}to{transform:scaleY(var(--h))}}@keyframes spin{to{transform:rotate(360deg)}}.card{gap:var(--space-4);padding:var(--space-5);border:1px solid var(--color-rule);background:var(--color-paper);color:inherit;transition:transform .35s var(--ease-out), box-shadow .35s var(--ease-out);flex-direction:column;text-decoration:none;display:flex}.card:hover{box-shadow:var(--shadow-float);transform:translateY(-4px)}.card-sky{background:var(--color-sky)}.card-mint{background:var(--color-mint)}.card-apricot{background:var(--color-apricot)}.card-rose{background:var(--color-rose)}.card-media{aspect-ratio:16/10;border:1px dashed var(--color-rule-strong);background:repeating-linear-gradient(-45deg, transparent 0 11px, var(--color-rule) 11px 12px), var(--color-paper);max-width:100%;font:500 11px/1.4 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-3);text-align:center;padding:var(--space-4);place-items:center;display:grid}.card-head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.card-title{font-size:var(--text-h3);font-weight:600}.card-body{color:var(--color-ink-2);max-width:52ch;font-size:15px}.card-stack{font:400 12px/1.6 var(--font-mono);color:var(--color-ink-2)}.card-arrow{border:1px solid var(--color-rule-strong);border-radius:50%;flex:none;place-items:center;width:36px;height:36px;transition:background .2s,color .2s,border-color .2s;display:grid}.card-arrow svg{width:16px;height:16px}.card:hover .card-arrow{background:var(--color-ink);color:var(--color-paper);border-color:var(--color-ink)}.articles{border-top:1px solid var(--color-ink)}.article-row{gap:var(--space-5);padding:var(--space-5) var(--space-3);border-bottom:1px solid var(--color-rule);color:inherit;transition:background .2s, padding .3s var(--ease-out);grid-template-columns:110px 1fr auto 36px;align-items:center;text-decoration:none;display:grid}.article-row:hover{background:var(--color-rose);padding-left:var(--space-5)}.article-date{font:400 12px/1.4 var(--font-mono);color:var(--color-ink-3);font-variant-numeric:tabular-nums}.article-title{font:600 22px/1.2 var(--font-display);letter-spacing:-.015em}.article-row .card-arrow{width:32px;height:32px}.article-row:hover .card-arrow{background:var(--color-rose-ink);color:#fff;border-color:var(--color-rose-ink)}.music-hero{padding-top:calc(env(safe-area-inset-top,0px) + 118px);padding-bottom:var(--space-8)}.music-hero-grid{gap:var(--space-5);grid-template-columns:repeat(12,1fr);align-items:end;display:grid}.music-intro{gap:var(--space-5);flex-direction:column;grid-column:1/span 7;display:flex}.music-hero-grid>.now{grid-column:8/span 5}.music-title{font-size:var(--text-display);letter-spacing:-.045em;font-weight:700;line-height:.9}.figures-note{margin-top:var(--space-3);text-align:right;font:400 12px/1.4 var(--font-mono);color:var(--color-ink-3)}.now-more{color:var(--color-ink-2);align-self:flex-end;align-items:center;gap:6px;font-size:14px;text-decoration:none;display:inline-flex}.now-more svg{width:14px;height:14px;transition:transform .25s var(--ease-out)}.now-more:hover{color:var(--color-ink)}.now-more:hover svg{transform:translate(2px,-2px)}.music-total{font-size:var(--text-sm);color:var(--color-ink-2)}.music-total b{font:700 clamp(28px, 3vw, 40px)/1 var(--font-display);letter-spacing:-.03em;color:var(--color-ink);font-variant-numeric:tabular-nums;margin-right:6px}.music-head{margin-bottom:var(--space-3);font:500 var(--text-mono)/1.4 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-2)}.music-empty{padding-block:var(--space-4);border-top:1px solid var(--color-ink);color:var(--color-ink-3)}.period-tabs{flex-wrap:wrap;gap:6px;display:flex}.period-tab{border-radius:var(--radius-pill);border:1px solid var(--color-rule-strong);background:var(--color-paper);height:36px;color:var(--color-ink-2);font:500 13.5px/1 var(--font-body);cursor:pointer;padding:0 14px;transition:background .2s,color .2s,border-color .2s}.period-tab:hover{border-color:var(--color-ink);color:var(--color-ink)}.period-tab[aria-selected=true]{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-paper)}.charts{gap:var(--space-8);flex-direction:column;transition:opacity .25s;display:flex}.charts[data-loading]{opacity:.45}.charts-split{gap:var(--space-5);grid-template-columns:repeat(12,1fr);display:grid}.charts-split>:first-child{grid-column:1/span 6}.charts-split>:last-child{grid-column:8/span 5}.artist-wall{gap:var(--space-3);grid-template-columns:repeat(6,1fr);margin:0;padding:0;list-style:none;display:grid}.artist-wall li:first-child{grid-area:span 2/span 2}.artist-card{aspect-ratio:1;background:var(--color-mint-ink);color:#fff;text-decoration:none;display:block;position:relative;overflow:hidden}.artist-img img{object-fit:cover;width:100%;height:100%;transition:transform .5s var(--ease-out);position:absolute;inset:0}.artist-card:hover .artist-img img{transform:scale(1.05)}.artist-card:after{content:"";background:linear-gradient(#0000,#000000bf);position:absolute;inset:45% 0 0}.artist-rank{z-index:1;background:var(--color-paper);color:var(--color-ink);font:500 11px/1 var(--font-mono);padding:4px 6px;position:absolute;top:8px;left:8px}.artist-meta{z-index:1;flex-direction:column;gap:2px;min-width:0;display:flex;position:absolute;bottom:10px;left:12px;right:12px}.artist-meta b{text-overflow:ellipsis;white-space:nowrap;font:600 16px/1.15 var(--font-display);overflow:hidden}.artist-meta span{opacity:.85;font-size:12px}.artist-wall li:first-child .artist-meta{bottom:16px;left:18px}.artist-wall li:first-child .artist-meta b{white-space:normal;letter-spacing:-.02em;font-size:clamp(24px,2.8vw,38px)}.chart{border-top:1px solid var(--color-ink);margin:0;padding:0;list-style:none}.chart-row{isolation:isolate;align-items:center;gap:var(--space-4);padding:14px var(--space-3);border-bottom:1px solid var(--color-rule);transition:padding .25s var(--ease-out);grid-template-columns:3ch 1fr auto;text-decoration:none;display:grid;position:relative}.chart-row.has-cover{grid-template-columns:3ch 44px 1fr auto;padding-block:10px}.chart-row:before{content:"";z-index:-1;width:calc(var(--w) * 100%);background:var(--color-mint);transition:background .2s;position:absolute;inset:0 auto 0 0}.chart-row:hover{padding-left:var(--space-5)}.chart-row:hover:before{background:color-mix(in oklab, var(--color-mint-ink) 22%, var(--color-mint))}.chart-rank{font:400 12px/1 var(--font-mono);color:var(--color-ink-3)}.chart-cover{background:var(--color-ground);width:44px;height:44px;overflow:hidden}.chart-cover img{object-fit:cover;width:100%;height:100%;display:block}.chart-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:600 17px/1.25 var(--font-display);overflow:hidden}.chart-name small{text-overflow:ellipsis;font:400 13px/1.4 var(--font-body);color:var(--color-ink-3);display:block;overflow:hidden}.chart-plays{font:500 13px/1 var(--font-mono);color:var(--color-mint-ink);font-variant-numeric:tabular-nums}.album-grid{padding:var(--space-4) 0 0;gap:var(--space-5) var(--space-3);border-top:1px solid var(--color-ink);grid-template-columns:repeat(3,1fr);margin:0;list-style:none;display:grid}.album-card{flex-direction:column;gap:4px;min-width:0;text-decoration:none;display:flex}.album-cover{aspect-ratio:1;background:var(--color-ground);margin-bottom:6px;overflow:hidden}.album-cover img{object-fit:cover;width:100%;height:100%;transition:transform .5s var(--ease-out);display:block}.album-card:hover .album-cover img{transform:scale(1.05)}.album-card b,.album-card>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.album-card b{font:600 14px/1.25 var(--font-display)}.album-card>span:last-child{color:var(--color-ink-3);font-size:12px}.activity{gap:var(--space-8);flex-direction:column;display:flex}.daily{grid-auto-columns:1fr;grid-auto-flow:column;gap:3px;height:180px;display:grid}.daily-day{grid-template-rows:1fr auto;gap:8px;min-width:0;display:grid}.daily-day i{height:calc(max(var(--v), .015) * 100%);background:var(--color-rule-strong);align-self:end}.daily-day i[data-on]{background:var(--color-mint-ink)}.daily-day span{white-space:nowrap;height:10px;font:400 10px/1 var(--font-mono);color:var(--color-ink-3);overflow:visible}.activity-clock{gap:var(--space-5);grid-template-columns:repeat(12,1fr);align-items:start;display:grid}.activity-clock>div:first-child{grid-column:1/span 3}.clock-note{color:var(--color-ink-2);font-size:15px}.clock-note b{color:var(--color-ink);font-weight:600}.clock-grid{grid-column:4/-1;grid-template-columns:2ch repeat(24,1fr);gap:3px;display:grid}.clock-grid i{aspect-ratio:1;background:var(--color-paper)}.clock-grid i[data-on]{background:color-mix(in oklab, var(--color-mint-ink) calc(25% + var(--v) * 75%), var(--color-mint))}.clock-day,.clock-hour{font:400 10px/1 var(--font-mono);color:var(--color-ink-3);align-self:center}.clock-hour{white-space:nowrap;padding-top:6px}.history{border-top:1px solid var(--color-ink);margin:0;padding:0;list-style:none}.history-row{align-items:center;gap:var(--space-4);padding:10px var(--space-3);border-bottom:1px solid var(--color-rule);grid-template-columns:48px minmax(0,2fr) minmax(0,1.4fr) 22ch;text-decoration:none;transition:background .2s;display:grid}.history-row:hover{background:var(--color-mint)}.history-cover{background:var(--color-ground);width:48px;height:48px;overflow:hidden}.history-cover img{object-fit:cover;width:100%;height:100%;display:block}.history-title,.history-title small,.history-album{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.history-title{min-width:0;font:600 16px/1.25 var(--font-display)}.history-title small{font:400 13px/1.4 var(--font-body);color:var(--color-ink-3);display:block}.history-album{color:var(--color-ink-2);font-size:14px}.history-row>:last-child{justify-self:end}.history-time{white-space:nowrap;font:400 12px/1.4 var(--font-mono);color:var(--color-ink-3)}.spec{grid-template-columns:max-content 1fr;margin:0;display:grid}.spec dt,.spec dd{border-top:1px solid var(--color-rule);margin:0;padding:12px 0}.spec dt{font:500 11px/1.9 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-3);padding-right:var(--space-5)}.spec dd{font-size:15px}.spec dd small{color:var(--color-ink-3);font-size:13px;display:block}.avatar{aspect-ratio:400/520;width:100%;max-width:100%;display:block}.avatar.is-head{aspect-ratio:1}.avatar.is-head svg{filter:none;overflow:hidden}.avatar svg{width:100%;height:100%;filter:var(--avatar-sticker);display:block;overflow:visible}.a-all{transform:translateY(calc(var(--jump,0) * 1px)) scale(calc(2 - var(--squash,1)), var(--squash,1));transform-box:view-box;transform-origin:200px 520px}.a-neck{transform:translate(calc(var(--look,0) * 2px), 0)}.a-collar{transform:translate(calc(var(--look,0) * 3px), 0)}.a-head{transform:translateY(calc(var(--bob,0) * 1px)) rotate(calc(var(--look,0) * 2deg + var(--wobble,0) * 1deg + var(--groove,0) * 1deg));transform-box:view-box;transform-origin:200px 330px}.a-ears{transform:translate(calc(var(--look,0) * -3px), calc(var(--look-y,0) * 2px))}.a-face{transform:translate(calc(var(--look,0) * 5px), calc(var(--look-y,0) * 3px))}.a-hair{transform:translate(calc(var(--look,0) * 3px), calc(var(--look-y,0) * -3px))}.a-feat{transform:translate(calc(var(--look,0) * 16px), calc(var(--look-y,0) * 10px))}.a-pupils{transform:translate(calc(var(--look,0) * 6px), calc(var(--look-y,0) * 4px))}.a-lids{transform-box:fill-box;transform-origin:50%;transform:scaleY(var(--blink,1))}.a-brow-l,.a-brow-r{transition:transform .22s var(--ease-out);transform-box:fill-box;transform-origin:50%}.a-eyes-happy,.a-eyes-sleepy,.a-eyes-dizzy,.a-mouth-talk,.a-mouth-laugh,.a-mouth-o,.a-mouth-small,.a-mouth-wavy,.a-dizzy-stars,.a-zzz,.avatar[data-talk="1"]:not([data-mood]) .a-mouth-smile{display:none}.avatar[data-talk="1"]:not([data-mood]) .a-mouth-talk{display:inline}.avatar[data-mood=surprised] .a-brow-l,.avatar[data-mood=surprised] .a-brow-r{transform:translateY(-9px)}.avatar[data-mood=surprised] .a-mouth-smile{display:none}.avatar[data-mood=surprised] .a-mouth-o{display:inline}.avatar[data-mood=happy] .a-brow-l,.avatar[data-mood=happy] .a-brow-r{transform:translateY(-5px)}.avatar[data-mood=happy] .a-eyes-dot,.avatar[data-mood=happy] .a-mouth-smile{display:none}.avatar[data-mood=happy] .a-eyes-happy,.avatar[data-mood=happy] .a-mouth-laugh{display:inline}.avatar[data-mood=doubt] .a-brow-l{transform:translateY(-9px)rotate(-6deg)}.avatar[data-mood=doubt] .a-brow-r{transform:translateY(3px)rotate(4deg)}.avatar[data-mood=doubt] .a-mouth-smile{display:none}.avatar[data-mood=doubt] .a-mouth-small{display:inline}.avatar[data-mood=sleepy] .a-brow-l,.avatar[data-mood=sleepy] .a-brow-r{transform:translateY(4px)}.avatar[data-mood=sleepy] .a-eyes-dot,.avatar[data-mood=sleepy] .a-mouth-smile{display:none}.avatar[data-mood=sleepy] .a-eyes-sleepy,.avatar[data-mood=sleepy] .a-mouth-small,.avatar[data-mood=sleepy] .a-zzz{display:inline}.a-zzz{animation:2.4s ease-in-out infinite zzz}@keyframes zzz{50%{opacity:.5;transform:translate(6px,-8px)}}.avatar[data-mood=dizzy] .a-eyes-dot,.avatar[data-mood=dizzy] .a-mouth-smile{display:none}.avatar[data-mood=dizzy] .a-eyes-dizzy,.avatar[data-mood=dizzy] .a-mouth-wavy,.avatar[data-mood=dizzy] .a-dizzy-stars{display:inline}.a-dizzy-stars{transform-box:view-box;transform-origin:213px 116px;animation:1.4s linear infinite orbit}@keyframes orbit{to{transform:rotate(360deg)}}.avatar[data-mood=focus] .a-brow-l{transform:translateY(4px)rotate(6deg)}.avatar[data-mood=focus] .a-brow-r{transform:translateY(4px)rotate(-6deg)}.avatar[data-mood=focus] .a-mouth-smile{display:none}.avatar[data-mood=focus] .a-mouth-small{display:inline}.avatar[data-talk="1"][data-mood=focus] .a-mouth-small{display:none}.avatar[data-talk="1"][data-mood=focus] .a-mouth-talk{display:inline}@property --groove{syntax:"<number>";inherits:true;initial-value:0}@property --bob{syntax:"<number>";inherits:true;initial-value:0}.hero-avatar[data-groove] .avatar{animation:1.2s ease-in-out infinite groove}@keyframes groove{0%,to{--groove:-2.5;--bob:0}25%,75%{--bob:3}50%{--groove:2.5;--bob:0}}.avatar.is-clickable{cursor:pointer}.bubble{z-index:3;letter-spacing:normal;text-align:left;background:var(--color-paper);max-width:260px;color:var(--color-ink);border:1.5px solid var(--color-ink);box-shadow:4px 4px 0 var(--color-ink);transform-origin:0 100%;transition:transform .3s var(--ease-out), opacity .2s;border-radius:18px 18px 18px 4px;margin:0;padding:12px 16px;font-size:14px;font-weight:400;line-height:1.45;position:absolute}.bubble strong{font:600 15px/1.2 var(--font-display);align-items:center;gap:8px;margin-bottom:2px;display:flex}.bubble strong img{width:20px;height:20px}.bubble.pop{animation:pop .35s var(--ease-out)}@keyframes pop{0%{transform:scale(.85)}60%{transform:scale(1.04)}to{transform:scale(1)}}.playground{pointer-events:none;z-index:2;position:absolute;inset:0}.chip{background:var(--color-paper);border:1.5px solid var(--color-ink);box-shadow:0 3px 0 var(--color-ink);pointer-events:auto;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;will-change:transform;border-radius:50%;place-items:center;display:grid;position:absolute;top:0;left:0}.chip img{pointer-events:none;-webkit-user-drag:none;width:54%;height:54%}.chip:hover{box-shadow:0 3px 0 var(--color-ink), 0 0 0 5px var(--color-sky)}.chip.held{cursor:grabbing;box-shadow:0 10px 0 -2px var(--color-ink), 0 0 0 6px var(--color-sky);z-index:5}.chip:focus-visible{outline:2px solid var(--color-sky-ink);outline-offset:4px}.card-media:has(img){border-style:solid;border-color:var(--color-rule);background:var(--color-paper);padding:0;overflow:hidden}.card-media img{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .6s var(--ease-out);display:block}.card:hover .card-media img{transform:scale(1.035)}.tilt{transform-style:preserve-3d;transition:transform .45s var(--ease-out), box-shadow .35s var(--ease-out)}.tilt:hover{transform:perspective(900px) rotateX(var(--ry,0deg)) rotateY(var(--rx,0deg)) translateY(-4px)}.timeline{border-top:1px solid var(--color-ink)}.step{border-bottom:1px solid var(--color-rule)}.step summary{cursor:pointer;gap:var(--space-5);padding:var(--space-5) var(--space-3);grid-template-columns:56px 1fr auto 28px;align-items:center;list-style:none;transition:background .2s;display:grid}.step summary::-webkit-details-marker{display:none}.step summary:hover{background:var(--color-ground)}.step-logo{border:1px solid var(--color-rule);background:#fff;place-items:center;width:56px;height:56px;display:grid;overflow:hidden}.step-logo img{object-fit:contain;width:78%;height:78%}.step-role{flex-direction:column;gap:2px;display:flex}.step-role b{font:600 20px/1.2 var(--font-display);letter-spacing:-.01em}.step-role span{color:var(--color-ink-2);font-size:14.5px}.step-date{font:400 12px/1.4 var(--font-mono);color:var(--color-ink-3);text-align:right;font-variant-numeric:tabular-nums}.step-toggle{border:1px solid var(--color-rule-strong);width:28px;height:28px;transition:transform .3s var(--ease-out), background .2s;border-radius:50%;position:relative}.step-toggle:before,.step-toggle:after{content:"";background:currentColor;width:10px;height:1.5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.step-toggle:after{transform:translate(-50%,-50%)rotate(90deg)}.step[open] .step-toggle{background:var(--color-ink);color:var(--color-paper);border-color:var(--color-ink);transform:rotate(45deg)}.step-body{padding:0 var(--space-3) var(--space-5) calc(56px + var(--space-5) + var(--space-3));gap:var(--space-4);flex-direction:column;display:flex}.step-body p{color:var(--color-ink-2);max-width:68ch}.tags{flex-wrap:wrap;gap:6px;display:flex}.tag img{width:14px;height:14px}.hero{padding-top:calc(env(safe-area-inset-top,0px) + 118px);padding-bottom:var(--space-8);overflow:clip}.hero-top{justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;display:flex}.hint{color:var(--color-ink)}.hint .arrow{animation:1.6s ease-in-out infinite nudge;display:inline-block}@keyframes nudge{50%{transform:translateY(3px)}}.hero-stage{margin-block:var(--space-4) var(--space-7);position:relative}.hero-name{font-size:var(--text-display);letter-spacing:-.045em;padding-top:var(--space-8);grid-template-columns:1fr clamp(220px,25vw,370px) 1fr;align-items:center;font-weight:700;line-height:.9;display:grid}.hero-name .w1{text-align:right;padding-right:.08em}.hero-name .w2{text-align:left;padding-left:.06em}.hero-avatar{position:relative}.hero-stage>.bubble{left:calc(50% + clamp(220px,25vw,370px)/3.33333);top:var(--space-6);width:max-content}.stage-floor{border-bottom:1.5px solid var(--color-ink);position:absolute;bottom:0;left:0;right:0}.hero-foot{gap:var(--space-5);grid-template-columns:repeat(12,1fr);align-items:start;display:grid}.hero-intro{gap:var(--space-6);flex-direction:column;grid-column:1/span 5;display:flex}.hero-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.hero-spec{gap:var(--space-4);flex-direction:column;grid-column:8/span 5;display:flex}.demo-switch{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.demo-switch .label{font-size:11px}.figures{border-top:1px solid var(--color-rule);border-bottom:1px solid var(--color-rule);grid-template-columns:repeat(4,1fr);display:grid}.figures div{padding:var(--space-6) var(--space-5);flex-direction:column;gap:6px;display:flex}.figures div+div{border-left:1px solid var(--color-rule)}.figures b{font:700 clamp(40px, 5vw, 64px)/1 var(--font-display);letter-spacing:-.04em;font-variant-numeric:tabular-nums}.figures div:first-child b{color:var(--color-sky-ink)}.figures div:nth-child(2) b{color:var(--color-mint-ink)}.figures div:nth-child(3) b{color:var(--color-apricot-ink)}.figures div:nth-child(4) b{color:var(--color-rose-ink)}.section{padding-block:var(--space-9)}.section-head{justify-content:space-between;align-items:end;gap:var(--space-5);margin-bottom:var(--space-7);flex-wrap:wrap;display:flex}.section-head>div:first-child{gap:var(--space-3);flex-direction:column;display:flex}.legend{gap:var(--space-2);flex-wrap:wrap;display:flex}.projects{gap:var(--space-5);grid-template-columns:repeat(2,1fr);display:grid}.card.feature{gap:var(--space-6);padding:var(--space-6);grid-column:1/-1;grid-template-columns:1.45fr 1fr;align-items:center;display:grid}.card.feature .feature-text{gap:var(--space-4);flex-direction:column;display:flex}.card.feature .card-title{font-size:clamp(32px,4vw,48px)}.live-link{font:500 12px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--color-mint-ink);align-items:center;gap:8px;display:inline-flex}.live-link:before{content:"";width:8px;height:8px;box-shadow:0 0 0 4px var(--color-mint);background:currentColor;border-radius:50%}.edu-head{margin:var(--space-7) 0 var(--space-4)}.writing{gap:var(--space-5);grid-template-columns:repeat(12,1fr);display:grid}.writing .articles{grid-column:1/span 8}.writing aside{gap:var(--space-4);flex-direction:column;grid-column:10/span 3;display:flex}.api-note{font:400 12px/1.7 var(--font-mono);color:var(--color-ink-3)}.api-note code{color:var(--color-ink)}.foot{padding-block:var(--space-9) var(--space-7);gap:var(--space-8);flex-direction:column;display:flex}.foot-main{justify-content:space-between;align-items:end;gap:var(--space-6);flex-wrap:wrap;display:flex}.foot-big{letter-spacing:-.045em;font-size:clamp(44px,7vw,112px);font-weight:700;line-height:.95}.foot-big a{transition:background-size .5s var(--ease-out);background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0 4px;text-decoration:none}.foot-big a:hover{background-size:100% 4px}.foot-wave{width:clamp(120px,14vw,180px)}.foot-row{justify-content:space-between;gap:var(--space-4);border-top:1px solid var(--color-rule);padding-top:var(--space-5);flex-wrap:wrap;display:flex}.foot-row nav{gap:var(--space-5);flex-wrap:wrap;display:flex}.foot-row a{color:var(--color-ink-2);font-size:15px;text-decoration:none}.foot-row a:hover{color:var(--color-ink)}@media (max-width:1080px){.hero-intro{grid-column:1/span 7}.hero-spec{grid-column:8/span 5}.card.feature{grid-template-columns:1fr}}@media (max-width:860px){.amb-pane{width:42%}.music-hero{padding-top:calc(env(safe-area-inset-top,0px) + 40px)}.music-intro,.music-hero-grid>.now,.charts-split>:first-child,.charts-split>:last-child,.activity-clock>div:first-child,.clock-grid{grid-column:1/-1}.charts-split{row-gap:var(--space-8)}.artist-wall{grid-template-columns:repeat(3,1fr)}.history-row{grid-template-columns:48px minmax(0,1fr) auto}.history-album{display:none}.clock-grid{gap:2px}.daily{gap:2px;height:140px}.floor-eq i:nth-child(2n){display:none}.amb-code[data-on]{opacity:.6}.hero{padding-top:calc(env(safe-area-inset-top,0px) + 40px)}.hero-name{padding-top:var(--space-4);grid-template-columns:auto auto;justify-content:start;column-gap:.25em;font-size:clamp(42px,12vw,96px)}.hero-name .w1,.hero-name .w2{text-align:left;margin:0;padding:0}.hero-name .hero-avatar{grid-area:2/1/auto/-1;justify-self:center;width:min(260px,70%);margin-top:128px}.hero-stage>.bubble{max-width:250px;font-size:13.5px;top:calc(clamp(42px,12vw,96px) + 34px);left:50%;translate:-50%}.hero-foot,.writing{grid-template-columns:1fr}.hero-intro,.hero-spec,.writing .articles,.writing aside{grid-column:1/-1}.figures{grid-template-columns:1fr 1fr}.figures div:nth-child(3){border-left:0}.figures div:nth-child(n+3){border-top:1px solid var(--color-rule)}.projects{grid-template-columns:1fr}.card.feature{padding:var(--space-5)}.step summary{gap:var(--space-3);grid-template-columns:44px 1fr 28px}.step-logo{width:44px;height:44px}.step-date{text-align:left;grid-area:2/2}.step-toggle{grid-area:1/3/span 2}.step-body{padding-left:var(--space-3)}.article-row{gap:var(--space-2) var(--space-4);grid-template-columns:1fr 32px}.article-row .article-date,.article-row .article-title{grid-column:1}.article-row .tag{display:none}.article-row .card-arrow{grid-area:1/2/span 2}.nav{top:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 14px)}.nav-cta span:last-child,.nav-music .nm-text{display:none}.nav-cta{padding:0 6px}.foot{padding-bottom:calc(var(--space-10) + env(safe-area-inset-bottom,0px))}}@media (max-width:420px){.nav-item{width:38px;height:38px}.nav-round{display:none}}html{scroll-behavior:smooth;scroll-padding-top:96px}.chip{padding:0}.step-initials{font:600 14px/1 var(--font-display);color:var(--color-ink-2);text-transform:uppercase}.articles-empty{padding:var(--space-6) var(--space-3);gap:var(--space-3);flex-direction:column;display:flex}.articles-empty .lead{font-size:16px}.writing .articles{grid-column:1/-1;max-width:880px}.card-media img{height:100%}.lost{min-height:100svh;padding-block:var(--space-10);align-items:center;display:grid}.lost-in{gap:var(--space-8);grid-template-columns:minmax(180px,300px) 1fr;align-items:center;display:grid}.lost-text{gap:var(--space-5);flex-direction:column;align-items:flex-start;display:flex}@media (max-width:760px){.lost-in{grid-template-columns:1fr}.lost-avatar{width:220px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.bubble-ghost{visibility:hidden}.site-foot{padding-block:var(--space-6) calc(var(--space-7) + env(safe-area-inset-bottom,0px))}.post{gap:var(--space-7);grid-template-columns:minmax(0,1fr) clamp(220px,24vw,320px);align-items:end;display:grid}.post-card{perspective:1200px}.postcard{gap:var(--space-6);padding:var(--space-6);background:var(--color-paper);border:1.5px solid var(--color-ink);box-shadow:8px 8px 0 var(--color-ink);transform-origin:50% 100%;grid-template-columns:1.25fr auto 1fr;display:grid;position:relative}.postcard:after{content:"";background:var(--color-rule-strong);grid-area:1/2;width:1px}.pc-left{gap:var(--space-4);flex-direction:column;grid-area:1/1;min-width:0;display:flex}.pc-right{gap:var(--space-4);flex-direction:column;grid-area:1/3;min-width:0;display:flex}.pc-label{font:500 11px/1.4 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-3)}.pc-lines{resize:vertical;width:100%;min-height:224px;font:400 17px/32px var(--font-body);color:var(--color-ink);background:repeating-linear-gradient(transparent 0 31px, var(--color-rule-strong) 31px 32px);background-attachment:local;border:0;outline:0;padding:0}.pc-lines::placeholder,.pc-field input::placeholder{color:var(--color-ink-3)}.pc-lines:focus-visible{box-shadow:0 2px 0 var(--color-sky-ink)}.pc-subject{gap:var(--space-2);border:0;flex-direction:column;margin:0;padding:0;display:flex}.pc-chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.pc-chip input{opacity:0;pointer-events:none;position:absolute}.pc-chip span{border-radius:var(--radius-pill);border:1px solid var(--color-rule-strong);cursor:pointer;align-items:center;height:34px;padding:0 14px;font-size:14px;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.pc-chip span:hover{border-color:var(--color-ink)}.pc-chip input:checked+span{background:var(--color-ink);color:var(--color-paper);border-color:var(--color-ink)}.pc-chip input:focus-visible+span{outline:2px solid var(--color-sky-ink);outline-offset:2px}.pc-top{justify-content:flex-end;align-items:flex-start;gap:var(--space-2);min-height:112px;display:flex}.stamp{--r:5px;background:var(--color-paper);width:92px;-webkit-mask:radial-gradient(var(--r) at var(--r) var(--r), #0000 97%, #000) calc(-1 * var(--r)) calc(-1 * var(--r)) / calc(2 * var(--r)) calc(2 * var(--r)) round, linear-gradient(#000 0 0) content-box;-webkit-mask:radial-gradient(var(--r) at var(--r) var(--r), #0000 97%, #000) calc(-1 * var(--r)) calc(-1 * var(--r)) / calc(2 * var(--r)) calc(2 * var(--r)) round, linear-gradient(#000 0 0) content-box;mask:radial-gradient(var(--r) at var(--r) var(--r), #0000 97%, #000) calc(-1 * var(--r)) calc(-1 * var(--r)) / calc(2 * var(--r)) calc(2 * var(--r)) round, linear-gradient(#000 0 0) content-box;filter:drop-shadow(0 0 1px var(--color-ink-3));order:2;padding:9px;transform:rotate(3deg)}.stamp-in{background:var(--color-sky);border:1px solid var(--color-sky-ink);flex-direction:column;align-items:center;padding:6px 4px 4px;display:flex}.stamp-in .avatar{width:60px}.stamp-in span{font:600 9px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--color-sky-ink);margin-top:2px}.postmark{width:112px;color:var(--color-ink-2);opacity:.75;z-index:1;order:1;position:relative;transform:rotate(-10deg)translate(26px,22px)}.pc-field{flex-direction:column;gap:4px;display:flex}.pc-field input{border:0;border-bottom:1px solid var(--color-rule-strong);color:var(--color-ink);font:400 17px/1.4 var(--font-body);background:0 0;border-radius:0;outline:0;padding:6px 0;transition:border-color .2s}.pc-field input:focus{border-bottom-color:var(--color-ink)}.pc-to{color:var(--color-ink-2);gap:var(--space-2);align-items:baseline;font-size:15px;display:flex}.pc-trap{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.pc-send{margin-top:var(--space-2);align-self:flex-start}.postcard-sent{align-items:flex-start;gap:var(--space-4);flex-direction:column;justify-content:center;min-height:360px;display:flex}.postcard-sent:after{display:none}.envelope{width:140px;color:var(--color-ink)}.post-man{align-items:center;gap:var(--space-4);flex-direction:column;display:flex;position:relative}.post-man .avatar{width:100%}.post-bubble{animation:pop .35s var(--ease-out);align-self:stretch;position:relative;top:auto;left:auto}@media (max-width:960px){.post{grid-template-columns:1fr}.post-man{flex-direction:row;order:-1;align-items:flex-end}.post-man .avatar{flex:none;width:140px}.post-bubble{align-self:auto}}@media (max-width:760px){.postcard{padding:var(--space-5);box-shadow:5px 5px 0 var(--color-ink);grid-template-columns:1fr}.postcard:after{display:none}.pc-left,.pc-right{grid-area:auto/1}.pc-right{border-top:1px solid var(--color-rule-strong);padding-top:var(--space-5)}.pc-top{order:-1;min-height:0}}.pc-field[data-state=error] input,.pc-field[data-state=error] .pc-lines{border-bottom-color:var(--color-rose-ink)}.pc-field[data-state=error] .pc-lines{background-image:repeating-linear-gradient(transparent 0 31px, color-mix(in srgb, var(--color-rose-ink) 45%, transparent) 31px 32px)}.pc-field[data-state=error] .pc-label{color:var(--color-rose-ink)}.pc-field[data-state=valid] .pc-label:after{content:" ✓";color:var(--color-mint-ink);letter-spacing:0}.pc-field-error{color:var(--color-rose-ink);align-items:baseline;gap:6px;margin:0;font-size:13.5px;line-height:1.4;display:flex}.pc-field-error:before{content:"!";background:var(--color-rose-ink);width:16px;height:16px;color:var(--color-paper);font:700 11px/1 var(--font-mono);border-radius:50%;flex:none;place-items:center;display:inline-grid;transform:translateY(2px)}.pc-meta{justify-content:space-between;align-items:baseline;gap:var(--space-3);min-height:20px;display:flex}.pc-count{font:400 12px/1.4 var(--font-mono);color:var(--color-ink-3);font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto}.pc-count.is-over{color:var(--color-rose-ink)}.pc-alert{color:var(--color-rose-ink);background:var(--color-rose);border-left:3px solid var(--color-rose-ink);padding:var(--space-3) var(--space-4);font-size:14px;line-height:1.5}.pc-alert a{color:inherit;font-weight:500}.pc-summary{font:500 12px/1.4 var(--font-mono);letter-spacing:.04em;color:var(--color-rose-ink);margin:0}.pc-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin}.preloader{z-index:100;background:var(--color-paper);padding:max(16px, env(safe-area-inset-left,0px));animation:pl-out .6s var(--ease-out) 4s forwards;place-items:center;display:grid;position:fixed;inset:0}.seen .preloader{display:none}@media (prefers-reduced-motion:reduce){.preloader{display:none}}html:not(.seen):has(.preloader){overflow:hidden}.preloader.is-enter{animation:.65s cubic-bezier(.7,0,.2,1) .3s forwards pl-out}@keyframes pl-out{to{clip-path:inset(0 0 100%);visibility:hidden}}.pl-in{align-items:center;gap:var(--space-6);flex-direction:column;display:flex}.pl-typed{font:500 15px/1 var(--font-mono);color:var(--color-ink);align-items:center;gap:2px;min-height:20px;display:flex}.pl-prompt{color:var(--color-ink-3);margin-right:10px}.pl-char{opacity:0;animation:2.6s step-end infinite pl-char}@keyframes pl-char{0%{opacity:0}4%,86%{opacity:1}87%,to{opacity:0}}.pl-caret{background:var(--color-sky-ink);width:9px;height:17px;margin-left:3px;animation:1s step-end infinite pl-blink}@keyframes pl-blink{50%{opacity:0}}.pl-keys{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.pl-key{aspect-ratio:1;background:var(--color-paper);width:clamp(38px,9vw,56px);color:var(--color-ink);border:1.5px solid var(--color-ink);box-shadow:0 5px 0 var(--color-ink);font:600 clamp(16px, 3.4vw, 22px)/1 var(--font-display);border-radius:10px;place-items:center;animation:2.6s ease-out infinite pl-press;display:grid}.pl-enter{aspect-ratio:auto;background:var(--color-ink);width:clamp(64px,15vw,92px);color:var(--color-paper);animation:none}@keyframes pl-press{0%,7%,to{box-shadow:0 5px 0 var(--color-ink);background:var(--color-paper);transform:translateY(0)}3%{box-shadow:0 0 0 var(--color-ink);background:var(--color-sky);transform:translateY(5px)}}.is-enter .pl-enter{animation:.3s ease-out forwards pl-enter}@keyframes pl-enter{40%{box-shadow:0 0 0 var(--color-ink);background:var(--color-sky-ink);transform:translateY(5px)}to{transform:translateY(0)}}.pl-bar{background:var(--color-rule);width:min(320px,70vw);height:3px;overflow:hidden}.pl-bar i{background:var(--color-ink);transform-origin:0;width:100%;height:100%;animation:3s cubic-bezier(.2,.7,.2,1) forwards pl-bar;display:block;transform:scaleX(0)}.is-enter .pl-bar i{animation:.3s ease-out forwards pl-bar-end}@keyframes pl-bar{to{transform:scaleX(.86)}}@keyframes pl-bar-end{0%{transform:scaleX(.86)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.article-title small{font:400 14px/1.45 var(--font-body);letter-spacing:normal;color:var(--color-ink-2);margin-top:4px;display:block}.writing-page{padding-bottom:var(--space-10);gap:var(--space-4);flex-direction:column;display:flex}.writing-page .articles{max-width:880px}.post-head{padding-top:calc(env(safe-area-inset-top,0px) + 118px);padding-bottom:var(--space-8);border-bottom:1px solid var(--color-rule)}.post-back{font:500 12px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-2);text-decoration:none}.post-back:hover{color:var(--color-ink)}.post-meta{align-items:center;gap:var(--space-3);margin-top:var(--space-7);flex-wrap:wrap;display:flex}.post-title{margin-top:var(--space-5);max-width:20ch;font-size:clamp(40px,6vw,84px);font-weight:600}.post-summary{margin-top:var(--space-5);max-width:54ch}.post-tags{margin:var(--space-5) 0 0;padding:0;list-style:none}.post-layout{gap:var(--space-5);padding-block:var(--space-8) var(--space-10);grid-template-columns:repeat(12,1fr);display:grid}.post-main{grid-column:1/span 8;min-width:0}.post-foot{max-width:70ch;margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-ink);gap:var(--space-6);flex-direction:column;font-size:18px;display:flex}.post-author{justify-content:space-between;align-items:center;gap:var(--space-5);flex-wrap:wrap;display:flex}.post-author p{color:var(--color-ink-2);flex:320px;font-size:16px}.post-author strong{color:var(--color-ink);font-weight:600}.post-share{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.post-share .label{margin-right:var(--space-2)}.post-share .chip-btn,.post-share .copy{align-items:center;height:32px;padding:0 14px;font-size:12px;text-decoration:none;display:inline-flex}.post-related{gap:var(--space-3);flex-direction:column;display:flex}.post-side{align-self:start;gap:var(--space-4);flex-direction:column;grid-column:10/span 3;display:flex;position:sticky;top:104px}.prose{max-width:70ch;font-size:18px;line-height:1.72}.prose>*+*{margin-top:1.15em}.prose h2{margin-top:2.2em;scroll-margin-top:110px;font-size:clamp(26px,3vw,34px);font-weight:600}.prose h3{margin-top:1.8em;scroll-margin-top:110px;font-size:22px;font-weight:600}.prose h2+*,.prose h3+*{margin-top:.7em}.prose a{color:inherit;text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--color-rule-strong);text-decoration-color:var(--color-rule-strong);transition:color .2s,text-decoration-color .2s}.prose a:hover{color:var(--color-sky-ink);text-decoration-color:currentColor}.prose strong{font-weight:600}.prose ul,.prose ol{padding-left:1.2em}.prose li+li{margin-top:.35em}.prose li::marker{color:var(--color-ink-3)}.prose blockquote{padding-left:var(--space-5);border-left:2px solid var(--color-ink);color:var(--color-ink-2);margin-inline:0}.prose hr{border:0;border-top:1px solid var(--color-rule);margin-block:3em}.prose img{border:1px solid var(--color-rule);display:block}.prose :not(pre)>code{font:.86em var(--font-mono);background:var(--color-ground);border:1px solid var(--color-rule);padding:.12em .38em}.prose table{border-collapse:collapse;font-size:15px;display:block;overflow-x:auto}.prose th{font:500 11px/1.4 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink-2);text-align:left}.prose th,.prose td{border-bottom:1px solid var(--color-rule);padding:10px 14px 10px 0}.prose figure{margin-inline:0}.prose>figure,.prose>aside{margin-block:2em}.copy,.chip-btn{font:500 11px/1 var(--font-mono);letter-spacing:.04em;border-radius:var(--radius-pill);border:1px solid var(--color-rule-strong);background:var(--color-paper);color:var(--color-ink-2);cursor:pointer;transition:background .2s,color .2s,border-color .2s}.copy{padding:5px 10px}.copy:hover,.chip-btn:hover{border-color:var(--color-ink);color:var(--color-ink)}.chip-btn{height:32px;padding:0 14px;font-size:12px}.chip-btn[aria-pressed=true]{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-paper)}.code{border:1px solid var(--color-rule);background:var(--color-ground)}.code figcaption,.terminal figcaption{align-items:center;gap:var(--space-3);font:500 11px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink-3);justify-content:space-between;padding:8px 10px 8px 16px;display:flex}.code figcaption{border-bottom:1px solid var(--color-rule)}.code pre{font:13.5px/1.65 var(--font-mono);margin:0;padding:16px 18px;overflow-x:auto;background:0 0!important}.code .shiki span{color:var(--shiki-light)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .code .shiki span{color:var(--shiki-dark)}}:root[data-theme=dark] .code .shiki span{color:var(--shiki-dark)}.terminal{color:#f2f1eb;background:#15140f;border:1px solid #15140f}:root[data-theme=dark] .terminal{border-color:var(--color-rule);background:#0b0b09}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .terminal{border-color:var(--color-rule);background:#0b0b09}}.terminal figcaption{color:#8f8c82;border-bottom:1px solid #2a2924}.terminal figcaption>span:nth-child(2){margin-right:auto}.terminal .copy{color:#a9a69c;background:0 0;border-color:#3a3832}.terminal .copy:hover{color:#f2f1eb;border-color:#f2f1eb}.terminal-dots{gap:6px;display:inline-flex}.terminal-dots i{background:#3a3832;width:9px;height:9px}.terminal-dots i:first-child{background:#f38f9b}.terminal pre{font:13.5px/1.7 var(--font-mono);margin:0;padding:16px 18px;overflow-x:auto}.terminal pre>span{white-space:pre;display:block}.t-prompt{color:#5fd3a0;-webkit-user-select:none;user-select:none}.t-out{color:#a9a69c}.t-comment{color:#75726a;font-style:italic}.aside{gap:var(--space-4);grid-template-columns:76px 1fr;align-items:start;display:grid}.aside-face .avatar{width:76px}.aside-bubble{background:var(--color-paper);border:1.5px solid var(--color-ink);box-shadow:4px 4px 0 var(--color-ink);border-radius:4px 18px 18px;padding:14px 18px;font-size:16px;line-height:1.55}.aside-bubble>*+*{margin-top:.6em}.flow{--tone:var(--color-sky);--tone-ink:var(--color-sky-ink)}.flow[data-tone=mint]{--tone:var(--color-mint);--tone-ink:var(--color-mint-ink)}.flow[data-tone=apricot]{--tone:var(--color-apricot);--tone-ink:var(--color-apricot-ink)}.flow[data-tone=rose]{--tone:var(--color-rose);--tone-ink:var(--color-rose-ink)}.flow figcaption{align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.flow figcaption b{font:500 12px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--tone-ink)}.flow figcaption span{font:400 12px/1.4 var(--font-mono);color:var(--color-ink-3)}.flow ol{gap:var(--space-3) 34px;flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.flow li{background:var(--tone);color:var(--tone-ink);border:1px solid color-mix(in oklab, var(--tone-ink) 25%, transparent);font:600 15px/1.2 var(--font-display);padding:10px 16px;position:relative}.flow li+li:before{content:"→";font:400 16px/1 var(--font-mono);color:var(--color-ink-3);position:absolute;top:50%;left:-26px;translate:0 -50%}.sources-grid{background:var(--color-rule);border:1px solid var(--color-rule);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.src{--state:var(--color-mint-ink);background:var(--color-paper);padding:var(--space-4);gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.src[data-state=locked]{--state:var(--color-rose-ink)}.src[data-state=late]{--state:var(--color-apricot-ink)}.src header{justify-content:space-between;align-items:baseline;gap:var(--space-2);display:flex}.src header b{font:600 16px/1.2 var(--font-display)}.src-status{font:500 11px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--state)}.src-body{min-height:96px}.src-body p{flex-direction:column;gap:2px;font-size:14px;line-height:1.4;display:flex}.src-body b{font:600 15px/1.3 var(--font-display);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.src-body span{color:var(--color-ink-2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.src-body small{font:400 11px/1.4 var(--font-mono);color:var(--color-ink-3);margin-top:6px}.src-clock{font-variant-numeric:tabular-nums}.src-bar{background:var(--state);height:3px;margin-top:6px;transition:width 1s linear;display:block}.src-body .src-empty{color:var(--color-ink-3)}.src ul{padding:var(--space-3) 0 0;border-top:1px solid var(--color-rule);margin:0;font-size:13px;line-height:1.4;list-style:none}.src li{color:var(--color-ink-3);gap:8px;display:flex}.src li+li{margin-top:6px}.src li:before{content:"·";text-align:center;width:12px;font-family:var(--font-mono)}.src li[data-on]{color:var(--color-ink)}.src li[data-on]:before{content:"✓";color:var(--state)}.src[data-state=locked] li[data-on]{text-decoration:line-through;-webkit-text-decoration-color:var(--color-rose-ink);text-decoration-color:var(--color-rose-ink);color:var(--color-ink-3)}.sources figcaption,.scrobble figcaption{margin-top:var(--space-3);font:400 12px/1.5 var(--font-mono);color:var(--color-ink-3)}.scrobble{padding:var(--space-5);border:1px solid var(--color-rule);background:var(--color-paper)}.scrobble-presets{gap:var(--space-2);flex-wrap:wrap;display:flex}.scrobble-track{height:44px;margin:44px 0 var(--space-5);background:var(--color-ground);border:1px solid var(--color-rule);position:relative}.scrobble-fill{width:calc(var(--listened) * 100%);background:color-mix(in oklab, var(--color-sky-ink) 22%, var(--color-paper));position:absolute;inset:0 auto 0 0}.scrobble[data-counted] .scrobble-fill{background:color-mix(in oklab, var(--color-mint-ink) 26%, var(--color-paper))}.scrobble-mark{top:-8px;bottom:-8px;left:calc(var(--threshold) * 100%);background:var(--color-ink);width:2px;position:absolute}.scrobble-mark span{white-space:nowrap;font:500 11px/1 var(--font-mono);color:var(--color-ink-2);position:absolute;bottom:calc(100% + 6px);left:50%;translate:-50%}.scrobble-stamp{border:1.5px solid var(--color-mint-ink);color:var(--color-mint-ink);font:600 11px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;animation:pop .35s var(--ease-out);padding:3px 8px;position:absolute;top:50%;right:12px;translate:0 -50%;rotate:-4deg}.scrobble-controls{gap:var(--space-5);grid-template-columns:1fr 1fr auto;align-items:end;display:grid}.scrobble-controls label{gap:var(--space-2);flex-direction:column;display:flex}.scrobble-controls input{width:100%;accent-color:var(--color-ink)}.scrobble figcaption{font:400 15px/1.5 var(--font-body);color:var(--color-ink-2)}.scrobble[data-counted] figcaption{color:var(--color-mint-ink)}.soundtrack,.revisions{padding:var(--space-4);border:1px solid var(--color-rule);background:var(--color-paper);gap:var(--space-3);flex-direction:column;display:flex}.soundtrack-note,.revisions p{color:var(--color-ink-2);font-size:14px;line-height:1.5}.soundtrack ol,.revisions ol{margin:0;padding:0;list-style:none}.soundtrack li{isolation:isolate;justify-content:space-between;gap:var(--space-2);padding:6px 8px;font-size:14px;display:flex;position:relative}.soundtrack li+li{margin-top:2px}.soundtrack li:before{content:"";z-index:-1;width:calc(var(--w) * 100%);background:var(--color-mint);position:absolute;inset:0 auto 0 0}.soundtrack a{color:var(--color-ink);text-overflow:ellipsis;white-space:nowrap;text-decoration:none;overflow:hidden}.soundtrack a:hover{text-decoration:underline}.soundtrack li span{font:400 12px/1.6 var(--font-mono);color:var(--color-ink-3)}.revisions li{gap:var(--space-2);grid-template-columns:88px 1fr;font-size:14px;line-height:1.4;display:grid}.revisions li+li{margin-top:var(--space-2)}.revisions time{font:400 11px/1.6 var(--font-mono);color:var(--color-ink-3)}.revisions a{color:var(--color-ink);text-decoration:none}.revisions a:hover{text-decoration:underline}.revisions-all{font:500 11px/1.4 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink-2)}.block-unknown{padding:var(--space-3) var(--space-4);border:1px dashed var(--color-rose-ink);color:var(--color-rose-ink);font:400 13px/1.5 var(--font-mono)}@media (max-width:860px){.post-head{padding-top:calc(env(safe-area-inset-top,0px) + 40px)}.post-layout{gap:var(--space-7);grid-template-columns:1fr}.post-main,.post-side{grid-column:1/-1}.post-side{position:static}.prose{font-size:17px}.sources-grid{grid-template-columns:1fr}.src-body{min-height:0}.scrobble{padding:var(--space-4)}.scrobble-controls{grid-template-columns:1fr}.aside{gap:var(--space-3);grid-template-columns:52px 1fr}.aside-face .avatar{width:52px}.flow ol{flex-direction:column;align-items:flex-start;gap:26px}.flow li+li:before{content:"↓";top:-22px;left:18px;translate:none}}