:root{color-scheme:dark;--bg:#111318;--panel:#171a20;--panel-soft:#1b1f26;--panel-strong:#14171d;--panel-line:rgba(255,255,255,0.08);--panel-line-strong:rgba(255,255,255,0.14);--text:#f4f1ea;--text-muted:#b4aea2;--text-soft:#8f8a80;--accent:#ece6da;--accent-strong:#ffffff;--success:#48c774;--warning:#d2a55e;--danger:#ff7a86;--shadow:0 10px 30px rgba(0,0,0,0.14);--radius-3xl:22px;--radius-2xl:18px;--radius-xl:14px;--radius-pill:999px;--font-display:"Iowan Old Style","Palatino Linotype","Book Antiqua",Georgia,serif;--font-body:"Segoe UI Variable Text","IBM Plex Sans","Helvetica Neue",Arial,sans-serif}*{box-sizing:border-box}body,html{margin:0;min-height:100%;color:var(--text);font-family:var(--font-body)}body,html{background:var(--bg)}body{line-height:1.55;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}.button-link,button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:1px solid transparent;border-radius:var(--radius-pill);padding:.72rem 1rem;background:var(--accent);color:#14171d;font:inherit;font-weight:620;letter-spacing:.01em;cursor:pointer;transition:transform .14s ease,background-color .14s ease,border-color .14s ease,color .14s ease;touch-action:manipulation}.button-link:hover,button:hover:not(:disabled){transform:translateY(-1px);background:var(--accent-strong)}.button-link.secondary,button.secondary{background:var(--panel-soft);border-color:var(--panel-line);color:var(--text)}.button-link.secondary:hover,button.secondary:hover:not(:disabled){background:rgba(29,39,57,.98)}.button-link.ghost,button.ghost{background:transparent;border-color:var(--panel-line);color:var(--text-muted)}.button-link.ghost:hover,button.ghost:hover:not(:disabled){background:rgba(255,255,255,.02)}.button-link.danger,button.danger{background:rgba(255,109,125,.1);border-color:rgba(255,109,125,.22);color:#ffd5dc}.button-link.danger:hover,button.danger:hover:not(:disabled){background:rgba(255,109,125,.16)}.button-link:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid rgba(111,149,255,.9);outline-offset:2px}button:disabled{opacity:.52;transform:none;cursor:not-allowed}input,select,textarea{width:100%;min-height:48px;padding:.85rem 1rem;border:1px solid var(--panel-line);border-radius:14px;background:#13161c;color:var(--text);font:inherit;transition:border-color .14s ease,background-color .14s ease}textarea{resize:vertical;min-height:110px}input::placeholder,textarea::placeholder{color:var(--text-soft)}h1,h2,h3,strong{font-family:var(--font-display);letter-spacing:-.03em}h1,h2,h3,p{margin:0}h1{font-size:clamp(2.5rem,4.2vw,4.4rem);line-height:.96;max-width:11ch}h2{font-size:clamp(1.25rem,2.4vw,1.85rem);line-height:1.02}h3{font-size:1.08rem}.site-root{min-height:100vh;position:relative;padding-bottom:2rem}.site-chrome{position:-webkit-sticky;position:sticky;top:0;z-index:40;padding:1rem 1.5rem 0}.site-chrome__inner{display:flex;justify-content:flex-start;align-items:center;gap:1rem;padding:.9rem 0;border-bottom:1px solid rgba(255,255,255,.08);background:transparent;box-shadow:none}.brandmark{gap:.85rem}.brandmark,.brandmark__badge{display:inline-flex;align-items:center}.brandmark__badge{justify-content:center;border-radius:var(--radius-pill);width:2.45rem;height:2.45rem;background:rgba(236,230,218,.08);border:1px solid rgba(236,230,218,.12);color:var(--text);font-family:var(--font-body);font-size:.95rem;font-weight:700;letter-spacing:.04em}.brandmark__copy{display:grid;grid-gap:.1rem;gap:.1rem}.brandmark__copy strong{font-size:1rem;letter-spacing:-.02em}.brandmark__copy small{color:var(--text-muted);font-size:.75rem;letter-spacing:.04em;text-transform:uppercase}.app-shell{width:100%;padding:1.35rem 1.65rem 3.75rem;display:grid;grid-gap:1rem;gap:1rem}.panel{position:relative;overflow:hidden;padding:1.35rem;border-radius:var(--radius-3xl);border:1px solid var(--panel-line);background:var(--panel);box-shadow:var(--shadow)}.page-intro{padding:clamp(1.5rem,3vw,2.35rem);background:var(--panel-strong)}.auth-lead,.page-copy{max-width:58ch;font-size:1rem;line-height:1.7;color:var(--text-muted)}.auth-shell--minimal{min-height:calc(100vh - 84px);place-items:center}.auth-minimal{min-height:calc(100vh - 160px);display:grid;place-items:center}.auth-minimal__panel{width:min(100%,460px);display:grid;grid-gap:.9rem;gap:.9rem;padding:2rem;border:1px solid var(--panel-line);border-radius:24px;background:var(--panel-strong);box-shadow:var(--shadow);text-align:center}.editorial-hero{padding:clamp(1.4rem,2vw,2rem);background:var(--panel-strong)}.editorial-hero--compact{padding-bottom:1.2rem}.editorial-header{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:1.5rem;gap:1.5rem;align-items:end}.editorial-header__actions,.editorial-header__copy{display:grid;grid-gap:.85rem;gap:.85rem}.editorial-header__actions{justify-items:end;align-self:start}.editorial-tabs{display:flex;gap:.4rem;margin-top:1.25rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.06)}.editorial-tab{min-height:38px;padding:.45rem .85rem;border-radius:var(--radius-pill);border:1px solid transparent;background:transparent;color:var(--text-soft)}.editorial-tab:hover:not(:disabled){background:rgba(255,255,255,.03)}.editorial-tab--active{border-color:var(--panel-line);background:var(--panel-soft);color:var(--text)}.editorial-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:.85rem;gap:.85rem;margin-bottom:1rem}.editorial-panel{background:var(--panel)}.auth-grid,.collection-list,.collection-toolbar,.dashboard-grid,.field-grid,.metric-grid,.page-header,.page-rail,.permission-editor,.permission-list,.permission-row,.server-grid,.share-list,.stack,.toggle-grid{display:grid;grid-gap:1rem;gap:1rem}.page-header{grid-template-columns:minmax(0,1.65fr) minmax(320px,.85fr);align-items:flex-start}.page-rail{position:-webkit-sticky;position:sticky;top:88px}.dashboard-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.span-8{grid-column:span 8}.span-4{grid-column:span 4}.span-12{grid-column:span 12}.auth-grid{grid-template-columns:minmax(0,1.5fr) minmax(300px,.95fr);align-items:start}.auth-shell{min-height:calc(100vh - 90px)}.auth-panel--hero{min-height:calc(100vh - 170px);display:grid;align-content:start;grid-gap:1rem;gap:1rem}.actions,.page-badges,.quick-actions,.status-chip-row{display:flex;gap:.7rem;flex-wrap:wrap}.quick-actions{margin:1rem 0 1.2rem}.quick-actions>*{flex:1 1 140px}.eyebrow{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft)}.section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.15rem}.section-heading--compact{margin-bottom:.85rem}.section-heading__copy{display:grid;grid-gap:.32rem;gap:.32rem}.section-heading__copy p{max-width:54ch;color:var(--text-muted)}.section-heading__actions{display:flex;gap:.75rem;flex-wrap:wrap}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.metric-card{padding:1rem 1.05rem;border-radius:18px;border:1px solid var(--panel-line);background:var(--panel-soft)}.metric-card--success{border-color:rgba(30,197,107,.32)}.metric-card--warning{border-color:rgba(240,180,95,.3)}.metric-card--spotify{border-color:rgba(30,197,107,.3)}.metric-card__label{display:block;font-size:.82rem;color:var(--text-soft)}.metric-card__value{display:block;margin-top:.32rem;font-size:clamp(1.6rem,2vw,2.05rem);line-height:1}.metric-card__hint{margin-top:.35rem;color:var(--text-muted)}.collection-card,.empty-state,.permission-row,.server-card,.status-banner,.toggle-card,.track-row{border-radius:var(--radius-2xl);border:1px solid var(--panel-line);background:var(--panel-soft)}.collection-card,.empty-state,.server-card,.status-banner{padding:1.1rem}.status-banner{color:#dce6ff;border-color:rgba(111,149,255,.24)}.status-chip{display:inline-flex;align-items:center;min-height:34px;padding:.28rem .72rem;border-radius:var(--radius-pill);border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.03);color:var(--text-muted);font-size:.82rem}.status-chip--spotify,.status-chip--success{border-color:rgba(30,197,107,.24);background:rgba(30,197,107,.12);color:#c7f4d8}.status-chip--warning{border-color:rgba(240,180,95,.22);background:rgba(240,180,95,.1);color:#ffdca8}.field,.settings-group{display:grid;grid-gap:.45rem;gap:.45rem}.field-label{font-size:.84rem;color:var(--text-soft)}.inline-form{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:.75rem;gap:.75rem}.inline-form--compact{grid-template-columns:150px auto}.detail-list{display:grid;grid-gap:.2rem;gap:.2rem;margin-top:1rem}.detail-row{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.9rem 0;border-top:1px solid rgba(255,255,255,.05)}.detail-row:first-child{border-top:0;padding-top:0}.detail-row span{color:var(--text-soft)}.track-list{display:grid;grid-gap:.8rem;gap:.8rem;list-style:none;padding:0;margin:0}.track-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:.9rem;gap:.9rem;padding:.95rem 1rem}.track-row--active{border-color:rgba(111,149,255,.28);background:rgba(26,36,54,.98)}.track-row__label{min-width:56px;font-size:.82rem;color:var(--text-soft);font-weight:700}.track-row__copy{display:grid;grid-gap:.15rem;gap:.15rem}.track-row__copy span,.track-row__duration{color:var(--text-soft)}.track-row__duration{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.server-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.server-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}.server-card__meta{display:inline-flex;align-items:center;min-height:32px;padding:.2rem .65rem;border-radius:var(--radius-pill);background:rgba(255,255,255,.04);color:var(--text-soft);font-size:.78rem;letter-spacing:.04em;text-transform:uppercase}.empty-state p,.server-card p{color:var(--text-muted)}.collection-toolbar{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.collection-card{display:grid;grid-gap:.85rem;gap:.85rem}.collection-card__title-input{padding:.75rem .9rem;background:rgba(12,18,28,.86);border-color:rgba(255,255,255,.04);font-size:1.08rem;font-weight:700;letter-spacing:-.04em}.share-list{gap:.75rem}.share-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-top:.85rem;border-top:1px solid rgba(255,255,255,.05)}.share-row span{display:block;margin-top:.15rem;color:var(--text-soft);font-size:.84rem}.field-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.field-grid--wide{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.settings-group{padding-top:.4rem}.settings-group h3{font-size:.96rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.toggle-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.toggle-card{display:flex;align-items:center;gap:.65rem;padding:.95rem 1rem;color:var(--text-muted)}.toggle-card input{width:auto;min-height:0;margin:0}.permission-editor,.permission-row{grid-template-columns:140px minmax(0,1fr) minmax(0,1fr) 120px auto}.permission-editor{padding:1rem;border:1px solid var(--panel-line);border-radius:var(--radius-2xl);background:rgba(18,27,40,.84)}.permission-row{padding:.8rem}.spotify-panel{display:grid;grid-gap:1rem;gap:1rem;background:var(--panel-strong)}.spotify-connect-button{width:100%;min-height:88px;justify-content:flex-start;padding:.95rem 1rem;border-radius:18px;text-align:left}.spotify-connect-button small,.spotify-connect-button strong{display:block}.spotify-connect-button small{margin-top:.18rem;color:var(--text-muted)}.spotify-inline-control{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.spotify-connect-button--compact{width:auto;min-height:40px;padding:.52rem .85rem;border-radius:var(--radius-pill)}.spotify-connect-button__label{font-size:.92rem;font-weight:600;letter-spacing:.01em}.spotify-connect-button--connected{background:rgba(30,197,107,.12);border-color:rgba(30,197,107,.24);color:#e7f7ec}.spotify-connect-button--connected:hover:not(:disabled){background:rgba(30,197,107,.16)}.spotify-connect-button--disconnected{background:var(--panel-soft);border-color:var(--panel-line);color:var(--text)}.spotify-connect-button--disconnected:hover:not(:disabled){background:rgba(255,255,255,.05)}.spotify-logo{width:1.25rem;height:1.25rem;flex:0 0 auto;color:var(--success)}.button-link--compact{min-height:40px;padding:.52rem .85rem}@media (max-width:1180px){.auth-grid,.editorial-header,.page-header{grid-template-columns:1fr}.page-rail{position:static}.dashboard-grid{grid-template-columns:1fr}.span-12,.span-4,.span-8{grid-column:auto}}@media (max-width:860px){.site-chrome{padding:.7rem .85rem 0}.section-heading,.server-card__header,.share-row,.site-chrome__inner{flex-direction:column;align-items:stretch}.editorial-header{grid-template-columns:1fr}.app-shell{padding:1rem .9rem 3rem}.inline-form,.inline-form--compact,.permission-editor,.permission-row,.track-row{grid-template-columns:1fr}.track-row{align-items:start}.editorial-header__actions{justify-items:start}.quick-actions{display:grid;grid-template-columns:1fr 1fr}}@media (max-width:580px){.quick-actions{grid-template-columns:1fr}}