:root{color-scheme:dark;--safe-bottom:0px;--bg:#090b12;--panel:#111522;--panel2:#171c2c;--line:#272e42;--text:#f5f7ff;--muted:#929bb2;--accent:#7c8cff;--accent2:#55d6be;--warn:#ffbd66;--danger:#ff6b7b;--ok:#65d68b;--shadow:0 18px 50px rgba(0,0,0,.28);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif}
@media (display-mode:standalone){:root{--safe-bottom:24px}}
html.pwa-standalone{--safe-bottom:24px}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;width:100%;max-width:100%;background:var(--bg);color:var(--text);overflow-x:hidden}html{touch-action:pan-y}body{overscroll-behavior-y:none;overscroll-behavior-x:none;-webkit-text-size-adjust:100%;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.app-shell,main{touch-action:pan-y}.app-shell{overflow-x:clip}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}input,textarea,select,[contenteditable="true"]{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-shell{min-height:100dvh;padding-bottom:calc(84px + var(--safe-bottom))}.topbar{position:sticky;top:0;z-index:10;background:rgba(9,11,18,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.05);padding:calc(26px + env(safe-area-inset-top)) 18px 14px}.brand{display:flex;justify-content:space-between;align-items:end;gap:16px}.brand h1{margin:0;font-size:22px;letter-spacing:-.03em}.maker{font-size:10px;letter-spacing:.16em;color:var(--muted);text-transform:uppercase;margin-top:3px}.build{font-size:11px;color:var(--muted)}main{max-width:760px;margin:0 auto;padding:22px 16px 30px}.hero{padding:8px 2px 18px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--accent2);font-weight:750}.hero h2{font-size:30px;line-height:1.08;letter-spacing:-.04em;margin:8px 0}.hero p{color:var(--muted);margin:0;line-height:1.5}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:8px 0 20px}.stat{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:14px}.stat strong{font-size:22px;display:block}.stat span{font-size:11px;color:var(--muted)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0 10px}.section-head h3{margin:0;font-size:15px}.text-btn,.ghost-btn,.primary-btn,.danger-btn{border:0;border-radius:12px;padding:11px 14px;font-weight:700}.text-btn{background:transparent;color:var(--accent)}.ghost-btn{background:var(--panel2);color:var(--text);border:1px solid var(--line)}.primary-btn{background:var(--accent);color:#080a12}.danger-btn{background:rgba(255,107,123,.13);color:#ff8996;border:1px solid rgba(255,107,123,.3)}.wide{width:100%}.project-list{display:grid;gap:12px}.project-card{width:100%;text-align:left;background:linear-gradient(160deg,var(--panel),#0e111c);border:1px solid var(--line);border-radius:20px;padding:17px;color:var(--text);box-shadow:var(--shadow)}.project-card:active{transform:scale(.995)}.card-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.card-badges{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.project-card h4{margin:2px 0 5px;font-size:18px}.meta{font-size:11px;color:var(--muted)}.badge{font-size:10px;font-weight:800;border-radius:999px;padding:6px 9px;background:#1a2031;color:#b8c0d7;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.badge.blocked{background:rgba(255,107,123,.12);color:#ff8996}.badge.needs_attention{background:rgba(255,189,102,.12);color:#ffd08e}.badge.waiting{background:rgba(124,140,255,.13);color:#a9b3ff}.badge.clear{background:rgba(101,214,139,.10);color:#8ee2aa}.badge.lifecycle.paused{background:rgba(255,189,102,.12);color:#ffd08e}.badge.lifecycle.completed{background:rgba(148,163,184,.12);color:#c4ccdc}.summary{font-size:14px;line-height:1.45;margin:14px 0 10px}.next-line{border-top:1px solid var(--line);padding-top:10px;color:var(--text);font-size:13px}.next-line span{color:var(--muted)}.checkpoint-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.checkpoint{font-size:10px;color:#c3cae0;background:#0c0f18;border:1px solid var(--line);border-radius:999px;padding:5px 8px}.empty{border:1px dashed var(--line);border-radius:20px;padding:28px;text-align:center;color:var(--muted)}.bottom-nav{position:fixed;z-index:20;left:0;right:0;bottom:0;background:rgba(10,12,20,.96);backdrop-filter:blur(18px);border-top:1px solid var(--line);padding:8px 10px calc(8px + var(--safe-bottom));display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.nav-btn{background:transparent;border:0;color:var(--muted);padding:9px 4px;border-radius:12px;font-size:11px;font-weight:700}.nav-btn span{display:block;font-size:19px;margin-bottom:2px}.nav-btn.active{color:var(--text);background:var(--panel2)}.detail-head{display:flex;gap:12px;align-items:center;margin-bottom:18px}.back{width:38px;height:38px;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--text)}.detail-head h2{margin:0;font-size:24px}.detail-grid{display:grid;gap:12px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:16px}.panel h3{margin:0 0 12px;font-size:14px}.state-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.state-item{background:#0c0f18;border-radius:13px;padding:11px}.state-item span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.state-item strong{font-size:13px}.action-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.need{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid var(--line)}.need:first-of-type{border-top:0}.need-title{font-size:14px}.need-meta{font-size:10px;color:var(--muted);margin-top:4px}.need-actions{display:flex;gap:6px}.mini{border:1px solid var(--line);background:#0d1019;color:var(--muted);padding:6px 8px;border-radius:9px;font-size:11px}.history{display:grid;gap:0}.history-item{position:relative;padding:0 0 18px 20px;border-left:1px solid var(--line)}.history-item:before{content:"";position:absolute;left:-4px;top:4px;width:7px;height:7px;border-radius:50%;background:var(--accent)}.history-item:last-child{padding-bottom:2px}.history-kind{font-size:11px;color:var(--accent2);font-weight:800}.history-summary{font-size:13px;margin-top:4px;line-height:1.4}.history-time{font-size:10px;color:var(--muted);margin-top:5px}.modal-backdrop{position:fixed;z-index:50;inset:0;background:rgba(0,0,0,.62);display:flex;align-items:flex-end;justify-content:center;padding-top:50px}.sheet{width:min(760px,100%);max-height:92dvh;overflow:auto;background:#111522;border:1px solid var(--line);border-radius:24px 24px 0 0;padding:18px 16px calc(20px + env(safe-area-inset-bottom));box-shadow:0 -20px 70px rgba(0,0,0,.45)}.sheet-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.sheet-head h2{font-size:20px;margin:0}.close{width:36px;height:36px;border-radius:12px;border:1px solid var(--line);background:#0d1019;color:var(--text)}label{display:block;font-size:11px;color:var(--muted);margin:13px 0 6px}input,select,textarea{width:100%;background:#0b0e17;color:var(--text);border:1px solid var(--line);border-radius:12px;padding:12px}textarea{min-height:80px;resize:vertical}.chips{display:flex;flex-wrap:wrap;gap:7px}.chip{border:1px solid var(--line);background:#0c0f18;color:#bcc4da;border-radius:999px;padding:8px 10px;font-size:11px}.chip.selected{border-color:var(--accent);background:rgba(124,140,255,.14);color:#d6dcff}.form-actions{display:flex;gap:9px;margin-top:18px}.form-actions>*{flex:1}.notice{font-size:12px;color:var(--muted);line-height:1.45;background:#0c0f18;border-radius:12px;padding:11px;margin:10px 0}.attention-box{border:1px solid rgba(255,189,102,.22);background:rgba(255,189,102,.06);border-radius:16px;padding:13px;margin-bottom:15px}.attention-box strong{font-size:13px}.attention-box p{margin:4px 0 0;font-size:12px;color:var(--muted)}.settings-list{display:grid;gap:10px}.settings-item{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:15px}.settings-item h3{margin:0 0 5px;font-size:14px}.settings-item p{margin:0 0 12px;color:var(--muted);font-size:12px;line-height:1.4}@media(min-width:720px){.bottom-nav{left:50%;right:auto;transform:translateX(-50%);width:520px;border:1px solid var(--line);border-bottom:0;border-radius:18px 18px 0 0}.stats{grid-template-columns:repeat(3,150px)}.detail-grid.two{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* =========================================================
   StateWake — accepted theme registry + iOS lower-shell contract
   The accepted .topbar geometry rule above is intentionally unchanged.
   Night preserves the Foundation palette; Day/OLED override color only.
   ========================================================= */
html[data-theme="night"]{color-scheme:dark}
html[data-theme="day"]{color-scheme:light;--bg:#f4f6fb;--panel:#ffffff;--panel2:#eef1f7;--line:#d9deea;--text:#151927;--muted:#697288;--accent:#5369e8;--accent2:#128a78;--warn:#a96500;--danger:#c83d54;--ok:#23834b;--shadow:0 16px 42px rgba(35,44,68,.10)}
html[data-theme="oled"]{color-scheme:dark;--bg:#000000;--panel:#050505;--panel2:#0b0b0b;--line:#252525;--text:#ffffff;--muted:#9a9a9a;--accent:#8491ff;--accent2:#59e0c7;--warn:#ffc36c;--danger:#ff7181;--ok:#68dc91;--shadow:none}
html[data-theme="dusk"]{color-scheme:dark;--bg:#15101d;--panel:#20182a;--panel2:#2b2037;--line:#40304f;--text:#f7f1ff;--muted:#b7a7c7;--accent:#b492ff;--accent2:#f0a7dc;--warn:#f0c36a;--danger:#ff7b93;--ok:#83d6a6;--shadow:0 18px 50px rgba(0,0,0,.30)}
html[data-theme="ocean"]{color-scheme:dark;--bg:#07131a;--panel:#0d202b;--panel2:#12303e;--line:#21485b;--text:#eefaff;--muted:#8fb0bf;--accent:#49a6ff;--accent2:#31d5c8;--warn:#ffc56c;--danger:#ff7688;--ok:#66d89b;--shadow:0 18px 50px rgba(0,0,0,.30)}
html[data-theme="forest"]{color-scheme:dark;--bg:#09140f;--panel:#10231a;--panel2:#173124;--line:#29503b;--text:#f0fbf4;--muted:#91ad9b;--accent:#68d391;--accent2:#b4d86a;--warn:#e9bd67;--danger:#ff7c86;--ok:#6ee7a3;--shadow:0 18px 50px rgba(0,0,0,.30)}
html[data-theme="ember"]{color-scheme:dark;--bg:#160d09;--panel:#26150f;--panel2:#342019;--line:#563326;--text:#fff6f0;--muted:#c3a292;--accent:#ff8a3d;--accent2:#ffc15c;--warn:#ffd06f;--danger:#ff756f;--ok:#79d49b;--shadow:0 18px 50px rgba(0,0,0,.32)}
html[data-theme="plum"]{color-scheme:dark;--bg:#160b16;--panel:#251225;--panel2:#351a34;--line:#573052;--text:#fff4ff;--muted:#c0a0bd;--accent:#e07aff;--accent2:#ff93bf;--warn:#f4c36d;--danger:#ff718d;--ok:#7bd7a0;--shadow:0 18px 50px rgba(0,0,0,.32)}
html[data-theme="sand"]{color-scheme:light;--bg:#f4efe6;--panel:#fffaf1;--panel2:#ece2d2;--line:#d8cbb9;--text:#27231d;--muted:#756b5e;--accent:#9b6b3d;--accent2:#4d8b7a;--warn:#9b5d1f;--danger:#b44d52;--ok:#3d7b57;--shadow:0 16px 42px rgba(82,63,38,.12)}


html[data-theme="day"] .topbar{background:rgba(244,246,251,.96);border-bottom-color:rgba(21,25,39,.08)}
html[data-theme="oled"] .topbar{background:#000;border-bottom-color:#1d1d1d;backdrop-filter:none;-webkit-backdrop-filter:none}
html[data-theme="day"] .bottom-nav{background:rgba(255,255,255,.97)}
html[data-theme="oled"] .bottom-nav{background:#000;backdrop-filter:none;-webkit-backdrop-filter:none}
html[data-theme="day"] .project-card{background:linear-gradient(160deg,#fff,#f7f8fc)}
html[data-theme="oled"] .project-card{background:#050505}
html[data-theme="day"] .state-item,
html[data-theme="day"] .checkpoint,
html[data-theme="day"] .chip,
html[data-theme="day"] .mini,
html[data-theme="day"] .notice{background:#f5f7fb}
html[data-theme="oled"] .state-item,
html[data-theme="oled"] .checkpoint,
html[data-theme="oled"] .chip,
html[data-theme="oled"] .mini,
html[data-theme="oled"] .notice{background:#000}
html[data-theme="day"] input,
html[data-theme="day"] select,
html[data-theme="day"] textarea{background:#fff;color:var(--text)}
html[data-theme="oled"] input,
html[data-theme="oled"] select,
html[data-theme="oled"] textarea{background:#000;color:#fff}
html[data-theme="day"] .sheet{background:#fff}
html[data-theme="oled"] .sheet{background:#050505}
html[data-theme="day"] .close{background:#f4f6fb;color:var(--text)}
html[data-theme="oled"] .close{background:#000;color:#fff}

.theme-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.theme-choice{border:1px solid var(--line);border-radius:13px;background:var(--panel2);color:var(--text);padding:10px 8px;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:7px}
.theme-choice.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
.theme-dot{width:12px;height:12px;border-radius:50%;border:1px solid var(--line);display:inline-block}
.theme-dot.day{background:#fff}.theme-dot.night{background:#111522}.theme-dot.oled{background:#000;border-color:#555}
.danger-zone{border-color:color-mix(in srgb,var(--danger) 35%,var(--line))}
.danger-notice{border:1px solid color-mix(in srgb,var(--danger) 32%,var(--line))}
.toast{position:fixed;z-index:90;left:50%;bottom:105px;transform:translateX(-50%);background:var(--text);color:var(--bg);padding:10px 14px;border-radius:12px;font-weight:800;font-size:12px;box-shadow:0 10px 35px rgba(0,0,0,.35);max-width:calc(100vw - 32px);text-align:center}

/* iOS installed-PWA lower-shell correction.
   R5 proved the grid model stable across cold launch and view changes, but 100dvh
   left the whole web layer above the physical bottom edge on the target iOS PWA.
   Standalone mode therefore keeps the same header / scrollable main / nav grid
   while using 100vh for the physical shell height. The accepted topbar rule is
   intentionally untouched. */
@media (display-mode:standalone){
  html,body{height:100%;min-height:100%;overflow:hidden}
  html.pwa-standalone,html.pwa-standalone body{height:100vh;min-height:100vh;overflow:hidden}
  html.pwa-standalone .app-shell{height:100vh;min-height:0;padding-bottom:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}
  html.pwa-standalone main{width:100%;min-height:0;height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;padding-bottom:30px}
  html.pwa-standalone .bottom-nav{position:relative;left:auto;right:auto;bottom:auto;transform:none;width:100%;padding:8px max(10px,env(safe-area-inset-left,0px)) calc(8px + env(safe-area-inset-bottom,0px)) max(10px,env(safe-area-inset-right,0px));border-radius:0;border-left:0;border-right:0;border-bottom:0}
}

/* =========================================================
   StateWake — project usability & handoff components
   Additive component styles only. Accepted top/header and lower
   standalone shell geometry above remain unchanged.
   ========================================================= */
.section-head.compact{margin:0 0 8px}
.edited-marker{display:inline-block;margin-left:7px;padding:2px 6px;border-radius:999px;background:color-mix(in srgb,var(--accent2) 12%,transparent);color:var(--accent2);font-size:9px;letter-spacing:.04em;text-transform:uppercase;vertical-align:1px}
.history-detail{margin-top:4px;white-space:pre-wrap}
.history-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.danger-mini{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 35%,var(--line))}
.disclosure{margin-top:12px;border-top:1px solid var(--line);padding-top:10px}
.disclosure summary{color:var(--muted);font-size:11px;font-weight:750;cursor:pointer}
.completed-list{margin-top:7px}
.choice-list,.preview-list,.removed-list{display:grid;gap:8px}
.choice-row,.preview-row{width:100%;text-align:left;border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:12px;padding:11px 12px;font-size:12px;line-height:1.4}
.removed-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;border:1px solid var(--line);border-radius:13px;padding:12px;background:var(--panel2)}
.original-box{border:1px solid var(--line);border-radius:14px;padding:13px;background:var(--panel2)}
textarea[data-autogrow]{resize:none;overflow-y:auto;min-height:46px;max-height:260px;line-height:1.42}
.copy-box,.brief-box,.prompt-box{min-height:150px;white-space:pre-wrap;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px}
.prompt-box{min-height:260px}
.guide h3{font-size:13px;margin:18px 0 5px}.guide h3:first-child{margin-top:0}.guide p{color:var(--muted);font-size:12px;line-height:1.5;margin:0}
html[data-theme="day"] .choice-row,html[data-theme="day"] .preview-row,html[data-theme="day"] .removed-row,html[data-theme="day"] .original-box{background:#f5f7fb}
html[data-theme="oled"] .choice-row,html[data-theme="oled"] .preview-row,html[data-theme="oled"] .removed-row,html[data-theme="oled"] .original-box{background:#000}

.preset-note{margin:-2px 0 12px;color:var(--muted);font-size:12px;line-height:1.45}
.compact-label{margin-top:8px}
.suggestion-chips{margin-bottom:8px}

/* =========================================================
   StateWake v1.0 — rebranded release component styles
   Help-content styles only. Accepted shell/top/bottom/theme geometry unchanged.
   ========================================================= */
.manual{display:grid;gap:9px}
.manual-intro{border:1px solid var(--line);background:var(--panel2);border-radius:15px;padding:13px;font-size:12px;line-height:1.55}
.manual-intro p{margin:7px 0 0;color:var(--muted)}
.manual-section{border:1px solid var(--line);border-radius:14px;background:var(--panel2);overflow:hidden}
.manual-section>summary{cursor:pointer;padding:13px 14px;color:var(--text);font-size:12px;font-weight:800;line-height:1.35}
.manual-body{border-top:1px solid var(--line);padding:13px 14px;color:var(--muted);font-size:12px;line-height:1.55}
.manual-body p{margin:0 0 10px}.manual-body p:last-child{margin-bottom:0}
.manual-body ol,.manual-body ul{margin:6px 0 10px;padding-left:21px}.manual-body li{margin:0 0 7px}
.manual-example,.manual-warning{border:1px solid var(--line);border-radius:12px;padding:11px;margin:10px 0;background:var(--panel)}
.manual-warning{border-color:color-mix(in srgb,var(--warn) 38%,var(--line))}
html[data-theme="day"] .manual-intro,html[data-theme="day"] .manual-section{background:#f5f7fb}
html[data-theme="oled"] .manual-intro,html[data-theme="oled"] .manual-section,html[data-theme="oled"] .manual-example,html[data-theme="oled"] .manual-warning{background:#000}


/* StateWake v1.0 R2 curated theme expansion — color-only; accepted shell geometry unchanged. */
html[data-theme="dusk"] .topbar{background:rgba(21,16,29,.94);border-bottom-color:rgba(247,241,255,.07)}
html[data-theme="ocean"] .topbar{background:rgba(7,19,26,.94);border-bottom-color:rgba(238,250,255,.07)}
html[data-theme="forest"] .topbar{background:rgba(9,20,15,.94);border-bottom-color:rgba(240,251,244,.07)}
html[data-theme="ember"] .topbar{background:rgba(22,13,9,.94);border-bottom-color:rgba(255,246,240,.07)}
html[data-theme="plum"] .topbar{background:rgba(22,11,22,.94);border-bottom-color:rgba(255,244,255,.07)}
html[data-theme="sand"] .topbar{background:rgba(244,239,230,.96);border-bottom-color:rgba(39,35,29,.09)}
html[data-theme="dusk"] .bottom-nav{background:rgba(21,16,29,.96)}
html[data-theme="ocean"] .bottom-nav{background:rgba(7,19,26,.96)}
html[data-theme="forest"] .bottom-nav{background:rgba(9,20,15,.96)}
html[data-theme="ember"] .bottom-nav{background:rgba(22,13,9,.96)}
html[data-theme="plum"] .bottom-nav{background:rgba(22,11,22,.96)}
html[data-theme="sand"] .bottom-nav{background:rgba(255,250,241,.97)}
html[data-theme="dusk"] .project-card,html[data-theme="ocean"] .project-card,html[data-theme="forest"] .project-card,html[data-theme="ember"] .project-card,html[data-theme="plum"] .project-card,html[data-theme="sand"] .project-card{background:linear-gradient(160deg,var(--panel),var(--panel2))}
html[data-theme="dusk"] .state-item,html[data-theme="dusk"] .checkpoint,html[data-theme="dusk"] .chip,html[data-theme="dusk"] .mini,html[data-theme="dusk"] .notice,
html[data-theme="ocean"] .state-item,html[data-theme="ocean"] .checkpoint,html[data-theme="ocean"] .chip,html[data-theme="ocean"] .mini,html[data-theme="ocean"] .notice,
html[data-theme="forest"] .state-item,html[data-theme="forest"] .checkpoint,html[data-theme="forest"] .chip,html[data-theme="forest"] .mini,html[data-theme="forest"] .notice,
html[data-theme="ember"] .state-item,html[data-theme="ember"] .checkpoint,html[data-theme="ember"] .chip,html[data-theme="ember"] .mini,html[data-theme="ember"] .notice,
html[data-theme="plum"] .state-item,html[data-theme="plum"] .checkpoint,html[data-theme="plum"] .chip,html[data-theme="plum"] .mini,html[data-theme="plum"] .notice,
html[data-theme="sand"] .state-item,html[data-theme="sand"] .checkpoint,html[data-theme="sand"] .chip,html[data-theme="sand"] .mini,html[data-theme="sand"] .notice{background:var(--panel2);color:var(--text)}
html[data-theme="dusk"] input,html[data-theme="dusk"] select,html[data-theme="dusk"] textarea,
html[data-theme="ocean"] input,html[data-theme="ocean"] select,html[data-theme="ocean"] textarea,
html[data-theme="forest"] input,html[data-theme="forest"] select,html[data-theme="forest"] textarea,
html[data-theme="ember"] input,html[data-theme="ember"] select,html[data-theme="ember"] textarea,
html[data-theme="plum"] input,html[data-theme="plum"] select,html[data-theme="plum"] textarea,
html[data-theme="sand"] input,html[data-theme="sand"] select,html[data-theme="sand"] textarea{background:var(--panel);color:var(--text)}
html[data-theme="dusk"] .sheet,html[data-theme="ocean"] .sheet,html[data-theme="forest"] .sheet,html[data-theme="ember"] .sheet,html[data-theme="plum"] .sheet,html[data-theme="sand"] .sheet{background:var(--panel)}
html[data-theme="dusk"] .close,html[data-theme="ocean"] .close,html[data-theme="forest"] .close,html[data-theme="ember"] .close,html[data-theme="plum"] .close,html[data-theme="sand"] .close{background:var(--panel2);color:var(--text)}
html[data-theme="dusk"] .choice-row,html[data-theme="dusk"] .preview-row,html[data-theme="dusk"] .removed-row,html[data-theme="dusk"] .original-box,
html[data-theme="ocean"] .choice-row,html[data-theme="ocean"] .preview-row,html[data-theme="ocean"] .removed-row,html[data-theme="ocean"] .original-box,
html[data-theme="forest"] .choice-row,html[data-theme="forest"] .preview-row,html[data-theme="forest"] .removed-row,html[data-theme="forest"] .original-box,
html[data-theme="ember"] .choice-row,html[data-theme="ember"] .preview-row,html[data-theme="ember"] .removed-row,html[data-theme="ember"] .original-box,
html[data-theme="plum"] .choice-row,html[data-theme="plum"] .preview-row,html[data-theme="plum"] .removed-row,html[data-theme="plum"] .original-box,
html[data-theme="sand"] .choice-row,html[data-theme="sand"] .preview-row,html[data-theme="sand"] .removed-row,html[data-theme="sand"] .original-box{background:var(--panel2)}
html[data-theme="dusk"] .manual-intro,html[data-theme="dusk"] .manual-section,html[data-theme="ocean"] .manual-intro,html[data-theme="ocean"] .manual-section,html[data-theme="forest"] .manual-intro,html[data-theme="forest"] .manual-section,html[data-theme="ember"] .manual-intro,html[data-theme="ember"] .manual-section,html[data-theme="plum"] .manual-intro,html[data-theme="plum"] .manual-section,html[data-theme="sand"] .manual-intro,html[data-theme="sand"] .manual-section{background:var(--panel2)}
html[data-theme="dusk"] .manual-example,html[data-theme="dusk"] .manual-warning,html[data-theme="ocean"] .manual-example,html[data-theme="ocean"] .manual-warning,html[data-theme="forest"] .manual-example,html[data-theme="forest"] .manual-warning,html[data-theme="ember"] .manual-example,html[data-theme="ember"] .manual-warning,html[data-theme="plum"] .manual-example,html[data-theme="plum"] .manual-warning,html[data-theme="sand"] .manual-example,html[data-theme="sand"] .manual-warning{background:var(--panel)}
.theme-dot.dusk{background:#b492ff}.theme-dot.ocean{background:#49a6ff}.theme-dot.forest{background:#68d391}.theme-dot.ember{background:#ff8a3d}.theme-dot.plum{background:#e07aff}.theme-dot.sand{background:#f4efe6;border-color:#b7aa96}