.app-shell{min-height:100svh;padding:32px 18px;background:radial-gradient(circle at top left,rgba(42,157,143,.14),transparent 30%),linear-gradient(135deg,#fffdfa,#f4fbf8 48%,#f8f6ff)}.home-shell{display:grid;place-items:center}.screen-layout{width:min(100%,760px);margin:0 auto;display:grid;gap:22px}.screen-header{display:grid;gap:10px;padding-top:8px}.screen-header h1,.home-content h1{margin:0;color:#18212f;font-size:clamp(2.05rem,12vw,3.25rem);line-height:.98}.screen-header p,.home-subtitle{margin:0;color:#4b5563;font-size:1.05rem;line-height:1.5}.home-content{width:min(100%,420px);display:grid;gap:18px;padding:28px 22px;border:1px solid rgba(31,41,55,.1);border-radius:8px;background:#ffffffe6;box-shadow:0 24px 60px #1f29371a}.screen-kicker{margin:0;color:#2a7f75;font-size:.88rem;font-weight:700;text-transform:uppercase}.exam-grid{display:grid;gap:14px}.exam-card{width:100%;min-height:156px;display:grid;align-content:start;gap:12px;padding:22px;border:1px solid rgba(31,41,55,.12);border-radius:8px;background:#ffffffeb;color:#18212f;cursor:pointer;text-align:left;box-shadow:0 18px 42px #1f293714;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.exam-card span{font-size:1.35rem;font-weight:800}.exam-card small{color:#4b5563;font-size:1rem;line-height:1.5}.exam-card:hover{border-color:#2a9d8f80;box-shadow:0 22px 50px #2a9d8f24;transform:translateY(-1px)}.question-card{display:grid;gap:22px;padding:24px;border:1px solid rgba(31,41,55,.12);border-radius:8px;background:#fffffff0;box-shadow:0 18px 42px #1f293714}.question-meta{display:grid;gap:8px;color:#35504c;font-size:.96rem;font-weight:700}.question-prompt{margin:0;color:#18212f;font-size:clamp(1.45rem,8vw,2.25rem);font-weight:800;line-height:1.14}.practice-actions{display:grid;gap:12px}.recorder-panel{display:grid;gap:18px;padding:22px;border:1px solid rgba(31,41,55,.12);border-radius:8px;background:#fffffff0;box-shadow:0 18px 42px #1f293714}.recorder-header{display:grid;gap:16px}.recorder-header h2{margin:6px 0 0;color:#18212f;font-size:1.45rem;line-height:1.15}.recording-timer{width:100%;min-height:58px;display:grid;place-items:center;border-radius:8px;background:#18212f;color:#fff;font-size:1.65rem;font-weight:800;font-variant-numeric:tabular-nums}.recorder-status-grid{display:grid;gap:10px;margin:0}.recorder-status-grid div{display:grid;gap:4px;padding:14px;border:1px solid rgba(31,41,55,.1);border-radius:8px;background:#f8fbfa}.recorder-status-grid dt{color:#60706c;font-size:.82rem;font-weight:800;text-transform:uppercase}.recorder-status-grid dd{margin:0;color:#18212f;font-weight:800}.recording-alert{margin:0;padding:14px 16px;border-left:4px solid #c2410c;background:#fff4ed;color:#7c2d12;font-weight:700;line-height:1.45}.recorder-actions{display:grid;gap:12px}.recorder-actions .primary-action{margin-top:0}.playback-panel{display:grid;gap:10px;padding:14px;border-radius:8px;background:#eefaf6}.playback-panel p,.session-note{margin:0;color:#35504c;font-weight:700;line-height:1.45}.playback-panel audio{width:100%}.session-note{color:#4b5563;font-size:.95rem;font-weight:600}.primary-action,.secondary-action,.quiet-action{min-height:52px;width:100%;border-radius:8px;cursor:pointer;font:inherit;font-weight:700;letter-spacing:0;transition:border-color .16s ease,background-color .16s ease,transform .16s ease,box-shadow .16s ease}.primary-action{margin-top:8px;border:0;background:#18212f;color:#fff}.primary-action:hover{background:#264f49;box-shadow:0 16px 32px #264f492e;transform:translateY(-1px)}.secondary-action{border:1px solid rgba(31,41,55,.18);background:#fff;color:#18212f}.secondary-action:hover{border-color:#2a9d8f8c;box-shadow:0 14px 28px #1f293714;transform:translateY(-1px)}.quiet-action{border:0;background:transparent;color:#2a7f75}.quiet-action:hover{background:#2a9d8f14}.primary-action:disabled,.secondary-action:disabled{cursor:not-allowed;opacity:.55;transform:none;box-shadow:none}.primary-action:focus-visible,.secondary-action:focus-visible,.quiet-action:focus-visible,.exam-card:focus-visible{outline:3px solid rgba(42,157,143,.35);outline-offset:3px}@media(min-width:680px){.app-shell{padding:48px 24px}.home-content{padding:36px}.screen-layout{gap:28px}.exam-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.question-meta{grid-template-columns:repeat(3,minmax(0,1fr))}.recorder-header,.recorder-status-grid,.recorder-actions,.practice-actions{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center}.practice-actions .primary-action{margin-top:0}}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#18212f;background:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit}