:root{color-scheme:light;--paper: #fbf6ec;--honey: #e89b2c;--honey-d: #b9771d;--leaf: #6aa84f;--leaf-d: #4e8538;--brick: #d96b5e;--brick-d: #a84b40;--ink: #5a4a2a;--ink-soft: #8a7a52;--frame: #f0dca8;--frame-d: #e6cf9a;--line: #e0cfa3;--sticker: 0 3px 0}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Trebuchet MS,system-ui,-apple-system,PingFang SC,sans-serif;background:var(--paper);color:var(--ink);-webkit-tap-highlight-color:transparent;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.loading,.home,.stage,.answer,.summary{max-width:520px;margin:0 auto;padding:16px;min-height:100dvh}button{font-size:1rem;font-weight:700;padding:.8em 1.3em;border:none;border-radius:999px;background:var(--honey);color:#fff;cursor:pointer;box-shadow:var(--sticker) var(--honey-d);transition:transform .08s,box-shadow .08s}button:active{transform:translateY(2px);box-shadow:0 1px 0 var(--honey-d)}button:disabled{opacity:.5;box-shadow:none}button.ghost:active,button.link:active,button.speak:active,button.gear:active{box-shadow:none}button.ghost{background:#fff;color:var(--ink);box-shadow:none;border:2px solid var(--line)}button.link{background:transparent;color:var(--ink-soft);box-shadow:none;text-decoration:underline;padding:.4em}input{font-size:1rem;padding:.65em;border:2px solid var(--line);border-radius:12px;background:#fff;color:var(--ink)}h1{font-size:1.5rem;margin:.2em 0}h2{font-size:1.15rem;margin:.2em 0}.home-top{display:flex;justify-content:space-between;align-items:center}.gear{width:40px;height:40px;border-radius:12px;padding:0;font-size:1.2rem;background:#fff;color:var(--ink);box-shadow:none;border:2px solid var(--line)}.hero{height:120px;border-radius:20px;background:linear-gradient(135deg,#ffe9b8,#ffd07a);display:grid;place-items:center;font-size:3rem;margin:12px 0;border:3px solid #fff6}.diff-cards{display:flex;gap:8px;margin:8px 0 14px}.diff-card{flex:1;padding:14px 0;border-radius:16px;color:#fff;font-weight:800;text-align:center;font-size:.95rem;line-height:1.3;box-shadow:var(--sticker) var(--honey-d)}.diff-card.low{background:var(--leaf);box-shadow:var(--sticker) var(--leaf-d)}.diff-card.med{background:var(--honey);box-shadow:var(--sticker) var(--honey-d)}.diff-card.high{background:var(--brick);box-shadow:var(--sticker) var(--brick-d)}.diff-card[aria-pressed=true]{outline:3px solid var(--ink);outline-offset:2px}.drawer{max-height:0;overflow:hidden;transition:max-height .25s ease;background:#fff;border-radius:14px;border:2px solid var(--line)}.drawer.open{max-height:360px;padding:12px;margin-top:10px}.drawer label{display:block;margin:8px 0 4px;font-size:.85rem;color:var(--ink-soft)}.scores p{margin:4px 0;font-size:.9rem}.flip-card{position:relative;padding:8px;background:#fff;border:3px solid var(--frame);border-radius:22px;box-shadow:0 4px 0 var(--frame-d)}.flip-img{width:100%;border-radius:14px;display:block}.flip-card.flipped .flip-img{animation:flip-in .5s ease}@keyframes flip-in{0%{transform:rotateY(180deg);opacity:.2}to{transform:rotateY(0);opacity:1}}.flip-overlay{position:absolute;left:8px;right:8px;bottom:8px;background:#5a4a2a99;color:#fff;padding:8px 10px;border-radius:0 0 14px 14px}.countdown{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:14px}.bubble{width:64px;height:64px;border-radius:50%;background:var(--leaf);color:#fff;display:grid;place-items:center;font-size:1.8rem;font-weight:800;box-shadow:var(--sticker) var(--leaf-d);transform:rotate(4deg)}.covered{background:repeating-linear-gradient(45deg,#efe2c4,#efe2c4 10px,#e7d6b0 10px,#e7d6b0 20px);min-height:180px;display:grid;place-items:center;color:var(--ink-soft);border-radius:16px;font-weight:700}.answer .q{font-size:1.2rem;font-weight:800;text-align:center;margin:12px 0}.speak{font-size:1rem;padding:.2em .5em;margin-left:6px;background:#fff;color:var(--honey);box-shadow:none;border:2px solid var(--line);vertical-align:middle}.mic{width:84px;height:84px;border-radius:50%;background:var(--honey);color:#fff;font-size:2rem;display:grid;place-items:center;margin:10px auto;padding:0;box-shadow:var(--sticker) var(--honey-d)}.mic.on{background:var(--brick);box-shadow:var(--sticker) var(--brick-d);animation:pulse 1s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.transcript{min-height:1.4em;color:var(--leaf);text-align:center;font-weight:700;margin:6px 0}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.row input{flex:1;min-width:120px}.scorebig{font-size:2.4rem;font-weight:800;text-align:center}.stars{font-size:1.8rem;text-align:center;letter-spacing:4px}.summary ul{list-style:none;padding:0;margin:12px 0}.summary li{padding:8px;border-bottom:1px dashed var(--line);font-size:.95rem}.reveal{color:var(--leaf);font-weight:700}.twobtn{display:flex;gap:8px}.twobtn button{flex:1}.admin{max-width:1100px;margin:0 auto;padding:12px;font-size:14px;color:var(--ink)}.admin-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px;border-bottom:1px solid var(--line)}.admin-top b{margin-right:4px}.admin-top button.ghost{padding:.45em .9em;font-size:.9rem}.admin-top button.ghost.on{background:var(--honey);color:#fff;box-shadow:var(--sticker) var(--honey-d)}.admin-toast{color:var(--leaf-d);font-weight:700;margin-left:auto;animation:toast-in .2s}.admin-done{color:var(--leaf-d);font-weight:700;margin-left:auto}@keyframes toast-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.admin-split{display:grid;grid-template-columns:40% 60%;gap:12px}.admin-img img{width:100%;border-radius:12px;border:2px solid var(--frame)}.admin-meta{margin-top:6px}.admin-reason{color:var(--brick-d);font-size:12px}.admin-qa{display:flex;flex-direction:column;gap:10px;max-height:70vh;overflow:auto}.qa-card{border:1px solid var(--line);border-radius:10px;padding:8px;display:flex;flex-direction:column;gap:6px;background:var(--paper)}.qa-lint{color:var(--brick-d);font-size:12px}.qa-card label.fld{display:flex;flex-direction:column;gap:2px;font-size:12px;font-weight:700;color:var(--ink-soft)}.qa-card label.fld .fld-hint{font-size:11px;font-weight:400;color:var(--ink-soft);opacity:.8}.qa-card textarea,.qa-card input,.qa-card select{width:100%;box-sizing:border-box;font-weight:400;color:var(--ink)}.qa-trial{display:flex;gap:6px;align-items:center}.qa-trial button.ghost.sm{padding:.35em .8em;font-size:.85rem}.admin-bar{position:sticky;bottom:0;display:flex;gap:8px;justify-content:flex-end;padding:10px;background:var(--paper);border-top:1px solid var(--line)}.admin-bar .primary{background:var(--leaf);color:#fff;box-shadow:var(--sticker) var(--leaf-d)}.admin-bar .primary:active{box-shadow:0 1px 0 var(--leaf-d)}.admin-error{color:var(--brick-d);padding:16px}.admin-img-actions{margin-top:8px}button.danger{background:var(--brick);color:#fff;box-shadow:var(--sticker) var(--brick-d)}button.danger:active{box-shadow:0 1px 0 var(--brick-d)}button.link.danger{background:transparent;color:var(--brick-d);box-shadow:none}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:grid;place-items:center;z-index:100}.modal{background:var(--paper);border-radius:16px;padding:20px;max-width:360px;width:90%;box-shadow:0 8px 32px #0003}.modal-title{font-size:1.1rem;font-weight:800;margin-bottom:8px}.modal-body{font-size:.9rem;color:var(--ink-soft);margin-bottom:16px;line-height:1.5}.modal-actions{display:flex;gap:8px;justify-content:flex-end}@media (max-width: 720px){.admin-split{grid-template-columns:1fr}}