.time-page{--amber:#ffad42;--orange:#f56a31;--copper:#b83e2f;--wine:#4d1722;--cream:#fff7e8;color:#fffaf1;background:radial-gradient(circle at 78% 0,#8a3f2c 0,#3e1d27 38%,#160c18 100%);min-height:100vh;padding:22px;font-family:Inter,ui-sans-serif,sans-serif}.time-shell{max-width:1280px;margin:auto}.time-top{grid-template-columns:1fr 310px auto;align-items:center;gap:25px;margin-bottom:18px;display:grid}.time-top>div:first-child span,.time-top>div:first-child strong{display:block}.time-top span{color:#ffc779;letter-spacing:.13em;font-size:10px;font-weight:900}.time-top strong{margin-top:4px;font-size:18px}.time-top>button,.time-footer>button{color:#ffe9d2;background:#351921;border:1px solid #8e493e;border-radius:11px;padding:12px 18px;font-size:10px;font-weight:900}.time-progress i{background:#50232a;border-radius:8px;height:6px;display:block;overflow:hidden}.time-progress em{background:linear-gradient(90deg,var(--orange),var(--amber));height:100%;display:block}.time-progress small{text-align:right;color:#dca98c;margin-top:6px;display:block}.time-card{background:linear-gradient(145deg,#51252aef,#23121cf8);border:1px solid #8a463b;border-radius:27px;min-height:650px;overflow:hidden;box-shadow:0 28px 65px #0008}.welcome-time{grid-template-columns:1.1fr .7fr;align-items:center;gap:45px;padding:55px;display:grid}.welcome-time h1{margin:15px 0;font-size:clamp(50px,6vw,84px);line-height:.87}.welcome-time h1 b{color:var(--amber)}.welcome-time p{color:#e2bfa8;max-width:560px;font-size:18px;line-height:1.6}.time-primary,.time-secondary{background:linear-gradient(135deg,var(--amber),var(--orange));color:#39141a;border:0;border-radius:14px;padding:17px 26px;font-weight:1000;box-shadow:0 9px 25px #f56a3140}.hero-clock{box-sizing:border-box;background:var(--cream);color:#4a1a20;border:1px solid #e2854c;border-radius:28px;place-items:center;width:330px;height:390px;margin:auto;padding:25px;display:grid;box-shadow:20px 22px #9e3b2e}.hero-clock .time-clock{width:235px}.hero-clock strong{font-size:45px;line-height:1}.hero-clock small{letter-spacing:.15em;font-weight:900}.time-clock{stroke:#54202a;fill:#fff8ec;stroke-width:4px;width:165px;max-width:100%}.time-clock .ticks{stroke:#9c4b35;stroke-width:4px}.time-clock .hour-hand{stroke:#4a1923;stroke-width:10px;stroke-linecap:round}.time-clock .minute-hand{stroke:var(--orange);stroke-width:6px;stroke-linecap:round}.time-clock .pin{fill:var(--amber);stroke:#4a1923}.time-summary{padding:45px}.time-summary>h1,.lesson-heading h1,.quiz-heading h1,.time-results h1,.time-validation h1{margin:8px 0;font-size:48px}.time-summary>p,.lesson-heading p{color:#ddb9a6}.summary-meta{grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0;display:grid}.summary-meta>div{background:#351923;border:1px solid #7f3c36;border-radius:16px;align-items:center;gap:14px;padding:15px;display:flex}.summary-meta>div>b{width:50px;height:50px;color:var(--amber);background:#6e2c2b;border-radius:14px;place-items:center;font-size:25px;display:grid}.summary-meta span,.summary-meta small{display:block}.summary-meta small{color:#c79882;margin-top:5px}.time-overview{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.time-overview h2{letter-spacing:.13em;grid-column:1/-1;font-size:13px}.time-overview button{color:#fff;text-align:left;background:#331820;border:1px solid #743832;border-radius:14px;align-items:center;gap:10px;min-height:78px;padding:12px;display:flex}.time-overview button>b{color:var(--amber);font-size:20px}.time-overview button span{flex:1}.time-overview button strong,.time-overview button small{display:block}.time-overview button small{color:#bd907d;margin-top:4px}.time-overview button em{color:var(--amber)}.learn-time{padding:42px}.lesson-heading{text-align:center}.lesson-heading p{margin:8px}.time-focus{background:#351921;border:1px solid #844239;border-radius:22px;grid-template-columns:230px 1fr;align-items:center;gap:35px;max-width:780px;margin:25px auto;padding:24px;display:grid}.time-focus>.time-clock{width:210px}.time-focus small,.time-focus strong,.time-focus p{display:block}.time-focus strong{margin-top:5px;font-size:58px}.time-focus p{color:#ffc77f;margin:4px 0 16px;font-size:19px}.listen-repeat{gap:12px;display:flex}.listen-repeat button{color:#fff;background:#6b2929;border:1px solid #e57c46;border-radius:13px;min-width:145px;padding:15px 22px;font-weight:900}.listen-repeat button:last-child{background:linear-gradient(135deg,#f47b3d,#ad342f)}.listen-repeat.large{justify-content:center;margin:22px}.listen-repeat.large button{font-size:16px}.listen-repeat button.listening{animation:1s infinite timePulse}.time-choice-grid{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.time-choice-grid button{color:#f3d9c6;background:#331820;border:1px solid #754039;border-radius:12px;padding:14px 8px}.time-choice-grid button b,.time-choice-grid button span{display:block}.time-choice-grid button b{font-size:20px}.time-choice-grid button span{margin-top:5px;font-size:10px}.time-choice-grid button.active{color:#fff;background:#7a302b;border-color:#ffbc63}.time-transcript{background:#28151d;border:1px solid #83443d;border-radius:14px;max-width:620px;margin:18px auto 0;padding:16px}.time-transcript small,.time-transcript b,.time-transcript span{display:block}.time-transcript b{margin:7px}.time-transcript span{color:#ffb0a0}.time-transcript.good span{color:#ffd177}.time-quiz,.say-time,.time-results,.time-validation{text-align:center;padding:45px}.quiz-heading{position:relative}.quiz-heading>b{color:var(--amber);position:absolute;top:10px;right:0}.number-tabs{justify-content:center;gap:8px;margin:22px;display:flex}.number-tabs button{color:#d7a58c;background:#321821;border:1px solid #784039;border-radius:10px;width:40px;height:40px;font-weight:900}.number-tabs button.active{background:var(--amber);color:#3a161c}.audio-orb{color:#fff;background:radial-gradient(circle,#ffae42,#b93d2f);border:1px solid #ffc069;border-radius:50%;place-items:center;width:135px;height:135px;margin:32px auto;font-size:35px;display:grid;box-shadow:0 0 0 14px #d8653844}.audio-orb span{font-size:9px;display:block}.time-options{grid-template-columns:repeat(3,1fr);gap:14px;max-width:920px;margin:auto;display:grid}.time-options button{color:#fff;background:#341a22;border:1px solid #774039;border-radius:16px;grid-template-columns:90px 1fr;align-items:center;height:130px;padding:15px;display:grid}.time-options .time-clock{width:88px}.time-options button b{font-size:25px}.time-options button.correct{background:#74452a;border-color:#ffc45e}.time-options button.wrong{background:#6f2830;border-color:#ff8675}.time-feedback{color:#e5bfaa;margin:24px}.time-feedback button{background:var(--amber);color:#401821;border:0;border-radius:10px;margin:14px auto;padding:12px 20px;font-weight:900;display:block}.say-time>h1{color:var(--amber);margin:18px 0 5px;font-size:72px}.say-time>.time-clock{width:205px}.say-time>p{color:#d7ae99}.say-time-grid{grid-template-columns:repeat(8,1fr);gap:8px;margin-top:25px;display:grid}.say-time-grid button{color:#f7dfce;background:#331820;border:1px solid #754039;border-radius:11px;padding:14px 7px;font-weight:900}.say-time-grid button small{color:#d99772;display:block}.say-time-grid button.active{background:#84332e;border-color:#ffbe63}.challenge-time{grid-template-columns:1fr 1fr;gap:40px;padding:60px;display:grid}.challenge-time h1{font-size:54px;line-height:1}.challenge-time p{color:#ddb6a1;line-height:1.6}.challenge-time .number-tabs{justify-content:flex-start;margin:24px 0}.challenge-time label{color:#ffc374;font-size:10px;font-weight:900}.challenge-time textarea{box-sizing:border-box;color:#fff;background:#21111a;border:1px solid #81433b;border-radius:17px;width:100%;height:260px;margin-top:10px;padding:20px;font-size:18px;display:block}.challenge-time details{background:#3a1b23;border:1px solid #824039;border-radius:13px;margin-top:15px;padding:18px}.challenge-time summary{cursor:pointer;color:var(--amber);font-weight:900}.audio-error,.global-audio-error{color:#ffb0a0}.global-audio-error{text-align:center;max-width:600px;margin:12px auto}.time-score{border-radius:50%;place-items:center;width:190px;height:190px;margin:30px auto;display:grid;position:relative}.time-score:after{content:"";background:#321820;border-radius:50%;position:absolute;inset:18px}.time-score b{z-index:1;font-size:40px;position:relative}.result-grid{grid-template-columns:repeat(3,1fr);gap:12px;max-width:800px;margin:25px auto;display:grid}.result-grid div{background:#351a22;border:1px solid #7b3e38;border-radius:14px;padding:22px}.result-grid b,.result-grid span{display:block}.result-grid b{color:var(--amber);font-size:28px}.result-grid span{margin-top:6px;font-size:8px}.time-results p,.time-validation p{color:#dbb49f}.time-secondary{margin-top:15px}.time-award{color:#fff;background:#f4bd2b;border-radius:50%;place-items:center;width:90px;height:90px;margin:50px auto 20px;font-size:48px;display:grid}.time-validation>h1{color:var(--amber);font-size:65px}.time-options.compact{margin-top:35px}.time-footer{text-align:center;grid-template-columns:170px 1fr 170px;align-items:center;margin-top:16px;display:grid}.time-footer span{color:#d09a80;letter-spacing:.13em;font-size:9px}.time-footer .time-primary{padding:14px}@keyframes timePulse{50%{box-shadow:0 0 0 18px #ffad423d}}@media (max-width:850px){.time-top{grid-template-columns:1fr auto}.time-progress{grid-area:2/1/auto/-1}.welcome-time,.challenge-time{grid-template-columns:1fr;padding:30px}.hero-clock{width:260px;height:320px}.time-overview{grid-template-columns:1fr 1fr}.summary-meta,.time-focus{grid-template-columns:1fr}.time-focus{text-align:center}.time-focus>.time-clock{margin:auto}.time-choice-grid{grid-template-columns:repeat(2,1fr)}.time-options,.result-grid{grid-template-columns:1fr}.time-options button{width:100%;max-width:500px;margin:auto}.say-time-grid{grid-template-columns:repeat(4,1fr)}.time-card{min-height:0}.learn-time,.time-quiz,.say-time,.time-results,.time-validation{padding:27px}.time-footer{grid-template-columns:110px 1fr 110px}.time-footer button{padding:11px 7px}}