:root{--bg: #f7f4ee;--surface: #ffffff;--ink: #1d2a26;--muted: #62716c;--primary: #1f6f5c;--primary-ink: #ffffff;--accent: #f2a541;--danger: #c2413b;--line: #e4ded3;--radius: 18px;--shadow: 0 10px 30px rgba(29, 42, 38, .12);--tabbar: 64px;color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg: #111916;--surface: #1a2420;--ink: #eef3f1;--muted: #9db0a9;--primary: #3fb393;--primary-ink: #0b1210;--line: #2a3833;--shadow: 0 10px 30px rgba(0, 0, 0, .4);color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent}#app{min-height:100dvh;display:flex;flex-direction:column}.boot{margin:auto;font-size:1.6rem}.hidden{display:none!important}.muted{color:var(--muted)}.center{text-align:center}.fineprint{font-size:.8rem;color:var(--muted);margin:.4rem 0}.wide{width:100%}.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:calc(env(safe-area-inset-top) + 10px) 16px 10px;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px)}.brand{display:flex;gap:8px;align-items:center;font-weight:800;font-size:1.2rem;color:var(--ink);text-decoration:none}.brand-mark{font-size:1.4rem}.chip{font-size:.75rem;padding:4px 10px;border-radius:999px;background:var(--line);color:var(--muted)}.chip-ready{background:color-mix(in srgb,var(--primary) 18%,transparent);color:var(--primary)}.chip-error,.chip-missing{background:color-mix(in srgb,var(--danger) 16%,transparent);color:var(--danger)}.outlet{flex:1;padding:0 16px calc(var(--tabbar) + env(safe-area-inset-bottom) + 16px);max-width:640px;width:100%;margin:0 auto}.view h1{font-size:1.6rem;margin:.6rem 0}.view h2{font-size:1.1rem;margin:1.4rem 0 .4rem}.tabbar{position:fixed;bottom:0;left:0;right:0;z-index:6;display:grid;grid-template-columns:repeat(3,1fr);height:calc(var(--tabbar) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--line)}.tabbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.75rem;color:var(--muted);text-decoration:none}.tabbar a span{font-size:1.3rem}.tabbar a.active{color:var(--primary);font-weight:700}.btn{border:0;border-radius:14px;padding:12px 18px;font:inherit;font-weight:650;cursor:pointer;transition:transform .08s ease,opacity .2s}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--primary);color:var(--primary-ink)}.btn-secondary{background:var(--accent);color:#2b1b00}.btn-ghost{background:var(--surface);color:var(--ink);border:1px solid var(--line)}.btn-icon{background:var(--surface);border:1px solid var(--line);width:48px;height:48px;padding:0;border-radius:50%;font-size:1.2rem}.btn-shutter{width:74px;height:74px;border-radius:50%;background:var(--surface);border:6px solid var(--primary);box-shadow:var(--shadow)}.stage-placeholder{text-align:center;padding:12vh 12px 4vh}.hero-emoji{font-size:5rem}.stage{position:relative;border-radius:var(--radius);overflow:hidden;background:#000;aspect-ratio:3 / 4;box-shadow:var(--shadow)}.preview{width:100%;height:100%;object-fit:cover;display:block}.guide{position:absolute;left:50%;top:50%;width:min(100%,100vw);aspect-ratio:1;transform:translate(-50%,-50%);max-height:100%;border:3px dashed rgba(255,255,255,.75);border-radius:24px;pointer-events:none;display:flex;align-items:flex-end;justify-content:center}.guide span{background:#00000073;color:#fff;font-size:.8rem;padding:4px 10px;border-radius:999px;margin-bottom:10px}.live-badge{position:absolute;top:12px;left:12px;right:12px;text-align:center;background:#0000008c;color:#fff;padding:8px 12px;border-radius:12px;font-weight:700}.live-panel{background:var(--surface);border-radius:var(--radius);padding:10px 14px;margin-top:12px}.controls{display:flex;align-items:center;justify-content:space-around;gap:8px;margin:16px 0}.upload-row{margin-top:12px}.bars{list-style:none;padding:0;margin:10px 0;display:grid;gap:8px}.bar{display:grid;grid-template-columns:9.5rem 1fr 3rem;align-items:center;gap:8px;font-size:.9rem}.bar-track{height:10px;background:var(--line);border-radius:999px;overflow:hidden}.bar-fill{display:block;height:100%;background:var(--primary);border-radius:999px;transition:width .3s ease}.bar-value{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}.sheet-backdrop{position:fixed;inset:0;z-index:20;background:#00000073;display:flex;align-items:flex-end;justify-content:center}.sheet{position:relative;background:var(--bg);width:100%;max-width:640px;max-height:92dvh;overflow-y:auto;border-radius:24px 24px 0 0;padding:20px 18px calc(24px + env(safe-area-inset-bottom));animation:rise .25s ease}@keyframes rise{0%{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}.sheet-close{position:absolute;top:12px;right:12px;border:0;background:var(--line);width:36px;height:36px;border-radius:50%;font-size:1rem;cursor:pointer;color:var(--ink)}.sheet-photo{width:100%;max-height:38vh;object-fit:cover;border-radius:var(--radius)}.verdict{display:flex;align-items:center;gap:14px;margin-top:12px}.verdict h2{margin:0;font-size:1.5rem}.verdict p{margin:0}.verdict-emoji{font-size:3rem}.verdict-desc{margin:8px 0 4px}.explanation{background:var(--surface);border-radius:var(--radius);padding:0 14px;margin:10px 0}.explanation:not(:empty){padding:6px 14px}.feedback-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:16px}.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.consent{display:flex;gap:8px;align-items:center;font-size:.85rem;color:var(--muted);margin-top:10px}.history{list-style:none;padding:0;display:grid;gap:10px}.history-item{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center;background:var(--surface);border-radius:var(--radius);padding:10px}.history-item img,.thumb-empty{width:64px;height:64px;object-fit:cover;border-radius:12px;display:grid;place-items:center;background:var(--line)}.history-body{display:flex;flex-direction:column}.about-logo{font-size:4rem;text-align:center;margin-top:16px;user-select:none}.steps{list-style:none;padding:0;display:grid;gap:12px}.steps li{display:flex;gap:12px;background:var(--surface);padding:12px;border-radius:var(--radius)}.steps p{margin:2px 0 0;color:var(--muted)}.step-icon{font-size:1.6rem}.class-list{list-style:none;padding:0;display:grid;gap:8px}.class-list li{display:flex;flex-direction:column;background:var(--surface);padding:10px 12px;border-radius:14px}.input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;margin-bottom:10px}.dev-grid{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;background:var(--surface);padding:14px;border-radius:var(--radius)}.dev-grid dt{color:var(--muted)}.dev-grid dd{margin:0;word-break:break-all}.toasts{position:fixed;left:16px;right:16px;bottom:calc(var(--tabbar) + env(safe-area-inset-bottom) + 12px);z-index:30;display:grid;gap:8px;pointer-events:none}.toast{background:var(--ink);color:var(--bg);padding:12px 16px;border-radius:14px;box-shadow:var(--shadow);transition:opacity .4s,transform .4s;max-width:560px;margin:0 auto}.toast-error{background:var(--danger);color:#fff}.toast-warning{background:var(--accent);color:#2b1b00}.toast.leaving{opacity:0;transform:translateY(8px)}.engine{display:inline-block;margin-top:4px;font-size:.72rem;padding:2px 8px;border-radius:999px;background:var(--line);color:var(--muted)}.engine-advanced{background:color-mix(in srgb,var(--accent) 30%,transparent);color:var(--ink)}.chip-online{background:color-mix(in srgb,var(--accent) 25%,transparent);color:var(--ink)}.busy{position:absolute;inset:auto 0 16px;margin:0 auto;width:max-content;display:flex;gap:8px;align-items:center;background:#0009;color:#fff;padding:8px 14px;border-radius:999px}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.bar{grid-template-columns:10.5rem 1fr 3rem}