:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#f4f0df;background:#091a12}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 70% 0%,#183c28 0%,#091a12 52%)}header{height:76px;padding:0 4%;display:flex;align-items:center;gap:35px;background:#091a12ed;position:sticky;top:0;z-index:5;backdrop-filter:blur(14px);border-bottom:1px solid #ffffff13}.brand{font-size:27px;font-weight:900;letter-spacing:.07em;color:#d7b766;white-space:nowrap}.brand span{color:#fff}.brand small{font-size:10px;letter-spacing:.15em;margin-left:6px;color:#b3b8a7}nav,.headerRight,.actions,.toolbar,.playerHeading{display:flex;align-items:center;gap:12px}.headerRight{margin-left:auto;flex-wrap:wrap}button{border:0;border-radius:8px;padding:11px 16px;background:#24432e;color:#fff;font:inherit;cursor:pointer}button:hover{filter:brightness(1.2)}button.primary{background:#d9b85e;color:#172b1c;font-weight:800}.nav,.subtle{background:transparent;color:#e0e2d6}.nav.active{color:#e6c773;border-bottom:2px solid #e6c773;border-radius:0}input,textarea{font:inherit;border:1px solid #46614b;border-radius:9px;padding:12px;background:#102619;color:#fff;min-width:0}#search{width:min(28vw,320px)}main{max-width:1500px;margin:auto;padding:0 4% 70px}.panel{max-width:470px;margin:9vh auto;padding:34px;border:1px solid #2c3a53;border-radius:18px;background:#132b1d}.panel h1{font-size:38px}.panel label{display:block;margin:17px 0 7px}.panel input{display:block;width:100%}.panel .primary{margin-top:20px;width:100%}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.16em;color:#d9b85e}.muted{color:#b6bbaa}.warning{color:#ffca8a}.hidden{display:none!important}.hero{margin:24px 0 35px;min-height:360px;border-radius:18px;background-size:cover;background-position:center;position:relative;overflow:hidden;background-color:#1b3827}.heroShade{min-height:360px;padding:60px 5%;background:linear-gradient(90deg,#091a12 2%,#091a12df 34%,#091a1244 85%);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.hero h1{font-size:clamp(32px,4vw,58px);margin:10px 0}.hero p{max-width:550px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.toolbar{margin:28px 0 16px}.toolbar h2{margin:0}.shelf{margin:28px 0 36px}.shelf h2{font-size:22px;margin:0 0 15px}.rail{display:flex;gap:16px;overflow-x:auto;padding-bottom:14px;scroll-snap-type:x proximity}.tile{background:#142b1e;border:1px solid #ffffff14;border-radius:11px;overflow:hidden;cursor:pointer;min-width:155px;width:155px;flex:0 0 155px;scroll-snap-align:start;transition:transform .15s}.tile:hover{transform:translateY(-3px);border-color:#d9b85e}.tile img{width:100%;aspect-ratio:2/3;object-fit:cover;background:#243249;display:block}.tile strong{display:block;font-size:13px;padding:11px;line-height:1.4}.tile small{display:block;color:#b3b8a7;padding:0 11px 10px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:18px}.grid .tile{width:auto;min-width:0}.playerPanel{background:#11281b;border:1px solid #395640;border-radius:14px;padding:16px;margin:18px 0 32px}.playerHeading{justify-content:space-between}.playerHeading h2{margin:0 0 12px}video{width:100%;max-height:75vh;background:#000;border-radius:9px}.actions{flex-wrap:wrap;margin-top:12px}.diagnostics{margin-top:14px;padding:15px;border:1px solid #45674a;border-radius:10px;background:#0c1d14;font-family:ui-monospace,monospace;white-space:pre-wrap;line-height:1.6}.status{background:#42311d;color:#ffe3ad;padding:14px;border-radius:9px;margin-top:18px}dialog{background:#173421;color:#fff;border:1px solid #57705a;border-radius:15px;max-width:min(94vw,520px);width:100%}dialog::backdrop{background:#000b}dialog textarea{display:block;width:100%;margin-top:9px}dialog label{display:block;margin-top:16px}@media(max-width:760px){header{height:auto;min-height:70px;gap:10px;flex-wrap:wrap;padding:12px 4%}nav{order:3;width:100%;justify-content:space-around}.headerRight{gap:5px}#search{width:140px}.brand{font-size:18px}.brand small{display:none}.hero,.heroShade{min-height:290px}.heroShade{padding:26px}.tile{min-width:130px;width:130px;flex-basis:130px}.grid{grid-template-columns:repeat(auto-fill,minmax(125px,1fr))}}

.adminHead{display:flex;justify-content:space-between;align-items:center}.reportCard{border:1px solid #3c5941;background:#142b1d;border-radius:12px;padding:20px;margin:16px 0}.reportCard h3{margin:0 0 8px}.reportCard small{color:#b6bbaa}.reportCard select{padding:10px;border-radius:8px;background:#24432e;color:white;border:1px solid #55705a}.reportCard pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#b6bbaa}details{margin-top:12px}summary{cursor:pointer}

/* Alpha 0.4: forest green + gold administration */
:root{--forest:#091a12;--forest2:#142e20;--gold:#d9b85e;--line:#34533d;--text:#f4f0df}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:2px}button.primary:hover{background:#f0d27e} .brand{color:var(--gold)}.brand span{color:#f4f0df}.brand small{color:#d2c9a9}header{background:#091a12f5}.adminLayout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:24px;margin:16px 0 50px}.adminSidebar{background:#10271a;border:1px solid var(--line);border-radius:16px;padding:22px 14px;align-self:start;position:sticky;top:94px}.adminSidebar h2{font-size:19px;margin:8px 10px 24px}.adminSidebar .eyebrow{padding:0 10px;font-size:10px}.adminNav{display:block;width:100%;text-align:left;background:transparent;color:#d3dfd0;margin:3px 0;padding:12px 13px;border-radius:9px}.adminNav:hover,.adminNav.active{background:#294b32;color:#f4d580}.adminNav.active{box-shadow:inset 3px 0 0 var(--gold)}.adminDivider{height:1px;background:var(--line);margin:17px 8px}.adminWorkspace{min-width:0}.adminHead{padding:12px 0 20px;border-bottom:1px solid var(--line);margin-bottom:20px}.adminHead h2{font-size:29px;margin:6px 0 0}.metricGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-bottom:24px}.metricCard{background:linear-gradient(140deg,#1b3925,#10271a);border:1px solid #38563b;border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:12px}.metricCard small{color:#c5cdbb;font-size:13px}.metricCard strong{font-size:31px;color:#e9cc7c}.metricCard span{color:#a9bba9;font-size:12px}.adminQuick{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.quickCard{padding:24px 16px;text-align:left;background:#193a26;border:1px solid var(--line);font-weight:700}.tableWrap{overflow:auto;border:1px solid var(--line);border-radius:12px}table{width:100%;border-collapse:collapse;text-align:left}th{background:#193a26;color:#e7cc80;font-size:12px;letter-spacing:.05em;text-transform:uppercase}td,th{padding:14px;border-bottom:1px solid #2d4934}td{color:#dce5d8}tr:last-child td{border-bottom:0}.adminEmpty{padding:20px;background:#16301f;border:1px dashed #426449;border-radius:12px;color:#c6d2bf}.noticeForm{display:grid;gap:12px;padding:22px;border:1px solid var(--line);background:#132c1e;border-radius:13px;margin-bottom:26px}.noticeForm h3{margin:0 0 4px}.noticeForm textarea{width:100%}.noticeForm .primary{justify-self:start}.notices{margin-top:20px;display:grid;gap:10px}.notice{border:1px solid #9b7d39;border-left:4px solid var(--gold);background:#28321c;padding:14px 18px;border-radius:10px}.notice strong{color:#f2d889}.notice p{margin:7px 0 0}.reportTitle{font-size:17px;font-weight:700;color:#ead08c}.reportCard{background:#132c1e}.reportCard select,.adminWorkspace select{background:#254631;color:#fff;padding:10px;border:1px solid #5a745d;border-radius:8px}.reportCard pre{white-space:pre-wrap;overflow-wrap:anywhere}#adminPanel~#content{margin-top:10px}@media(max-width:820px){.adminLayout{grid-template-columns:1fr}.adminSidebar{position:static;display:flex;flex-wrap:wrap;gap:5px}.adminSidebar h2,.adminSidebar .eyebrow,.adminDivider{display:none}.adminNav{width:auto;padding:10px;font-size:13px}.adminHead h2{font-size:23px}}

/* Alpha 0.5 — Mercury's restrained liquid-metal identity */
:root{font-family:"Avenir Next","Century Gothic","Trebuchet MS",system-ui,sans-serif;--forest:#0a1d14;--forest2:#122b1d;--gold:#d5b66d;--line:#2a4735;--text:#ecf0e9}
body{background:linear-gradient(155deg,#112e20 0%,#0a1d14 45%,#081710 100%);color:var(--text);letter-spacing:.005em}
header{height:82px;background:#091b13f2;border-bottom:1px solid #bc9c4d3b;gap:30px}
.brand{display:flex;align-items:center;gap:12px;letter-spacing:0;font-size:initial;min-width:max-content}
.brandMark{width:55px;height:55px;object-fit:contain;filter:drop-shadow(0 1px 3px #0007)}
.brandWords{display:flex;flex-direction:column;align-items:center;gap:3px}
.brandWords strong{font-size:22px;line-height:1;font-weight:650;letter-spacing:.18em;color:#eef0e9}
.brandWords small{font-size:10px;line-height:1;letter-spacing:.45em;margin:0;color:var(--gold);font-weight:600}
nav{gap:8px}.nav{font-size:14px;padding:10px 12px}.nav.active{border-bottom:1px solid var(--gold)}
button{border-radius:9px;background:#203e2b;transition:background .15s,border-color .15s;color:#e9eee7}
button:hover{filter:none;background:#2a4c35}.subtle:hover,.nav:hover{background:#1b3425}
button.primary{background:#d5b66d;color:#102418;font-weight:750}button.primary:hover{background:#ebcd87}
input,textarea{background:#10271b;border:1px solid #3a5944;color:#edf1ea}
#search{border-radius:22px;background:#0a1e15}
main{max-width:1650px}.eyebrow{font-size:10px;letter-spacing:.14em;color:#c9ad72}
.adminLayout{grid-template-columns:245px minmax(0,1fr);gap:30px;margin-top:25px}
.adminSidebar{background:#0e2519;border:1px solid #2a4433;border-radius:12px;padding:22px 13px;top:102px}
.adminSidebar h2{font-size:20px;font-weight:650;margin-bottom:22px;color:#f1f2e9}
.adminNav{font-size:14px;color:#cad8cc;padding:11px 14px;margin:2px 0;border-radius:8px}
.adminNav.active{background:#284632;color:#f2d28a;box-shadow:inset 2px 0 0 var(--gold)}
.adminNav:hover{background:#203a29}.adminDivider{background:#294634}
.adminHead{border-color:#2b4636}.adminHead h2{font-size:28px;font-weight:650;letter-spacing:-.025em}
.metricCard,.reportCard,.noticeForm,.quickCard{background:#112b1d;border:1px solid #31503a;border-radius:11px;box-shadow:none}
.metricCard{padding:19px;gap:10px}.metricCard strong{font-size:29px;font-weight:650;color:#e1c47e}
.metricCard small{color:#bfcdbf}.metricCard span{color:#9faf9f}
.quickCard{font-weight:600;padding:19px}.quickCard:hover{border-color:#bfa362}
.tableWrap{border-color:#31503a}th{background:#173623;color:#dbc383}td,th{border-color:#2a4633}
.panel{background:#10291b;border-color:#31503a}.hero{border-radius:13px}.tile{background:#10281b;border-color:#294333}.tile:hover{border-color:#d5b66d}
.reportTitle{color:#e2c780}.notice{background:#1b2d20;border-color:#947c4c}
@media(max-width:900px){header{gap:12px}.brandWords strong{font-size:17px}.brandMark{width:42px;height:42px}.adminLayout{grid-template-columns:1fr}.adminSidebar{position:static;display:flex;flex-wrap:wrap;gap:5px}.adminSidebar h2,.adminSidebar .eyebrow,.adminDivider{display:none}.adminNav{width:auto;padding:10px;font-size:13px}}
@media(max-width:760px){header{height:auto}.brandWords strong{font-size:15px}.brandWords small{font-size:8px}.brandMark{width:38px;height:38px}#search{width:130px}}

.nativeAdminLink{display:inline-flex;margin:14px 0;padding:13px 20px;text-decoration:none;border-radius:9px;color:#10291b;background:#d9b85e;font-weight:700}.adminActionRow{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #ffffff18;padding:12px 2px}.adminActionRow button{flex-shrink:0}

.releaseNotes{margin-top:24px;padding:18px;border:1px solid #496044;border-radius:12px;background:#11291c}.releaseNotes h2{font-size:1.15rem;margin:8px 0}.releaseNotes details{margin-top:12px}.releaseNotes summary{cursor:pointer;color:#d9b85e}.releaseNotes li{margin:7px 0}

/* Alpha 0.7 appearance tokens; existing layout remains intact. */
:root{--mercury-background:#161819;--mercury-surface:#292c2c;--mercury-primary:#438c68;--mercury-secondary:#d9b86a;--mercury-text:#f1f0e9;color:var(--mercury-text);background:var(--mercury-background)}
body{color:var(--mercury-text);background:radial-gradient(ellipse at 70% 0%,color-mix(in srgb,var(--mercury-primary) 15%,var(--mercury-background)) 0%,var(--mercury-background) 55%)}
header{background:color-mix(in srgb,var(--mercury-background) 94%,transparent)}
.panel,.adminWorkspace,.adminSidebar,.metricCard,.reportCard,.notice,.tile{background-color:var(--mercury-surface)}
button:not(.subtle):not(.nav):not(.adminNav):not(.primary){background:var(--mercury-primary)}
button.primary{background:var(--mercury-secondary);color:var(--mercury-background)}
.eyebrow,.nav.active,.brand{color:var(--mercury-secondary)}
input,textarea,select{background:var(--mercury-surface);color:var(--mercury-text)}
#themeDialog{background:var(--mercury-surface);color:var(--mercury-text);border:1px solid var(--mercury-primary);border-radius:16px;max-width:min(95vw,520px);padding:24px}
#themeDialog::backdrop{background:#000b}.themeGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.themeGrid label{display:flex;flex-direction:column;gap:5px}.themeGrid input{padding:2px;width:100%;height:42px}
:root[data-theme="forest"]{color-scheme:dark}:root[data-theme="dark"]{color-scheme:dark}:root[data-theme="light"]{color-scheme:light}

/* 0.7.1: center user account table text and align account actions. */
#adminContent .tableWrap table{text-align:center}
#adminContent .tableWrap th,#adminContent .tableWrap td{text-align:center;vertical-align:middle}
#adminContent .adminActionRow{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:14px 12px}
#adminContent .adminActionRow>span{text-align:center;min-width:0}
#adminContent .libraryActionRow{grid-template-columns:minmax(0,1fr) auto}
@media(max-width:560px){#adminContent .adminActionRow{grid-template-columns:1fr 1fr}#adminContent .adminActionRow>span{grid-column:1/-1}#adminContent .libraryActionRow{grid-template-columns:1fr auto}#adminContent .libraryActionRow>span{grid-column:auto}}

/* Alpha 0.8 refinements */
#adminContent .adminActionRow>span{text-align:left}
#adminContent .tableWrap td:first-child{text-align:left}
#adminContent .tableWrap th:first-child{text-align:left}
.topTenControls{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:12px}.topTenControls strong{color:var(--mercury-secondary)}
.topTenControls button{font-size:22px;padding:3px 14px}
.liveSession{border:1px solid #46544b;background:var(--mercury-surface);border-radius:12px;padding:16px;margin:12px 0}.liveSessionHeader{display:flex;gap:14px;align-items:center}.liveSessionHeader p{margin:6px 0}.sessionArtwork{width:70px;height:100px;object-fit:cover;border-radius:7px}.liveSession progress,.scanProgress progress{width:100%;height:13px;accent-color:var(--mercury-primary);margin:12px 0 3px}.sessionControls{display:flex;gap:9px;margin-top:14px}.scanProgressItem{margin:12px 0;padding:12px;border:1px solid #46544b;border-radius:10px}

/* Alpha 0.8.1: library sort toolbar */
.toolbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.sortBar{display:flex;align-items:center;gap:10px;margin-left:auto}.sortBar label{font-size:.88rem;white-space:nowrap}.sortBar select{max-width:220px;padding:9px 12px;border-radius:9px;border:1px solid #5a625e}@media(max-width:520px){.sortBar{margin-left:0;width:100%}.sortBar select{flex:1;max-width:none}}

/* Alpha 0.8.4: breathing room before account list; keep names left-justified. */
#adminContent .userListTable{margin-top:20px;margin-bottom:18px}
#adminContent .userListTable th:first-child,#adminContent .userListTable td:first-child{text-align:left}

.releaseHistoryEntry{padding:14px 16px;margin:12px 0;border:1px solid var(--border, #414747);border-radius:12px}.releaseHistoryEntry h3{margin:0 0 7px}.releaseHistoryEntry p{margin:0;line-height:1.5}

/* Alpha 0.8.6: centered hero content and landscape episode artwork. */
.heroShade{align-items:center;text-align:center;justify-content:flex-end;padding-bottom:52px;background:linear-gradient(0deg,#091a12f2 0%,#091a1299 48%,transparent 100%)}
.heroShade p{max-width:720px}.topTenControls{justify-content:center}.heroShade .primary{align-self:center}
.rail .tile.wideTile{min-width:250px;width:250px;flex-basis:250px}.tile.wideTile img{aspect-ratio:16/9}.grid .tile.wideTile{width:auto;min-width:0;grid-column:span 2}
.pluginActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
@media(max-width:760px){.rail .tile.wideTile{min-width:210px;width:210px;flex-basis:210px}.heroShade{padding-bottom:28px}}
.hero>.topTenControls{position:absolute;bottom:10px;left:0;right:0;z-index:2;justify-content:center;margin:0}.heroShade{padding-bottom:82px}

/* Alpha 0.8.7: plugin subtabs */
.pluginTabs{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 24px}.pluginTabs button{flex:0 1 auto}

/* Alpha 0.9.0: Mercury-native confirmation dialog. */
.mercuryConfirmDialog{width:min(92vw,460px);max-width:460px;max-height:85vh;overflow:auto;padding:0;border:1px solid color-mix(in srgb,var(--mercury-primary) 48%,#555);border-radius:18px;background:var(--mercury-surface);color:var(--mercury-text);box-shadow:0 28px 90px #000b;animation:mercuryModalIn .18s ease-out}
.mercuryConfirmDialog::backdrop{background:rgba(0,0,0,.74);backdrop-filter:blur(4px)}
.mercuryConfirmBody{padding:28px}.mercuryConfirmIcon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;margin-bottom:18px;font-size:23px;font-weight:750;color:var(--mercury-background);background:var(--mercury-primary)}
.mercuryConfirmIcon.dangerIcon{background:#9c3838;color:#fff}.mercuryConfirmDialog h2{margin:0 0 12px;font-size:22px;letter-spacing:-.025em}.mercuryConfirmDialog p{line-height:1.6;margin:0;color:var(--mercury-text);opacity:.86;overflow-wrap:anywhere}
.mercuryConfirmActions{display:flex;justify-content:flex-end;gap:10px;margin-top:28px;flex-wrap:wrap}.mercuryConfirmActions button{min-width:105px;padding:11px 16px;border-radius:9px;cursor:pointer}.mercuryConfirmActions .dangerAction{background:#9c3838!important;color:white!important}.mercuryConfirmActions .dangerAction:hover{background:#b74343!important}
.mercuryConfirmActions button:focus-visible{outline:3px solid var(--mercury-secondary);outline-offset:3px}
@keyframes mercuryModalIn{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.mercuryConfirmDialog{animation:none}}

.maintenanceScreen{min-height:75vh;display:grid;place-items:center;padding:28px}.maintenanceInner{max-width:700px;width:100%;padding:60px 35px;text-align:center;background:linear-gradient(135deg,#183a26,#0b2016);border:1px solid var(--line);border-radius:22px;box-shadow:0 15px 60px #0005}.maintenanceInner h1{font-size:clamp(28px,5vw,48px);color:var(--gold)}.maintenanceInner h2{font-size:19px}.maintenanceInner p{line-height:1.65}.maintenanceInner strong{color:var(--gold)}
