:root{--mmi-ink:#0f172a;--mmi-muted:#475569;--mmi-surface:#fff;--mmi-accent:#0f766e;--mmi-accent-2:#0ea5a4;--mmi-warm:#f59e0b;--mmi-shadow:0 18px 40px #0f172a1f;--mmi-radius:18px}.DailyMMI,.PracticeMMI{border-radius:var(--mmi-radius);max-width:760px;box-shadow:var(--mmi-shadow);text-align:center;background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);margin:4.5rem auto 3rem;padding:3.5rem 3.25rem;position:relative;overflow:hidden}.DailyMMI:before,.PracticeMMI:before{content:"";pointer-events:none;background:radial-gradient(circle,#0ea5a433,#0000 70%);height:280px;position:absolute;inset:-40% 35% auto -35%}.DailyMMI:after,.PracticeMMI:after{content:"";pointer-events:none;background:radial-gradient(circle,#f59e0b2e,#0000 70%);height:260px;position:absolute;inset:auto -30% -45% 30%}.DailyText,.PracticeText{letter-spacing:-.02em;color:var(--mmi-ink);margin-bottom:1rem;font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Palatino,serif;font-size:clamp(2.2rem,3vw,2.75rem);font-weight:700}.DailyMMI .DailySubText,.PracticeMMI .PracticeSubText{color:var(--mmi-muted);text-align:left;z-index:1;background:#e2e8f0 padding-box padding-box;border:1px solid #0f172a1f;border-left:4px solid #64748b;border-radius:14px;max-width:600px;margin:.75rem auto 2.25rem;padding:1.35rem 1.6rem;font-size:1.05rem;line-height:1.7;position:relative}.DailyAnswerText,.AnswerText{border-left:4px solid var(--mmi-accent);color:#1f2937;text-align:left;background:#f1f5f9;border-radius:12px;max-width:560px;margin:1.75rem auto 2rem;padding:1.25rem 1.5rem;line-height:1.6}.reveal-button,.generate-button,.timer-button,.back-button{appearance:none;cursor:pointer;z-index:1;border:none;border-radius:999px;margin:.4rem .3rem;padding:.85rem 1.75rem;font-size:.95rem;font-weight:600;transition:transform .2s,box-shadow .2s,background .2s;position:relative}.reveal-button{background:linear-gradient(135deg,var(--mmi-accent),var(--mmi-accent-2));color:#fff;box-shadow:0 12px 22px #0ea5a440}.generate-button{color:#fff;background:#0f172a;box-shadow:0 12px 24px #0f172a40}.timer-button{color:var(--mmi-ink);background:#fff;border:1px solid #0f766e40;box-shadow:0 8px 18px #0f766e1f}.back-button{color:#9a3412;background:#fff7ed;box-shadow:0 10px 20px #9a34122e}.action-row{flex-wrap:wrap;justify-content:center;gap:.75rem;margin:1.75rem 0 .5rem;display:flex}.reveal-button:hover,.generate-button:hover,.timer-button:hover,.back-button:hover{transform:translateY(-2px)}.back-button{margin-top:1.75rem;display:inline-flex}.timer-panel{background:#ffffffe6;border:1px solid #0f766e1f;border-radius:16px;max-width:420px;margin:1.5rem auto 0;padding:1.5rem;box-shadow:0 12px 28px #0f172a14}.timer-select{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem 1rem;margin-bottom:1.25rem;display:grid}.timer-select-item{color:var(--mmi-muted);text-transform:uppercase;letter-spacing:.08em;flex-direction:column;gap:.4rem;font-size:.85rem;display:flex}.timer-select-item select{color:var(--mmi-ink);background:#fff;border:1px solid #0f172a29;border-radius:10px;padding:.6rem .75rem;font-weight:600}.timer-label{color:var(--mmi-muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.75rem;font-size:.95rem}.timer-readout{color:var(--mmi-ink);margin-bottom:1rem;font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Palatino,serif;font-size:2.4rem;font-weight:700}.timer-controls{justify-content:center;gap:.75rem;display:flex}.timer-start,.timer-stop,.timer-finish{appearance:none;cursor:pointer;border:none;border-radius:999px;padding:.7rem 1.6rem;font-size:.9rem;font-weight:600;transition:transform .2s,box-shadow .2s,background .2s}.timer-start{color:#fff;background:linear-gradient(135deg,#0f766e,#14b8a6);box-shadow:0 12px 20px #14b8a640}.timer-stop{color:#b91c1c;background:#fee2e2;box-shadow:0 10px 18px #b91c1c2e}.timer-finish{color:#5b21b6;background:#ede9fe;box-shadow:0 10px 18px #5b21b633}.timer-start:disabled,.timer-stop:disabled,.timer-finish:disabled{cursor:not-allowed;opacity:.6;box-shadow:none}@media (max-width:720px){.DailyMMI,.PracticeMMI{margin:2.5rem 1.25rem;padding:2.5rem 1.75rem}.DailyAnswerText,.AnswerText{text-align:left}}@media (max-width:520px){.DailyMMI,.PracticeMMI{margin:2rem .75rem;padding:2rem 1.25rem}.DailyMMI .DailySubText,.PracticeMMI .PracticeSubText{padding:1.1rem 1.2rem}.timer-controls{flex-direction:column}.timer-start,.timer-stop,.timer-finish{width:100%}}