:root{--ink-0:#0a0c0a;--ink-1:#101310;--ink-2:#161a16;--ink-3:#1e231e;--forest:#12201a;--moss:#2b3d31;--sage:#7f9080;--sage-dim:#55635a;--sand:#cfc4ae;--cream:#efe9dd;--amber:#c89a5b;--amber-dim:#8a6a3e;--text:#ece7db;--text-soft:#9aa396;--text-dim:#6c7568;--on-light:#0d100d;--alert:#c2705a;--alert-bg:rgba(194,112,90,0.12);--panel:rgba(8,10,8,0.45);--panel-blur:blur(12px);--glass:rgba(255,255,255,0.045);--glass-strong:rgba(255,255,255,0.08);--glass-line:rgba(255,255,255,0.09);--glass-line-soft:rgba(255,255,255,0.055);--shadow-deep:0 24px 60px rgba(0,0,0,0.55);--shadow-soft:0 10px 30px rgba(0,0,0,0.35);--r-xs:12px;--r-sm:16px;--r-md:22px;--r-lg:28px;--r-xl:34px;--r-2xl:42px;--r-pill:999px;--gap-xs:8px;--gap-sm:14px;--gap-md:22px;--gap-lg:36px;--gap-xl:58px;--shell:600px;--ease:cubic-bezier(0.22,0.61,0.36,1)}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body,html{background:var(--ink-0)}body{margin:0;color:var(--text);font-family:var(--font-sans),system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100dvh}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(120% 70% at 50% -10%,rgb(43 61 49/.55),rgb(43 61 49/0) 60%),radial-gradient(90% 50% at 100% 8%,rgb(200 154 91/.14),rgb(200 154 91/0) 55%)}main{position:relative;z-index:1;max-width:var(--shell);margin:0 auto;padding:calc(env(safe-area-inset-top, 0px) + 40px) 20px calc(env(safe-area-inset-bottom, 0px) + 128px)}h1,h2,h3{font-family:var(--font-serif),Georgia,"Times New Roman",serif;font-weight:300;color:var(--cream);letter-spacing:-.01em;margin:0;font-optical-sizing:auto;text-wrap:balance}li,p{text-wrap:pretty}h1{font-size:clamp(2.3rem,9vw,3.1rem);line-height:1.1}h2{font-size:1.4rem;line-height:1.3;margin-top:var(--gap-xl);margin-bottom:var(--gap-md)}h3{font-size:1.12rem;line-height:1.35}p{margin:0 0 var(--gap-sm)}a{color:var(--sand);text-decoration:none;border-bottom:1px solid var(--glass-line);padding-bottom:1px;transition:color .22s var(--ease),border-color .22s var(--ease)}a:hover{color:var(--cream);border-color:var(--sand)}.eyebrow{font-family:var(--font-sans),sans-serif;font-size:.68rem;font-weight:400;letter-spacing:.22em;text-transform:uppercase;color:var(--text-dim);margin:0 0 12px}.lede{font-size:1rem;margin:var(--gap-sm) 0 0;max-width:44ch;line-height:1.7}.lede,.muted{color:var(--text-soft)}.muted{font-size:.94rem}.tiny{color:var(--text-dim);font-size:.8rem;letter-spacing:.01em}.error{color:var(--alert);font-size:.9rem;margin:0 0 var(--gap-sm)}.field-error{margin:4px 0 0;color:var(--alert);font-size:.82rem;line-height:1.45}input[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--alert)}.page-head{margin-bottom:var(--gap-lg)}.page-head-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--gap-md)}.back-link{display:inline-flex;gap:8px;font-size:.86rem;color:var(--text-dim);border:none;background:none;padding:0;cursor:pointer}.back-link,.player-head{align-items:center;margin-bottom:var(--gap-md)}.player-head{display:flex;justify-content:space-between;gap:var(--gap-sm)}.back-button{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:0 20px 0 16px;border-radius:var(--r-pill);border:1px solid var(--glass-line);background:rgba(16,19,16,.7);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:var(--cream);font-size:.94rem;cursor:pointer;max-width:100%;overflow:hidden;transition:background .22s var(--ease),transform .16s var(--ease)}.back-button:hover{background:rgba(30,35,30,.82)}.back-button:active{transform:scale(.985)}.back-button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.back-link:hover{color:var(--cream)}.card{position:relative;background:var(--glass);border:1px solid var(--glass-line-soft);border-radius:var(--r-lg);padding:24px;margin-bottom:var(--gap-md);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.card-sage,.card-sand{background:var(--glass-strong)}.card-quiet{background:transparent;border:none;padding:0;-webkit-backdrop-filter:none;backdrop-filter:none}.cover{position:relative;overflow:hidden;background:var(--ink-2);background-image:var(--cover-art);background-size:cover;background-position:50%;isolation:isolate}.cover:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,10,8,.94) 0,rgba(8,10,8,.78) 40%,rgba(8,10,8,.58) 72%,rgba(8,10,8,.62))}.cover-bare:after{display:none}.cover>*{position:relative;z-index:1}.cover-1{--cover-art:radial-gradient(90% 70% at 70% 12%,oklab(0.46 0.01 0.08) 0%,oklab(0.46 0.01 0.08/0) 62%),linear-gradient(in oklab 165deg,#23301f,#101711 60%,#0a0c0a)}.cover-2{--cover-art:radial-gradient(80% 60% at 25% 18%,oklab(0.42 -0.04 0.03) 0%,oklab(0.42 -0.04 0.03/0) 60%),linear-gradient(in oklab 160deg,#1a2620,#0e1310 55%,#0a0c0a)}.cover-3{--cover-art:radial-gradient(85% 65% at 82% 22%,oklab(0.51 0.02 0.09) 0%,oklab(0.51 0.02 0.09/0) 58%),linear-gradient(in oklab 175deg,#1d241c,#0f1310 60%,#0a0c0a)}.cover-4{--cover-art:radial-gradient(95% 70% at 45% 8%,oklab(0.47 -0.04 0.04) 0%,oklab(0.47 -0.04 0.04/0) 62%),linear-gradient(in oklab 150deg,#18211b,#0d110f 58%,#0a0c0a)}.cover-5{--cover-art:radial-gradient(75% 60% at 15% 25%,oklab(0.4 0.01 0.07) 0%,oklab(0.4 0.01 0.07/0) 58%),linear-gradient(in oklab 170deg,#212a1e,#10140f 60%,#0a0c0a)}.cover-6{--cover-art:radial-gradient(90% 65% at 60% 15%,oklab(0.38 -0.04 0.02) 0%,oklab(0.38 -0.04 0.02/0) 60%),linear-gradient(in oklab 155deg,#16201a,#0c100e 58%,#0a0c0a)}.cover-preview{display:flex;align-items:center;gap:14px;margin-bottom:10px}.cover-preview img{width:76px;height:76px;object-fit:cover;border-radius:var(--r-xs);border:1px solid var(--glass-line-soft)}.screen-cover{position:fixed;inset:0;z-index:-1;pointer-events:none}.head-block{background:var(--panel);border:1px solid var(--glass-line-soft);border-radius:var(--r-md);backdrop-filter:var(--panel-blur);-webkit-backdrop-filter:var(--panel-blur);padding:16px 20px 18px;margin-bottom:var(--gap-md)}.head-block .eyebrow{font-size:.62rem;letter-spacing:.16em;margin-bottom:4px}.head-block h1{font-size:clamp(1.7rem,5vw,2.1rem);line-height:1.13}.head-block .lede{font-size:.875rem;line-height:1.45;margin-top:5px;max-width:none}.hero{border-radius:var(--r-2xl);overflow:hidden;margin-bottom:var(--gap-lg);min-height:380px;display:flex;flex-direction:column;justify-content:flex-end;padding:30px 26px 32px;border:1px solid var(--glass-line-soft)}.hero,.hero-body{position:relative}.hero-body{z-index:1}.hero-title{font-family:var(--font-serif),Georgia,serif;font-size:clamp(2rem,8.5vw,2.7rem);font-weight:300;line-height:1.16;color:var(--cream);margin:0 0 12px;letter-spacing:-.012em}.hero-sub{font-size:.94rem;color:var(--text-soft);max-width:32ch;margin:0;line-height:1.65}.hero-points{list-style:none;margin:var(--gap-md) 0 0;padding:0;display:flex;flex-direction:column;gap:10px}.hero-points li{display:flex;align-items:center;gap:11px;font-size:.9rem;color:var(--text-soft)}.hero-points svg{flex:none;color:var(--sand)}.btn,button{font-family:inherit;font-size:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 28px;border:1px solid transparent;border-radius:var(--r-pill);background:var(--cream);color:var(--on-light);font-weight:500;letter-spacing:.01em;cursor:pointer;transition:background .22s var(--ease),transform .16s var(--ease),opacity .22s var(--ease)}.btn:hover:not(:disabled){background:#fff}.btn:active:not(:disabled){transform:scale(.985)}.btn:disabled{opacity:.35;cursor:default}.btn-block{width:100%}.btn-quiet{background:var(--glass);color:var(--text);border-color:var(--glass-line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.btn-quiet:hover:not(:disabled){background:var(--glass-strong);border-color:rgba(255,255,255,.16)}.btn-sand{background:var(--glass-strong);color:var(--sand);border-color:var(--glass-line)}.btn-sand:hover:not(:disabled){background:rgba(255,255,255,.12)}.btn-danger{background:transparent;color:var(--alert);border-color:rgba(194,112,90,.4)}.btn-danger:hover:not(:disabled){background:var(--alert-bg)}.btn-danger-quiet{color:var(--alert)}.btn-danger-quiet:hover:not(:disabled){background:var(--alert-bg)}.btn-arrow{transition:transform .22s var(--ease)}.btn:hover .btn-arrow{transform:translateX(3px)}.link-action{background:none;border:none;padding:0;color:var(--sand);font-size:.92rem;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.link-action:hover{color:var(--cream)}form{display:flex;flex-direction:column;gap:var(--gap-sm)}label{font-size:.72rem;font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim)}input,select,textarea{font-family:inherit;font-size:1rem;color:var(--text);background:rgba(255,255,255,.04);border:1px solid var(--glass-line-soft);border-radius:var(--r-sm);padding:15px 18px;width:100%;transition:border-color .22s var(--ease),background .22s var(--ease)}textarea{resize:vertical;line-height:1.5}input[type=checkbox],input[type=radio]{flex:none;width:20px;height:20px;padding:0;accent-color:var(--amber)}input::placeholder,textarea::placeholder{color:var(--text-dim)}input:focus,select:focus,textarea:focus{outline:none;background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.2)}:focus-visible{outline:2px solid var(--sand);outline-offset:3px;border-radius:3px}input:focus-visible,select:focus-visible,textarea:focus-visible{border-radius:var(--r-sm);border-color:var(--sand);outline:1px solid var(--sand);outline-offset:-1px}select option{background:var(--ink-2);color:var(--text)}input[type=file]{padding:13px 16px;color:var(--text-soft);font-size:.88rem}input[type=range]{width:100%;accent-color:var(--sand);padding:0;background:transparent;border:none}.field{display:flex;flex-direction:column;gap:8px}.row-inline{display:flex;gap:10px;align-items:stretch}.row-inline .btn{flex:none;min-height:0;padding:0 20px;font-size:.9rem}.tile{display:flex;align-items:center;gap:16px;width:100%;text-align:left;background:var(--glass);color:var(--text);border:1px solid var(--glass-line-soft);border-radius:var(--r-md);padding:14px 18px 14px 14px;margin-bottom:10px;cursor:pointer;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:background .22s var(--ease),border-color .22s var(--ease),transform .16s var(--ease)}.tile:hover{background:var(--glass-strong);border-color:var(--glass-line)}.tile:active{transform:scale(.995)}.tile-active{background:var(--glass-strong);border-color:rgba(207,196,174,.35)}.tile-body{flex:1 1;min-width:0}.tile-title{font-size:1rem;font-weight:400;color:var(--cream);display:block}.tile-note{font-size:.82rem;color:var(--text-dim);display:block;margin-top:3px}.tile-cover{flex:none;width:54px;height:54px;border-radius:var(--r-xs);display:grid;place-items:center}.tile-cover:after{background:linear-gradient(0deg,rgba(8,10,8,.45),rgba(8,10,8,.15))}.tile-cover-mark{color:var(--cream);display:grid;place-items:center;opacity:.9}.tile-glyph{flex:none;width:44px;height:44px;border-radius:var(--r-pill);background:var(--glass-strong);border:1px solid var(--glass-line-soft);display:grid;place-items:center;color:var(--sand)}.tile-chevron{flex:none;color:var(--text-dim);transition:transform .22s var(--ease)}.tile:hover .tile-chevron{transform:translateX(3px)}.track-list{margin:6px 0 0;padding:0;list-style:none;border-top:1px solid var(--glass-line-soft)}.track-row{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid var(--glass-line-soft)}.track-index{width:18px;color:var(--text-dim);font-size:11px}.track-title{flex:1 1;min-width:0;overflow:hidden;color:var(--text);font-size:13px;white-space:nowrap;text-overflow:ellipsis}.account-mail{margin-top:8px;overflow-wrap:anywhere}.detail-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 0}.detail-label{color:var(--text-dim);font-size:13.5px}.detail-value{color:var(--text);font-size:13.5px;text-align:right}.player-empty .btn{align-self:center}.account-grid,.zones-grid{display:grid;grid-template-columns:minmax(0,1fr)}.catalogue-list{display:grid;grid-gap:8px;gap:8px}@media (min-width:1100px){.catalogue-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}}.catalogue-section{margin-bottom:var(--gap-lg)}.catalogue-section-head{display:flex;align-items:baseline;gap:10px;margin-bottom:2px}.catalogue-section-head h2{margin:0;font-size:1.15rem;font-weight:400}.catalogue-section-note{margin:0 0 14px}.mix-card{display:flex;align-items:center;gap:14px;width:100%;margin-bottom:var(--gap-lg);padding:14px 16px;border:1px solid var(--line);border-radius:var(--r-md);background:rgba(239,233,221,.03);text-align:left;cursor:pointer;transition:border-color .2s var(--ease),background .2s var(--ease)}.mix-card:hover{border-color:rgba(239,233,221,.28);background:rgba(239,233,221,.06)}.mix-card.is-current{border-color:var(--sand)}.mix-card-mark{display:grid;place-items:center;flex:none;width:44px;height:44px;border:1px solid rgba(239,233,221,.28);border-radius:50%;color:var(--cream)}.mix-card.is-current .mix-card-mark{border-color:var(--sand);color:var(--sand)}.mix-card-body{display:flex;flex-direction:column;gap:2px;min-width:0}.mix-card-title{color:var(--cream);font-size:1rem}.ambiance-row{display:flex;align-items:center;gap:12px;min-width:0;padding:9px 14px 9px 9px;border:1px solid var(--glass-line-soft);border-radius:var(--r-md);background:var(--panel);backdrop-filter:var(--panel-blur);-webkit-backdrop-filter:var(--panel-blur);transition:border-color .2s var(--ease),background .2s var(--ease)}.ambiance-row:hover{border-color:var(--glass-line);background:rgba(8,10,8,.58)}.ambiance-row.is-current{border-color:rgba(207,196,174,.45)}.ambiance-open{display:flex;align-items:center;gap:12px;flex:1 1;min-width:0;padding:0;border:0;background:none;text-align:left;cursor:pointer}.ambiance-lines{display:block;min-width:0}.ambiance-cover{flex:none;width:52px;height:52px;border-radius:var(--r-sm);display:grid;place-items:center;transition:transform .2s var(--ease)}.ambiance-open:hover .ambiance-cover{transform:scale(1.03)}.ambiance-mark{display:grid;place-items:center;width:28px;height:28px;border:1px solid rgba(239,233,221,.32);border-radius:50%;background:rgba(10,12,10,.45);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:var(--cream)}.ambiance-row.is-current .ambiance-mark{border-color:var(--sand);color:var(--sand)}.ambiance-title{display:block;color:var(--cream);font-size:.95rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ambiance-meta{display:block;margin-top:2px;color:var(--muted);font-size:.78rem}.ambiance-peek{flex:none;padding:0;border:0;background:none;color:var(--muted);font-family:inherit;font-size:.76rem;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.ambiance-peek:hover{color:var(--cream)}@media (max-width:560px){.ambiance-peek{display:none}}.catalogue-search{display:flex;align-items:center;gap:14px;margin-bottom:18px}.catalogue-search input{flex:1 1;min-width:0}.catalogue-search .tiny{flex:none;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;border:0}.account-grid .tile,.zones-grid .tile{margin-bottom:10px}.bottom-nav .nav-item{padding-left:9px;padding-right:9px;font-size:.56rem;letter-spacing:.05em}.zone-row{display:flex;align-items:stretch;gap:8px}@media (min-width:900px){.head-block{padding:18px 24px 20px}.head-block h1{font-size:clamp(1.9rem,2.5vw,2.35rem);max-width:none}.zones-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.zones-grid .tile{min-height:96px;margin:0;padding:20px}.zones-grid .tile-glyph{width:52px;height:52px}.account-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.account-grid .tile{min-height:88px;margin:0;padding:17px}.client-content>.btn-block,.client-content>.divider{max-width:540px}.player-workspace{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(420px,1.1fr);align-items:start;grid-gap:22px;gap:22px}.player-panel{min-height:490px;justify-content:center;padding:34px 38px;margin:0}.player-panel.player-empty{max-width:620px;min-height:360px;margin:8vh auto 0}.player-panel .now-playing{font-size:clamp(1.75rem,2.8vw,2.45rem)}.player-seek{max-width:360px}.queue-panel{max-height:calc(100dvh - 155px);margin:0;padding:10px 14px 14px;overflow-y:auto}.queue-track{padding:14px 13px}}.client-app{min-height:100dvh}.client-sidebar{display:none}.client-content{width:100%}.nav-icon{display:grid;place-items:center}@media (min-width:900px){.client-app{--sidebar-width:258px}.client-sidebar{position:fixed;z-index:20;inset:18px auto 18px 18px;display:flex;flex-direction:column;width:var(--sidebar-width);padding:24px 18px 18px;border:1px solid var(--glass-line);border-radius:30px;background:rgba(10,12,10,.82);box-shadow:var(--shadow-deep);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px)}.sidebar-brand{display:flex;align-items:center;gap:13px;padding:4px 8px 25px;color:var(--cream);border-bottom:1px solid var(--glass-line-soft)}.sidebar-brand:hover{border-bottom-color:var(--glass-line-soft)}.sidebar-brand-mark{width:42px;height:42px;object-fit:contain}.sidebar-brand small,.sidebar-brand strong{display:block}.sidebar-brand strong{font-size:.82rem;font-weight:500;letter-spacing:.22em}.sidebar-brand small{margin-top:2px;color:var(--text-dim);font-size:.7rem;letter-spacing:.06em}.sidebar-nav{display:flex;flex-direction:column;gap:6px;margin-top:24px}.sidebar-link{display:flex;align-items:center;gap:14px;min-height:52px;padding:0 15px;border:1px solid transparent;border-radius:16px;color:var(--text-dim);font-size:.88rem;transition:color .2s var(--ease),background .2s var(--ease),border-color .2s var(--ease)}.sidebar-link:hover{color:var(--cream);border-color:var(--glass-line-soft);background:var(--glass)}.sidebar-link.nav-on{color:var(--cream);border-color:var(--glass-line);background:rgba(255,255,255,.075)}.sidebar-link.nav-on .nav-icon{color:var(--sand)}.sidebar-context{margin-top:auto;padding:15px 12px 5px;border-top:1px solid var(--glass-line-soft);min-width:0}.sidebar-context-single{display:flex;align-items:center;gap:11px;min-width:0}.sidebar-context div{min-width:0}.sidebar-context-head{display:block;margin-bottom:9px;color:var(--text-dim);font-size:.62rem;letter-spacing:.18em;text-transform:uppercase}.sidebar-zones{display:flex;flex-direction:column;gap:9px;margin:0;padding:0;list-style:none}.sidebar-zones li{min-width:0}.sidebar-zone-open{display:flex;align-items:center;gap:11px;width:100%;min-width:0;padding:4px 6px;margin:-4px -6px;border:0;border-radius:9px;background:transparent;color:inherit;text-align:left;cursor:pointer;transition:background .16s var(--ease)}.sidebar-zone-open:hover{background:var(--surface-hover,rgba(255,255,255,.05))}.sidebar-zone-body{min-width:0}.sidebar-zones small,.sidebar-zones strong{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sidebar-zones strong{color:var(--text-dim);font-size:.78rem;font-weight:450}.sidebar-zones li.is-current strong{color:var(--text-soft)}.sidebar-zones small{color:var(--text-dim);font-size:.68rem;opacity:.75}.sidebar-context small,.sidebar-context strong{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sidebar-context small{color:var(--text-dim);font-size:.68rem}.sidebar-context strong{color:var(--text-soft);font-size:.78rem;font-weight:450}.sidebar-status{flex:none;width:8px;height:8px;border-radius:50%;background:var(--sage-dim)}.sidebar-status.is-live{background:var(--amber);box-shadow:0 0 14px rgba(200,154,91,.7);animation:pulse 2.6s var(--ease) infinite}main.client-main{max-width:none;margin:0 0 0 calc(var(--sidebar-width) + 36px);padding:54px 48px 72px}.client-content{max-width:1120px;margin:0 auto}.client-content-narrow{max-width:780px}.client-app .bottom-nav{display:none}}.zone-row .tile{flex:1 1}.zone-live-line{display:flex;align-items:center;gap:7px;margin-top:6px;color:var(--text-dim);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.zone-live-dot{width:6px;height:6px;flex:none;border-radius:50%;background:var(--sage-dim)}.zone-live-on{color:var(--sand)}.zone-live-on .zone-live-dot{background:var(--amber);box-shadow:0 0 12px rgba(200,154,91,.65);animation:pulse 2.6s var(--ease) infinite}.zone-now-playing{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.zone-actions{display:flex;gap:6px;margin-bottom:10px}.zone-action{flex:none;width:46px;border:1px solid var(--glass-line-soft);border-radius:var(--r-md);background:var(--glass);color:var(--text-dim);cursor:pointer;display:grid;place-items:center;transition:color .2s var(--ease),background .2s var(--ease),border-color .2s var(--ease)}.zone-action:hover{color:var(--cream);background:var(--glass-strong)}.zone-action-danger:hover{color:var(--alert);background:var(--alert-bg);border-color:rgba(194,112,90,.3)}.zone-rename{flex:1 1;display:flex;align-items:center;gap:8px;margin-bottom:10px}.zone-rename input{flex:1 1;min-width:0}.zone-rename-actions{display:flex;gap:6px}.tile-static{cursor:default}.tile-static:hover{transform:none;background:var(--glass)}.dialog-backdrop{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:20px;background:rgba(5,6,5,.82);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.dialog-card{width:min(100%,460px);padding:clamp(24px,6vw,38px);border:1px solid var(--glass-line);border-radius:var(--r-lg);background:rgba(18,21,18,.96);box-shadow:0 30px 90px rgba(0,0,0,.55)}.dialog-card h2{margin-top:8px}.sheet{width:min(100%,520px);max-height:min(78vh,700px);display:flex;flex-direction:column;padding:clamp(22px,5vw,32px);border:1px solid var(--glass-line);border-radius:var(--r-lg);background:rgba(18,21,18,.97);box-shadow:0 30px 90px rgba(0,0,0,.55)}.sheet h3{margin:6px 0 4px;font-size:1.3rem}.sheet-list{flex:1 1;min-height:0;overflow-y:auto;margin-top:16px;padding-right:4px}.dialog-copy{margin-top:14px;color:var(--text-soft);line-height:1.65}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}@media (max-width:520px){.zone-row{flex-wrap:wrap}.zone-actions{width:100%}.zone-action{min-height:42px;flex:1 1}.zone-rename,.zone-rename-actions{width:100%;flex-wrap:wrap}.dialog-actions .btn,.zone-rename-actions .btn{flex:1 1}}.badge{display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border-radius:var(--r-pill);font-size:.72rem;font-weight:400;letter-spacing:.1em;text-transform:uppercase;background:var(--glass-strong);border:1px solid var(--glass-line-soft);color:var(--text-soft);white-space:nowrap}.badge-sand{color:var(--sand)}.badge-alert{background:var(--alert-bg);border-color:rgba(194,112,90,.3);color:var(--alert)}.badge-live:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--amber);animation:pulse 2.6s var(--ease) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.banner{display:flex;gap:13px;align-items:flex-start;border-radius:var(--r-md);padding:16px 18px;margin-bottom:var(--gap-md);background:var(--glass);border:1px solid var(--glass-line-soft);color:var(--text-soft);font-size:.92rem;line-height:1.6}.banner a{color:var(--sand)}.banner-alert{background:var(--alert-bg);border-color:rgba(194,112,90,.28)}.banner-ok{background:rgba(127,144,128,.12);border-color:rgba(127,144,128,.25)}.banner svg{flex:none;margin-top:2px;color:var(--sand)}.player-top{display:grid;place-items:center;min-height:240px;padding:20px 0 28px}.player-panel{display:flex;flex-direction:column;align-items:center;background:var(--panel);border:1px solid var(--glass-line-soft);border-radius:var(--r-lg);padding:18px 20px 22px;margin-bottom:8px;text-align:center}.player-panel .eyebrow{margin-bottom:12px;font-size:11px;letter-spacing:2.4px;color:var(--text-dim)}.player-panel .tiny{font-size:12.5px;color:var(--text-dim)}.player-seek{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;max-width:300px;height:34px;margin:14px 0 4px;padding:0;border:0;background:transparent;cursor:pointer}.player-seek:disabled{cursor:default}.player-seek::-webkit-slider-runnable-track{height:3px;border-radius:999px;background:linear-gradient(to right,var(--sand) 0 var(--seek,0),rgba(255,255,255,.24) var(--seek,0) 100%)}.player-seek::-moz-range-track{height:3px;border-radius:999px;background:rgba(255,255,255,.24)}.player-seek::-moz-range-progress{height:3px;border-radius:999px;background:var(--sand)}.player-seek::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;margin-top:-4.5px;border:0;border-radius:50%;background:var(--cream)}.player-seek::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:var(--cream)}.player-seek:focus-visible{outline:2px solid var(--sand);outline-offset:2px}.shuffle-toggle{display:inline-flex;align-items:center;gap:9px;min-height:40px;margin-bottom:6px;padding:0 16px;border:1px solid transparent;border-radius:var(--r-pill);background:transparent;color:var(--text-dim);font-family:inherit;font-size:13px;letter-spacing:.4px;cursor:pointer;transition:background .22s var(--ease),color .22s var(--ease),border-color .22s var(--ease)}.shuffle-on{border-color:rgba(207,196,174,.45);background:rgba(207,196,174,.12);color:var(--sand)}.volume-row{display:flex;align-items:center;justify-content:center;gap:18px}.volume-step{position:relative;display:grid;place-items:center;width:52px;height:52px;border:1px solid var(--glass-line-soft);border-radius:var(--r-pill);background:var(--glass);cursor:pointer;transition:background .2s var(--ease)}.volume-step:hover{background:var(--glass-strong)}.volume-glyph{position:absolute;width:18px;height:1.6px;border-radius:2px;background:var(--text-soft)}.volume-glyph-vertical{transform:rotate(90deg)}.volume-value{min-width:60px;color:var(--text-soft);font-size:14px;letter-spacing:1px;text-align:center}.queue-panel{margin-top:18px;padding:4px 12px 8px;border:1px solid var(--glass-line-soft);border-radius:var(--r-lg);background:var(--panel)}.queue-top{display:flex;align-items:center;justify-content:space-between;padding-right:4px}.queue-heading{margin:14px 0 6px;padding:0 12px;color:var(--text-dim);font-size:13px;letter-spacing:1.4px;text-transform:uppercase}.queue-change{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 14px;border:1px solid rgba(207,196,174,.42);border-radius:var(--r-pill);background:rgba(207,196,174,.08);color:var(--sand);font-family:inherit;font-size:13px;letter-spacing:.4px;cursor:pointer;transition:border-color .18s var(--ease),background .18s var(--ease),color .18s var(--ease)}.queue-change:hover{border-color:var(--sand);background:rgba(207,196,174,.16);color:var(--cream)}.player-ambiance{display:inline-flex;align-items:center;gap:10px;margin-bottom:12px;text-decoration:none}.player-ambiance .eyebrow{margin-bottom:0}.player-ambiance-change{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border:1px solid rgba(207,196,174,.38);border-radius:var(--r-pill);color:var(--sand);font-size:11.5px;letter-spacing:.4px;transition:border-color .18s var(--ease),color .18s var(--ease)}.player-ambiance:hover .player-ambiance-change{border-color:var(--sand);color:var(--cream)}.offline-line{display:flex;align-items:center;gap:8px;margin:0 0 10px;padding:0 12px;color:var(--muted);font-size:.78rem}.offline-line.is-ready{color:rgba(124,144,130,.9)}.offline-line.is-offline{color:var(--amber)}.offline-dot{width:7px;height:7px;border-radius:50%;background:currentColor}.offline-bar{flex:none;position:relative;width:72px;height:3px;border-radius:2px;background:var(--glass-line-soft);overflow:hidden}.offline-bar span{display:block;height:100%;border-radius:2px;background:var(--sand);transition:width .4s var(--ease)}.row-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.request-steps{display:flex;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;counter-reset:none}.request-steps li{display:flex;align-items:flex-start;gap:12px;padding:10px 0;color:var(--muted)}.request-steps li strong{display:block;font-weight:500}.request-steps li small{display:block;margin-top:2px;font-size:.8rem;opacity:.8}.request-steps li.is-current{color:var(--cream)}.request-mark{flex:none;display:grid;place-items:center;width:26px;height:26px;border:1px solid var(--glass-line-soft);border-radius:50%;font-size:.75rem}.request-steps li.is-done .request-mark{border-color:rgba(124,144,130,.6);background:rgba(124,144,130,.2);color:var(--cream)}.request-steps li.is-current .request-mark{border-color:var(--amber);color:var(--amber)}.usage-card{margin-top:var(--gap-lg);padding:20px 22px 22px;border:1px solid var(--glass-line-soft);border-radius:var(--r-md);background:var(--glass)}.usage-hero{margin:8px 0 16px;font-family:var(--font-serif),serif;font-size:clamp(1.5rem,4vw,1.9rem);font-weight:300;line-height:1.15;color:var(--cream)}.usage-lines{display:flex;flex-direction:column;gap:9px}.usage-lines p{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 16px;margin:0;font-size:.88rem}.usage-label{color:var(--muted)}.usage-value{color:var(--cream);text-align:right}.excluded-list{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.excluded-list li{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 12px;border:1px solid var(--glass-line-soft);border-radius:var(--r-sm);background:var(--glass);font-size:.88rem}.queue-row{gap:4px}.queue-exclude{flex:none;display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:var(--r-sm);background:transparent;color:var(--muted);opacity:0;cursor:pointer;transition:opacity .2s var(--ease),color .2s var(--ease)}.queue-exclude:focus-visible,.queue-row:hover .queue-exclude{opacity:1}.queue-exclude:hover{color:var(--cream)}@media (hover:none){.queue-exclude{opacity:1}}.queue-track{display:flex;align-items:center;gap:12px;width:100%;padding:11px 12px;border:1px solid transparent;border-radius:var(--r-sm);background:transparent;font-family:inherit;text-align:left;cursor:pointer;transition:background .2s var(--ease)}.queue-track-on,.queue-track:hover{background:var(--glass)}.queue-track-on{border-color:var(--glass-line-soft)}.queue-mark{display:grid;place-items:center;flex:none;width:22px;color:var(--text-dim);font-size:12px}.queue-track-title{flex:1 1;min-width:0;overflow:hidden;color:var(--text);font-size:15px;white-space:nowrap;text-overflow:ellipsis}.queue-track-on .queue-track-title{color:var(--cream)}.wave-mark{display:grid;grid-gap:3.3px;gap:3.3px;justify-items:start}.wave-mark i{display:block;height:2px;border-radius:2px;background:var(--sand)}.wave-mark i:first-child{width:15px}.wave-mark i:nth-child(2){width:10px;opacity:.8}.wave-mark i:nth-child(3){width:13px;opacity:.6}.ambiance-picker{margin-top:var(--gap-lg)}.now-playing{font-family:var(--font-serif),Georgia,serif;font-size:1.85rem;font-weight:300;line-height:1.2;color:var(--cream);margin:6px 0 2px;letter-spacing:-.01em}.player-onair{margin:2px 0 0;color:var(--muted)}.play-stage{position:relative;display:grid;place-items:center;width:108px;height:108px}@keyframes breathe{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.07);opacity:.45}}.play-main{position:relative;width:88px;height:88px;border-radius:50%;border:1px solid rgba(236,231,219,.22);background:rgba(236,231,219,.1);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:var(--cream);display:grid;place-items:center;cursor:pointer;transition:background .24s var(--ease),transform .18s var(--ease)}.play-main:hover{background:rgba(236,231,219,.17)}.play-main:active{transform:scale(.95)}.player-progress{height:2px;border-radius:var(--r-pill);background:rgba(255,255,255,.1);margin:20px auto 10px;max-width:260px;overflow:hidden}.player-progress span{display:block;height:100%;border-radius:var(--r-pill);background:var(--sand);transition:width .4s linear}.controls{display:flex;align-items:center;justify-content:center;gap:14px;margin:12px 0 14px}.control{border:none;background:none;cursor:pointer;display:grid;place-items:center;width:52px;height:52px;border-radius:var(--r-pill);color:var(--text-soft);transition:color .2s var(--ease),transform .16s var(--ease)}.control:hover{color:var(--cream)}.control:active{transform:scale(.92)}.volume{display:flex;gap:14px;max-width:260px;margin:0 auto}.fav-toggle,.volume{align-items:center;color:var(--text-dim)}.fav-toggle{display:inline-flex;gap:8px;margin-top:12px;min-height:44px;padding:0 20px;border:1px solid transparent;border-radius:var(--r-pill);background:transparent;font-size:.8rem;letter-spacing:.02em;cursor:pointer;transition:background .22s var(--ease),color .22s var(--ease),border-color .22s var(--ease)}.fav-toggle:hover{color:var(--cream)}.fav-on,.fav-toggle:hover{border-color:var(--glass-line)}.fav-on{color:var(--sand)}.fav-on,.price{background:var(--glass-strong)}.price{border-radius:var(--r-md);border:1px solid var(--glass-line-soft);padding:22px 24px;margin:var(--gap-md) 0}.price-value{display:block;font-family:var(--font-serif),Georgia,serif;font-size:2.3rem;font-weight:300;line-height:1;color:var(--cream)}.price-unit{display:block;font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin-top:9px}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));grid-gap:10px;gap:10px;margin-bottom:var(--gap-lg)}.stat{background:var(--glass);border:1px solid var(--glass-line-soft);border-radius:var(--r-md);padding:20px}.stat-value{display:block;font-family:var(--font-serif),Georgia,serif;font-size:1.9rem;font-weight:300;line-height:1.1;color:var(--cream)}.stat-label{display:block;font-size:.78rem;color:var(--text-dim);margin-top:7px}.data-table{width:100%;border-collapse:collapse;font-size:.9rem}.data-table th{text-align:left;font-weight:400;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim);padding:0 10px 12px 0}.data-table td{padding:13px 10px 13px 0;border-top:1px solid var(--glass-line-soft);color:var(--text-soft)}.data-table td:last-child,.data-table th:last-child{text-align:right;padding-right:0}.table-scroll{overflow-x:auto;margin:0 -6px;padding:0 6px}.cell-alert{color:var(--alert)}.choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:8px;gap:8px}.choice{display:flex;align-items:center;gap:10px;padding:12px 15px;border-radius:var(--r-sm);background:var(--glass);border:1px solid var(--glass-line-soft);font-size:.88rem;color:var(--text-soft);cursor:pointer;transition:background .2s var(--ease)}.choice:hover{background:var(--glass-strong)}.choice input{width:auto;margin:0;accent-color:var(--sand)}.choice-on{background:var(--glass-strong);border-color:rgba(207,196,174,.3);color:var(--cream)}.choice-row{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:var(--glass);color:var(--text-soft);border:1px solid var(--glass-line-soft);border-radius:var(--r-sm);padding:13px 16px;margin-bottom:8px;cursor:pointer;transition:background .2s var(--ease),border-color .2s var(--ease)}.choice-row-on,.choice-row:hover{background:var(--glass-strong)}.choice-row-on{border-color:rgba(207,196,174,.35);color:var(--cream)}.hint{margin:var(--gap-sm) 0 var(--gap-md)}.hint>summary{display:flex;align-items:center;gap:8px;list-style:none;font-size:.82rem;color:var(--text-dim);padding:4px 0;cursor:pointer}.hint>summary::-webkit-details-marker{display:none}.hint>summary:hover{color:var(--sand)}.hint[open]>summary{color:var(--sand);margin-bottom:10px}.hint-body{background:var(--glass);border:1px solid var(--glass-line-soft);border-radius:var(--r-sm);padding:16px 18px;font-size:.88rem;line-height:1.65;color:var(--text-soft)}.hint-body p{margin:0 0 10px}.hint-body p:last-child{margin-bottom:0}.steps{display:flex;gap:6px;margin-bottom:16px}.step{flex:1 1;height:2px;border-radius:var(--r-pill);background:rgba(255,255,255,.08);transition:background .32s var(--ease)}.step-done{background:rgba(207,196,174,.4)}.step-on{background:var(--sand)}main:has(.onboarding-section){max-width:960px}.onboarding-hero{min-height:300px}.onboarding-section{padding-bottom:24px}.onboarding-section h2{margin-bottom:12px}.onboarding-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;margin:26px 0}.onboarding-mode{min-height:150px;padding:22px;border:1px solid var(--glass-line-soft);border-radius:var(--r-md);background:var(--glass);color:var(--text-soft);text-align:left;cursor:pointer;transition:transform .18s var(--ease),background .18s var(--ease),border-color .18s var(--ease)}.onboarding-mode:hover{transform:translateY(-2px);background:var(--glass-strong)}.onboarding-mode.is-selected{border-color:rgba(207,196,174,.55);background:rgba(207,196,174,.1)}.onboarding-mode-title{display:block;margin-bottom:10px;color:var(--cream);font-family:var(--font-serif),Georgia,serif;font-size:1.3rem}.onboarding-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.onboarding-card-heading .eyebrow{margin-bottom:4px}.onboarding-zone-row{display:flex;align-items:flex-end;gap:10px}.onboarding-zone-row .field{flex:1 1}.onboarding-zone-row .icon-btn{flex:none;margin-bottom:16px}.onboarding-note{margin:14px 2px 0;line-height:1.55}.onboarding-playlist-group{margin-top:22px}.onboarding-selected{display:inline-flex;align-items:center;gap:6px;color:var(--sand);font-size:.78rem}.onboarding-playlist-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.onboarding-playlist{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid var(--glass-line-soft);border-radius:var(--r-md);background:rgba(8,10,8,.35);transition:border-color .18s var(--ease),transform .18s var(--ease)}.onboarding-playlist.is-selected{border-color:rgba(207,196,174,.55);transform:translateY(-2px)}.onboarding-playlist-cover{position:relative;min-height:180px}.onboarding-recommended{position:absolute;top:12px;left:12px;padding:6px 10px;border-radius:var(--r-pill);background:rgba(8,10,8,.72);color:var(--cream);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase}.onboarding-preview{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:rgba(8,10,8,.76);color:var(--cream);cursor:pointer}.onboarding-playlist-body{display:flex;flex:1 1;flex-direction:column;align-items:flex-start;padding:16px}.onboarding-playlist-body h4{color:var(--cream);font-size:1rem;margin:0 0 7px}.onboarding-playlist-body p{flex:1 1;margin:0 0 14px;color:var(--text-soft);font-size:.78rem;line-height:1.55}.onboarding-playlist-body .btn{max-width:100%;white-space:nowrap}.onboarding-back{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;margin-top:14px;padding:10px;border:0;background:transparent;color:var(--text-dim);cursor:pointer}.onboarding-checklist{margin-top:22px}.onboarding-check{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--glass-line-soft)}.onboarding-check:last-child{border-bottom:0}.onboarding-check>span{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:50%;background:rgba(207,196,174,.14);color:var(--sand)}.onboarding-check.is-next>span{background:var(--cream);color:var(--on-light);font-weight:600}.onboarding-check small,.onboarding-check strong{display:block}.onboarding-check small{margin-top:3px;color:var(--text-dim)}.onboarding-recap{margin:8px 0 22px}.onboarding-recap>div{display:flex;justify-content:space-between;gap:18px;padding:13px 2px;border-bottom:1px solid var(--glass-line-soft)}.onboarding-recap span{color:var(--text-soft)}.onboarding-recap strong{color:var(--cream);text-align:right}@media (max-width:800px){.onboarding-playlist-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.onboarding-mode-grid,.onboarding-playlist-grid{grid-template-columns:1fr}.onboarding-mode{min-height:0}.onboarding-playlist{display:grid;grid-template-columns:112px 1fr}.onboarding-playlist-cover{min-height:100%}.onboarding-recommended{display:none}.onboarding-playlist-body p{flex:initial;min-height:0}}.site-head{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-sm);margin-bottom:var(--gap-xl)}.site-brand{display:inline-flex;align-items:center;min-height:44px;font-family:var(--font-serif),Georgia,serif;font-size:1.05rem;font-weight:300;letter-spacing:.24em;text-transform:uppercase;color:var(--cream);border:none}.site-links{display:flex;align-items:center;gap:14px;font-size:.88rem}.site-links a:first-child{display:inline-flex;align-items:center;min-height:44px;padding:0 4px;color:var(--text-soft);border:none}.btn-compact{min-height:40px;padding:0 18px;font-size:.88rem;border:none}.legal{max-width:62ch}.legal h2{font-size:1.25rem;margin-top:var(--gap-xl);margin-bottom:var(--gap-sm)}.legal h3{font-size:1rem;color:var(--sand);margin-top:var(--gap-md);margin-bottom:6px}.legal li,.legal p{color:var(--text-soft);font-size:.95rem;line-height:1.75}.legal ul{padding-left:20px;margin:0 0 var(--gap-sm)}.legal li{margin-bottom:8px}.site-foot{margin-top:var(--gap-xl);padding-top:var(--gap-lg);border-top:1px solid var(--glass-line-soft)}.site-foot-brand{font-family:var(--font-serif),Georgia,serif;font-size:1rem;letter-spacing:.24em;text-transform:uppercase;color:var(--sand);margin-bottom:6px}.site-foot-links{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:var(--gap-md);font-size:.85rem}.site-foot-links a{display:inline-flex;align-items:center;min-height:44px;color:var(--text-dim);border:none}.site-foot-links a:hover{color:var(--cream)}.page-art{position:fixed;z-index:-1;inset:-18%;pointer-events:none;background:radial-gradient(52% 40% at 20% 24%,rgb(63 83 65/.68),rgb(63 83 65/0) 64%),radial-gradient(46% 34% at 82% 12%,rgb(200 154 91/.26),rgb(200 154 91/0) 62%),radial-gradient(80% 56% at 50% 104%,rgb(10 12 10/.96),rgb(10 12 10/0) 68%),linear-gradient(in oklab 168deg,#16201a,#0d110e 54%,#0a0c0a);animation:drift 38s ease-in-out infinite alternate}@keyframes drift{0%{transform:translate3d(-2.4%,-1.6%,0) scale(1.05)}to{transform:translate3d(2.4%,2%,0) scale(1.13)}}.bottom-nav{position:fixed;z-index:10;left:50%;transform:translateX(-50%);bottom:calc(env(safe-area-inset-bottom, 0px) + 16px);display:flex;gap:2px;padding:7px;border-radius:var(--r-pill);background:rgba(16,19,16,.72);border:1px solid var(--glass-line);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:var(--shadow-deep);max-width:calc(100vw - 32px)}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:9px 18px;border-radius:var(--r-pill);border:none;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);background:transparent;transition:color .22s var(--ease),background .22s var(--ease)}.nav-item:hover{color:var(--text-soft);border:none}.nav-on{color:var(--cream);background:rgba(255,255,255,.07)}.loading{display:flex;flex-direction:column;align-items:center;gap:18px;padding:96px 0;color:var(--text-dim);font-size:.88rem}.breathe{width:46px;height:46px;border-radius:50%;border:1px solid rgba(236,231,219,.2);animation:breathe 3.4s var(--ease) infinite}.appear{animation:appear .52s var(--ease) both}.appear-2{animation-delay:90ms}.appear-3{animation-delay:.18s}@keyframes appear{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.stack{flex-direction:column}.row-between,.stack{display:flex;gap:var(--gap-sm)}.row-between{align-items:center;justify-content:space-between}@media (max-width:620px){.row-between{flex-wrap:wrap;row-gap:12px}.row-between>input:not([type=checkbox]):not([type=radio]),.row-between>select{flex:1 1 200px;min-width:0}.row-between select{min-width:9.5rem}.row-between .row-between{flex-wrap:nowrap;flex:0 0 auto}.row-between .row-between>select{flex:0 1 auto;width:auto}.row-between>.btn{flex:1 1 auto}.row-between .control{min-width:44px}}.divider{height:1px;background:var(--glass-line-soft);border:none;margin:var(--gap-md) 0}.form-foot{text-align:center;color:var(--text-dim);font-size:.9rem;margin-top:var(--gap-lg)}details summary{cursor:pointer;color:var(--sand);font-size:.9rem;padding:6px 0}details.card>summary{display:flex;align-items:center;gap:9px;list-style:none;font-family:var(--font-serif),Georgia,serif;font-size:1.1rem;font-weight:300;color:var(--cream);padding:0}details.card>summary::-webkit-details-marker{display:none}details.card[open]>summary{margin-bottom:var(--gap-md)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.stage-art{animation-duration:90s!important}.scroll-cue:after{animation-duration:9s!important}.stage-title .line>span{transform:none}.curtain,.stage-title .line>span{animation-duration:.6s!important}.reveal{transform:none;transition-duration:.5s!important}}@media (min-width:900px){main{padding-top:64px;padding-bottom:150px}}.workshop{display:grid;grid-gap:var(--gap-lg);gap:var(--gap-lg)}@media (min-width:900px){.workshop{grid-template-columns:minmax(240px,300px) 1fr;gap:var(--gap-xl);align-items:start}.workshop-side{position:-webkit-sticky;position:sticky;top:24px;max-height:calc(100svh - 48px);overflow-y:auto}}.workshop-list{display:flex;flex-direction:column;gap:4px;margin-top:var(--gap-md)}.workshop-item{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:10px;border-radius:var(--r-sm);border:1px solid transparent;background:transparent;color:var(--text);cursor:pointer;transition:background .2s var(--ease),border-color .2s var(--ease)}.workshop-item:hover{background:var(--glass)}.workshop-on{background:var(--glass-strong);border-color:var(--glass-line)}.workshop-thumb{flex:none;width:42px;height:42px;border-radius:var(--r-xs);background-size:cover;background-position:50%;border:1px solid var(--glass-line-soft)}.workshop-thumb-empty{background:var(--ink-3)}.workshop-item-body{gap:2px;min-width:0}.sibling-list,.workshop-item-body{display:flex;flex-direction:column}.sibling-list{gap:8px;margin:14px 0 0;padding:0;list-style:none}.sibling-list li{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px;border:1px solid var(--glass-line-soft);border-radius:var(--r-sm);background:var(--glass)}.workshop-owner{display:inline-block;margin-top:4px;padding:2px 8px;border:1px solid rgba(200,154,91,.4);border-radius:var(--r-pill);background:rgba(200,154,91,.12);color:var(--amber);font-size:.68rem;letter-spacing:.02em}.workshop-owner-line{margin:0 0 8px;color:var(--amber);font-size:.78rem}.workshop-item-title{color:var(--cream);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workshop-head{flex-wrap:wrap;justify-content:space-between;margin-bottom:var(--gap-lg)}.workshop-head,.workshop-title-row{display:flex;align-items:flex-start;gap:var(--gap-md)}.workshop-title-body{min-width:0}.workshop-cover{position:relative;flex:none;width:112px;height:112px;padding:0;overflow:hidden;border:1px solid var(--glass-line-soft);border-radius:var(--r-sm);background-color:var(--ink-3);background-size:cover;background-position:50%;color:var(--cream);cursor:zoom-in}.workshop-cover-hint{position:absolute;inset:auto 0 0;padding:6px 0;background:rgba(8,10,8,.62);font-size:.7rem;letter-spacing:.08em;text-align:center;opacity:0;transition:opacity .16s ease}.workshop-cover:focus-visible .workshop-cover-hint,.workshop-cover:hover .workshop-cover-hint{opacity:1}.workshop-cover-empty{display:grid;place-items:center;padding:10px;color:var(--text-dim,#6c7568);font-size:.72rem;text-align:center;cursor:default}.cover-viewer{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:clamp(16px,4vw,48px);background:rgba(5,6,5,.88);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:zoom-out}.cover-viewer img{max-width:min(100%,1100px);max-height:calc(100svh - 120px);border-radius:var(--r-sm);box-shadow:0 30px 80px rgba(0,0,0,.6);cursor:default}.cover-viewer-close{position:absolute;top:clamp(12px,3vw,28px);right:clamp(12px,3vw,28px);padding:10px 18px;border:1px solid var(--glass-line);border-radius:var(--r-pill);background:rgba(16,19,16,.8);color:var(--cream);cursor:pointer}.description-edit{margin-top:10px;max-width:560px}.description-edit-actions{display:flex;align-items:center;gap:14px;margin-top:8px}.workshop-actions{display:flex;flex-wrap:wrap;gap:10px}.workshop-sub{margin-top:var(--gap-lg);margin-bottom:var(--gap-sm);font-size:1rem;color:var(--sand)}.queue{list-style:none;margin:0;padding:0;border-top:1px solid var(--glass-line-soft)}.queue-row{display:flex;align-items:center;gap:12px;padding:10px 4px;border-bottom:1px solid var(--glass-line-soft)}.queue-index{flex:none;width:2rem;font-size:.78rem;color:var(--text-dim);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.queue-title{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-actions{flex:none;display:flex;align-items:center;gap:6px}.icon-btn{min-width:40px;min-height:40px;display:inline-grid;place-items:center;border-radius:var(--r-xs);border:1px solid var(--glass-line-soft);background:transparent;color:var(--text-soft);font-size:.95rem;cursor:pointer;transition:background .18s var(--ease),color .18s var(--ease)}.icon-btn:hover:not(:disabled){background:var(--glass);color:var(--cream)}.invoice-error,.invoice-period{display:block;margin-top:3px}.invoice-error{max-width:46ch;color:var(--alert)}.invoices{margin-top:22px;padding-top:18px;border-top:1px solid var(--glass-line-soft)}.invoice-heading{align-items:flex-start}.invoice-list{list-style:none;margin:8px 0 0;padding:0}.invoice-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--glass-line-soft)}.invoice-row:last-child{border-bottom:0}.invoice-main{display:flex;flex-direction:column;gap:2px;min-width:0}.invoice-number{color:var(--cream);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.invoice-customer-actions{flex:none;display:flex;align-items:center;justify-content:flex-end;gap:8px}.retry-row{width:100%;gap:16px}@media (max-width:520px){.invoice-row{align-items:flex-start;flex-direction:column}.invoice-customer-actions{width:100%;justify-content:space-between}.retry-row{align-items:flex-start;flex-direction:column}}.track-rename{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:2px 0 6px}.track-rename input{flex:1 1 260px;min-width:0;padding:10px 14px}.track-rename-link{margin-left:6px;font-size:.78rem;vertical-align:middle}.icon-btn-on{background:var(--glass);border-color:rgba(207,196,174,.4);color:var(--sand)}.icon-btn:disabled{opacity:.3;cursor:default}.icon-btn-danger:hover:not(:disabled){background:var(--alert-bg);color:var(--alert)}.pool{list-style:none;margin:0;padding:0;max-height:46svh;overflow-y:auto;border:1px solid var(--glass-line-soft);border-radius:var(--r-sm)}.pool li{display:flex;align-items:center;gap:4px;padding-left:8px}.pool li .pool-row{flex:1 1;min-width:0}.pool-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:10px 12px;border:none;border-radius:0;background:transparent;color:var(--text);cursor:pointer;border-bottom:1px solid var(--glass-line-soft)}.pool-row:hover:not(:disabled){background:var(--glass);color:var(--cream)}.pool-title{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis}.pool-title,.tag{white-space:nowrap}.tag{flex:none;font-size:.7rem;letter-spacing:.06em;color:var(--text-dim)}.tag-warn{color:var(--amber)}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip{min-height:40px;padding:0 16px;border-radius:var(--r-pill);border:1px solid var(--glass-line);background:transparent;color:var(--text-soft);font-size:.85rem;cursor:pointer;transition:background .2s var(--ease),color .2s var(--ease)}.chip:hover{color:var(--cream)}.chip-on{background:var(--cream);border-color:var(--cream);color:var(--on-light)}main:has(>.console){max-width:none;padding:0}.console{position:relative;display:grid;min-height:100svh}.console:before{content:"";position:fixed;inset:0;z-index:0;background-image:url(/brand/sonera-logo-transparent.png);background-repeat:no-repeat;background-position:50%;background-size:min(640px,62vw) auto;opacity:.05;pointer-events:none}.console-main,.console-rail{position:relative;z-index:1}.console-rail{display:flex;flex-direction:column;gap:var(--gap-sm);padding:20px;border-bottom:1px solid var(--glass-line-soft);background:var(--ink-1)}.console-brand-logo{width:auto;height:44px;object-fit:contain;object-position:left center}.console-role{font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);margin:0 0 var(--gap-sm)}.console-nav{display:flex;flex-wrap:wrap;gap:4px}.console-link{display:flex;align-items:center;gap:11px;min-height:44px;padding:0 14px;border-radius:var(--r-sm);border:none;color:var(--text-soft);font-size:.92rem;transition:background .2s var(--ease),color .2s var(--ease)}.console-link:hover{background:var(--glass);color:var(--cream);border:none}.console-link-on{background:var(--glass-strong);color:var(--cream)}.console-link-button{width:100%;background:none;font-family:inherit;text-align:left;cursor:pointer}.console-link-button:disabled{opacity:.6;cursor:default}.impersonation-bar{position:-webkit-sticky;position:sticky;top:0;z-index:50;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 18px;padding:10px 16px;background:rgba(200,154,91,.16);border-bottom:1px solid rgba(200,154,91,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--cream);font-size:.86rem;text-align:center}.impersonation-back{padding:6px 14px;border:1px solid rgba(239,233,221,.4);border-radius:var(--r-pill);background:transparent;color:var(--cream);font-family:inherit;font-size:.8rem;cursor:pointer}.impersonation-back:hover:not(:disabled){background:rgba(239,233,221,.08)}.sidebar-back{margin-top:12px;padding:9px 12px;border:1px solid var(--glass-line-soft);border-radius:var(--r-sm);color:var(--muted);font-size:.78rem;text-align:center;transition:color .2s var(--ease),border-color .2s var(--ease)}.sidebar-back:hover{color:var(--cream);border-color:var(--glass-line)}.email-notice{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 18px;margin-bottom:var(--gap-md);padding:13px 18px;border:1px solid rgba(200,154,91,.35);border-radius:var(--r-md);background:rgba(200,154,91,.1);color:var(--cream);font-size:.85rem;line-height:1.45}.email-notice-ok{border-color:rgba(122,158,122,.4);background:rgba(122,158,122,.12)}.email-notice span{color:var(--muted)}.email-notice-action{flex:none;min-height:40px;padding:7px 15px;border:1px solid rgba(239,233,221,.4);border-radius:var(--r-pill);background:transparent;color:var(--cream);font-family:inherit;font-size:.8rem;cursor:pointer}.email-notice-action:hover:not(:disabled){background:rgba(239,233,221,.08)}.email-notice-action:disabled{opacity:.5;cursor:default}.email-notice-done{flex:none;color:var(--amber);font-size:.8rem}.console-foot{margin-top:auto;padding-top:var(--gap-md);border-top:1px solid var(--glass-line-soft)}.console-main{min-width:0;padding:var(--gap-lg) 20px calc(env(safe-area-inset-bottom, 0px) + 60px)}@media (min-width:900px){.console{grid-template-columns:248px 1fr}.console-rail{position:-webkit-sticky;position:sticky;top:0;height:100svh;border-bottom:none;border-right:1px solid var(--glass-line-soft);padding:28px 20px}.console-nav{flex-direction:column;flex-wrap:nowrap}.console-main{max-width:1400px;padding:40px clamp(24px,3vw,48px) 100px}}.table-wrap{overflow-x:auto;border:1px solid var(--glass-line-soft);border-radius:var(--r-sm)}.table{width:100%;border-collapse:collapse;font-size:.92rem}.table th{position:-webkit-sticky;position:sticky;top:0;z-index:1;text-align:left;font-weight:400;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim);background:var(--ink-1);white-space:nowrap}.table td,.table th{padding:12px 14px;border-bottom:1px solid var(--glass-line-soft)}.table td{vertical-align:middle}.table tbody tr:hover{background:var(--glass)}.table tbody tr:last-child td{border-bottom:none}.table .num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.table .shrink{width:1%;white-space:nowrap}.cell-title{color:var(--cream);display:block;max-width:42ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:1px;gap:1px;background:var(--glass-line-soft);border:1px solid var(--glass-line-soft);border-radius:var(--r-sm);overflow:hidden;margin-bottom:var(--gap-lg)}.fact{background:var(--ink-1);padding:16px 18px}.fact-label{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim);margin:0 0 6px}.fact-value{font-family:var(--font-serif),Georgia,serif;font-size:1.4rem;font-weight:300;color:var(--cream);margin:0;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cell-link{display:flex;flex-direction:column;gap:2px;border:none;color:inherit}.cell-link:hover .cell-title{color:var(--sand)}.selectable{-webkit-user-select:all;-moz-user-select:all;user-select:all;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;word-break:break-all}@media (min-width:900px){.player-workspace{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(420px,1.1fr);align-items:start;grid-gap:22px;gap:22px}.player-workspace .player-panel{min-height:490px;justify-content:center;padding:34px 38px;margin:0}.player-workspace .player-seek{max-width:360px}.player-workspace .queue-panel{max-height:calc(100dvh - 155px);margin:0;padding:10px 14px 14px;overflow-y:auto}.player-workspace .queue-track{padding:14px 13px}}.support-bubble{position:fixed;right:22px;bottom:22px;z-index:60;display:flex;align-items:center;justify-content:center;width:54px;height:54px;border:1px solid var(--glass-line);border-radius:50%;background:var(--ink-2);color:var(--cream);cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.4);transition:transform .16s var(--ease),background .16s var(--ease)}.support-bubble:hover{transform:translateY(-2px);background:var(--ink-3)}.support-bubble-close{font-size:1.6rem;line-height:1}.support-badge{position:absolute;top:-3px;right:-3px;min-width:19px;height:19px;padding:0 5px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:var(--alert);color:#fff;font-size:.66rem;font-weight:600}.support-panel{position:fixed;right:22px;bottom:86px;z-index:60;display:flex;flex-direction:column;width:360px;max-width:calc(100vw - 32px);height:520px;max-height:calc(100vh - 120px);border:1px solid var(--glass-line);border-radius:var(--r-md);background:var(--ink-1);box-shadow:0 24px 60px rgba(0,0,0,.5);overflow:hidden}.support-head{display:flex;align-items:center;gap:11px;padding:14px 16px;border-bottom:1px solid var(--glass-line-soft);background:var(--ink-2)}.support-back,.support-head-mark{display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex:none;border-radius:11px;background:var(--glass);color:var(--cream)}.support-back{border:0;cursor:pointer}.support-back svg{transform:rotate(180deg)}.support-head-body{min-width:0}.support-head-body strong{display:block;color:var(--text);font-size:.92rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.support-head-body small{color:var(--text-dim);font-size:.72rem}.support-body{flex:1 1 auto;overflow-y:auto;padding:12px 14px}.support-empty{color:var(--text-dim);font-size:.82rem;line-height:1.6;padding:18px 6px;text-align:center}.support-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.support-list button{width:100%;display:flex;flex-direction:column;gap:5px;padding:11px 12px;border:1px solid var(--glass-line-soft);border-radius:13px;background:var(--glass);color:inherit;text-align:left;cursor:pointer;transition:background .14s var(--ease)}.support-list button:hover{background:var(--glass-strong)}.support-list-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.support-list-top strong{color:var(--text);font-size:.85rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.support-dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--alert)}.support-list-preview{color:var(--text-dim);font-size:.75rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.support-list-meta{display:flex;align-items:center;gap:8px;color:var(--text-dim);font-size:.68rem}.support-status{padding:1px 7px;border-radius:8px;font-size:.64rem}.support-status-open{background:var(--alert-bg);color:var(--alert)}.support-status-resolved{background:var(--glass-strong);color:var(--text-soft)}.support-thread{display:flex;flex-direction:column;gap:10px;height:100%;overflow-y:auto}.support-msg{max-width:85%;padding:9px 12px;border-radius:14px;font-size:.83rem;line-height:1.5}.support-msg p{margin:3px 0 0;color:var(--text);white-space:pre-wrap;word-break:break-word}.support-msg-author{font-size:.66rem;color:var(--text-dim)}.support-msg-when{display:block;margin-top:3px;font-size:.62rem;color:var(--text-dim)}.support-msg-device{display:block;margin-top:4px;padding-top:4px;border-top:1px solid var(--glass-line-soft);font-size:.64rem;color:var(--text-dim);cursor:help}.support-msg-customer{align-self:flex-end;background:var(--glass-strong)}.support-msg-admin{align-self:flex-start;background:var(--alert-bg)}.support-form{gap:12px}.support-form,.support-form label{display:flex;flex-direction:column}.support-form label{gap:5px}.support-form label span{color:var(--text-dim);font-size:.72rem}.support-form input,.support-form textarea,.support-reply-input{width:100%;padding:9px 11px;border:1px solid var(--glass-line);border-radius:11px;background:var(--ink-2);color:var(--text);font:inherit;font-size:.84rem;resize:vertical}.support-error{margin:10px 0 0;color:var(--alert);font-size:.76rem}.support-foot{padding:12px 14px;border-top:1px solid var(--glass-line-soft);background:var(--ink-2)}.support-foot>.btn{width:100%}.support-reply{display:flex;align-items:center;gap:8px}.support-reply .btn{flex:1 1 auto}@media (max-width:760px){.support-bubble{bottom:82px}.support-panel{right:12px;left:12px;bottom:82px;width:auto;height:calc(100vh - 160px)}}.console-badge{margin-left:auto;min-width:19px;height:19px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:var(--alert);color:#fff;font-size:.66rem;font-weight:600}.support-console{display:grid;grid-template-columns:320px 1fr;grid-gap:18px;gap:18px;align-items:start}.support-console-filters{display:flex;gap:7px;margin-bottom:12px}.support-console-list ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.support-console-list li button{width:100%;display:flex;flex-direction:column;gap:5px;padding:12px 13px;border:1px solid var(--glass-line-soft);border-radius:14px;background:var(--glass);color:inherit;text-align:left;cursor:pointer;transition:background .14s var(--ease),border-color .14s var(--ease)}.support-console-list li button:hover{background:var(--glass-strong)}.support-console-list li button.is-active{border-color:var(--glass-line);background:var(--glass-strong)}.support-console-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.support-console-row strong{color:var(--text);font-size:.88rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.support-console-sub{color:var(--text-soft);font-size:.74rem}.support-console-preview{color:var(--text-dim);font-size:.74rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.support-console-meta{display:flex;align-items:center;gap:8px;color:var(--text-dim);font-size:.68rem}.support-console-thread{display:flex;flex-direction:column;min-height:440px;height:calc(100vh - 240px);border:1px solid var(--glass-line-soft);border-radius:var(--r-md);background:var(--ink-1);overflow:hidden}.support-console-placeholder{margin:auto;padding:40px;text-align:center}.support-console-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;border-bottom:1px solid var(--glass-line-soft);background:var(--ink-2)}.support-console-head strong{display:block;color:var(--text)}.support-console-head small{color:var(--text-dim);font-size:.74rem}.support-console-actions{display:flex;align-items:center;gap:10px}.support-console-messages{flex:1 1 auto;padding:16px 18px}.support-console-reply{padding:14px 18px;border-top:1px solid var(--glass-line-soft);background:var(--ink-2)}@media (max-width:860px){.support-console{grid-template-columns:1fr}.support-console-thread{height:auto;min-height:380px}}.support-attachments{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.support-attach-img{display:block;line-height:0;border-radius:10px;overflow:hidden;border:1px solid var(--glass-line-soft)}.support-attach-img img{display:block;max-width:180px;max-height:160px;object-fit:cover}.support-attach-file{display:inline-flex;align-items:center;gap:7px;max-width:220px;padding:7px 11px;border-radius:10px;border:1px solid var(--glass-line-soft);background:var(--glass);color:var(--text-soft);font-size:.78rem;text-decoration:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.support-attach-file:hover{color:var(--cream)}.support-attach-btn{flex:none;display:flex;align-items:center;justify-content:center;gap:7px;height:38px;padding:0 14px;border:1px solid var(--glass-line);border-radius:11px;font:inherit;font-size:.8rem;cursor:pointer;transition:background .14s var(--ease),color .14s var(--ease)}.support-attach-btn,.support-attach-btn:hover:not(:disabled){background:var(--glass-strong);color:var(--cream)}.support-attach-btn:disabled{opacity:.5}.support-attach-zone{display:flex;align-items:center;gap:11px;width:100%;padding:12px 14px;border:1px dashed var(--glass-line);border-radius:12px;background:var(--glass);color:var(--cream);font:inherit;text-align:left;cursor:pointer;transition:background .14s var(--ease),border-color .14s var(--ease)}.support-attach-zone:hover:not(:disabled){background:var(--glass-strong);border-color:var(--cream)}.support-attach-zone:disabled{opacity:.55;cursor:default}.support-attach-zone span{display:flex;flex-direction:column;gap:2px}.support-attach-zone strong{font-size:.82rem;font-weight:500}.support-attach-zone small{color:var(--text-dim);font-size:.7rem}.support-compose{display:flex;flex-direction:column;gap:9px}.support-compose-row{display:flex;align-items:center;gap:9px}.support-compose-row .btn{flex:1 1 auto}.support-pieces{display:flex;flex-wrap:wrap;gap:7px}.support-piece{display:inline-flex;align-items:center;gap:6px;max-width:200px;padding:4px 5px 4px 10px;border-radius:9px;background:var(--glass-strong);font-size:.74rem;color:var(--text-soft)}.support-piece-nom{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.support-piece button{flex:none;width:18px;height:18px;border:0;border-radius:50%;background:transparent;color:var(--text-dim);font-size:1rem;line-height:1;cursor:pointer}.support-piece button:hover{color:var(--cream)}.support-console-compose{padding:14px 18px;border-top:1px solid var(--glass-line-soft);background:var(--ink-2);display:flex;flex-direction:column;gap:9px}.support-console-compose .support-console-reply{padding:0;border-top:0;background:transparent}.support-console-reply{align-items:flex-end}.support-console-reply .support-reply-input{flex:1 1 auto}.support-console-reply .btn{flex:none}.onboarding-spaces{display:flex;flex-wrap:wrap;gap:10px;margin:6px 0 4px}.onboarding-space{display:inline-flex;align-items:center;gap:8px;padding:11px 16px;border:1px solid var(--glass-line-soft);border-radius:999px;background:var(--glass);color:var(--text-soft);font-size:.92rem;cursor:pointer;transition:background .16s var(--ease),border-color .16s var(--ease),color .16s var(--ease)}.onboarding-space.is-selected,.onboarding-space:hover:not(:disabled){background:var(--glass-strong);color:var(--cream)}.onboarding-space.is-selected{border-color:rgba(207,196,174,.55)}.onboarding-space:disabled{opacity:.4;cursor:default}.onboarding-add-space{display:flex;gap:9px;margin:14px 0 4px}.onboarding-add-space input{flex:1 1 auto;min-width:0}.onboarding-add-space .btn{flex:none}.onboarding-chosen{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 4px}.onboarding-chosen-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 8px 7px 14px;border-radius:999px;background:var(--glass-strong);color:var(--cream);font-size:.86rem}.onboarding-chosen-chip button{width:20px;height:20px;border:0;border-radius:50%;background:rgba(255,255,255,.06);color:var(--text-soft);font-size:1.05rem;line-height:1;cursor:pointer}.onboarding-chosen-chip button:hover{color:var(--cream)}.onboarding-single{display:flex;align-items:flex-start;gap:11px;margin:18px 0 6px;padding:14px 16px;border:1px solid var(--glass-line-soft);border-radius:var(--r-sm);background:var(--glass);color:var(--text-soft);font-size:.86rem;line-height:1.5;cursor:pointer}.onboarding-single input{flex:none;width:18px;height:18px;margin-top:2px;accent-color:var(--cream)}.remote-banner{display:flex;align-items:center;justify-content:space-between;gap:16px}.remote-banner>div{display:flex;flex-direction:column;gap:3px;min-width:0}.remote-banner strong{color:var(--cream)}.remote-now{color:var(--text-soft);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.remote-banner .btn{flex:none}@media (max-width:560px){.remote-banner{flex-direction:column;align-items:stretch}}.blog-editor{display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-gap:26px;gap:26px;align-items:start}.blog-editor-side{display:grid;grid-gap:16px;gap:16px;position:-webkit-sticky;position:sticky;top:24px}.blog-editor-side .card{display:grid;grid-gap:12px;gap:12px}.blog-editor-side .btn-block+.btn-block{margin-top:-2px}.blog-count{margin-left:6px;color:var(--text-soft);font-size:.72rem;letter-spacing:0;text-transform:none}.blog-count-ok{color:var(--sand)}.blog-count-warn{color:var(--alert)}.blog-slug{display:flex;align-items:center;gap:6px}.blog-slug span{color:var(--text-soft);font-size:.85rem;white-space:nowrap}.blog-slug input{flex:1 1;min-width:0}.blog-tabs{display:flex;gap:8px;margin:6px 0 12px}.blog-body-input{min-height:460px;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:.9rem;line-height:1.7}.blog-help{display:grid;grid-gap:6px;gap:6px;padding-left:18px}.blog-help code{padding:1px 6px;border-radius:6px;background:var(--glass-strong);font-size:.82rem}.blog-ok{margin-bottom:14px;color:var(--sand)}.blog-cover-preview{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px}.blog-serp{display:grid;grid-gap:4px;gap:4px;padding:14px;border-radius:12px;background:#fff}.blog-serp-url{color:#4d5156;font-size:.75rem}.blog-serp-title{color:#1a0dab;font-family:Arial,sans-serif;font-size:1.05rem;line-height:1.3}.blog-serp-desc{color:#4d5156;font-family:Arial,sans-serif;font-size:.82rem;line-height:1.5}.blog-preview{max-width:760px;padding:30px 34px;border:1px solid var(--glass-line-soft);border-radius:16px}.blog-preview h1{font-size:2.4rem}.blog-preview-lede{margin-top:14px;color:var(--text-soft);font-size:1.05rem}.blog-preview h2{margin-top:40px;font-size:1.55rem}.blog-preview h3{margin-top:26px;color:var(--sand);font-size:.95rem}.blog-preview li,.blog-preview p{margin-top:14px;color:var(--text-soft);line-height:1.85}.blog-preview ol,.blog-preview ul{padding-left:22px}.blog-preview blockquote{margin-top:16px;padding-left:18px;border-left:2px solid var(--sand);font-style:italic}.blog-preview hr{margin:34px 0;border:0;border-top:1px solid var(--glass-line-soft)}.blog-preview a{color:var(--sand);text-decoration:underline}@media (max-width:1000px){.blog-editor{grid-template-columns:1fr}.blog-editor-side{position:static}}