.af-root{--paper:#fcf8f1;--ink:#10111a;--ink-soft:#37394a;--mute:#8c8e9c;--line:#d6d7de;--surface:#f2eee7;--card:#fff;--p1:#f84331;--p2:#b45000;--p3:#ffe474;--p4:#008dc1;--ok:#37bb62;--r:14px;--rs:10px;--shadow:0 1px 0 var(--ink), 6px 6px 0 var(--ink);--shadow-sm:0 1px 0 var(--ink), 3px 3px 0 var(--ink);background:var(--paper);min-height:100vh;color:var(--ink);font-family:var(--font-sans), "Inter", ui-sans-serif, system-ui;overflow-x:clip}@supports (color:lab(0% 0 0)){.af-root{--paper:lab(97.7087% .579834 3.77247);--ink:lab(5.12753% 1.40003 -6.45875);--ink-soft:lab(24.3332% 2.55893 -10.8851);--mute:lab(59.2416% 1.41186 -7.38899);--line:lab(86.0041% .655174 -3.72349);--surface:lab(94.2286% .580758 3.77309);--card:lab(100% 0 0);--p1:lab(57.2957% 68.2089 53.3027);--p2:lab(46.3596% 53.5119 105.904);--p3:lab(91.3264% 2.85435 83.4838);--p4:lab(53.7335% -24.874 -49.277);--ok:lab(67.3285% -51.4615 34.0825)}}.af-root *,.af-root :before,.af-root :after{box-sizing:border-box}.af-root a{color:inherit;text-decoration:none}.af-root button{cursor:pointer;font-family:inherit}.af-root ::selection{background:var(--p3);color:var(--ink)}.af-display{font-family:var(--font-display), "Bricolage Grotesque", ui-sans-serif, system-ui}.af-mono{font-family:var(--font-mono), "JetBrains Mono", ui-monospace, monospace}.af-muted{color:var(--mute)}.af-nav{z-index:80;background:color-mix(in oklch, var(--paper) 90%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1.5px solid var(--ink);position:sticky;top:0}.af-nav-inner{grid-template-columns:276px 1fr auto;align-items:center;gap:14px;max-width:1400px;height:66px;margin:0 auto;padding:0 20px;display:grid}.af-nav-inner>*{min-width:0}.af-logo{font-family:var(--font-display), "Bricolage Grotesque", ui-sans-serif, system-ui;letter-spacing:-.02em;align-items:center;gap:10px;font-size:20px;font-weight:800;display:inline-flex}.af-logo-mark{flex:0 0 54px;width:54px;height:54px;position:relative;overflow:hidden;transform:rotate(-6deg)}.af-logo-mark-img{object-fit:contain;transform-origin:50%;transform:scale(3)}.af-nav-center{align-items:center;gap:14px;min-width:0;display:flex}.af-search{flex:300px;min-width:180px;max-width:460px;position:relative}.af-search input{border:1.5px solid var(--ink);background:var(--surface);width:100%;color:var(--ink);border-radius:999px;outline:none;padding:10px 72px 10px 14px;font-size:14px}.af-search input:focus{box-shadow:0 0 0 3px var(--p3)}.af-kbd{font-family:var(--font-mono), "JetBrains Mono", ui-monospace, monospace;border:1px solid var(--line);background:var(--card);color:var(--mute);border-radius:6px;padding:3px 7px;font-size:10px;font-weight:700;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.af-nav-tabs{gap:4px;min-width:0;padding-bottom:2px;display:flex;overflow-x:auto}.af-nav-tabs a,.af-nav-tabs button{font-family:var(--font-display), "Bricolage Grotesque", ui-sans-serif, system-ui;color:var(--ink-soft);white-space:nowrap;background:0 0;border:0;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:700}.af-nav-tabs a.active,.af-nav-tabs button.active{background:var(--ink);color:var(--paper)}.af-nav-right{align-items:center;gap:10px;display:flex}.af-icon-btn{border:1.5px solid var(--ink);background:var(--card);border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:relative}.af-icon-btn .n{border:1.5px solid var(--ink);background:var(--p1);color:#fff;min-width:18px;height:18px;font-family:var(--font-mono), "JetBrains Mono", ui-monospace, monospace;border-radius:999px;place-items:center;padding:0 5px;font-size:10px;font-weight:700;display:grid;position:absolute;top:-4px;right:-4px}.af-avatar-btn{border:1.5px solid var(--ink);background:var(--card);box-shadow:var(--shadow-sm);border-radius:999px;align-items:center;gap:8px;padding:4px 12px 4px 4px;display:inline-flex}.af-avatar{border:1.5px solid var(--ink);border-radius:50%;width:32px;height:32px;position:relative;overflow:hidden}.af-avatar-name{font-family:var(--font-display), "Bricolage Grotesque", ui-sans-serif, system-ui;text-overflow:ellipsis;white-space:nowrap;max-width:132px;font-size:13px;font-weight:700;overflow:hidden}.af-page{grid-template-columns:230px minmax(0,1fr);align-items:start;gap:20px;max-width:1400px;margin:0 auto;padding:20px;display:grid}.af-page.with-rail{grid-template-columns:230px minmax(0,1fr) 320px}.af-side{position:sticky;top:86px}.af-side-nav{background:var(--card);border:1.5px solid var(--ink);border-radius:var(--r);box-shadow:var(--shadow-sm);flex-direction:column;gap:2px;margin-bottom:14px;padding:10px;display:flex}.af-side-nav a{font-family:var(--font-display), "Bricolage Grotesque", ui-sans-serif, system-ui;color:var(--ink-soft);border-radius:10px;align-items:center;gap:8px;padding:10px 12px;font-size:14px;font-weight:700;display:flex}.af-side-nav a.active{background:var(--ink);color:var(--paper)}.af-side-nav .ct{font-family:var(--font-mono), "JetBrains Mono", ui-monospace, monospace;color:var(--mute);margin-left:auto;font-size:10px;font-weight:700}.af-streak{background:var(--ink);color:var(--paper);border:1.5px solid var(--ink);border-radius:var(--r);box-shadow:var(--shadow-sm);padding:14px}.af-streak .top{font-family:var(--font-mono), "JetBrains Mono", ui-monospace, monospace;letter-spacing:.12em;text-transform:uppercase;opacity:.72;font-size:10px}.af-streak .num{font-family:var(--font-display), "Bricolage Grotesque", ui-sans-serif, system-ui;letter-spacing:-.03em;color:var(--p3);margin-top:6px;font-size:44px;font-weight:800;line-height:1}.af-streak .num small{color:var(--paper);margin-left:4px;font-size:14px}.af-dots{gap:3px;margin-top:10px;display:flex}.af-dots span{background:color-mix(in oklch, var(--paper) 10%, transparent);border-radius:4px;flex:1;height:18px}.af-dots span.on{background:var(--p1)}.af-btn{border:1.5px solid var(--ink);background:var(--card);color:var(--ink);font-family:var(--font-display), "Bricolage Grotesque", ui-sans-serif, system-ui;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:700;display:inline-flex}.af-btn-primary{background:var(--p1);color:#fff}.af-btn-sm{border-radius:8px;padding:6px 10px;font-size:11px}.af-btn-ghost{box-shadow:none;background:0 0;border-color:#0000}.af-pill{font-family:var(--font-mono), "JetBrains Mono", ui-monospace, monospace;letter-spacing:.08em;text-transform:uppercase;border:1.5px solid var(--ink);background:var(--card);border-radius:999px;align-items:center;gap:6px;padding:4px 8px;font-size:10px;font-weight:700;display:inline-flex}.af-pill.primary{background:var(--p1);color:#fff}.af-pill.airing{background:var(--p3)}.af-status{font-family:var(--font-mono), "JetBrains Mono", ui-monospace, monospace;letter-spacing:.08em;text-transform:uppercase;border:1.5px solid var(--ink);background:var(--card);border-radius:999px;align-items:center;padding:3px 8px;font-size:10px;font-weight:700;display:inline-flex}.af-status.watching{background:color-mix(in oklch, var(--p1) 24%, var(--card))}.af-status.completed{background:color-mix(in oklch, var(--p4) 22%, var(--card))}.af-status.plan,.af-status.plan_to_watch{background:color-mix(in oklch, var(--p3) 35%, var(--card))}.af-status.hold,.af-status.on_hold{background:color-mix(in oklch, var(--p2) 28%, var(--card))}.af-status.dropped{background:color-mix(in oklch, var(--mute) 20%, var(--card))}.af-page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:18px;display:flex}.af-page-head h1{font-family:var(--font-display), "Bricolage Grotesque", ui-sans-serif, system-ui;letter-spacing:-.02em;margin:4px 0 0;font-size:clamp(28px,3vw,38px);font-weight:800;line-height:1}.af-kicker{font-family:var(--font-mono), "JetBrains Mono", ui-monospace, monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);font-size:10px;font-weight:700}.af-page-head .sub{color:var(--ink-soft);margin-top:6px;font-size:14px}.af-block{margin-bottom:20px}.af-section-head{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:12px;display:flex}.af-section-head h2{font-family:var(--font-display), "Bricolage Grotesque", ui-sans-serif, system-ui;letter-spacing:-.02em;margin:0;font-size:21px;font-weight:800}.af-section-head .sub-link{font-family:var(--font-mono), "JetBrains Mono", ui-monospace, monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);font-size:10px;font-weight:700}.af-seg-tabs{border:1.5px solid var(--ink);background:var(--surface);border-radius:999px;gap:4px;padding:4px;display:flex;overflow-x:auto}.af-seg-tabs button{font-family:var(--font-display), "Bricolage Grotesque", ui-sans-serif, system-ui;color:var(--ink-soft);white-space:nowrap;background:0 0;border:0;border-radius:999px;padding:8px 13px;font-size:13px;font-weight:700}.af-seg-tabs button.active{background:var(--ink);color:var(--paper)}.af-grid-5,.af-grid-6{gap:12px;display:grid}.af-grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}.af-grid-6{grid-template-columns:repeat(6,minmax(0,1fr))}.af-anime-card{background:var(--card);border:1.5px solid var(--ink);border-radius:var(--r);box-shadow:var(--shadow-sm);cursor:pointer;overflow:hidden}.af-anime-card:hover{box-shadow:var(--shadow);transform:translate(-2px,-2px)}.af-cover{aspect-ratio:3/4;border-bottom:1.5px solid var(--ink);position:relative;overflow:hidden}.af-cover svg,.af-cover img,.af-cv svg,.af-cv img{width:100%;height:100%;display:block}.af-anime-title{font-family:var(--font-display), "Bricolage Grotesque", ui-sans-serif, system-ui;letter-spacing:-.01em;min-height:42px;padding:10px 10px 4px;font-size:14px;font-weight:700;line-height:1.2}.af-anime-meta{font-family:var(--font-mono), "JetBrains Mono", ui-monospace, monospace;color:var(--mute);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:4px;padding:0 10px 10px;font-size:10px;display:flex}.af-anime-meta .score{color:var(--p1);font-weight:700}.af-genre{border:1px solid var(--line);background:var(--surface);font-family:var(--font-mono), "JetBrains Mono", ui-monospace, monospace;border-radius:999px;padding:3px 6px;font-size:9px}.af-rail{scroll-snap-type:x mandatory;grid-auto-flow:column;gap:12px;padding:4px;display:grid;overflow-x:auto}.af-rail>*{scroll-snap-align:start}.af-toast{background:var(--ink);color:var(--paper);font-family:var(--font-mono), "JetBrains Mono", ui-monospace, monospace;text-transform:uppercase;letter-spacing:.06em;opacity:0;pointer-events:none;z-index:120;border-radius:999px;padding:10px 16px;font-size:12px;transition:all .2s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(20px)}.af-toast.show{opacity:1;transform:translate(-50%)translateY(0)}.hero-band{border:1.5px solid var(--ink);border-radius:var(--r);box-shadow:var(--shadow-sm);margin-bottom:20px;position:relative;overflow:hidden}.hero-band-inner{grid-template-columns:minmax(0,1fr) 220px;display:grid}.hero-band-body{background:var(--ink);color:var(--paper);padding:22px 24px;position:relative}.hero-band-body:before{content:"";background:radial-gradient(circle, var(--p1) 1.5px, transparent 2px) 0 0 / 12px 12px;opacity:.22;border-radius:50%;width:320px;height:320px;position:absolute;top:-120px;right:-80px}.hero-greeting-row{align-items:center;gap:10px;margin-bottom:6px;display:flex;position:relative}.hero-greeting-row .pill{font-family:var(--font-mono), "JetBrains Mono", ui-monospace, monospace;letter-spacing:.1em;text-transform:uppercase;background:var(--p1);color:#fff;border:1px solid var(--paper);border-radius:999px;padding:3px 8px;font-size:10px;font-weight:700}.hero-band h1{font-family:var(--font-display), "Bricolage Grotesque", ui-sans-serif, system-ui;letter-spacing:-.02em;margin:0 0 4px;font-size:clamp(26px,3vw,36px);font-weight:800;line-height:1.05}.hero-band h1 .accent{color:var(--p3)}.hero-band .sub{color:color-mix(in oklch, var(--paper) 75%, transparent);margin:0 0 16px;font-size:14px}.hero-quick{flex-wrap:wrap;gap:8px;display:flex}.hero-quick .qs{background:color-mix(in oklch, var(--paper) 10%, transparent);border:1px solid color-mix(in oklch, var(--paper) 20%, transparent);border-radius:12px;align-items:center;gap:8px;padding:8px 12px;display:flex}.hero-quick .qs .n{font-family:var(--font-display), "Bricolage Grotesque", ui-sans-serif, system-ui;color:var(--p3);font-size:18px;font-weight:800}.hero-quick .qs .l{font-family:var(--font-mono), "JetBrains Mono", ui-monospace, monospace;letter-spacing:.1em;text-transform:uppercase;opacity:.75;font-size:10px}.hero-band-cover{border-left:1.5px solid var(--ink);position:relative;overflow:hidden}.hero-band-cover .cv{position:absolute;inset:0}.cw-card{background:var(--card);border:1.5px solid var(--ink);border-radius:var(--r);min-width:260px;box-shadow:var(--shadow-sm);flex-direction:column;display:flex;overflow:hidden}.cw-banner{aspect-ratio:16/9;border-bottom:1.5px solid var(--ink);position:relative}.cw-body{padding:12px 14px 14px}.cw-title{font-family:var(--font-display), "Bricolage Grotesque", ui-sans-serif, system-ui;margin:0 0 4px;font-size:15px;font-weight:700}.cw-meta{font-family:var(--font-mono), "JetBrains Mono", ui-monospace, monospace;color:var(--mute);letter-spacing:.08em;text-transform:uppercase;font-size:10px}.cw-progress{border:1px solid var(--line);background:var(--surface);border-radius:4px;height:6px;margin-top:10px;overflow:hidden}.cw-progress .bar{background:linear-gradient(90deg, var(--p1), var(--p2));height:100%}.cw-actions{gap:6px;margin-top:12px;display:flex}.feed-item{background:var(--card);border:1.5px solid var(--ink);border-radius:var(--r);box-shadow:var(--shadow-sm);gap:12px;margin-bottom:12px;padding:14px;display:flex}.feed-av{border:1.5px solid var(--ink);border-radius:50%;flex:none;width:38px;height:38px;overflow:hidden}.feed-body{flex:1;min-width:0}.feed-who{font-family:var(--font-display), "Bricolage Grotesque", ui-sans-serif, system-ui;align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}.feed-who .handle,.feed-who .time{font-family:var(--font-mono), "JetBrains Mono", ui-monospace, monospace;color:var(--mute);font-size:11px}.feed-who .time{margin-left:auto}.feed-action{color:var(--ink-soft);margin-top:2px;font-size:13.5px}.feed-embed{background:var(--surface);border:1px solid var(--line);border-radius:var(--rs);gap:12px;margin-top:10px;padding:10px;display:flex}.feed-embed .cv{border:1.5px solid var(--ink);border-radius:6px;flex:none;width:56px;height:80px;overflow:hidden}.feed-embed .t{font-family:var(--font-display), "Bricolage Grotesque", ui-sans-serif, system-ui;font-size:14px;font-weight:700}.feed-embed .sc{font-family:var(--font-display), "Bricolage Grotesque", ui-sans-serif, system-ui;color:var(--p1);font-size:22px;font-weight:800}.feed-actions{gap:2px;margin-top:8px;display:flex}.feed-actions button{font-family:var(--font-mono), "JetBrains Mono", ui-monospace, monospace;color:var(--ink-soft);background:0 0;border:0;border-radius:8px;padding:6px 10px;font-size:11px;font-weight:700}.feed-actions button:hover{background:var(--surface);color:var(--ink)}.feed-actions button.liked{color:var(--p1)}.af-right-rail{flex-direction:column;gap:14px;display:flex;position:sticky;top:86px}.rr-card{background:var(--card);border:1.5px solid var(--ink);border-radius:var(--r);box-shadow:var(--shadow-sm);padding:14px}.rr-card h3{font-family:var(--font-display), "Bricolage Grotesque", ui-sans-serif, system-ui;justify-content:space-between;align-items:center;margin:0 0 10px;font-size:14px;font-weight:800;display:flex}.rr-card h3 a,.rr-card h3 span{font-family:var(--font-mono), "JetBrains Mono", ui-monospace, monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);font-size:10px}.rr-top10,.rr-airing{flex-direction:column;gap:6px;display:flex}.rr-top10 .row,.rr-airing .row{background:var(--surface);border:1px solid var(--line);border-radius:8px;align-items:center;gap:10px;min-width:0;padding:6px 8px;display:flex}.rr-airing .row{border-bottom:1px dashed var(--line)}.rr-rank{text-align:center;width:20px;font-family:var(--font-display), "Bricolage Grotesque", ui-sans-serif, system-ui;color:var(--p1);font-size:13px;font-weight:800}.rr-cv{border:1px solid var(--ink);border-radius:4px;flex:none;width:24px;height:34px;overflow:hidden}.rr-title{min-width:0;font-family:var(--font-display), "Bricolage Grotesque", ui-sans-serif, system-ui;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;font-weight:700;overflow:hidden}.rr-airing .time{min-width:44px;font-family:var(--font-mono), "JetBrains Mono", ui-monospace, monospace;color:var(--p1);font-size:11px;font-weight:700}.rr-friends{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.rr-friend{position:relative}.rr-friend .av{aspect-ratio:1;border:1.5px solid var(--ink);border-radius:10px;overflow:hidden}.rr-friend .dot{border:2px solid var(--card);background:var(--ok);border-radius:50%;width:10px;height:10px;position:absolute;bottom:-2px;right:-2px}.rr-friend .dot.watching{background:var(--p1)}.podium{grid-template-columns:1fr 1.2fr 1fr;align-items:end;gap:16px;margin-bottom:24px;display:grid}.podium-card{background:var(--card);border:1.5px solid var(--ink);border-radius:var(--r);box-shadow:var(--shadow);cursor:pointer;position:relative;overflow:hidden}.podium-card .cv{aspect-ratio:3/4;border-bottom:1.5px solid var(--ink)}.podium-card .body{padding:14px}.podium-card .rank-badge{border:2px solid var(--ink);width:44px;height:44px;font-family:var(--font-display), "Bricolage Grotesque", ui-sans-serif, system-ui;background:var(--p3);border-radius:50%;place-items:center;font-size:20px;font-weight:800;display:grid;position:absolute;top:12px;left:12px}.podium-card.r1 .rank-badge{width:52px;height:52px;font-size:24px}.podium-card .t{font-family:var(--font-display), "Bricolage Grotesque", ui-sans-serif, system-ui;font-size:18px;font-weight:800}.podium-card .s{font-family:var(--font-mono), "JetBrains Mono", ui-monospace, monospace;color:var(--mute);letter-spacing:.08em;text-transform:uppercase;margin-top:3px;font-size:11px}.podium-card .sc{font-family:var(--font-display), "Bricolage Grotesque", ui-sans-serif, system-ui;color:var(--p1);margin-top:10px;font-size:34px;font-weight:800;line-height:1}.podium-card .sc small{font-family:var(--font-mono), "JetBrains Mono", ui-monospace, monospace;color:var(--mute);margin-left:4px;font-size:11px}.rank-filters{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.rank-filters select,.rank-filters input{border:1.5px solid var(--ink);background:var(--card);color:var(--ink);border-radius:10px;padding:8px 12px;font-size:13px}.rank-row{border:1.5px solid var(--ink);border-radius:var(--r);background:var(--card);box-shadow:var(--shadow-sm);cursor:pointer;grid-template-columns:52px 60px minmax(0,2fr) 120px 100px 100px;align-items:center;gap:14px;margin-bottom:8px;padding:12px 16px;display:grid}.rank-n{font-family:var(--font-display), "Bricolage Grotesque", ui-sans-serif, system-ui;font-size:28px;font-weight:800;line-height:1}.rank-cv{aspect-ratio:3/4;border:1px solid var(--ink);border-radius:8px;width:60px;overflow:hidden}.rank-title{font-family:var(--font-display), "Bricolage Grotesque", ui-sans-serif, system-ui;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:16px;font-weight:700;overflow:hidden}.rank-title .studio{font-family:var(--font-mono), "JetBrains Mono", ui-monospace, monospace;color:var(--mute);letter-spacing:.08em;text-transform:uppercase;margin-top:3px;font-size:10px;display:block}.rr-genres{flex-wrap:wrap;gap:3px;display:flex}.rr-members{font-family:var(--font-mono), "JetBrains Mono", ui-monospace, monospace;color:var(--mute);font-size:12px}.rank-sc{text-align:right;font-family:var(--font-display), "Bricolage Grotesque", ui-sans-serif, system-ui;color:var(--p1);font-size:22px;font-weight:800}.rank-sc small{font-family:var(--font-mono), "JetBrains Mono", ui-monospace, monospace;color:var(--mute);letter-spacing:.08em;text-transform:uppercase;margin-top:3px;font-size:10px;display:block}.summary{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:18px;display:grid}.sum-card{background:var(--card);border:1.5px solid var(--ink);border-radius:var(--r);box-shadow:var(--shadow-sm);cursor:pointer;padding:14px}.sum-card .n{font-family:var(--font-display), "Bricolage Grotesque", ui-sans-serif, system-ui;font-size:28px;font-weight:800;line-height:1}.sum-card .l{font-family:var(--font-mono), "JetBrains Mono", ui-monospace, monospace;color:var(--mute);letter-spacing:.1em;text-transform:uppercase;margin-top:4px;font-size:10px}.sum-card.active{background:var(--ink);color:var(--paper)}.ml-controls{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.ml-controls input,.ml-controls select{border:1.5px solid var(--ink);background:var(--card);color:var(--ink);border-radius:10px;padding:8px 12px;font-size:13px}.ml-view{border:1.5px solid var(--ink);background:var(--surface);border-radius:10px;gap:4px;margin-left:auto;padding:3px;display:flex}.ml-view button{font-family:var(--font-mono), "JetBrains Mono", ui-monospace, monospace;letter-spacing:.06em;text-transform:uppercase;background:0 0;border:0;border-radius:7px;padding:6px 10px;font-size:11px;font-weight:700}.ml-view button.active{background:var(--ink);color:var(--paper)}.ml-table{background:var(--card);border:1.5px solid var(--ink);border-radius:var(--r);box-shadow:var(--shadow-sm);overflow:hidden}.ml-row{border-bottom:1px solid var(--line);grid-template-columns:30px 48px minmax(0,1.5fr) 100px 90px 140px 40px;align-items:center;gap:12px;padding:10px 14px;display:grid}.ml-row:last-child{border-bottom:0}.ml-rank{font-family:var(--font-mono), "JetBrains Mono", ui-monospace, monospace;color:var(--mute);font-size:11px;font-weight:700}.ml-cv{border:1px solid var(--ink);border-radius:6px;width:48px;height:66px;overflow:hidden}.ml-t{min-width:0;font-family:var(--font-display), "Bricolage Grotesque", ui-sans-serif, system-ui;text-overflow:ellipsis;white-space:nowrap;font-size:14.5px;font-weight:700;line-height:1.2;overflow:hidden}.ml-t .studio{font-family:var(--font-mono), "JetBrains Mono", ui-monospace, monospace;color:var(--mute);text-transform:uppercase;letter-spacing:.08em;margin-top:3px;font-size:10px;display:block}.ml-score-n{font-family:var(--font-display), "Bricolage Grotesque", ui-sans-serif, system-ui;color:var(--p1);font-size:22px;font-weight:800;line-height:1}.ml-score-n.unrated{color:var(--mute);font-size:14px}.ml-prog{font-family:var(--font-mono), "JetBrains Mono", ui-monospace, monospace;font-size:12px;font-weight:700}.ml-prog-bar{border:1px solid var(--line);background:var(--surface);border-radius:3px;height:4px;margin-top:4px;overflow:hidden}.ml-prog-bar .fill{background:var(--p1);height:100%}.ml-menu{border:1px solid var(--line);width:30px;height:30px;color:var(--ink-soft);background:0 0;border-radius:8px;font-size:14px}.friend-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.fcard{background:var(--card);border:1.5px solid var(--ink);border-radius:var(--r);box-shadow:var(--shadow-sm);padding:16px}.fcard-head{align-items:center;gap:12px;margin-bottom:12px;display:flex}.fav{border:1.5px solid var(--ink);border-radius:14px;flex:none;width:54px;height:54px;position:relative;overflow:hidden}.fav .dot{border:2.5px solid var(--card);background:var(--ok);border-radius:50%;width:14px;height:14px;position:absolute;bottom:-2px;right:-2px}.fav .dot.off{background:var(--mute)}.fav .dot.watching{background:var(--p1)}.fname{font-family:var(--font-display), "Bricolage Grotesque", ui-sans-serif, system-ui;font-size:16px;font-weight:800}.fhandle{font-family:var(--font-mono), "JetBrains Mono", ui-monospace, monospace;color:var(--mute);font-size:11px}.fstats{background:var(--surface);border:1px solid var(--line);border-radius:var(--rs);grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px;padding:10px;display:grid}.fstat .n{font-family:var(--font-display), "Bricolage Grotesque", ui-sans-serif, system-ui;color:var(--p1);font-size:18px;font-weight:800}.fstat .l{font-family:var(--font-mono), "JetBrains Mono", ui-monospace, monospace;color:var(--mute);letter-spacing:.08em;text-transform:uppercase;margin-top:3px;font-size:9px}.fnow{background:var(--surface);border:1px solid var(--line);border-radius:var(--rs);align-items:center;gap:10px;margin-bottom:12px;padding:10px;font-size:13px;display:flex}.fnow .cv{border:1px solid var(--ink);border-radius:4px;flex:none;width:32px;height:44px;overflow:hidden}.fnow.offline{opacity:.55;font-style:italic}.fcard-actions{gap:6px;display:flex}.online-strip{background:var(--ink);color:var(--paper);border:1.5px solid var(--ink);border-radius:var(--r);margin-bottom:20px;padding:16px 20px;position:relative;overflow:hidden}.online-strip:before{content:"";background:radial-gradient(circle, var(--p1) 1.5px, transparent 2px) 0 0 / 12px 12px;opacity:.2;border-radius:50%;width:280px;height:280px;position:absolute;top:-100px;right:-80px}.online-strip-top{justify-content:space-between;align-items:baseline;display:flex}.online-strip h2{font-family:var(--font-display), "Bricolage Grotesque", ui-sans-serif, system-ui;margin:0;font-size:20px;font-weight:800}.online-strip .count{font-family:var(--font-display), "Bricolage Grotesque", ui-sans-serif, system-ui;color:var(--p3);font-size:28px;font-weight:800}.live-dots{gap:4px;margin-top:12px;display:flex}.live-dots .av{border:2px solid var(--paper);border-radius:50%;width:36px;height:36px;overflow:hidden}.sugg-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:24px;display:grid}.sugg-card{background:var(--card);border:1.5px solid var(--ink);border-radius:var(--r);box-shadow:var(--shadow-sm);align-items:center;gap:12px;padding:12px;display:flex}.spotlight{background:var(--ink);color:var(--paper);border:1.5px solid var(--ink);border-radius:var(--r);grid-template-columns:100px minmax(0,1fr);align-items:center;gap:16px;margin-bottom:22px;padding:20px;display:grid;position:relative;overflow:hidden}.spotlight:before{content:"";background:radial-gradient(circle, var(--p1) 1.5px, transparent 2px) 0 0 / 12px 12px;opacity:.2;border-radius:50%;width:300px;height:300px;position:absolute;top:-100px;right:-100px}.spotlight .cv{aspect-ratio:3/4;border:1.5px solid var(--ink);z-index:1;border-radius:10px;position:relative;overflow:hidden}.spotlight .body{z-index:1;position:relative}.spotlight h3{font-family:var(--font-display), "Bricolage Grotesque", ui-sans-serif, system-ui;margin:4px 0 6px;font-size:22px;font-weight:800}.spotlight p{color:color-mix(in oklch, var(--paper) 75%, transparent);margin:0 0 10px;font-size:13px}.filter-bar{background:var(--card);border:1.5px solid var(--ink);border-radius:var(--r);box-shadow:var(--shadow-sm);grid-template-columns:minmax(0,2fr) repeat(4,minmax(0,1fr)) auto;gap:10px;margin-bottom:18px;padding:12px;display:grid}.filter-bar input,.filter-bar select{border:1.5px solid var(--ink);background:var(--surface);color:var(--ink);border-radius:10px;min-width:0;padding:9px 12px;font-size:13px}.genre-cloud{flex-wrap:wrap;gap:6px;margin-bottom:18px;display:flex}.genre-chip{border:1.5px solid var(--ink);background:var(--card);font-family:var(--font-mono), "JetBrains Mono", ui-monospace, monospace;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:6px 12px;font-size:11px;font-weight:700}.genre-chip.active{background:var(--p1);color:#fff}.result-count{font-family:var(--font-mono), "JetBrains Mono", ui-monospace, monospace;color:var(--mute);letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px;font-size:11px}.big-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px;display:grid}.big-stat{background:var(--card);border:1.5px solid var(--ink);border-radius:var(--r);box-shadow:var(--shadow-sm);padding:18px;position:relative}.big-stat .n{font-family:var(--font-display), "Bricolage Grotesque", ui-sans-serif, system-ui;color:var(--p1);font-size:44px;font-weight:800;line-height:1}.big-stat .n small{font-family:var(--font-mono), "JetBrains Mono", ui-monospace, monospace;color:var(--mute);font-size:14px}.big-stat .l{font-family:var(--font-mono), "JetBrains Mono", ui-monospace, monospace;color:var(--mute);text-transform:uppercase;letter-spacing:.1em;margin-top:6px;font-size:11px}.big-stat .delta{border:1px solid var(--ink);background:var(--p3);color:var(--ink);font-family:var(--font-mono), "JetBrains Mono", ui-monospace, monospace;border-radius:999px;padding:3px 7px;font-size:10px;font-weight:700;position:absolute;top:14px;right:14px}.chart-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:20px;display:grid}.chart-card{background:var(--card);border:1.5px solid var(--ink);border-radius:var(--r);box-shadow:var(--shadow-sm);padding:18px}.chart-card h3{font-family:var(--font-display), "Bricolage Grotesque", ui-sans-serif, system-ui;justify-content:space-between;align-items:baseline;margin:0 0 14px;font-size:17px;font-weight:800;display:flex}.bar-chart{align-items:end;gap:6px;height:180px;display:flex}.bar-chart .bar{border:1px solid var(--ink);background:linear-gradient(180deg, var(--p1), var(--p2));border-radius:4px 4px 0 0;flex:1;min-height:4px;position:relative}.bar-chart .bar .lbl{text-align:center;font-family:var(--font-mono), "JetBrains Mono", ui-monospace, monospace;color:var(--mute);font-size:9px;position:absolute;bottom:-18px;left:0;right:0}.bar-chart .bar .v{text-align:center;font-family:var(--font-mono), "JetBrains Mono", ui-monospace, monospace;font-size:9px;position:absolute;top:-16px;left:0;right:0}.heat{grid-template-rows:repeat(7,1fr);grid-template-columns:repeat(52,1fr);grid-auto-flow:column;gap:2px;display:grid}.heat .cell{aspect-ratio:1;border:1px solid var(--line);background:var(--surface);border-radius:2px}.heat .cell.l1{background:color-mix(in oklch, var(--p1) 22%, var(--surface))}.heat .cell.l2{background:color-mix(in oklch, var(--p1) 50%, var(--surface))}.heat .cell.l3{background:color-mix(in oklch, var(--p1) 78%, var(--surface))}.heat .cell.l4{background:var(--p1)}.heat-legend{font-family:var(--font-mono), "JetBrains Mono", ui-monospace, monospace;color:var(--mute);justify-content:flex-end;align-items:center;gap:6px;margin-top:12px;font-size:10px;display:flex}.heat-legend .s{border:1px solid var(--line);border-radius:2px;width:10px;height:10px}.donut-wrap{align-items:center;gap:18px;display:flex}.donut{flex:none;width:130px;height:130px}.donut-legend{flex:1;min-width:0}.donut-legend .row{border-bottom:1px dashed var(--line);align-items:center;gap:8px;padding:6px 0;display:flex}.donut-legend .sw{border:1px solid var(--ink);border-radius:4px;flex:none;width:14px;height:14px}.donut-legend .t{font-family:var(--font-display), "Bricolage Grotesque", ui-sans-serif, system-ui;font-weight:700}.donut-legend .n{font-family:var(--font-mono), "JetBrains Mono", ui-monospace, monospace;margin-left:auto;font-size:12px}.tastes{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.taste-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--rs);padding:12px}.taste-card .l{font-family:var(--font-mono), "JetBrains Mono", ui-monospace, monospace;color:var(--mute);text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px;font-size:10px}.taste-card .v{font-family:var(--font-display), "Bricolage Grotesque", ui-sans-serif, system-ui;font-size:18px;font-weight:800}.taste-card .v small{font-family:var(--font-mono), "JetBrains Mono", ui-monospace, monospace;color:var(--mute);margin-left:4px;font-size:11px}.weekly-top{background:var(--ink);color:var(--paper);border:1.5px solid var(--ink);border-radius:var(--r);margin-bottom:20px;padding:18px 22px;position:relative;overflow:hidden}.weekly-top:before{content:"";background:radial-gradient(circle, var(--p1) 1.5px, transparent 2px) 0 0 / 12px 12px;opacity:.2;border-radius:50%;width:300px;height:300px;position:absolute;top:-100px;right:-60px}.weekly-top h2{font-family:var(--font-display), "Bricolage Grotesque", ui-sans-serif, system-ui;margin:0 0 2px;font-size:20px;font-weight:800}.weekly-top .sub{color:color-mix(in oklch, var(--paper) 75%, transparent);font-size:13px}.wk-row{border-bottom:1px dashed color-mix(in oklch, var(--paper) 20%, transparent);align-items:center;gap:14px;padding:10px 0;display:flex}.wk-row:last-child{border-bottom:0}.wk-n{width:30px;font-family:var(--font-display), "Bricolage Grotesque", ui-sans-serif, system-ui;color:var(--p3);font-size:20px;font-weight:800}.wk-t{min-width:0;font-family:var(--font-display), "Bricolage Grotesque", ui-sans-serif, system-ui;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;font-weight:700;overflow:hidden}.wk-t .a{font-family:var(--font-mono), "JetBrains Mono", ui-monospace, monospace;opacity:.7;margin-top:2px;font-size:10px;display:block}.wk-l{font-family:var(--font-mono), "JetBrains Mono", ui-monospace, monospace;opacity:.75;font-size:11px}.track-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.tcard{background:var(--card);border:1.5px solid var(--ink);border-radius:var(--r);box-shadow:var(--shadow-sm);overflow:hidden}.tvis{aspect-ratio:16/9;border-bottom:1.5px solid var(--ink);position:relative;overflow:hidden}.tvis .bg{position:absolute;inset:0}.tvis .overlay{background:linear-gradient(#0000 30%,#000000a6);position:absolute;inset:0}.play-btn{background:var(--p1);color:#fff;border:2.5px solid #fff;border-radius:50%;width:56px;height:56px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 20px #0000004d}.play-btn:before{content:"";border-top:9px solid #0000;border-bottom:9px solid #0000;border-left:14px solid;width:0;height:0;margin-left:4px}.play-btn.playing:before{background:currentColor;border:0;width:4px;height:14px;margin:0;box-shadow:8px 0}.type-pill{border:1.5px solid var(--paper);background:var(--p1);color:#fff;font-family:var(--font-mono), "JetBrains Mono", ui-monospace, monospace;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:4px 9px;font-size:10px;font-weight:700;position:absolute;top:10px;left:10px}.tvis .show{z-index:2;color:#fff;text-shadow:0 2px 10px #0006;position:absolute;bottom:12px;left:12px}.tvis .show .t{font-family:var(--font-display), "Bricolage Grotesque", ui-sans-serif, system-ui;font-size:15px;font-weight:800}.tvis .show .a{font-family:var(--font-mono), "JetBrains Mono", ui-monospace, monospace;opacity:.85;margin-top:2px;font-size:10px}.tbody{justify-content:space-between;align-items:center;gap:10px;padding:14px;display:flex}.tmeta .name{font-family:var(--font-display), "Bricolage Grotesque", ui-sans-serif, system-ui;font-size:15px;font-weight:700}.tmeta .artist{font-family:var(--font-mono), "JetBrains Mono", ui-monospace, monospace;color:var(--mute);margin-top:2px;font-size:11px}.tactions{align-items:center;gap:4px;display:flex}.heart-btn{border:1.5px solid var(--ink);background:var(--card);width:36px;height:36px;color:var(--ink-soft);border-radius:50%}.heart-btn.liked{background:var(--p1);color:#fff}.tnum{font-family:var(--font-mono), "JetBrains Mono", ui-monospace, monospace;color:var(--mute);margin-right:6px;font-size:11px}.tprog{padding:0 14px 12px;display:none}.tcard.playing .tprog{display:block}.tprog-bar{border:1px solid var(--line);background:var(--surface);border-radius:3px;height:4px;overflow:hidden}.tprog-bar .fill{background:var(--p1);width:0;height:100%;transition:width 1s linear}.tprog-meta{font-family:var(--font-mono), "JetBrains Mono", ui-monospace, monospace;color:var(--mute);justify-content:space-between;margin-top:4px;font-size:10px;display:flex}.banner{border:1.5px solid var(--ink);border-radius:var(--r);height:180px;box-shadow:var(--shadow-sm);margin-bottom:72px;position:relative;overflow:hidden}.banner:before{content:"";background:linear-gradient(135deg, var(--p1), var(--p2));position:absolute;inset:0}.banner:after{content:"";background:radial-gradient(circle,#fff3 1.5px,#0000 2px) 0 0/14px 14px;position:absolute;inset:0}.banner .big-av{border:3px solid var(--paper);width:120px;height:120px;box-shadow:var(--shadow);z-index:2;border-radius:28px;position:absolute;bottom:-50px;left:24px;overflow:hidden}.prof-head{flex-wrap:wrap;align-items:end;gap:20px;margin-bottom:22px;padding-left:160px;display:flex}.prof-head h1{font-family:var(--font-display), "Bricolage Grotesque", ui-sans-serif, system-ui;margin:0 0 2px;font-size:34px;font-weight:800}.prof-head .handle{font-family:var(--font-mono), "JetBrains Mono", ui-monospace, monospace;color:var(--mute);font-size:13px}.prof-head .bio{max-width:560px;color:var(--ink-soft);margin-top:6px;font-size:14px}.prof-head .actions{gap:8px;margin-left:auto;display:flex}.stat-strip{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:24px;display:grid}.stat-box{background:var(--card);border:1.5px solid var(--ink);border-radius:var(--r);box-shadow:var(--shadow-sm);padding:14px}.stat-box .n{font-family:var(--font-display), "Bricolage Grotesque", ui-sans-serif, system-ui;color:var(--p1);font-size:26px;font-weight:800}.stat-box .l{font-family:var(--font-mono), "JetBrains Mono", ui-monospace, monospace;color:var(--mute);text-transform:uppercase;letter-spacing:.1em;margin-top:4px;font-size:10px}.prof-cols{grid-template-columns:minmax(0,1fr) 340px;gap:20px;display:grid}.pblock{background:var(--card);border:1.5px solid var(--ink);border-radius:var(--r);box-shadow:var(--shadow-sm);margin-bottom:20px;padding:18px}.pblock h3{font-family:var(--font-display), "Bricolage Grotesque", ui-sans-serif, system-ui;justify-content:space-between;align-items:center;margin:0 0 14px;font-size:18px;font-weight:800;display:flex}.top10-showcase{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.t10-card{position:relative}.t10-card .cv{aspect-ratio:3/4;border:1.5px solid var(--ink);box-shadow:var(--shadow-sm);border-radius:8px;overflow:hidden}.t10-card .rank{border:2px solid var(--ink);background:var(--p1);color:#fff;width:32px;height:32px;font-family:var(--font-display), "Bricolage Grotesque", ui-sans-serif, system-ui;border-radius:50%;place-items:center;font-size:14px;font-weight:800;display:grid;position:absolute;top:-10px;left:-10px}.t10-title{text-align:center;font-family:var(--font-display), "Bricolage Grotesque", ui-sans-serif, system-ui;margin-top:8px;font-size:12px;font-weight:700;line-height:1.2}.fav-genre{flex-direction:column;gap:10px;display:flex}.fg-row{align-items:center;gap:12px;display:flex}.fg-label{width:100px;font-family:var(--font-display), "Bricolage Grotesque", ui-sans-serif, system-ui;flex:none;font-size:13px;font-weight:700}.fg-bar{border:1px solid var(--line);background:var(--surface);border-radius:6px;flex:1;height:12px;overflow:hidden}.fg-bar .fill{background:linear-gradient(90deg, var(--p1), var(--p2));height:100%}.fg-n{text-align:right;width:32px;font-family:var(--font-mono), "JetBrains Mono", ui-monospace, monospace;font-size:11px;font-weight:700}.activity-row{border-bottom:1px dashed var(--line);align-items:center;gap:10px;padding:10px 0;font-size:13px;display:flex}.activity-row:last-child{border-bottom:0}.activity-row .cv{border:1px solid var(--ink);border-radius:4px;flex:none;width:30px;height:42px;overflow:hidden}.activity-row .when{font-family:var(--font-mono), "JetBrains Mono", ui-monospace, monospace;color:var(--mute);margin-left:auto;font-size:10px}.badge-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.badge{aspect-ratio:1;border:1.5px solid var(--ink);box-shadow:var(--shadow-sm);text-align:center;font-family:var(--font-display), "Bricolage Grotesque", ui-sans-serif, system-ui;border-radius:14px;place-items:center;padding:8px;font-size:11px;font-weight:700;display:grid}.badge.gold{background:linear-gradient(135deg,#ffd984,#fc9e47);background:linear-gradient(135deg,lab(88.6485% 7.45559 50.4362),lab(73.8871% 31.0487 58.7684))}.badge.pink{background:linear-gradient(135deg, var(--p1), var(--p2));color:#fff}.badge.blue{background:linear-gradient(135deg, var(--p4), #195cc7);color:#fff}@supports (color:lab(0% 0 0)){.badge.blue{background:linear-gradient(135deg, var(--p4), lab(40.1577% 12.528 -62.8068))}}.badge.sil{background:linear-gradient(135deg,#d8dfe4,#bfc5ca);background:linear-gradient(135deg,lab(88.4155% -1.63096 -3.29593),lab(79.1354% -1.62825 -3.29441))}.badge .emoji{margin-bottom:4px;font-size:22px}.score-dist{align-items:end;gap:4px;height:120px;display:flex}.sd-bar{border:1px solid var(--ink);background:linear-gradient(180deg, var(--p1), var(--p2));border-radius:4px 4px 0 0;flex:1;position:relative}.sd-bar .v{text-align:center;font-family:var(--font-mono), "JetBrains Mono", ui-monospace, monospace;font-size:9px;font-weight:700;position:absolute;top:-18px;left:0;right:0}.sd-bar .k{text-align:center;font-family:var(--font-mono), "JetBrains Mono", ui-monospace, monospace;color:var(--mute);font-size:10px;position:absolute;bottom:-16px;left:0;right:0}@media (max-width:1280px){.af-page.with-rail{grid-template-columns:230px minmax(0,1fr)}.af-right-rail,.af-avatar-name{display:none}.af-avatar-btn{padding-right:4px}}@media (max-width:980px){.af-nav-inner{grid-template-columns:1fr;gap:10px;height:auto;padding:12px 16px}.af-logo-mark{flex-basis:46px;width:46px;height:46px}.af-nav-center{flex-direction:column;align-items:stretch;width:100%}.af-page,.af-page.with-rail{grid-template-columns:1fr;padding:14px}.af-side{display:none}.hero-band-inner,.podium,.chart-grid,.prof-cols,.friend-grid,.track-grid,.af-grid-6,.af-grid-5,.stat-strip,.summary,.big-grid,.badge-grid,.top10-showcase,.tastes{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-bar{grid-template-columns:1fr 1fr}.sugg-grid{grid-template-columns:1fr}}@media (max-width:640px){.hero-band-cover{display:none}.hero-band-inner,.af-grid-6,.af-grid-5,.summary,.stat-strip,.big-grid,.chart-grid,.friend-grid,.track-grid,.top10-showcase,.badge-grid,.tastes{grid-template-columns:1fr}.ml-row{grid-template-columns:48px 1fr auto}.rank-title,.ml-t,.wk-t{white-space:normal;overflow:visible}.ml-rank,.ml-score-c,.ml-prog-c,.ml-menu-c,.rr-genres,.rr-members{display:none}.spotlight{grid-template-columns:1fr}.prof-head{padding-left:0}}