.stage-main{background:var(--cream)}.study-timer{max-width:1200px;margin:30px auto 0;padding:34px;display:grid;grid-template-columns:.9fr 1.1fr;gap:38px;align-items:center;border:1px solid #dfe2d6;background:linear-gradient(135deg,#f9f8f2,#e9eee3);box-shadow:0 18px 50px #203b2910}.timer-intro h1{font:500 clamp(36px,4vw,52px)/1.1 var(--serif);letter-spacing:-1.5px;color:var(--forest);margin:18px 0}.timer-intro h1 em{color:#82906c;font-weight:500}.timer-intro p{max-width:360px;font-size:13px;line-height:1.8;color:#667265;margin:0}.timer-panel{background:#fffefa;padding:22px 24px 17px;border:1px solid #e5e7dd}.timer-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.preset{border:1px solid #dfe3d7;background:#f7f7f0;color:#294735;padding:9px 5px 8px;font:600 15px var(--sans);cursor:pointer;transition:background .15s,color .15s,border .15s}.preset small{font-size:9px;display:block;font-weight:500}.preset span{display:block;font-size:8px;color:#798575;margin-top:5px}.preset.active{background:#234b38;color:white;border-color:#234b38}.preset.active span{color:#d9e4d2}.preset:disabled{cursor:default;opacity:.72}.timer-clock{display:flex;flex-direction:column;align-items:center;padding:24px 0 14px}.timer-mode{font-size:9px;letter-spacing:1.7px;color:#78876b;font-weight:700}.timer-clock strong{font:500 clamp(58px,7vw,78px)/1.05 var(--serif);letter-spacing:1px;color:#193d2c;font-variant-numeric:tabular-nums}.timer-status{min-height:17px;color:#748073;font-size:10px}.is-break .timer-clock strong{color:#78885c}.is-break .timer-mode{color:#87925f}.timer-controls{display:flex;justify-content:center;gap:9px}.timer-start,.timer-reset{border:0;padding:12px 23px;font:600 11px var(--sans);cursor:pointer}.timer-start{background:#234b38;color:white;min-width:130px}.timer-reset{background:#e9ece3;color:#425342}.timer-start:hover{background:#315c43}.timer-reset:hover{background:#dfe4d8}.timer-tip{font-size:9px;text-align:center;color:#93998d;margin:13px 0 0}.stage-resources{max-width:880px;margin:0 auto;padding:52px 24px 94px}.stage-resources>.eyebrow{margin:30px 0 12px}.stage-resources h2{font:500 clamp(36px,4.4vw,52px)/1.1 var(--serif);color:var(--forest);letter-spacing:-1px;margin:0 0 12px}.stage-resources h2 em{color:#82906c}.stage-lead{max-width:590px;color:#6c746b;font-size:13px;line-height:1.8;margin-bottom:30px}.resource-card{display:grid;grid-template-columns:100px 1fr;gap:22px;align-items:center;padding:26px;background:#fffefa;border:1px solid #e4e5dc}.resource-icon{width:82px;height:82px;border-radius:50%;background:#e8ecdf;display:grid;place-items:center;color:#31563c;font:500 25px var(--serif)}.resource-card .eyebrow{font-size:8px}.resource-card h3{font:500 24px var(--serif);color:var(--forest);margin:9px 0}.resource-card p{font-size:11px;line-height:1.7;color:#737b70;margin:0 0 12px}.resource-link{font-size:10px;font-weight:700;color:#31563c;border-bottom:1px solid #cdd5c6;padding-bottom:4px}.resource-link b{margin-left:14px;font-size:14px}.stage-note{margin-top:18px;padding:17px 20px;background:#edf0e6;color:#64705f;font-size:11px;line-height:1.6;display:flex;justify-content:space-between;gap:16px}.stage-note span{font-size:15px}@media(max-width:800px){.study-timer{margin:14px 15px 0;padding:24px 18px;grid-template-columns:1fr;gap:20px}.timer-intro h1{font-size:38px;margin:13px 0}.timer-panel{padding:17px 12px 14px}.preset{font-size:13px}.preset small{font-size:8px}.preset span{font-size:7px}.stage-resources{padding-top:42px}.resource-card{grid-template-columns:65px 1fr;gap:15px;padding:18px}.resource-icon{width:58px;height:58px;font-size:19px}.resource-card h3{font-size:21px}}

.custom-timer{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:end;margin:12px 0 0;padding:10px 0 13px;border-top:1px solid #edf0e8}.custom-timer label{font-size:9px;letter-spacing:.4px;color:#687565;display:flex;flex-direction:column;gap:5px}.custom-timer label span{display:flex;align-items:center;gap:5px}.custom-timer input{width:65px;padding:7px;border:1px solid #dfe3d7;background:#fff;color:#294735;font:600 12px var(--sans)}.custom-timer button{border:1px solid #b9c5b2;background:#edf0e6;color:#31563c;padding:8px 10px;font:600 9px var(--sans);cursor:pointer}.custom-timer button:disabled,.custom-timer input:disabled{opacity:.6;cursor:default}@media(max-width:800px){.custom-timer{grid-template-columns:1fr 1fr}.custom-timer button{grid-column:1/-1}}

.timer-presets{grid-template-columns:repeat(5,minmax(0,1fr))}.custom-timer[hidden]{display:none}@media(max-width:800px){.timer-presets{grid-template-columns:repeat(3,minmax(0,1fr))}}