:root{--bg:#0c0917;--panel:#151024;--text:#f4f1fc;--muted:#bbb2ce;--line:#393049;--accent:#9975ff;--accent2:#7150d8;--navy:var(--accent);--navy2:var(--panel);--ink:var(--text);--paper:var(--bg);--card:var(--panel);--teal:var(--accent);--shadow:none}
html,body{background:var(--bg);color:var(--text);font-size:16px}.app{display:block;min-height:0}.layout{display:block}.main{padding:0;overflow:visible}.embedded .topbar,.embedded>a[aria-label="Return to SceneReady"]{display:none}.topbar{margin-bottom:20px;background:var(--panel)}body:not(.embedded){padding:20px}button,a,input,select,textarea{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:3px}[hidden]{display:none!important}
.tabs{position:static;display:flex;gap:6px;flex-wrap:wrap;overflow:visible;margin:0 0 20px;padding:0;background:transparent}.tab{font-size:14px;padding:11px 13px;min-height:44px;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:10px}.tab.active{background:var(--accent2);color:white;border-color:var(--accent)}
.workspace-toolbar{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.workspace-toolbar .field{flex:1;min-width:180px}.workspace-toolbar .current-protocol{flex:2;min-width:260px}.workspace-toolbar a{flex:0 0 auto}.field label,.workspace-toolbar label{font-size:14px;color:var(--muted);margin-bottom:6px;display:block}.field select,.workspace-toolbar select,.reader-controls select,.search,textarea{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:10px;min-height:44px;padding:10px;width:100%;font-size:16px}.workspace-progress{font-size:14px;color:var(--muted);margin:12px 0 20px}
.mode-intro h2{font-size:23px;margin:0 0 8px}.mode-intro p{font-size:16px;color:var(--muted);line-height:1.55;margin:0 0 16px}.panel{padding:20px;background:var(--panel);border-color:var(--line)}.small,.footer-note{font-size:14px;line-height:1.5;color:var(--muted)}.footer-note{margin:20px 0}.main>.footer-note{display:none}.hero{display:block}.hero h2{font-size:23px}.hero-card{display:none}.btn{min-height:44px;font-size:14px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--accent2);color:#fff}.btn.secondary,.btn.outline{background:var(--panel);color:var(--text);border:1px solid var(--line)}.actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 0}
.practice-selection{border:1px solid var(--line);border-radius:12px;margin-bottom:20px;background:var(--panel)}.practice-selection summary{padding:14px;cursor:pointer;color:var(--text);font-size:14px}.sidebar{display:block!important;position:static!important;inset:auto;max-height:420px!important;overflow:auto;min-height:0;background:var(--panel);border:0}.protocol-row label,.cat-head strong{font-size:14px}.protocol-row:hover{background:var(--bg)}.pid{color:var(--accent)}.cat-count{font-size:13px}.sidebar-open .sidebar{display:block}
.reader-controls{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:10px}.reader-controls select{width:auto;max-width:100%}.reader-controls label{font-size:14px;color:var(--muted)}.original-scroll{width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:#e8e8ee;margin-top:12px}.original-scroll img{display:block;max-width:none;width:100%;height:auto}.original-scroll:focus-visible{outline:3px solid var(--accent)}#originalCaption{margin:8px 0}.memory-card{padding:24px 0 8px}.memory-prompt{font-size:22px;line-height:1.7}.memory-answer{font-size:25px;font-weight:750;color:#b9a1ff;border-left:4px solid var(--accent);padding:14px 18px;background:var(--bg)}.memory-card h3{line-height:1.5;font-size:17px}.talk-prompts{margin:20px 0;line-height:1.8}.talk-prompts textarea{margin-top:8px;resize:vertical;line-height:1.6}.talk-prompts label{font-weight:700}#talkImageWrap{max-height:none}#talkImage{width:100%}
.question-card,.review-card,.notice,.flow-intro,.flow-toolbar,.summary .box{background:var(--panel);color:var(--text);border-color:var(--line)}.blank-input{background:var(--bg);color:var(--text);border-color:var(--accent)}.flow-page{color:#142035}.flow-blank{background:#fff;color:#142035}.flow-page-head{background:#eee;color:#142035}.flow-title h3{color:var(--text)}.flow-summary .feedback{color:var(--text)}.review-card .answer,.summary .box b{color:var(--accent)}.checkline{font-size:14px}.selection-summary{font-size:14px}.flow-wordbank{background:var(--bg);color:var(--text)}.flow-wordbank span{background:var(--panel)}
@media(max-width:760px){body:not(.embedded){padding:12px}.main{padding:0}.workspace-toolbar{display:grid;grid-template-columns:1fr}.workspace-toolbar .field,.workspace-toolbar .current-protocol{min-width:0}.workspace-toolbar a{width:100%}.tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.tab{white-space:normal;font-size:14px;padding:10px 8px}.panel{padding:14px}.reader-controls{gap:8px}.reader-controls a{width:100%}.reader-controls select{max-width:180px}.memory-prompt{font-size:19px}.setup-grid{grid-template-columns:1fr}.flow-pages{min-width:720px}#sheetArea{overflow-x:auto}.practice-selection .sidebar{max-height:380px!important}.topbar{position:static}.topbar .version{display:none}}
@media print{body.print-flow{background:#fff;color:#000}body.print-flow .workspace-toolbar,body.print-flow .workspace-progress,body.print-flow .practice-selection{display:none!important}}

.mobile-mode{display:none}@media(max-width:760px){.tabs{display:none}.mobile-mode{display:block;margin-bottom:14px}.workspace-toolbar .field{min-width:0}}

#mixedInput {display:flex;flex-wrap:wrap;gap:10px;margin:16px 0} #mixedInput input{width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text)} #mixedInput .btn{white-space:normal;text-align:left;line-height:1.5} #mixedFeedback{line-height:1.6} #retryOffline{white-space:normal;font-size:12px}

/* Follow the selected SceneReady palette. */
.btn:not(.secondary):not(.outline),.tab.active{color:var(--button-text,#fff)}
.memory-answer{color:var(--accent)}