.study-duration-control{display:grid;gap:0;margin:16px 0;padding:0;background:none;border:0;box-shadow:none}
.study-duration-picker{display:grid;gap:0;text-align:center;font-size:18px;line-height:1.4;font-weight:550;color:var(--muted)}
.study-duration-readout{display:block;color:var(--pine);font-size:clamp(46px,5vw,56px);line-height:1.2;letter-spacing:-2px;font-weight:750;font-variant-numeric:tabular-nums;margin:0 0 4px;min-height:1.2em}
.study-duration-picker input[type=range]{appearance:none;display:block;width:100%;height:44px;min-height:44px;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;cursor:pointer;accent-color:var(--pine)}
.study-duration-picker input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:999px;background:linear-gradient(to right,var(--pine) var(--duration-progress),var(--line) var(--duration-progress))}
.study-duration-picker input[type=range]::-webkit-slider-thumb{appearance:none;width:28px;height:28px;margin-top:-10px;border:5px solid var(--surface);border-radius:50%;background:var(--pine);box-shadow:0 0 0 1px var(--pine),0 3px 8px #124b3426}
.study-duration-picker input[type=range]::-moz-range-track{height:8px;border-radius:999px;background:var(--line)}
.study-duration-picker input[type=range]::-moz-range-progress{height:8px;border-radius:999px;background:var(--pine)}
.study-duration-picker input[type=range]::-moz-range-thumb{width:18px;height:18px;border:5px solid var(--surface);border-radius:50%;background:var(--pine);box-shadow:0 0 0 1px var(--pine)}
.study-duration-picker input:focus-visible{outline:3px solid var(--pine);outline-offset:3px;border-radius:8px}
.study-duration-marks{display:flex;justify-content:space-between;font-size:17px;line-height:24px;color:var(--muted);margin-top:-4px}
.study-duration-custom{justify-self:center;min-height:44px;padding:8px 14px;border:0!important;background:transparent!important;color:var(--pine);font-size:17px;text-decoration:underline;text-underline-offset:4px;box-shadow:none!important}
.study-duration-entry{display:flex;align-items:center;gap:12px;font-size:20px;color:var(--ink)}
.study-duration-entry input{flex:1;min-width:0;width:100%;min-height:56px;padding:10px 16px;font-size:24px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.study-duration-note{margin:0;font-size:17px!important;line-height:1.5;color:var(--muted);text-align:center}
.study-duration-control [hidden]{display:none!important}
.studio-time-plan{margin:8px auto;padding:24px;max-width:580px;border-radius:24px;text-align:center}
.studio-time-plan h1{font-size:30px!important;letter-spacing:-1px;line-height:1.35;margin:0 0 12px!important}
.studio-time-plan>.studio-meaning{font-size:18px!important;line-height:1.6;margin:0!important}
.studio-time-plan>[data-study-start]{margin:0 0 12px;min-height:56px!important;font-size:20px!important;border-radius:14px;box-shadow:0 5px 12px #176e5520}
.studio-time-footer{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding-top:12px;text-align:left;position:relative}
.studio-time-options{flex:1;min-width:0}
.studio-time-options>summary{display:list-item;cursor:pointer;color:var(--pine);font-size:18px;font-weight:650;min-height:44px;line-height:44px}
.studio-time-options[open]>summary{margin-bottom:18px}
.studio-time-options[open]{flex-basis:100%}
.studio-time-footer:has(.studio-time-options[open]){flex-wrap:wrap}
.studio-time-options .studio-difficulty{margin-top:0}
.studio-time-footer [data-study-resume]{min-height:44px;padding:8px 10px;border:0!important;background:transparent;box-shadow:none!important;color:var(--pine);white-space:nowrap;font-size:18px}
.studio-time-footer:has(.studio-time-options[open]) [data-study-resume]{position:absolute;right:0;top:12px}
body[data-view=studio]:has(.studio-time-plan) .site-header{min-height:64px;padding-block:10px}
body[data-view=studio]:has(.studio-time-plan) #workspace{padding-top:0;padding-bottom:12px}
.learning-studio-workspace:has(.studio-time-plan){padding-top:0;padding-bottom:0;min-height:0}
.learning-studio-workspace:has(.studio-time-plan) .studio-path{margin-bottom:0}
body:has(.studio-time-plan) .site-utility-footer{display:none}
@media(max-width:480px){.studio-time-plan{padding:24px 20px}.studio-time-plan h1{font-size:25px!important}.studio-time-plan>.studio-meaning{font-size:17px!important}.study-duration-readout{font-size:48px}.studio-time-footer{gap:10px}}