:root{--night-0:#070912;--night-1:#0b0e1c;--night-2:#10142a;--night-3:#161b38;--surface-1:#ffffff09;--surface-2:#ffffff0f;--surface-3:#ffffff1a;--surface-solid:#131731;--surface-raised:#191e3d;--line-1:#aebaff21;--line-2:#aebaff3d;--line-strong:#c4ceff6b;--ink-1:#eef0ff;--ink-2:#b3b9dd;--ink-3:#7f86ad;--ink-inv:#0b0e1c;--signal:#8fa4ff;--signal-strong:#aebdff;--signal-ink:#0a0d1c;--ember:#f2c48b;--aurora:#74d6c4;--rose:#ff92ae;--amber:#f0c48b;--accent-soft:#8fa4ff24;--ember-soft:#f2c48b24;--aurora-soft:#74d6c424;--rose-soft:#ff92ae24;--font-display:"Space Grotesk", "Segoe UI", system-ui, sans-serif;--font-body:"Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--fs-11:.6875rem;--fs-12:.75rem;--fs-13:.8125rem;--fs-14:.875rem;--fs-15:.9375rem;--fs-16:1rem;--fs-18:1.125rem;--fs-20:1.25rem;--fs-24:1.5rem;--fs-30:clamp(1.6rem, 1.2rem + 1.8vw, 2.1rem);--fs-40:clamp(2rem, 1.4rem + 2.8vw, 2.9rem);--lh-tight:1.15;--lh-snug:1.35;--lh-body:1.6;--tracking-caps:.14em;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-7:32px;--sp-8:40px;--sp-9:56px;--sp-10:72px;--r-sm:8px;--r-md:12px;--r-lg:18px;--r-xl:26px;--r-pill:999px;--shadow-1:0 1px 2px #0006;--shadow-2:0 12px 28px -14px #000000bf;--shadow-3:0 26px 60px -22px #000000d9;--shadow-glow:0 0 0 1px var(--line-1), 0 18px 40px -24px #5064dc8c;--inner-light:inset 0 1px 0 #ffffff0e;--t-fast:.13s cubic-bezier(.2, .8, .3, 1);--t-base:.22s cubic-bezier(.2, .8, .3, 1);--t-slow:.36s cubic-bezier(.16, 1, .3, 1);--page-max:1140px;--read-max:720px;--nav-h:60px;--tabbar-h:72px;--touch:44px}[data-theme=day]{--night-0:#eceefb;--night-1:#f2f4fd;--night-2:#f8f9ff;--night-3:#fff;--surface-1:#13183c09;--surface-2:#13183c0f;--surface-3:#13183c1a;--surface-solid:#fff;--surface-raised:#fff;--line-1:#1c245a1f;--line-2:#1c245a33;--line-strong:#1c245a66;--ink-1:#141935;--ink-2:#3f4774;--ink-3:#6d75a0;--ink-inv:#fff;--signal:#4557d6;--signal-strong:#2f41c4;--signal-ink:#fff;--ember:#b3762a;--aurora:#158a76;--rose:#c0375d;--amber:#a2731f;--accent-soft:#4557d61a;--ember-soft:#b3762a1f;--aurora-soft:#158a761f;--rose-soft:#c0375d1a;--inner-light:inset 0 1px 0 #fff9;--shadow-2:0 12px 28px -16px #14193c59;--shadow-3:0 26px 60px -24px #14193c66}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background-color:var(--night-1);min-height:100dvh;color:var(--ink-1);font-family:var(--font-body);font-size:var(--fs-15);line-height:var(--lh-body);font-feature-settings:"cv11", "ss01";-webkit-font-smoothing:antialiased;background-image:radial-gradient(120% 70% at 12% -10%, #604abe6b, transparent 60%), radial-gradient(100% 60% at 92% 0%, #18748a57, transparent 55%), radial-gradient(140% 90% at 50% 118%, #f2c48b24, transparent 62%), linear-gradient(180deg, var(--night-1), var(--night-0) 68%);background-repeat:no-repeat;background-attachment:fixed;margin:0}[data-theme=day] body{background-image:radial-gradient(120% 70% at 12% -10%, #9682f042, transparent 60%), radial-gradient(100% 60% at 92% 0%, #5abed238, transparent 55%), radial-gradient(140% 90% at 50% 118%, #ffd6a04d, transparent 62%), linear-gradient(180deg, var(--night-1), var(--night-0) 78%)}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;line-height:var(--lh-tight);letter-spacing:-.018em;text-wrap:balance;margin:0}h1{font-size:var(--fs-30)}h2{font-size:var(--fs-20)}h3{font-size:var(--fs-16)}h4{font-size:var(--fs-14)}p{text-wrap:pretty;margin:0}a{color:var(--signal);text-underline-offset:3px;text-decoration:none}a:hover{text-decoration:underline}button,input,textarea,select{font:inherit;color:inherit}ul,ol{margin:0;padding:0;list-style:none}img{max-width:100%;display:block}svg{flex:none}:focus-visible{outline:2px solid var(--signal-strong);outline-offset:2px;border-radius:var(--r-sm)}::selection{background:var(--accent-soft);color:var(--ink-1)}::placeholder{color:var(--ink-3)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:var(--r-pill);background-clip:content-box;border:3px solid #0000}::-webkit-scrollbar-track{background:0 0}.page{width:100%;max-width:var(--page-max);padding:var(--sp-5) var(--sp-4) var(--sp-9);margin-inline:auto}.page--read{max-width:var(--read-max)}.stack>*+*{margin-top:var(--sp-4)}.stack-sm>*+*{margin-top:var(--sp-2)}.stack-3>*+*{margin-top:var(--sp-3)}.row{align-items:center;gap:var(--sp-3);flex-wrap:wrap;display:flex}.row--between{justify-content:space-between}.row--top{align-items:flex-start}.row--tight{gap:var(--sp-2)}.grid{gap:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(232px,1fr));display:grid}.caps{font-family:var(--font-display);font-size:var(--fs-11);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--ink-3)}.muted{color:var(--ink-3)}.dim{color:var(--ink-2)}.tiny{font-size:var(--fs-12)}.small{font-size:var(--fs-13)}.strong{font-weight:600}.center{text-align:center}.nowrap{white-space:nowrap}.spin{animation:.9s linear infinite spin}.clamp-1,.clamp-2,.clamp-3{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.clamp-1{-webkit-line-clamp:1}.clamp-2{-webkit-line-clamp:2}.clamp-3{-webkit-line-clamp:3}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{left:var(--sp-3);z-index:90;padding:var(--sp-2) var(--sp-4);background:var(--surface-raised);border-radius:var(--r-md);transition:top var(--t-fast);position:absolute;top:-60px}.skip-link:focus{top:var(--sp-3)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes shimmer{0%{background-position:-180% 0}to{background-position:180% 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.btn{--btn-bg:var(--surface-2);--btn-fg:var(--ink-1);--btn-line:var(--line-1);justify-content:center;align-items:center;gap:var(--sp-2);min-height:var(--touch);padding:0 var(--sp-4);border:1px solid var(--btn-line);border-radius:var(--r-md);background:var(--btn-bg);color:var(--btn-fg);font-family:var(--font-display);font-size:var(--fs-14);letter-spacing:.005em;cursor:pointer;box-shadow:var(--inner-light);transition:transform var(--t-fast), background var(--t-fast), border-color var(--t-fast), opacity var(--t-fast);white-space:nowrap;font-weight:500;text-decoration:none;display:inline-flex}.btn:hover{background:var(--surface-3);text-decoration:none}.btn:active{transform:translateY(1px)}.btn[disabled],.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.btn--primary{--btn-bg:linear-gradient(180deg, var(--signal-strong), var(--signal));--btn-fg:var(--signal-ink);--btn-line:transparent;box-shadow:0 10px 26px -14px #8fa4ffe6, var(--inner-light);font-weight:600}.btn--primary:hover{filter:brightness(1.06);background:linear-gradient(180deg, var(--signal-strong), var(--signal))}.btn--ghost{--btn-bg:transparent;--btn-line:transparent;--btn-fg:var(--ink-2);box-shadow:none}.btn--ghost:hover{background:var(--surface-2);--btn-fg:var(--ink-1)}.btn--outline{--btn-bg:transparent;--btn-line:var(--line-2)}.btn--outline:hover{background:var(--surface-1)}.btn--danger{--btn-bg:var(--rose-soft);--btn-fg:var(--rose);--btn-line:#ff92ae4d}.btn--danger:hover{background:#ff92ae38}.btn--sm{min-height:34px;padding:0 var(--sp-3);font-size:var(--fs-13);border-radius:var(--r-sm)}.btn--lg{min-height:52px;padding:0 var(--sp-6);font-size:var(--fs-15);border-radius:var(--r-lg)}.btn--block{width:100%}.icon-btn{width:var(--touch);height:var(--touch);border-radius:var(--r-md);color:var(--ink-2);cursor:pointer;transition:background var(--t-fast), color var(--t-fast);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--surface-2);color:var(--ink-1)}.icon-btn--sm{border-radius:var(--r-sm);width:34px;height:34px}.field{gap:var(--sp-2);display:grid}.field__label{font-family:var(--font-display);font-size:var(--fs-12);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--ink-3)}.input,.textarea,.select{width:100%;min-height:var(--touch);padding:var(--sp-3) var(--sp-4);border:1px solid var(--line-1);border-radius:var(--r-md);background:var(--surface-1);color:var(--ink-1);box-shadow:var(--inner-light);transition:border-color var(--t-fast), background var(--t-fast)}.input:hover,.textarea:hover,.select:hover{border-color:var(--line-2)}.input:focus,.textarea:focus,.select:focus{border-color:var(--signal);background:var(--surface-2);outline:none}.input::placeholder,.textarea::placeholder{color:var(--ink-3)}.textarea{resize:vertical;min-height:96px;line-height:1.55}.select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--ink-3) 50%), linear-gradient(135deg, var(--ink-3) 50%, transparent 50%);padding-right:var(--sp-8);background-position:calc(100% - 18px),calc(100% - 13px);background-repeat:no-repeat;background-size:5px 5px}.field__hint{font-size:var(--fs-12);color:var(--ink-3)}.field__error{font-size:var(--fs-13);color:var(--rose)}.input[aria-invalid=true],.textarea[aria-invalid=true]{border-color:var(--rose)}.search-field{align-items:center;display:flex;position:relative}.search-field .input{padding-left:var(--sp-8)}.search-field__icon{left:var(--sp-3);color:var(--ink-3);pointer-events:none;position:absolute}.search-field__clear{right:var(--sp-1);position:absolute}.segmented{gap:var(--sp-1);padding:var(--sp-1);border:1px solid var(--line-1);border-radius:var(--r-md);background:var(--surface-1);scrollbar-width:none;display:flex;overflow-x:auto}.segmented::-webkit-scrollbar{display:none}.segmented__btn{min-height:36px;padding:0 var(--sp-3);border-radius:calc(var(--r-md) - 4px);color:var(--ink-2);font-size:var(--fs-13);font-family:var(--font-display);cursor:pointer;white-space:nowrap;transition:background var(--t-fast), color var(--t-fast);background:0 0;border:0;flex:1 0 auto}.segmented__btn:hover{color:var(--ink-1);background:var(--surface-2)}.segmented__btn[aria-pressed=true]{background:var(--accent-soft);color:var(--ink-1);box-shadow:inset 0 0 0 1px var(--line-2)}.card{border:1px solid var(--line-1);border-radius:var(--r-lg);background:linear-gradient(180deg, var(--surface-1), #ffffff03);box-shadow:var(--shadow-2), var(--inner-light);position:relative}.card--pad{padding:var(--sp-5)}.card--quiet{background:var(--surface-1);box-shadow:none}.card--raised{background:var(--surface-raised)}.panel{border:1px solid var(--line-1);border-radius:var(--r-xl);background:linear-gradient(180deg, var(--surface-2), var(--surface-1));box-shadow:var(--shadow-3), var(--inner-light);padding:var(--sp-6)}.divider{background:var(--line-1);height:1px;margin:var(--sp-5) 0;border:0}.badge{align-items:center;gap:var(--sp-1);padding:3px var(--sp-2);border-radius:var(--r-sm);background:var(--surface-2);color:var(--ink-2);font-family:var(--font-display);font-size:var(--fs-11);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;display:inline-flex}.badge--signal{background:var(--accent-soft);color:var(--signal-strong)}.badge--ember{background:var(--ember-soft);color:var(--ember)}.badge--aurora{background:var(--aurora-soft);color:var(--aurora)}.badge--rose{background:var(--rose-soft);color:var(--rose)}.chip{align-items:center;gap:var(--sp-2);min-height:34px;padding:0 var(--sp-3);border:1px solid var(--line-1);border-radius:var(--r-pill);background:var(--surface-1);color:var(--ink-2);font-size:var(--fs-13);cursor:pointer;transition:border-color var(--t-fast), color var(--t-fast), background var(--t-fast);display:inline-flex}.chip:hover{color:var(--ink-1);border-color:var(--line-2)}.chip[aria-pressed=true]{background:var(--accent-soft);border-color:var(--line-2);color:var(--ink-1)}.dot{background:var(--ember);border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px 1px #f2c48bb3}.avatar{--size:40px;width:var(--size);height:var(--size);border-radius:var(--r-pill);color:var(--ink-inv);font-family:var(--font-display);font-weight:600;font-size:calc(var(--size) * .4);letter-spacing:-.02em;box-shadow:inset 0 0 0 1px var(--line-1);background:linear-gradient(150deg,#8fa4ff80,#74d6c459);flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar--sm{--size:30px}.avatar--lg{--size:76px}.list-row{align-items:center;gap:var(--sp-3);width:100%;min-height:var(--touch);padding:var(--sp-3);border-radius:var(--r-md);color:inherit;text-align:left;cursor:pointer;transition:background var(--t-fast), border-color var(--t-fast);background:0 0;border:1px solid #0000;display:flex}.list-row:hover{background:var(--surface-2);border-color:var(--line-1)}.list-row+.list-row{margin-top:var(--sp-1)}.topbar{z-index:40;align-items:center;gap:var(--sp-4);min-height:var(--nav-h);padding:var(--sp-2) var(--sp-4);background:color-mix(in srgb, var(--night-1) 80%, transparent);-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%);border-bottom:1px solid var(--line-1);display:flex;position:sticky;top:0}.topbar__inner{align-items:center;gap:var(--sp-4);width:100%;max-width:var(--page-max);margin-inline:auto;display:flex}.brand{align-items:center;gap:var(--sp-2);font-family:var(--font-display);font-size:var(--fs-16);letter-spacing:-.02em;color:var(--ink-1);font-weight:600;display:inline-flex}.brand:hover{text-decoration:none}.brand__mark{color:var(--signal);place-items:center;display:grid}.nav-links{align-items:center;gap:var(--sp-1);display:none}.nav-link{padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);color:var(--ink-2);font-size:var(--fs-14);font-family:var(--font-display);position:relative}.nav-link:hover{color:var(--ink-1);background:var(--surface-2);text-decoration:none}.nav-link[aria-current=page]{color:var(--ink-1)}.nav-link[aria-current=page]:after{content:"";border-radius:var(--r-pill);background:var(--ember);width:14px;height:2px;position:absolute;bottom:2px;left:50%;transform:translate(-50%);box-shadow:0 0 10px #f2c48bcc}.tabbar{z-index:45;padding:var(--sp-1) var(--sp-2) calc(var(--sp-1) + env(safe-area-inset-bottom,0px));background:color-mix(in srgb, var(--night-1) 92%, transparent);-webkit-backdrop-filter:blur(16px)saturate(150%);backdrop-filter:blur(16px)saturate(150%);border-top:1px solid var(--line-1);grid-auto-flow:column;align-items:stretch;display:grid;position:fixed;inset:auto 0 0}.tab{padding:var(--sp-2) var(--sp-1);border-radius:var(--r-md);color:var(--ink-3);font-family:var(--font-display);font-size:var(--fs-11);letter-spacing:.02em;cursor:pointer;background:0 0;border:0;place-items:center;gap:3px;text-decoration:none;display:grid}.tab[aria-current=page]{color:var(--ink-1);background:var(--surface-1)}.tab[aria-current=page] .tab__icon{color:var(--signal)}.tab__icon{color:currentColor}.fab{right:var(--sp-5);bottom:calc(var(--tabbar-h) + var(--sp-4) + env(safe-area-inset-bottom,0px));z-index:44;align-items:center;gap:var(--sp-2);min-height:50px;padding:0 var(--sp-5);border-radius:var(--r-pill);background:linear-gradient(180deg, var(--signal-strong), var(--signal));color:var(--signal-ink);font-family:var(--font-display);cursor:pointer;border:0;font-weight:600;text-decoration:none;display:inline-flex;position:fixed;box-shadow:0 18px 40px -16px #8fa4ffd9}.fab:hover{filter:brightness(1.06);text-decoration:none}.modal-backdrop{z-index:70;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade-in var(--t-base) ease;background:#04060ead;place-items:end center;padding:0;display:grid;position:fixed;inset:0}.modal{width:100%;max-width:560px;max-height:min(86dvh,760px);padding:var(--sp-6);border:1px solid var(--line-1);border-radius:var(--r-xl) var(--r-xl) 0 0;background:var(--surface-raised);box-shadow:var(--shadow-3);animation:sheet-up var(--t-slow) ease;position:relative;overflow:auto}.modal__head{justify-content:space-between;align-items:flex-start;gap:var(--sp-4);margin-bottom:var(--sp-4);display:flex}.modal__grab{width:44px;height:4px;margin:calc(var(--sp-6) * -1 + var(--sp-2)) auto var(--sp-4);border-radius:var(--r-pill);background:var(--line-2)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes sheet-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.toaster{z-index:90;left:var(--sp-4);right:var(--sp-4);bottom:calc(var(--tabbar-h) + var(--sp-4) + env(safe-area-inset-bottom,0px));gap:var(--sp-2);pointer-events:none;justify-items:center;display:grid;position:fixed}.toast{pointer-events:auto;align-items:center;gap:var(--sp-3);max-width:460px;padding:var(--sp-3) var(--sp-4);border:1px solid var(--line-2);border-radius:var(--r-md);background:var(--surface-raised);box-shadow:var(--shadow-3);font-size:var(--fs-14);animation:toast-in var(--t-base) ease;display:flex}.toast--error{border-color:#ff92ae73}.toast--success{border-color:#74d6c473}.toast__icon{color:var(--signal)}.toast--error .toast__icon{color:var(--rose)}.toast--success .toast__icon{color:var(--aurora)}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.skeleton{border-radius:var(--r-md);background:linear-gradient(90deg, var(--surface-1) 0%, var(--surface-2) 40%, var(--surface-1) 80%);background-size:220% 100%;animation:1.5s ease-in-out infinite shimmer}.skeleton--text{height:12px}.skeleton--title{width:60%;height:22px}.skeleton--cover{border-radius:var(--r-lg) var(--r-lg) 0 0;height:132px}.skeleton--block{height:86px}.state{justify-items:center;gap:var(--sp-3);padding:var(--sp-8) var(--sp-4);text-align:center;display:grid}.state__icon{border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--line-1);width:56px;height:56px;color:var(--signal);place-items:center;display:grid}.state__title{font-family:var(--font-display);font-size:var(--fs-18);font-weight:600}.state__body{max-width:42ch;color:var(--ink-2);font-size:var(--fs-14)}.state--inline{padding:var(--sp-5) 0}.notice{gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border:1px solid var(--line-1);border-left:2px solid var(--signal);border-radius:var(--r-md);background:var(--surface-1);font-size:var(--fs-13);color:var(--ink-2);display:flex}.notice--warn{border-left-color:var(--amber);background:var(--ember-soft);color:var(--ink-1)}.notice--danger{border-left-color:var(--rose);background:var(--rose-soft)}.banner{justify-content:space-between;align-items:center;gap:var(--sp-4);padding:var(--sp-4) var(--sp-5);border:1px dashed var(--line-2);border-radius:var(--r-lg);background:var(--surface-1);display:flex}.item-card{border:1px solid var(--line-1);border-radius:var(--r-lg);background:linear-gradient(180deg, var(--surface-1), #ffffff04);box-shadow:var(--shadow-2), var(--inner-light);transition:transform var(--t-fast), border-color var(--t-fast), box-shadow var(--t-base);flex-direction:column;height:100%;display:flex;overflow:hidden}.item-card:hover{border-color:var(--line-2);box-shadow:var(--shadow-3), var(--inner-light);transform:translateY(-2px)}.item-card__cover{aspect-ratio:16/9;background:linear-gradient(140deg,#8fa4ff38,#74d6c424 60%,#f2c48b29);position:relative;overflow:hidden}.item-card__cover img{object-fit:cover;width:100%;height:100%}.item-card__cover--missing{color:var(--ink-2);place-items:center;display:grid}.item-card__cover-glyph{font-family:var(--font-display);font-size:var(--fs-30);letter-spacing:-.03em;color:var(--ink-1);opacity:.82;font-weight:600}.item-card__type{left:var(--sp-3);top:var(--sp-3);position:absolute}.item-card__body{gap:var(--sp-2);padding:var(--sp-4);flex-direction:column;flex:1;display:flex}.item-card__title{font-family:var(--font-display);font-size:var(--fs-15);font-weight:600;line-height:var(--lh-snug)}.item-card__desc{font-size:var(--fs-13);color:var(--ink-2)}.item-card__foot{justify-content:space-between;align-items:center;gap:var(--sp-2);padding-top:var(--sp-2);margin-top:auto;display:flex}.playlist-card{gap:var(--sp-3);padding:var(--sp-5);border:1px solid var(--line-1);border-radius:var(--r-xl);background:linear-gradient(160deg, var(--surface-2), var(--surface-1) 55%, #f2c48b0d);box-shadow:var(--shadow-2), var(--inner-light);transition:transform var(--t-fast), border-color var(--t-fast);color:inherit;display:grid}.playlist-card:hover{border-color:var(--line-2);text-decoration:none;transform:translateY(-2px)}.playlist-card__title{font-family:var(--font-display);font-size:var(--fs-18);font-weight:600}.playlist-card__meta{align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.playlist-card__spine{align-items:flex-end;gap:3px;height:22px;display:flex}.playlist-card__spine i{background:var(--signal);opacity:.55;border-radius:2px;width:4px;display:block}.playlist-card__spine i:nth-child(3n){background:var(--aurora)}.playlist-card__spine i:nth-child(4n){background:var(--ember);opacity:.8}.block{position:relative}.block__text{padding:var(--sp-2) 0 var(--sp-2) var(--sp-5);border-left:2px solid var(--line-2);color:var(--ink-1);white-space:pre-wrap;line-height:1.65}.block__note{font-family:var(--font-display);font-size:var(--fs-11);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--ink-3);padding-left:var(--sp-5);margin-bottom:var(--sp-2)}.editor-row{align-items:flex-start;gap:var(--sp-2);padding:var(--sp-3);border:1px solid var(--line-1);border-radius:var(--r-lg);background:var(--surface-raised);box-shadow:var(--shadow-1);display:flex}.editor-row--dragging{border-color:var(--line-strong);box-shadow:var(--shadow-3);opacity:.95;transform:scale(.995)}.editor-row__grip{border-radius:var(--r-sm);width:34px;color:var(--ink-3);cursor:grab;touch-action:none;background:0 0;border:1px solid #0000;flex:none;align-self:stretch;place-items:center;display:grid}.editor-row__grip:hover{color:var(--ink-1);background:var(--surface-2);border-color:var(--line-1)}.editor-row__grip:active{cursor:grabbing}.editor-row__main{gap:var(--sp-2);flex:1;min-width:0;display:grid}.editor-row__tools{flex-direction:column;gap:2px;display:flex}.editor-row__index{font-family:var(--font-display);font-size:var(--fs-11);color:var(--ink-3);text-align:right;min-width:18px}.drop-line{background:var(--signal);height:2px;box-shadow:0 0 12px var(--signal);border-radius:2px}.drag-overlay .editor-row{border-color:var(--line-strong);box-shadow:var(--shadow-3);cursor:grabbing}.user-row{align-items:center;gap:var(--sp-3);padding:var(--sp-3) 0;display:flex}.user-row__main{flex:1;min-width:0}.stats{gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(92px,1fr));display:grid}.stat{padding:var(--sp-3) var(--sp-4);border:1px solid var(--line-1);border-radius:var(--r-md);background:var(--surface-1);gap:2px;display:grid}.stat__value{font-family:var(--font-display);font-size:var(--fs-24);font-weight:600;line-height:1.1}.stat__label{font-size:var(--fs-12);color:var(--ink-3)}button.stat,a.stat{text-align:left;cursor:pointer;color:inherit}button.stat:hover,a.stat:hover{border-color:var(--line-strong)}.stat--active{background:var(--surface-2);border-color:var(--line-strong)}.feed-item{gap:var(--sp-3);display:flex}.feed-item__rail{flex:none;justify-items:center;width:32px;display:grid;position:relative}.feed-item__rail:after{content:"";width:1px;margin-top:var(--sp-2);background:linear-gradient(180deg, var(--line-2), transparent);flex:1}.feed-item__kind{font-family:var(--font-display);font-size:var(--fs-11);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--ink-3)}@media (width>=720px){body{font-size:var(--fs-16)}.page{padding:var(--sp-7) var(--sp-6) var(--sp-10)}.modal{border-radius:var(--r-xl);margin-bottom:var(--sp-7)}.modal-backdrop{padding:var(--sp-4);place-items:center}.toaster{left:auto;bottom:var(--sp-6);justify-items:end}.tabbar{display:none}.nav-links{display:flex}.fab{display:none}.grid{gap:var(--sp-5);grid-template-columns:repeat(auto-fill,minmax(252px,1fr))}}.hero{gap:var(--sp-6);padding:var(--sp-8) 0 var(--sp-7);display:grid;position:relative;overflow:hidden}.hero__eyebrow{align-items:center;gap:var(--sp-2);display:inline-flex}.hero__title{font-size:var(--fs-40);max-width:22ch;font-weight:600}.hero__lede{max-width:56ch;color:var(--ink-2);font-size:var(--fs-18);line-height:1.5}.hero__actions{gap:var(--sp-3);flex-wrap:wrap;display:flex}.hero__orbit{width:min(720px,110vw);color:var(--signal);opacity:.16;pointer-events:none;position:absolute;top:-40%;right:-18%}.hero__moon{fill:none;stroke:currentColor;stroke-width:.6px}.feature-grid{gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.feature{gap:var(--sp-2);padding:var(--sp-5);border:1px solid var(--line-1);border-radius:var(--r-lg);background:var(--surface-1);display:grid}.feature__icon{color:var(--ember);margin-bottom:var(--sp-1)}.feature h3{font-size:var(--fs-15)}.feature p{font-size:var(--fs-13);color:var(--ink-2)}.section{margin-top:var(--sp-9)}.section__head{justify-content:space-between;align-items:baseline;gap:var(--sp-4);margin-bottom:var(--sp-4);display:flex}.demo-strip{gap:var(--sp-3);display:grid}.demo-strip__row{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border:1px solid var(--line-1);border-radius:var(--r-md);background:var(--surface-1);font-size:var(--fs-13);display:flex}.demo-strip__who{align-items:center;gap:var(--sp-3);min-width:0;display:flex}.auth-shell{min-height:100dvh;padding:var(--sp-5);place-items:center;display:grid}.auth-card{width:100%;max-width:420px}.auth-card__head{gap:var(--sp-2);text-align:center;margin-bottom:var(--sp-6);justify-items:center;display:grid}.toolbar{align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-5);flex-wrap:wrap;display:flex}.toolbar__filters{gap:var(--sp-2);padding-bottom:var(--sp-1);scrollbar-width:none;flex:1;display:flex;overflow-x:auto}.toolbar__filters::-webkit-scrollbar{display:none}.page-head{justify-content:space-between;align-items:flex-end;gap:var(--sp-4);margin-bottom:var(--sp-5);flex-wrap:wrap;display:flex}.page-head h1{font-size:var(--fs-24)}.page-head__sub{color:var(--ink-3);font-size:var(--fs-13)}.add-flow{gap:var(--sp-5);display:grid}.add-flow__url{gap:var(--sp-2);display:grid}.preview{gap:var(--sp-4);grid-template-columns:96px 1fr;align-items:start;display:grid}.preview__cover{aspect-ratio:3/4;border-radius:var(--r-md);color:var(--ink-2);background:linear-gradient(140deg,#8fa4ff47,#f2c48b2e);place-items:center;display:grid;overflow:hidden}.preview__cover img{object-fit:cover;width:100%;height:100%}.item-detail{gap:var(--sp-6);display:grid}.item-detail__hero{gap:var(--sp-4);display:grid}.item-detail__cover{aspect-ratio:3/4;border-radius:var(--r-lg);background:var(--surface-2);border:1px solid var(--line-1);width:100%;max-width:260px;overflow:hidden}.item-detail__cover img{object-fit:cover;width:100%;height:100%}.kv{gap:var(--sp-2);font-size:var(--fs-13);display:grid}.kv__row{gap:var(--sp-3);grid-template-columns:120px 1fr;display:grid}.kv__key{color:var(--ink-3)}.kv__val{color:var(--ink-1);word-break:break-word}.meta-json{max-height:260px;padding:var(--sp-3);border:1px solid var(--line-1);border-radius:var(--r-md);background:var(--night-2);font-family:ui-monospace,Cascadia Mono,Menlo,monospace;font-size:var(--fs-12);color:var(--ink-2);white-space:pre;overflow:auto}.playlist-head{gap:var(--sp-4);padding:var(--sp-6) 0 var(--sp-5);border-bottom:1px solid var(--line-1);margin-bottom:var(--sp-6);display:grid}.playlist-head__title{font-size:var(--fs-30)}.playlist-head__author{align-items:center;gap:var(--sp-3);display:flex}.blocks,.editor{gap:var(--sp-5);display:grid}.editor__list{gap:var(--sp-2);display:grid}.editor__bar{bottom:calc(var(--tabbar-h) + var(--sp-2));z-index:30;justify-content:space-between;align-items:center;gap:var(--sp-3);row-gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border:1px solid var(--line-2);border-radius:var(--r-pill);background:color-mix(in srgb, var(--surface-raised) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-3);flex-wrap:wrap;display:flex;position:sticky}.editor__status{font-size:var(--fs-12);color:var(--ink-3);align-items:center;gap:var(--sp-2);white-space:nowrap;display:flex}.editor__bar .row{margin-left:auto}@media (width>=900px){.editor{grid-template-columns:minmax(0,1fr) 300px;align-items:start}.editor__aside{top:calc(var(--nav-h) + var(--sp-4));gap:var(--sp-4);display:grid;position:sticky}.editor__bar{bottom:var(--sp-4)}.item-detail{grid-template-columns:260px minmax(0,1fr)}.playlist-head{padding:var(--sp-8) 0 var(--sp-6)}}.profile-head{gap:var(--sp-4);padding:var(--sp-6) 0;border-bottom:1px solid var(--line-1);display:grid}.profile-head__row{align-items:center;gap:var(--sp-4);display:flex}.profile-head__name{font-size:var(--fs-24)}.profile-head__handle{color:var(--ink-3);font-size:var(--fs-13)}.settings-grid{gap:var(--sp-5);max-width:620px;display:grid}.danger-zone{border-radius:var(--r-lg);padding:var(--sp-5);background:var(--rose-soft);border:1px solid #ff92ae4d}