:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#10212d;color:#f4faf8}*{box-sizing:border-box}body{max-width:620px;margin:28px auto;padding:0 18px 28px}header{text-align:center;margin-bottom:26px}h1{font-size:clamp(1.6rem,6vw,2.1rem);margin:8px 0}h2{font-size:1.15rem;margin:0 0 18px}.eyebrow{font-size:.7rem;letter-spacing:.16em;color:#5ee0b0}.card{background:#19323f;border:1px solid #34505c;border-radius:20px;padding:22px;margin-bottom:18px}label{display:block;font-size:.9rem;color:#dce8ec}button,input,select{font:inherit;border-radius:10px;padding:12px;min-height:46px}input:not([type=checkbox]),select{display:block;width:100%;margin:7px 0 14px;background:#10212d;color:white;border:1px solid #57717e}button{background:#5ee0b0;border:1px solid transparent;color:#09261b;font-weight:650;cursor:pointer}button.secondary{background:transparent;border-color:#72909d;color:#eef5f7}button:disabled{opacity:.45;cursor:default}:focus-visible{outline:3px solid #f4cf7c;outline-offset:3px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 20px}.fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.fields input{margin-bottom:0}.hint{font-size:.8rem;color:#b4c9d4;line-height:1.5}#dirty{display:block;margin-top:10px}#message{font-size:.9rem;line-height:1.5}#message:empty{display:none}.timer{text-align:center}#phase{font-size:1.4rem}#clock{font-size:clamp(3rem,16vw,5rem);font-weight:800;font-variant-numeric:tabular-nums;margin:12px 0}#progress{color:#b4c9d4}.timer .actions{justify-content:center;margin-top:24px}.voice{display:flex;align-items:center;justify-content:center;gap:8px}.voice input{min-height:auto;width:20px;height:20px;accent-color:#5ee0b0}@media(max-width:380px){.card{padding:16px}.fields{gap:7px}.fields label{font-size:.78rem}.fields input{padding:10px 7px}}