*{box-sizing:border-box}body{color:#2a1f18;background:radial-gradient(circle at 10% 10%,#fff3e099,#0000 35%),radial-gradient(circle at 90% 90%,#ffe6d28c,#0000 35%),#fffdfa;margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}button,textarea{font-family:inherit}.app-shell{gap:1.4rem;width:min(1100px,94%);margin:2rem auto;display:grid}.hero{background:linear-gradient(120deg,#fff3e0,#ffe8cf 40%,#fef7f0);border:1px solid #e9c9a4;border-radius:18px;padding:1.2rem 1.4rem;box-shadow:0 8px 30px #985d2429}.hero-badge{color:#6d431c;background:#ffe9cf;border-radius:999px;margin-bottom:.6rem;padding:.2rem .6rem;font-size:.82rem;font-weight:700;display:inline-block}.hero h1{color:#44250b;margin:.2rem 0 .4rem;font-size:clamp(1.3rem,2.4vw,2rem)}.hero p{color:#4f3724;margin:0}.age-field{color:#4f3724;gap:.35rem;margin-top:.8rem;font-weight:600;display:grid}.age-field input{width:180px;font:inherit;border:1px solid #d8ccbe;border-radius:8px;padding:.45rem .5rem}.warning{color:#5d4516;background:#fff7de;border:1px solid #f0b429;border-radius:14px;padding:.9rem}.single-card-wrap{grid-template-columns:1fr;display:grid}.prompt-card{background:#fff;border:1px solid #e7dfd6;border-radius:16px;gap:.75rem;padding:.9rem;display:grid;box-shadow:0 6px 22px #2c1a0a14}.progress-label{color:#7a5840;margin:0;font-weight:700}.prompt-card h2{color:#3d2a1d;margin:0;font-size:1.1rem}.prompt-image{aspect-ratio:16/10;object-fit:contain;background:#f8f8f8;border-radius:10px;width:100%}.controls{gap:.6rem;display:flex}.record-btn,.stop-btn{cursor:pointer;border:none;border-radius:10px;padding:.6rem .8rem;font-weight:700}.record-btn{color:#fff;background:#17863f}.stop-btn{color:#fff;background:#b23624}.record-btn:disabled,.stop-btn:disabled{opacity:.5;cursor:not-allowed}textarea{width:100%;font:inherit;box-sizing:border-box;border:1px solid #d8ccbe;border-radius:10px;min-height:110px;padding:.6rem}.status{color:#4d3a2a;margin:0;font-weight:700}.pager-controls{gap:.7rem;display:flex}.pager-controls button{color:#fff;cursor:pointer;background:#2e6ea2;border:none;border-radius:10px;padding:.55rem .95rem;font-weight:700}.pager-controls button:disabled{opacity:.45;cursor:not-allowed}.missing-image{color:#704c30;background:#fff7ee;border:1px dashed #c9b9a7;border-radius:12px;padding:1rem}.mini-score{color:#4d3a2a;background:#f9f3eb;border-radius:10px;padding:.5rem .6rem}.results-card{background:#fffdf9;border:1px solid #dbcab7;border-radius:16px;padding:1rem}.results-card h2{margin-top:0}.grand-score{color:#352415;font-size:1.1rem}.result-block{border-top:1px dashed #d8c7b2;margin-top:.7rem;padding-top:.7rem}.result-block h3{color:#3d2a1d;margin:.2rem 0}.percentiles{background:#fff8ef;border:1px solid #e5d5c3;border-radius:10px;margin:.5rem 0;padding:.6rem .8rem}.percentiles h3{margin:.1rem 0 .4rem}.hint{color:#74563e;font-weight:600}.result-block ul{margin:.3rem 0 .6rem}@media (width<=900px){.controls{flex-direction:column}.age-field input{width:100%;max-width:240px}.pager-controls{flex-direction:column}}