:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--night-0:#11151f;--night-1:#141824;--night-2:#1b2130;--night-3:#252d40;--surface-1:#1b2130;--surface-2:#202738;--surface-3:#2b3449;--surface-solid:#1b2130;--surface-raised:#202738;--line-1:#30394d;--line-2:#424d65;--line-strong:#8891ac;--ink-1:#f2f0f7;--ink-2:#c0c5d4;--ink-3:#a2aac0;--ink-inv:#141824;--signal:#c5baff;--signal-strong:#d8d0ff;--signal-ink:#242039;--ember:#f3bba5;--aurora:#94cebb;--rose:#ff9cb1;--amber:#f1c58c;--accent-soft:#302d49;--ember-soft:#3e3032;--aurora-soft:#223b36;--rose-soft:#412c39;--cover-paper:#b9bdcc;--cover-ink:#262b40;--cover-peach:#e0b5a1;--cover-sage:#a7bcb1;--cover-iris:#b6abda;--font-display:"Unbounded", "Segoe UI", sans-serif;--font-body:"Golos Text", "Segoe UI", system-ui, 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.7rem, 1.2rem + 2vw, 2.25rem);--fs-40:clamp(2rem, 1.2rem + 3.5vw, 3.5rem);--lh-tight:1.2;--lh-snug:1.4;--lh-body:1.6;--tracking-caps:.08em;--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:14px;--r-lg:20px;--r-xl:28px;--r-pill:999px;--shadow-1:0 2px 4px #00000018;--shadow-2:0 8px 24px -12px #00000050;--shadow-3:0 20px 56px -20px #00000080;--inner-light:inset 0 1px 0 #ffffff06;--t-fast:.14s cubic-bezier(.2, .8, .3, 1);--t-base:.22s cubic-bezier(.2, .8, .3, 1);--t-slow:.28s cubic-bezier(.16, 1, .3, 1);--page-max:1160px;--read-max:800px;--nav-h:68px;--tabbar-h:76px;--touch:44px}[data-theme=day]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--night-0:#e9e8f0;--night-1:#f3f2f8;--night-2:#eeedf5;--night-3:#fff;--surface-1:#eeedf5;--surface-2:#e8e6f0;--surface-3:#dedbe9;--surface-solid:#fff;--surface-raised:#fff;--line-1:#dcdae7;--line-2:#c4bfd4;--line-strong:#847b9b;--ink-1:#242335;--ink-2:#535267;--ink-3:#646177;--ink-inv:#fff;--signal:#6652bd;--signal-strong:#51409f;--signal-ink:#fff;--ember:#975036;--aurora:#306b58;--rose:#b43555;--amber:#855715;--accent-soft:#e5def8;--ember-soft:#f4e2da;--aurora-soft:#dfede7;--rose-soft:#f5dfe6;--shadow-2:0 8px 24px -12px #24233528;--shadow-3:0 20px 56px -20px #24233545}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background: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);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3,h4{line-height:var(--lh-tight);text-wrap:balance;overflow-wrap:anywhere;margin:0;font-weight:500}h1{font-family:var(--font-display);font-size:var(--fs-30);letter-spacing:-.045em}h2{font-size:var(--fs-20);letter-spacing:-.02em;font-weight:600}h3{font-size:var(--fs-18);font-weight:600}h4{font-size:var(--fs-15);font-weight:600}p{text-wrap:pretty;overflow-wrap:anywhere;margin:0}a{color:var(--signal);text-underline-offset:4px;text-decoration:none}a:hover{text-decoration:underline}button,input,textarea,select{font:inherit;color:inherit}button{touch-action:manipulation}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);outline-offset:4px}::selection{background:var(--accent-soft);color:var(--ink-1)}::placeholder{color:var(--ink-3)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--line-2);border:2px solid var(--night-1);border-radius:var(--r-pill)}::-webkit-scrollbar-track{background:0 0}.page{width:100%;max-width:var(--page-max);padding:var(--sp-6) var(--sp-5) var(--sp-9);margin-inline:auto}.page--read{max-width:var(--read-max)}.app-main{padding-bottom:calc(var(--tabbar-h) + 76px + env(safe-area-inset-bottom,0px))}.stack>*+*{margin-top:var(--sp-5)}.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-6) var(--sp-3);grid-template-columns:minmax(0,1fr);display:grid}.grid>*{min-width:0}.playlist-grid{gap:var(--sp-7);grid-template-columns:minmax(0,1fr);display:grid}.caps{font-size:var(--fs-12);letter-spacing:var(--tracking-caps);color:var(--ink-3);font-weight:500}.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);position:absolute;top:-80px}.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 (width>=360px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=720px){.page{padding:var(--sp-8) var(--sp-7) var(--sp-10)}.grid{gap:var(--sp-7) var(--sp-5);grid-template-columns:repeat(3,minmax(0,1fr))}.playlist-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.app-main{padding-bottom:0}.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.playlist-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@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{justify-content:center;align-items:center;gap:var(--sp-2);min-height:var(--touch);padding:10px var(--sp-4);border-radius:var(--r-pill);background:var(--surface-2);color:var(--ink-1);font-size:var(--fs-14);text-align:center;cursor:pointer;transition:background var(--t-fast), transform var(--t-fast), border-color var(--t-fast);border:1px solid #0000;font-weight:500;line-height:1.35;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{background:var(--signal);color:var(--signal-ink);font-weight:600}.btn--primary:hover{background:var(--signal-strong)}.btn--ghost{color:var(--ink-2);background:0 0}.btn--ghost:hover{background:var(--surface-1);color:var(--ink-1)}.btn--outline{border-color:var(--line-2);background:0 0}.btn--outline:hover{background:var(--surface-1)}.btn--danger{background:var(--rose-soft);color:var(--rose);border-color:color-mix(in srgb, var(--rose) 25%, transparent)}.btn--danger:hover{background:color-mix(in srgb, var(--rose) 20%, var(--surface-raised))}.btn--sm{min-height:var(--touch);padding-inline:var(--sp-3);font-size:var(--fs-13)}.btn--lg{min-height:52px;padding-inline:var(--sp-6);font-size:var(--fs-15)}.btn--block{width:100%}.icon-btn{width:var(--touch);height:var(--touch);border-radius:var(--r-pill);color:var(--ink-2);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--surface-2);color:var(--ink-1)}.icon-btn--sm{width:var(--touch);height:var(--touch)}.field{gap:var(--sp-2);min-width:0;display:grid}.field__label{font-size:var(--fs-13);color:var(--ink-2);font-weight:500}.input,.textarea,.select{width:100%;min-width:0;min-height:48px;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);font-size:var(--fs-16);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{outline:2px solid var(--signal);outline-offset:2px;border-color:#0000}.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;min-width:0;display:flex;position:relative}.search-field .input{border-radius:var(--r-pill);border-color:#0000;padding-left:46px}.search-field__icon{left:var(--sp-4);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-radius:var(--r-md);background:var(--surface-1);scrollbar-width:none;max-width:100%;display:flex;overflow-x:auto}.segmented::-webkit-scrollbar{display:none}.segmented__btn{min-height:var(--touch);padding:8px var(--sp-3);border-radius:var(--r-sm);color:var(--ink-2);font-size:var(--fs-13);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{background:var(--surface-2)}.segmented__btn[aria-pressed=true]{background:var(--accent-soft);color:var(--signal)}.card{border:1px solid var(--line-1);border-radius:var(--r-lg);background:var(--surface-solid);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-lg);background:var(--surface-solid);padding:var(--sp-5)}.divider{background:var(--line-1);height:1px;margin:var(--sp-6) 0;border:0}.badge{background:var(--surface-2);max-width:100%;color:var(--ink-2);font-size:var(--fs-11);border-radius:6px;align-items:center;gap:5px;padding:4px 8px;font-weight:500;line-height:1.35;display:inline-flex}.badge--signal{background:var(--accent-soft);color:var(--signal)}.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{justify-content:center;align-items:center;gap:var(--sp-2);min-height:var(--touch);padding:0 var(--sp-4);border:1px solid var(--line-1);border-radius:var(--r-pill);color:var(--ink-2);font-size:var(--fs-13);cursor:pointer;transition:background var(--t-fast), color var(--t-fast);background:0 0;flex:none;display:inline-flex}.chip:hover{border-color:var(--line-2);color:var(--ink-1)}.chip[aria-pressed=true]{background:var(--ink-1);border-color:var(--ink-1);color:var(--night-1)}.dot{background:var(--ember);border-radius:50%;flex:none;width:5px;height:5px}.avatar{--size:40px;width:var(--size);height:var(--size);background:var(--accent-soft);color:var(--signal);font-weight:600;font-size:calc(var(--size) * .34);letter-spacing:-.03em;border-radius:50%;flex:none;place-items:center;display:inline-grid;position:relative;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar--sm{--size:30px}.avatar--lg{--size:80px}.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;background:0 0;border:1px solid #0000;display:flex}.list-row:hover{background:var(--surface-1);text-decoration:none}.list-row+.list-row{margin-top:var(--sp-1)}.topbar{z-index:40;min-height:var(--nav-h);padding:10px var(--sp-5);background:color-mix(in srgb, var(--night-1) 94%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);align-items:center;display:flex;position:sticky;top:0}.topbar__inner{align-items:center;gap:var(--sp-5);width:100%;max-width:calc(var(--page-max) - 64px);margin-inline:auto;display:flex}.topbar__actions{align-items:center;gap:var(--sp-1);margin-left:auto;display:flex}.topbar__add,.topbar__profile{display:none}.brand{align-items:center;gap:var(--sp-2);min-height:var(--touch);color:var(--ink-1);font-size:var(--fs-18);letter-spacing:-.055em;white-space:nowrap;font-weight:600;display:inline-flex}.brand:hover{text-decoration:none}.brand__mark{color:var(--signal);place-items:center;display:grid}.brand__space{color:var(--ink-3);font-weight:400}.nav-links{align-items:center;gap:var(--sp-1);display:none}.nav-link{min-height:var(--touch);border-radius:var(--r-pill);color:var(--ink-3);font-size:var(--fs-14);align-items:center;padding:8px 14px;display:inline-flex}.nav-link:hover{color:var(--ink-1);text-decoration:none}.nav-link[aria-current=page]{color:var(--ink-1);background:var(--surface-2)}.tabbar{z-index:45;min-height:var(--tabbar-h);padding:6px 10px calc(6px + env(safe-area-inset-bottom,0px));background:color-mix(in srgb, var(--night-1) 96%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--line-1);grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:fixed;inset:auto 0 0}.tab{border-radius:var(--r-md);min-width:0;min-height:62px;color:var(--ink-3);align-content:center;justify-items:center;gap:4px;padding:4px 2px;font-size:10px;font-weight:500;text-decoration:none;display:grid}.tab:hover{color:var(--ink-1);text-decoration:none}.tab__icon{border-radius:var(--r-pill);place-items:center;width:48px;height:28px;display:grid}.tab[aria-current=page]{color:var(--signal)}.tab[aria-current=page] .tab__icon{background:var(--accent-soft)}.fab{right:var(--sp-5);bottom:calc(var(--tabbar-h) + var(--sp-4) + env(safe-area-inset-bottom,0px));z-index:44;justify-content:center;align-items:center;gap:var(--sp-2);min-height:50px;padding:0 var(--sp-5);border-radius:var(--r-pill);background:var(--signal);color:var(--signal-ink);font-size:var(--fs-14);box-shadow:var(--shadow-3);font-weight:600;text-decoration:none;display:inline-flex;position:fixed}.fab:hover{background:var(--signal-strong);text-decoration:none}.modal-backdrop{z-index:70;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade-in var(--t-base);background:#080b16aa;place-items:end center;display:grid;position:fixed;inset:0}.modal{overscroll-behavior:contain;width:100%;max-width:560px;max-height:min(90dvh,840px);padding:var(--sp-6) var(--sp-5) calc(var(--sp-6) + env(safe-area-inset-bottom,0px));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-base);position:relative;overflow:auto}.modal__head{justify-content:space-between;align-items:flex-start;gap:var(--sp-3);margin-bottom:var(--sp-5);display:flex}.modal__head h2{font-size:var(--fs-24);letter-spacing:-.04em}.modal__head>div{min-width:0}.modal__grab{width:36px;height:4px;margin:-12px auto var(--sp-5);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(20px)}to{opacity:1;transform:none}}.toaster{z-index:90;left:var(--sp-4);right:var(--sp-4);top:calc(var(--nav-h) + var(--sp-2));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:fade-up var(--t-base);display:flex}.toast--error{border-color:var(--rose)}.toast--success{border-color:var(--aurora)}.toast__icon{color:var(--signal)}.toast--error .toast__icon{color:var(--rose)}.toast--success .toast__icon{color:var(--aurora)}.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:75%;height:20px}.skeleton--cover{aspect-ratio:4/5;border-radius:var(--r-md)}.skeleton--playlist{aspect-ratio:16/10;border-radius:var(--r-lg)}.skeleton--block{height:86px}.skeleton-card{gap:var(--sp-3);display:grid}.state{justify-items:center;gap:var(--sp-4);padding:var(--sp-9) var(--sp-4);text-align:center;display:grid}.state__icon{width:72px;height:72px;margin-bottom:var(--sp-2);background:var(--accent-soft);color:var(--signal);border-radius:24px;place-items:center;display:grid}.state__title{font-size:var(--fs-20);font-weight:600}.state__body{max-width:42ch;color:var(--ink-3);font-size:var(--fs-14)}.state--inline{padding:var(--sp-5) 0}.notice{gap:var(--sp-3);padding:var(--sp-4);border-left:2px solid var(--signal);border-radius:0 var(--r-md) var(--r-md) 0;background:var(--surface-1);font-size:var(--fs-13);color:var(--ink-2);display:flex}.notice svg{margin-top:3px}.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);flex-wrap:wrap;display:flex}.cover{--cover-color:var(--cover-iris);isolation:isolate;background:var(--surface-2);position:relative;overflow:hidden}.cover__fallback{color:var(--cover-ink);background:var(--cover-color);flex-direction:column;justify-content:space-between;padding:12%;display:flex;position:absolute;inset:0}.cover__fallback:after{content:"";border:1px solid color-mix(in srgb, var(--cover-ink) 18%, transparent);border-radius:inherit;pointer-events:none;position:absolute;inset:8px}.cover__letter{font-family:var(--font-display);letter-spacing:-.1em;opacity:.85;margin-block:auto;font-size:clamp(64px,16vw,100px);font-weight:400;line-height:1}.cover__title{display:none}.cover__caption{letter-spacing:.035em;font-size:9px}.cover img{object-fit:cover;background:var(--surface-2);opacity:0;width:100%;height:100%;transition:opacity var(--t-fast);position:absolute;inset:0}.cover img.cover__image--loaded{opacity:1}.cover--portrait img{object-fit:contain;padding:8px}.item-card{min-width:0;color:var(--ink-1);border-radius:var(--r-md);flex-direction:column;text-decoration:none;display:flex}.item-card:hover{text-decoration:none}.item-card__cover{aspect-ratio:4/5;border-radius:var(--r-md);transition:transform var(--t-base)}.item-card--book .cover{--cover-color:var(--cover-peach)}.item-card--movie .cover,.item-card--series .cover{--cover-color:var(--cover-sage)}.item-card--article .cover,.item-card--document .cover{--cover-color:var(--cover-paper)}.item-card__body{padding:var(--sp-3) 2px 0;flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.item-card__category{color:var(--ink-3);font-size:var(--fs-11)}.item-card__title{font-size:var(--fs-14);letter-spacing:-.015em;font-weight:500;line-height:1.45}.item-card__desc{font-size:var(--fs-14);color:var(--ink-2)}.item-card__foot{justify-content:space-between;align-items:center;gap:var(--sp-2);color:var(--ink-3);display:flex}.item-card__source{font-size:var(--fs-12)}.item-card--route{align-items:start;gap:var(--sp-4);padding:var(--sp-4);border:1px solid var(--line-1);background:var(--surface-solid);border-radius:var(--r-lg);grid-template-columns:92px minmax(0,1fr);display:grid}.item-card--route .item-card__body{gap:var(--sp-2);padding:0}.item-card--route .item-card__cover{aspect-ratio:3/4;border-radius:var(--r-sm)}.item-card--route .cover__letter{font-size:48px}.item-card--route .cover__caption{display:none}.item-card--route .item-card__title{font-size:var(--fs-16)}.item-card--route .item-card__desc{font-size:var(--fs-13)}.item-card--route .item-card__foot{margin-top:var(--sp-1)}.playlist-card{min-width:0;color:var(--ink-1);flex-direction:column;padding-top:7px;text-decoration:none;display:flex}.playlist-card:hover{text-decoration:none}.playlist-card__jacket{position:relative}.playlist-card__jacket:before{content:"";border:1px solid var(--line-2);border-radius:var(--r-lg);background:var(--surface-3);position:absolute;inset:-6px 9px 12px}.playlist-card__cover{aspect-ratio:16/10;border-radius:var(--r-lg)}.playlist-card__cover .cover__fallback{justify-content:center;padding:9% 9% 64px}.playlist-card__cover .cover__letter,.playlist-card__cover .cover__caption{display:none}.playlist-card__cover .cover__title{font-family:var(--font-display);letter-spacing:-.045em;overflow-wrap:anywhere;font-size:clamp(22px,5vw,34px);font-weight:400;line-height:1.3;display:-webkit-box}.playlist-card__count{left:var(--sp-4);bottom:var(--sp-4);border-radius:var(--r-pill);color:#f2f0f7;font-size:var(--fs-12);background:#141824;align-items:center;gap:6px;padding:6px 10px;display:inline-flex;position:absolute}.playlist-card__open{right:var(--sp-4);bottom:var(--sp-4);color:#242335;background:#f2f0f7;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute}.playlist-card__body{gap:var(--sp-3);padding:var(--sp-4) 2px 0;display:grid}.playlist-card__meta{justify-content:space-between;align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.playlist-card__title{font-size:var(--fs-20);letter-spacing:-.025em;font-weight:500;line-height:1.3}.playlist-card__desc{color:var(--ink-3);font-size:var(--fs-14)}.playlist-card__author{align-items:center;gap:var(--sp-2);font-size:var(--fs-13);color:var(--ink-2);display:flex}@media (hover:hover) and (prefers-reduced-motion:no-preference){.item-card:hover .item-card__cover{transform:translateY(-3px)}.playlist-card:hover .playlist-card__open{transform:translate(2px)}}.block{min-width:0;position:relative}.block__text{padding:var(--sp-2) 0 var(--sp-2) var(--sp-5);border-left:2px solid var(--ember);color:var(--ink-2);white-space:pre-wrap;line-height:1.75}.block__note{align-items:center;gap:var(--sp-2);font-size:var(--fs-12);color:var(--ink-3);margin-bottom:var(--sp-3);display:flex}.editor-row{align-items:flex-start;gap:var(--sp-1);padding:var(--sp-2);border:1px solid var(--line-1);border-radius:var(--r-md);background:var(--surface-solid);display:flex}.editor-row--dragging{border-color:var(--signal);box-shadow:var(--shadow-3);opacity:.8}.editor-row__grip{width:var(--touch);min-height:var(--touch);border-radius:var(--r-sm);color:var(--ink-3);cursor:grab;touch-action:none;background:0 0;border:0;flex:none;align-self:stretch;place-items:center;display:grid}.editor-row__grip:hover{color:var(--ink-1);background:var(--surface-2)}.editor-row__grip:active{cursor:grabbing}.editor-row__main{gap:var(--sp-2);min-width:0;padding-block:var(--sp-2);flex:1;display:grid}.editor-row__cover{border-radius:var(--r-sm);flex:none;width:54px;height:72px}.editor-row__cover .cover__letter{font-size:28px}.editor-row__cover .cover__caption{display:none}.editor-row__cover img{padding:3px}.editor-row__tools{flex-direction:column;gap:2px;display:flex}.editor-row__index{font-size:var(--fs-11);color:var(--ink-3);text-align:right;min-width:18px}.drop-line{background:var(--signal);border-radius:2px;height:2px}.drag-overlay .editor-row{border-color:var(--signal);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+.user-row{border-top:1px solid var(--line-1)}.user-row__main{flex:1;min-width:0}.stats{gap:var(--sp-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.stat{padding:var(--sp-4);border:1px solid var(--line-1);border-radius:var(--r-md);color:var(--ink-1);background:0 0;gap:6px;display:grid}.stat__value{font-size:var(--fs-30);letter-spacing:-.05em;font-weight:500;line-height:1.15}.stat__label{font-size:var(--fs-12);color:var(--ink-3)}button.stat,a.stat{text-align:left;cursor:pointer}button.stat:hover,a.stat:hover{border-color:var(--line-2);text-decoration:none}.stat--active{background:var(--accent-soft);border-color:#0000}.feed-list{gap:var(--sp-9);max-width:700px;margin-inline:auto;display:grid}.feed-item{min-width:0}.feed-item__head{align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4);display:flex}.feed-item__identity{flex:1;min-width:0}.feed-item__identity a{font-size:var(--fs-14);color:var(--ink-1);font-weight:500}.feed-item__kind{font-size:var(--fs-12);color:var(--ink-3)}.feed-item .playlist-card__author{display:none}@media (width>=720px){.modal{padding:var(--sp-7);border-radius:var(--r-xl)}.modal-backdrop{padding:var(--sp-5);place-items:center}.modal__grab{display:none}.panel{padding:var(--sp-6)}.item-card__title{font-size:var(--fs-16)}.item-card--route{gap:var(--sp-5);padding:var(--sp-5);grid-template-columns:140px minmax(0,1fr)}.item-card--route .item-card__title{font-size:var(--fs-20)}.item-card--route .item-card__desc{font-size:var(--fs-15)}.stats{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=1024px){.topbar{border-bottom:1px solid var(--line-1)}.tabbar,.fab{display:none}.nav-links{display:flex}.topbar__add{display:inline-flex}.topbar__profile{min-width:var(--touch);min-height:var(--touch);justify-content:center;align-items:center;display:inline-flex}.toaster{top:auto;left:auto;bottom:var(--sp-6);justify-items:end}}.page-head{justify-content:space-between;align-items:flex-end;gap:var(--sp-4);margin-bottom:var(--sp-6);flex-wrap:wrap;display:flex}.page-head h1{font-size:var(--fs-30)}.page-head__sub{margin-top:var(--sp-2);color:var(--ink-3);font-size:var(--fs-14);max-width:54ch}.toolbar{align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-6);flex-wrap:wrap;min-width:0;display:flex}.library-toolbar{gap:var(--sp-4);display:grid}.library-toolbar .search-field{width:100%}.toolbar__filters{gap:var(--sp-2);scrollbar-width:none;min-width:0;max-width:100%;padding:3px 2px;display:flex;overflow-x:auto}.toolbar__filters::-webkit-scrollbar{display:none}.library-add{display:none}.section{margin-top:var(--sp-9)}.section__head{justify-content:space-between;align-items:baseline;gap:var(--sp-4);margin-bottom:var(--sp-5);display:flex}.section__head h2{min-width:0}.landing{max-width:1240px;padding-top:0}.landing-nav{justify-content:space-between;align-items:center;min-height:76px;display:flex}.hero{gap:var(--sp-7);padding:var(--sp-7) 0 var(--sp-8);display:grid}.hero__copy{align-content:center;justify-items:start;gap:var(--sp-5);display:grid}.hero__eyebrow{align-items:center;gap:var(--sp-2);color:var(--ember);font-size:var(--fs-12);display:flex}.hero__title{font-size:var(--fs-40);letter-spacing:-.055em;max-width:16ch;font-weight:400;line-height:1.2}.hero__title em{color:var(--signal);font-style:normal}.hero__lede{max-width:41ch;color:var(--ink-2);font-size:var(--fs-16);line-height:1.7}.hero__actions{justify-items:start;gap:var(--sp-3);margin-top:var(--sp-1);display:grid}.hero__note{font-size:var(--fs-12);color:var(--ink-3)}.collection-preview{min-width:0;height:310px;margin:var(--sp-4) 0 0;position:relative;container-type:inline-size}.collection-preview__card{aspect-ratio:3/4;width:45%;padding:var(--sp-4);color:var(--cover-ink);border-left:5px solid #ffffff30;border-radius:8px 16px 16px 8px;flex-direction:column;justify-content:space-between;display:flex;position:absolute;box-shadow:0 20px 38px -12px #00000050}.collection-preview__card:after{content:"";pointer-events:none;border:1px solid #262b4022;border-radius:2px 8px 8px 2px;position:absolute;inset:10px}.collection-preview__card span{z-index:1;font-size:10px;position:relative}.collection-preview__card strong{z-index:1;font-family:var(--font-display);letter-spacing:-.05em;overflow-wrap:anywhere;font-size:clamp(17px,5.5cqw,27px);font-weight:400;line-height:1.2;position:relative}.collection-preview__card--book{z-index:2;background:var(--cover-peach);top:4%;left:4%;transform:rotate(-10deg)}.collection-preview__card--movie{z-index:3;background:var(--cover-iris);top:16%;right:2%;transform:rotate(9deg)}.collection-preview__card--note{z-index:1;background:var(--cover-sage);top:0;left:32%;transform:rotate(2deg)}.collection-preview__label{width:100%;color:var(--ink-3);font-size:var(--fs-12);text-align:center;position:absolute;bottom:0;left:0}.landing-how{padding-block:var(--sp-7);border-top:1px solid var(--line-1)}.landing-how__head{gap:var(--sp-3);margin-bottom:var(--sp-7);display:grid}.landing-how__head h2{font-size:var(--fs-24);max-width:24ch}.feature-grid{gap:var(--sp-7);display:grid}.feature{gap:var(--sp-3);align-content:start;display:grid}.feature__icon{border-radius:var(--r-md);background:var(--accent-soft);width:44px;height:44px;color:var(--signal);place-items:center;display:grid}.feature h3{font-size:var(--fs-18);font-weight:500}.feature p{font-size:var(--fs-14);color:var(--ink-3);max-width:36ch}.landing-footer{justify-content:space-between;align-items:center;gap:var(--sp-3);padding-top:var(--sp-7);border-top:1px solid var(--line-1);color:var(--ink-3);font-size:var(--fs-12);flex-wrap:wrap;display:flex}.auth-shell{min-height:100dvh;padding:var(--sp-6) var(--sp-5);background:radial-gradient(ellipse at 50% 0%, var(--accent-soft), transparent 65%);place-items:center;display:grid}.auth-card{width:100%;max-width:420px}.auth-card__head{gap:var(--sp-5);margin-bottom:var(--sp-7);justify-items:start;display:grid}.auth-card__head h1{font-size:var(--fs-30)}.auth-card__head .brand{margin-bottom:var(--sp-5)}.auth-card .btn--primary{margin-top:var(--sp-6)}.auth-card .field__hint{line-height:1.5}.add-flow{gap:var(--sp-5);display:grid}.add-flow.stack>*{margin-top:0}.preview{gap:var(--sp-4);grid-template-columns:76px minmax(0,1fr);align-items:start;display:grid}.preview__cover{aspect-ratio:3/4;border-radius:var(--r-sm)}.preview__cover .cover__letter{font-size:38px}.preview__cover .cover__caption{display:none}.item-detail{gap:var(--sp-7);display:grid}.item-detail__cover{aspect-ratio:3/4;border-radius:var(--r-lg);width:100%;max-width:260px;margin-inline:auto}.item-detail__cover .cover__letter{font-size:120px}.item-detail__title{font-size:var(--fs-24)}.kv{gap:var(--sp-2);font-size:var(--fs-13);display:grid}.kv__row{gap:var(--sp-3);grid-template-columns:96px minmax(0,1fr);display:grid}.kv__key{color:var(--ink-3)}.kv__val{color:var(--ink-1);overflow-wrap:anywhere}.meta-json{max-width:100%;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,monospace;font-size:var(--fs-12);color:var(--ink-2);white-space:pre;overflow:auto}.playlist-head{gap:var(--sp-4);margin-bottom:var(--sp-7);padding-bottom:var(--sp-6);border-bottom:1px solid var(--line-1);display:grid}.playlist-head__cover{aspect-ratio:5/2;border-radius:var(--r-lg);max-height:280px;margin-bottom:var(--sp-1)}.playlist-head__cover .cover__fallback{padding:6%}.playlist-head__cover .cover__letter{font-size:clamp(64px,18vw,120px)}.playlist-head__title{font-size:var(--fs-30)}.playlist-head__author{align-items:center;gap:var(--sp-3);flex-wrap:wrap;display:flex}.blocks{gap:var(--sp-7);display:grid}.editor{gap:var(--sp-5);min-width:0;display:grid}.editor>*{min-width:0}.editor__list{gap:var(--sp-3);display:grid}.editor__bar{bottom:calc(var(--tabbar-h) + var(--sp-2) + env(safe-area-inset-bottom,0px));z-index:30;justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-3);border:1px solid var(--line-2);border-radius:var(--r-lg);background:var(--surface-raised);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);display:flex}.editor__bar .row{margin-left:auto}.profile-head{gap:var(--sp-5);padding-block:var(--sp-2) var(--sp-7);border-bottom:1px solid var(--line-1);display:grid}.profile-head__row{align-items:center;gap:var(--sp-4);grid-template-columns:auto minmax(0,1fr);display:grid}.profile-head__identity{min-width:0}.profile-head__name{font-size:var(--fs-24)}.profile-head__handle{margin-top:var(--sp-2);color:var(--ink-3);font-size:var(--fs-12)}.profile-head__row>.btn{grid-column:1/-1;justify-self:start}.settings-grid{gap:var(--sp-5);max-width:680px;display:grid}.danger-zone{border:1px solid color-mix(in srgb, var(--rose) 30%, transparent);border-radius:var(--r-lg);padding:var(--sp-5);background:var(--rose-soft)}.public-footer{border-top:1px solid var(--line-1)}@media (width>=720px){.hero{padding-block:var(--sp-9);align-items:center;gap:var(--sp-8);grid-template-columns:1.1fr 1fr}.hero__title{font-size:clamp(2rem,3.8vw,3.5rem)}.collection-preview{height:370px}.feature-grid{gap:var(--sp-7);grid-template-columns:repeat(3,minmax(0,1fr))}.landing-how{padding-block:var(--sp-9)}.item-detail{grid-template-columns:220px minmax(0,1fr)}.playlist-head__title{font-size:var(--fs-40)}.preview{grid-template-columns:96px minmax(0,1fr)}.profile-head__row{grid-template-columns:auto minmax(0,1fr) auto}.profile-head__row>.btn{grid-column: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}}@media (width>=1024px){.library-add{display:inline-flex}.library-toolbar{align-items:center;gap:var(--sp-5);grid-template-columns:minmax(240px,340px) minmax(0,1fr)}.editor__bar{bottom:var(--sp-4)}.collection-preview{height:440px}}