:root{--paper:#f6f1e7;--ink:#1b1b18;--green:#1f3a34;--soft:#5a5a50;--rec:#b3261e}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body:not(.x){background:var(--paper);color:var(--ink);font:28px/1.45 Georgia,Times New Roman,serif;-webkit-font-smoothing:antialiased}.shell{min-height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:40px 32px;gap:20px;max-width:900px;margin:0 auto}.shell.wide{justify-content:space-between;max-width:1100px}.shell h1{font-size:52px;margin:0;color:var(--green)}.shell p{margin:0}.soft{color:var(--soft)}.small{font-size:22px}.shell button{font:inherit;font-size:26px;padding:18px 28px;border-radius:14px;border:3px solid var(--green);background:transparent;color:var(--green);cursor:pointer;min-height:72px}.shell button:hover{background:#1f3a3414}.shell button:focus-visible{outline:4px solid #c58b00;outline-offset:3px}.shell button.big{background:var(--green);color:var(--paper);font-size:40px;padding:28px 56px;min-height:110px;border-radius:22px}.shell button.big:hover{background:#2a4d45}.session{flex:1;display:flex;flex-direction:column;justify-content:center;gap:28px;width:100%}.question{font-size:46px;line-height:1.3}.status{font-size:30px;color:var(--green);min-height:44px}.status .dot{display:inline-block;width:18px;height:18px;border-radius:50%;background:var(--rec);margin-right:10px;vertical-align:middle;animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{50%{opacity:.35;transform:scale(.8)}}.shell .meter{height:28px;border:3px solid var(--green);border-radius:14px;overflow:hidden;background:#fff8;width:min(100%,640px);margin:0 auto}.shell .meter>div{height:100%;background:var(--green);transition:width .1s linear}.controls{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;width:100%}@media(prefers-reduced-motion:reduce){.status .dot{animation:none}}