:root{--bg: #121315;--surface: #1b1c1f;--surface-2: #232428;--border: #2c2d32;--text: #eceae4;--text-2: #a3a29c;--text-3: #6b6a64;--accent: #d9b26a;--accent-soft: #d9b26a1f;--on-accent: #161408;--ok: #7dbb8e;--ok-soft: #7dbb8e1f;--missing: #e07a72;--missing-soft: #e07a721f;--warn: #e5b25a;--warn-soft: #e5b25a1f;--font-ui: "Inter", system-ui, -apple-system, sans-serif;--font-read: "Newsreader", Georgia, "Times New Roman", serif;--radius: 12px;--radius-sm: 8px;--pad-screen: 20px;color-scheme:dark}@media(prefers-color-scheme:light){:root[data-theme=auto]{--bg: #f7f6f2;--surface: #ffffff;--surface-2: #efede7;--border: #e2dfd7;--text: #1a1a1a;--text-2: #5f5e59;--text-3: #9a9891;--accent: #8f6a22;--accent-soft: #8f6a2218;--on-accent: #ffffff;--ok: #2e7d4b;--ok-soft: #2e7d4b18;--missing: #b8352a;--missing-soft: #b8352a18;--warn: #9a6a12;--warn-soft: #9a6a1218;color-scheme:light}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none;padding:0}textarea{resize:none}a{color:inherit;text-decoration:none}.screen{min-height:100%;display:flex;flex-direction:column;max-width:520px;margin:0 auto}.content{flex:1;padding:calc(env(safe-area-inset-top) + 16px) var(--pad-screen) 28px;display:flex;flex-direction:column;gap:28px}.content.with-tabs{padding-bottom:110px}.stack{display:flex;flex-direction:column}.stack-4{gap:4px}.stack-6{gap:6px}.stack-8{gap:8px}.stack-10{gap:10px}.stack-12{gap:12px}.stack-14{gap:14px}.stack-16{gap:16px}.row{display:flex;align-items:center;gap:12px}.row.between{justify-content:space-between}.grow{flex:1;min-width:0}.eyebrow{font-size:11px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:var(--text-3)}.eyebrow.accent{color:var(--accent)}.eyebrow.missing{color:var(--missing)}.title{font-family:var(--font-read);font-weight:400;font-size:30px;line-height:1.2;margin:0}.title.lg{font-size:40px}.title.md{font-size:28px}.title.sm{font-size:24px}.serif{font-family:var(--font-read)}.sub{color:var(--text-2);font-size:15px;margin:0}.muted{color:var(--text-2)}.faint{color:var(--text-3)}.small{font-size:13px}.tiny{font-size:12px}.semibold{font-weight:600}.section-title{font-size:17px;font-weight:600}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.card.soft{background:var(--surface-2);border:0;border-radius:var(--radius-sm);padding:12px 14px}.note{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:var(--radius-sm);background:var(--surface-2);font-size:13px}.note.accent{background:var(--accent-soft)}.note.warn{background:var(--warn-soft)}.note.missing{background:var(--missing-soft);border:1px solid var(--missing)}.note svg{flex:none;margin-top:2px}.divider{height:1px;background:var(--border)}.list-row{display:flex;align-items:center;gap:12px;padding:12px 0}.passage{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;display:flex;flex-direction:column;gap:10px}.passage p{font-family:var(--font-read);font-size:18px;line-height:1.4;margin:0}.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:52px;border-radius:var(--radius);font-size:15px;font-weight:600}.btn.primary{background:var(--accent);color:var(--on-accent)}.btn.primary:disabled{opacity:.4;cursor:default}.btn.secondary{background:var(--surface);border:1px solid var(--border);font-weight:500}.btn.small{width:auto;height:auto;padding:7px 12px;border-radius:var(--radius-sm);font-size:12px;font-weight:500;border:1px solid var(--border);color:var(--text-2)}.btn.small.accent{background:var(--accent);color:var(--on-accent);border:0;font-weight:600}.link{color:var(--text-2);font-size:13px;font-weight:500;display:inline-flex;align-items:center;gap:6px}.field{display:flex;flex-direction:column;gap:8px}.field-label{display:flex;justify-content:space-between;font-size:12px;font-weight:600;color:var(--text-2);letter-spacing:.3px}.field-tag{font-size:11px;font-weight:600}.field textarea,.field input{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px;font-family:var(--font-read);font-size:17px;line-height:1.4;outline:none}.field input{font-family:var(--font-ui);font-size:15px}.field textarea::placeholder,.field input::placeholder{color:var(--text-3);font-family:var(--font-ui);font-size:15px}.field textarea:focus,.field input:focus{border-color:var(--accent)}.field.ok textarea{border-color:var(--ok)}.field.missing textarea{border-color:var(--missing)}.field.unsupported textarea{border-color:var(--warn)}.field.ok .field-tag{color:var(--ok)}.field.missing .field-tag{color:var(--missing)}.field.unsupported .field-tag{color:var(--warn)}.segmented{display:flex;gap:2px;padding:3px;border-radius:var(--radius-sm);background:var(--surface-2)}.segmented button{flex:1;height:34px;border-radius:6px;font-size:13px;font-weight:500;color:var(--text-2);border:1px solid transparent}.segmented button.on{background:var(--surface);border-color:var(--border);color:var(--text);font-weight:600}.segmented.compact button{flex:none;height:auto;padding:6px 12px;font-size:12px}.segmented.locked{opacity:.45;pointer-events:none}.chip{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);font-size:12px;font-weight:500;color:var(--text-2)}.chip.warn{color:var(--warn)}.chip.pick{background:transparent;padding:8px 12px;font-size:13px}.chip.pick.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.toggle{width:44px;height:26px;border-radius:13px;background:var(--surface-2);border:1px solid var(--border);padding:3px;display:flex;align-items:center;transition:background .15s}.toggle span{width:18px;height:18px;border-radius:50%;background:var(--text-2);transition:transform .15s}.toggle.on{background:var(--accent);border-color:var(--accent)}.toggle.on span{background:var(--on-accent);transform:translate(18px)}.rubric-row{display:flex;align-items:center;gap:12px;padding:12px 0}.rubric-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none}.rubric-row .status{font-size:12px;font-weight:600}.present .rubric-icon{background:var(--ok-soft);color:var(--ok)}.present .status{color:var(--ok)}.missing-s .rubric-icon{background:var(--missing-soft);color:var(--missing)}.missing-s .status{color:var(--missing)}.unsupported-s .rubric-icon{background:var(--warn-soft);color:var(--warn)}.unsupported-s .status{color:var(--warn)}.session-header{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text-3);font-weight:500}.session-header .left{display:flex;align-items:center;gap:10px}.progress{display:flex;gap:4px}.progress span{flex:1;height:3px;border-radius:2px;background:var(--surface-2)}.progress span.on{background:var(--accent)}.tabbar{position:fixed;left:0;right:0;bottom:0;padding:0 16px calc(env(safe-area-inset-bottom) + 12px);pointer-events:none}.tabbar .capsule{max-width:480px;margin:0 auto;height:56px;border-radius:28px;background:color-mix(in srgb,var(--surface-2) 85%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);display:flex;padding:6px;gap:4px;box-shadow:0 8px 24px #0005;pointer-events:auto}.tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:22px;font-size:10px;font-weight:500;color:var(--text-2)}.tabbar a.active{background:var(--accent-soft);color:var(--accent)}.cells{display:flex;gap:3px}.cells span{width:22px;height:5px;border-radius:2px;background:var(--surface-2)}.cells span.hit{background:var(--ok)}.cells span.miss{background:var(--missing)}.bar{height:6px;border-radius:3px;background:var(--surface-2);overflow:hidden}.bar>span{display:block;height:100%;border-radius:3px;background:var(--text-3)}.slider{-webkit-appearance:none;width:100%;height:28px;background:transparent}.slider::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(to right,var(--accent) var(--pct),var(--surface-2) var(--pct))}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:var(--text);border:3px solid var(--bg);margin-top:-10px}.slider::-moz-range-track{height:4px;border-radius:2px;background:var(--surface-2)}.slider::-moz-range-progress{height:4px;background:var(--accent)}.slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--text);border:3px solid var(--bg)}.big-value{display:flex;align-items:flex-end;gap:4px;font-family:var(--font-read);line-height:1}.big-value b{font-weight:400;font-size:56px}.big-value i{font-style:normal;font-size:28px;color:var(--text-2);padding-bottom:6px}.ticks{display:flex;justify-content:space-between;font-size:11px;color:var(--text-3)}.tiles{display:flex;gap:12px}.tile{flex:1;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;display:flex;flex-direction:column;gap:4px}.tile .label{font-size:11px;color:var(--text-3);font-weight:500;line-height:1.2}.tile .value{font-family:var(--font-read);font-size:24px}.dot{width:8px;height:8px;border-radius:50%;flex:none}.dot.ok{background:var(--ok)}.dot.missing{background:var(--missing)}.spinner{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:fade .25s ease-out}@keyframes fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}