/* Time expedition: vivid stage, calm task. Geometry belongs to the clock. */
:root{--blue:#3857ec;--dark:#17254d;--muted:#526486;--line:#dae2f2}
body{background:radial-gradient(ellipse at 90% 20%,#dfeaff 0,transparent 50%),#f0f3fc;color:var(--dark)}
.header{max-width:none;padding:16px max(24px,calc((100vw - 1280px)/2));background:#182c67;border:0;gap:24px;box-shadow:0 5px 20px #182c6715}
.brand,.brand small{color:white}.brand-clock{background:#ffdb60;color:#182c67;box-shadow:0 4px 0 #b78f2c;border-radius:15px}.brand small{opacity:.75;font-size:12px;letter-spacing:3px}.brand{font-size:24px}
.header nav{flex:1;gap:8px}.header nav button{color:#dce5ff;font-size:16px;border-radius:14px;padding:12px 20px;white-space:nowrap}.header nav button.active{color:#182c67;background:#fff;box-shadow:0 4px 0 #8395ce}.header nav button:hover:not(.active){background:#304784;color:white}.sound{border:1px solid #6b7eaf;background:transparent;color:white;font-size:14px}
.more-menu{position:relative;z-index:20;color:#e5ecff;font-size:14px;white-space:nowrap}.more-menu summary{padding:13px 5px;cursor:pointer;min-height:44px}.more-menu>div{position:absolute;right:0;top:48px;min-width:205px;display:grid;padding:8px;background:white;box-shadow:0 12px 35px #12255433;border-radius:16px;gap:4px}.more-menu button{text-align:left;border:0}.more-menu button.active{background:#e9efff;color:#264bc5}
main{max-width:1280px;padding:25px 28px 30px}footer{max-width:1224px;font-size:13px;padding:0 20px 20px}
button{border-radius:14px;transition:transform .16s,background .16s,box-shadow .16s}button:hover:not(:disabled){transform:translateY(-2px)}button:active:not(:disabled){transform:translateY(1px)}.primary{background:#3857ec;border-color:#3857ec;box-shadow:0 4px 0 #263db0}.primary:hover:not(:disabled){background:#2947d8}.primary:disabled{box-shadow:none}
.journey-top{align-items:center;margin-bottom:18px}.journey-top h1{font-size:32px;letter-spacing:-1.3px}.journey-kicker{display:block;font-size:14px;letter-spacing:1px;color:#526486;margin-bottom:4px;font-weight:700}.journey-options{gap:14px}.journey-options button{background:transparent;border-color:#bbc9e4}
.expedition-path{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px;list-style:none;padding:0}.expedition-path li{display:flex;align-items:center;gap:10px;padding:10px 14px;color:#526486;font-size:15px;border-bottom:3px solid #d6deef}.expedition-path b{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;border-radius:50%;background:#e0e7f5;font-size:14px}.expedition-path .current{color:#233f9d;border-color:#3857ec;font-weight:700}.expedition-path .current b{background:#3857ec;color:white;box-shadow:0 0 0 5px #3857ec14}.expedition-path .done{border-color:#659d8c}.expedition-path .done b{background:#d6eee4;color:#166247}
.journey-cases{margin:0;gap:7px}.case-picker{position:relative}.case-picker summary{cursor:pointer;font-size:14px;padding:12px;background:white;border:1px solid #d3ddef;border-radius:12px;min-height:44px}.case-picker[open] .journey-cases{position:absolute;right:0;top:52px;background:white;padding:12px;width:290px;border-radius:16px;box-shadow:0 10px 30px #182c6730;z-index:12}.journey-cases button{flex:1 0 42%;font-size:14px}
.journey-board{border:0;border-radius:30px;box-shadow:0 18px 55px #233f7520;overflow:hidden}.journey-stage{padding:20px 28px;border-bottom:1px solid #e2e8f4}.journey-stage h2{font-size:28px;letter-spacing:-1px;line-height:1.5;margin:3px 0 0}.journey-stage .eyebrow{font-size:14px;letter-spacing:.4px}.journey-dots{gap:6px}.journey-dots i{width:7px;height:7px}.journey-dots i.on{background:#3857ec}
.journey-workspace{grid-template-columns:minmax(0,1.06fr) minmax(360px,1fr)}.journey-clock-zone{position:relative;background:radial-gradient(ellipse at 50% 35%,#4265ba 0,#284887 48%,#1d356d 100%);border:0;padding:20px 26px 24px;gap:8px;overflow:hidden}.journey-clock-zone #journey-clock-wrap,.journey-clock-zone .clock{max-width:420px}.journey-clock-zone .clock{filter:drop-shadow(0 14px 10px #10265965)}.journey-clock-zone .clock text[font-size="12"]{fill:#e6edff}.journey-clock-zone .clock-labels{color:#f3f6ff;font-size:14px;gap:18px;margin:8px 0}.journey-clock-zone .key{background:#ffb562}.journey-clock-zone .key.minute{background:#8eadff}.journey-readout{border:1px solid #ffffff35;background:#ffffff12;border-radius:20px;padding:3px 24px;font-size:35px;color:white;min-width:210px;text-align:center}.journey-readout .type-hour{color:#ffbd78}.journey-readout .type-minute{color:#b9d2ff}.journey-clock-zone .clock-gesture,.journey-clock-zone .restored-note,.journey-clock-zone .independent-note{color:#e2eaff;font-size:14px}.clock-caption{align-self:flex-start;color:#e6edff;font-size:14px;letter-spacing:1px;font-weight:700;margin:0 0 -2px}.clock-caption span{color:#ffdf78;margin-right:8px}
.journey-coach{padding:24px 30px;justify-content:center;background:#fff}.journey-instruction{gap:8px;margin-bottom:13px}.journey-instruction .clock-buddy{width:132px;height:145px;object-fit:contain;filter:drop-shadow(0 8px 8px #38578015)}.journey-instruction p{font-size:18px;line-height:1.75;color:#354d74;margin:0;border-left:3px solid #f0c951;padding-left:15px}.journey-activity{width:100%}.journey-listen{font-size:14px;min-height:44px;margin:10px 0 0;padding:7px 12px;color:#526486;border:0;background:#f3f6fc}
.hand-discovery{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hand-card{position:relative;text-align:left;min-height:132px;padding:18px;border-radius:20px;background:#fff6e9;border:2px solid #edcda7;box-shadow:0 5px 0 #ecd5b7;white-space:normal}.hand-card.minute-card{background:#edf2ff;border-color:#c2d0f8;box-shadow:0 5px 0 #cfdbf8}.hand-card>span{display:block;font-size:15px;color:#705636}.hand-card.minute-card>span{color:#3555a2}.hand-card strong{display:block;font-size:29px;line-height:1.6;color:#b25b15}.hand-card.minute-card strong{color:#285edf}.hand-card small{display:block;font-size:14px;font-weight:400;color:#536684;margin-top:4px;line-height:1.5}.hand-card.visited{outline:2px solid #274cac;outline-offset:3px}.discovery-equation{background:#f1f5fd;border-radius:16px;padding:16px 10px;margin:21px 0 0;text-align:center;min-height:66px;font-size:18px;color:#526486}.discovery-equation strong{font-size:29px;color:#1d397d;line-height:1.5}
.reading-card,.same-time-card{background:#f5f7ff;border-color:#dce4f8}.hour-choice{min-height:106px;border-radius:20px;font-size:38px}.hour-choice.chosen{background:#e4f5eb}.journey-diagram{border:0;background:#eef3fc;border-radius:20px}.diagram-labels{font-size:14px;padding-bottom:17px}.unfold-control{font-size:14px;margin-top:17px}.journey-small-actions{margin-top:5px}.journey-small-actions button{flex:1}.count-slot{border-radius:15px}.count-strip{margin-top:14px}.count-sum{font-size:23px}.meaning-chips{margin-top:0}.meaning-chips>span{flex:1;text-align:center}.same-time-card strong{font-size:34px}.equal-sign{line-height:1}.same-time-card{padding:18px}.independent-fields{background:#f6f8fe}.independent-fields legend{font-weight:700;color:#354d74}.independent-fields select{border:2px solid #c4d2eb}.journey-bottom{padding:18px 27px;background:#fafbff;border-top:1px solid #e2e8f4;min-height:88px}.journey-bottom p{font-size:16px}.journey-actions button{min-height:48px;font-size:16px;padding:10px 20px}.journey-actions .primary{min-width:155px}.journey-actions button:disabled{opacity:.45}.journey-success{color:#126348;font-weight:700}.journey-board[data-stage="7"] .journey-clock-zone{background:radial-gradient(ellipse at 50% 35%,#3c6596,#21365e)}
.play-board,.lesson-body,.panel{border:0;box-shadow:0 15px 45px #233f7515;border-radius:28px}.play-heading{padding:20px 26px}.play-heading h2{font-size:27px}.play-tabs button.active{background:#3857ec;color:white}.play-coach{padding:28px}.play-clock-zone{background:#eaf0ff}.play-topline h1,.page-head h1{font-size:29px}.page-head{margin-bottom:20px}.lesson.active{border-color:#3857ec}.clock-buddy{object-fit:contain}.practice-levels button.active{background:#3857ec}.match-card{border-radius:20px}.play-note{font-size:14px}.side-note,.lesson small{font-size:13px}.answer-grid button{font-size:22px}
@keyframes taskAppear{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}.journey-activity{animation:taskAppear .28s ease-out}
@media(min-width:1000px) and (max-height:850px){main{padding-top:16px}.journey-top{margin-bottom:10px}.expedition-path{margin:0 0 13px}.journey-stage{padding:13px 25px}.journey-clock-zone #journey-clock-wrap,.journey-clock-zone .clock{max-width:350px}.journey-clock-zone{padding:14px 25px 18px;gap:4px}.journey-coach{padding:17px 27px}.journey-instruction .clock-buddy{width:103px;height:115px}.journey-instruction{margin-bottom:8px}.journey-readout{font-size:30px}.journey-bottom{padding:14px 25px;min-height:77px}.journey-stage h2{font-size:25px}.hand-card{min-height:116px}.motion-scene{max-width:360px;margin:auto}}
@media(max-width:1000px){.header{padding:14px 22px;gap:14px;flex-wrap:wrap}.header nav{order:3;flex-basis:100%;justify-content:center}.header nav button{flex:1;font-size:16px}.more-menu{margin-left:auto}.sound{margin-left:0}.journey-workspace{grid-template-columns:minmax(0,1fr) minmax(320px,1fr)}.journey-coach{padding:22px}.journey-instruction .clock-buddy{width:90px;height:112px}.journey-clock-zone{padding:20px 16px}.journey-stage h2{font-size:25px}.hand-card{padding:14px}.hand-card strong{font-size:25px}.same-time-card strong{font-size:30px}}
@media(max-width:740px){main{padding:18px 14px 24px}.header{padding:12px 16px;gap:8px 12px}.brand{font-size:22px}.brand-clock{width:37px;height:37px;line-height:35px;font-size:30px}.header nav{gap:6px}.header nav button{padding:10px 8px;font-size:15px}.sound{font-size:13px;padding:7px 9px}.more-menu summary{font-size:13px}.journey-top{gap:12px;align-items:flex-start;margin-bottom:13px}.journey-top h1{font-size:27px}.journey-kicker{font-size:13px}.journey-options{gap:7px;flex-wrap:wrap;font-size:13px;justify-content:flex-end}.journey-options label{font-size:13px}.journey-options>button{font-size:13px}.expedition-path{gap:5px;margin:0 0 15px}.expedition-path li{flex-direction:column;gap:7px;padding:8px 2px;font-size:13px;text-align:center}.expedition-path b{width:28px;height:28px}.journey-board{border-radius:23px}.journey-workspace{display:block}.journey-stage{padding:16px 18px}.journey-stage h2{font-size:22px}.journey-stage .eyebrow{font-size:13px}.journey-dots{display:none}.journey-clock-zone{padding:12px 14px 17px;gap:3px}.journey-clock-zone #journey-clock-wrap,.journey-clock-zone .clock{max-width:305px}.clock-caption{font-size:13px}.journey-clock-zone .clock-labels{font-size:13px;gap:13px;margin:6px 0}.journey-readout{font-size:29px;min-width:185px}.journey-coach{padding:18px 20px}.journey-instruction .clock-buddy{width:93px;height:100px}.journey-instruction p{font-size:17px;line-height:1.65;padding-left:12px}.journey-activity{max-width:460px}.hand-card{padding:16px;min-height:121px}.hand-card strong{font-size:28px}.journey-bottom{padding:16px 20px;gap:12px}.journey-bottom p{flex-basis:100%;font-size:15px}.journey-actions{width:100%;justify-content:space-between}.journey-actions .primary{flex:1;max-width:260px}.journey-actions button{font-size:15px}.journey-listen{margin-top:8px}.journey-stage .case-picker{max-width:130px;flex-shrink:0}.case-picker summary{font-size:13px;padding:10px}.case-picker[open] .journey-cases{right:0}.same-time-card strong{font-size:30px}.play-heading h2{font-size:23px}.play-coach{padding:20px}.play-topline h1,.page-head h1{font-size:25px}footer{font-size:12px;padding:0 16px 20px}}
@media(max-width:390px){.header{gap:6px 9px}.brand{font-size:20px}.brand-clock{width:32px;height:32px;font-size:27px;line-height:31px}.journey-options{margin-left:0;width:100%;justify-content:space-between}.journey-top{gap:3px}.journey-stage{gap:8px}.journey-stage h2{font-size:20px}.journey-clock-zone #journey-clock-wrap,.journey-clock-zone .clock{max-width:275px}.journey-coach{padding:16px}.hand-card{padding:13px}.hand-card strong{font-size:25px}.journey-instruction p{font-size:16px}.journey-instruction .clock-buddy{width:77px}.journey-stage .case-picker{max-width:112px}.case-picker summary{font-size:12px}.independent-fields{padding:12px 8px}.independent-fields select{min-width:60px}.expedition-path li{font-size:12px}}
.journey-coach .journey-bottom{display:flex;flex-wrap:wrap;gap:12px;border-radius:0;background:transparent;padding:16px 0 0;margin-top:16px;min-height:0}.journey-coach .journey-bottom p{flex-basis:100%;font-size:15px;line-height:1.65;min-height:48px}.journey-coach .journey-actions{width:100%;justify-content:space-between}.journey-coach .journey-actions .primary{min-width:0;flex:1;max-width:280px}.journey-coach .journey-actions button{padding:10px 17px}.journey-coach .journey-listen{margin-top:6px}.journey-coach .discovery-equation{font-size:16px;margin-top:17px;padding:12px}.journey-coach .discovery-equation strong{font-size:28px}
@media(min-width:1000px) and (max-height:850px){.header{padding-top:12px;padding-bottom:12px}.journey-top h1{font-size:27px}.journey-kicker{font-size:13px;margin-bottom:0}.journey-stage h2{font-size:24px}.journey-stage{padding-top:12px;padding-bottom:12px}.expedition-path li{padding-top:6px;padding-bottom:6px}.journey-clock-zone #journey-clock-wrap,.journey-clock-zone .clock{max-width:395px}.journey-instruction .clock-buddy{width:90px;height:95px}.journey-instruction p{font-size:17px}.journey-coach{padding:16px 26px}.journey-coach .journey-bottom{margin-top:10px;padding-top:10px;gap:8px}.journey-coach .journey-bottom p{font-size:14px;min-height:44px}.journey-coach .journey-listen{min-height:38px;margin-top:4px}.hand-card{min-height:110px;padding:14px 17px}.hand-card strong{font-size:27px}.discovery-equation{min-height:0}.journey-coach .discovery-equation{margin-top:14px;padding:9px}.journey-coach .discovery-equation strong{font-size:25px}.journey-coach .motion-scene{max-width:320px}.journey-coach .fixed-time{margin:9px 0 0}.journey-coach .meaning-chips{margin-bottom:10px}.journey-coach .same-time-card{padding:12px}.journey-coach .same-time-card strong{font-size:30px}}
@media(prefers-reduced-motion:reduce){.journey-activity{animation:none}}@media print{body{background:white}.header,.expedition-path{display:none}.journey-board,.panel{box-shadow:none}}