@font-face{font-family:Paperlogy;src:url(/fonts/Paperlogy-4Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Paperlogy;src:url(/fonts/Paperlogy-6SemiBold.woff2)format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Paperlogy;src:url(/fonts/Paperlogy-7Bold.woff2)format("woff2");font-weight:700;font-display:swap}:root{color:#07164b;font-synthesis:none;text-rendering:optimizelegibility;word-break:keep-all;--canvas:#dce6ff;--ink:#07164b;--primary:#2447f9;--signal:#d8ff4f;--surface:#fff;--surface-soft:#f5f7ff;--muted:#61709e;--feedback:#933df0;--transition:#05835c;--danger:#b4232e;background:#dce6ff;font-family:Paperlogy,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:var(--canvas);min-height:100svh}button,input{min-height:44px;font:inherit;word-break:keep-all}button{border:2px solid var(--ink);color:var(--ink);background:var(--surface);cursor:pointer;border-radius:10px;padding:0 16px;font-weight:600}button:hover:not(:disabled){box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px)}button:active:not(:disabled){box-shadow:none;transform:translate(0)}button:focus-visible,input:focus-visible{outline:3px solid var(--primary);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.45}.app-shell{width:min(100% - 48px,1180px);min-height:100svh;margin:auto;padding:40px 0 56px}.topbar,.settings-heading{justify-content:space-between;align-items:center;gap:24px;display:flex}.title-block{min-width:0}.title-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}h1,h2,p{margin:0}h1{letter-spacing:-.04em;font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.2}h2{letter-spacing:-.03em;font-size:1.375rem;line-height:1.25}.eyebrow{color:var(--primary);letter-spacing:.08em;margin-bottom:4px;font-size:.8125rem;font-weight:700}.utility-actions{flex-wrap:wrap;gap:8px;display:flex}.utility-actions button{box-shadow:3px 3px 0 var(--ink)}.notice{border:2px solid var(--ink);color:var(--ink);background:var(--surface);border-radius:10px;margin:12px 0;padding:10px 14px;font-size:.8125rem;font-weight:600}.mode-tabs{grid-template-columns:1fr 1fr;gap:6px;margin:28px 0 10px;display:grid}.mode-tabs button{min-height:56px;color:var(--ink);background:var(--surface-soft);border-radius:14px}.mode-tabs button[aria-selected=true]{color:var(--surface);background:var(--ink);box-shadow:4px 4px 0 var(--primary)}.timer-card,.settings-card{border:3px solid var(--ink);background:var(--surface);box-shadow:9px 9px 0 var(--ink)}.timer-card{text-align:center;border-radius:22px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.timer-face{min-width:0;color:var(--surface);background:var(--primary);grid-column:1/-1;padding:28px 36px 30px}.status{min-height:25px;color:var(--signal);font-size:clamp(1rem,2.3vw,1.25rem);font-weight:700}.status:before{content:"";background:var(--signal);border:2px solid #ffffff73;border-radius:3px;width:10px;height:10px;margin-right:10px;display:inline-block}.time{font-variant-numeric:tabular-nums;font-feature-settings:"tnum";letter-spacing:.01px;text-shadow:4px 4px 0 var(--ink);justify-content:center;align-items:baseline;margin:10px 0 4px;font-size:clamp(4.25rem,14.8vw,11.25rem);font-weight:700;line-height:1.2;display:flex}.time span:first-child,.time span:nth-child(3){width:2.15ch}.time span:nth-child(2){width:.44em}.time span{line-height:1.2}.next-step{color:var(--surface);margin-top:12px;font-weight:600}.phase-rail{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:34px 0 0;padding:0;list-style:none;display:grid}.phase-rail li{color:#ffffffbf;text-align:left;border-top:4px solid #ffffff59;padding-top:7px;font-size:.75rem;font-weight:700}.phase-rail li:nth-child(2){text-align:center}.phase-rail li:nth-child(3){text-align:right}.phase-rail li.current{border-color:var(--signal);color:var(--signal)}.adjustments,.primary-actions{gap:8px;padding:18px 22px;display:grid}.adjustments{border-top:3px solid var(--ink);grid-template-columns:repeat(4,minmax(0,1fr));justify-content:start}.primary-actions{border-top:3px solid var(--ink);grid-template-columns:repeat(3,minmax(0,1fr))}.adjustments button,.primary-actions button{padding-inline:10px}.primary-actions button:first-child,button.apply{color:var(--ink);background:var(--signal)}.primary-actions button:nth-child(3){color:var(--surface);background:var(--ink)}.settings-card{box-shadow:7px 7px 0 var(--ink);border-radius:18px;margin-top:26px;padding:0 24px 22px;overflow:hidden}.settings-heading{min-height:84px}.total{color:var(--muted);font-size:.8125rem;font-weight:600}.total:first-line{color:var(--ink)}.summary{border-block:2px solid var(--ink);grid-template-columns:repeat(5,minmax(0,1fr));margin:0 -24px 20px;display:grid}.summary>span{border-right:2px solid var(--ink);min-width:0;min-height:66px;color:var(--muted);flex-direction:column;justify-content:center;gap:2px;padding:8px 18px;font-size:.75rem;display:flex}.summary>span:last-child{border-right:0}.summary strong{color:var(--ink);font-variant-numeric:tabular-nums;font-size:1.15rem}.summary>span:first-child strong{color:var(--primary)}.summary>span:nth-child(2) strong{color:var(--feedback)}.summary>span:nth-child(4) strong{color:var(--transition)}.field-grid{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(150px,.62fr);align-items:stretch;gap:10px;display:grid}.field-grid.compact{grid-template-columns:repeat(2,minmax(0,180px))}.duration-group,.cycle-count,.field-grid.compact>label{border:2px solid var(--ink);background:var(--surface-soft);border-radius:10px;min-width:0;margin:0;padding:10px 12px 12px}.duration-group legend{color:var(--ink);padding:0 5px;font-size:.8125rem;font-weight:700}.duration-group:first-child legend:before,.duration-group:nth-child(2) legend:before,.duration-group:nth-child(3) legend:before,.cycle-count legend:before{content:"";background:var(--primary);border-radius:2px;width:7px;height:7px;margin-right:7px;display:inline-block}.duration-group:nth-child(2) legend:before{background:var(--feedback)}.duration-group:nth-child(3) legend:before{background:var(--transition)}.cycle-count legend:before{background:var(--signal)}.duration-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.cycle-count .duration-fields{grid-template-columns:minmax(0,1fr)}label span{color:var(--muted);margin:0 0 5px;font-size:.75rem;display:block}input{border:2px solid var(--ink);width:100%;color:var(--ink);background:var(--surface);font-variant-numeric:tabular-nums;border-radius:8px;padding:8px 10px}button.apply{width:100%;box-shadow:4px 4px 0 var(--ink);margin-top:18px}.sound-on{color:var(--ink);background:var(--signal)}.sound-off{border-color:var(--danger);color:var(--danger);background:#fff0f1;box-shadow:3px 3px 0 var(--danger)!important}.creator-credit{min-height:44px;color:var(--ink);white-space:nowrap;-webkit-text-decoration-color:var(--primary);text-decoration-color:var(--primary);text-underline-offset:4px;align-items:center;padding:6px 8px;font-size:.8125rem;font-weight:600;line-height:1.5;text-decoration-thickness:2px;display:inline-flex}.creator-credit:hover{color:var(--primary)}.creator-credit:focus-visible{outline:3px solid var(--primary);outline-offset:2px;border-radius:6px}@media (width<=800px){.app-shell{width:min(100% - 32px,1180px);padding-top:24px}.field-grid{grid-template-columns:1fr 1fr}.cycle-count{grid-column:1/-1}.summary>span{padding-inline:10px}.adjustments,.primary-actions{grid-column:1/-1}.primary-actions{border-top:0;padding-top:0}}@media (width<=520px){.app-shell{width:calc(100% - 20px);padding:16px 0 30px}.topbar{align-items:flex-start;gap:12px}.title-row{display:block}.creator-credit{margin-top:2px;padding-inline:0;font-size:.75rem}h1{font-size:1.55rem;line-height:1.2}.time{line-height:1.2}.utility-actions{justify-content:flex-end}.utility-actions button{padding-inline:9px}.mode-tabs{margin-top:20px}.mode-tabs button{min-width:0;padding-inline:6px}.timer-face{padding:24px 12px 22px}.phase-rail{gap:4px;margin-top:28px}.phase-rail li{font-size:.68rem}.adjustments,.primary-actions{gap:6px;padding-inline:10px}.adjustments button,.primary-actions button{min-width:0;padding-inline:3px;font-size:.86rem}.settings-card{padding-inline:14px}.summary{grid-template-columns:repeat(2,minmax(0,1fr));margin-inline:-14px}.summary>span{border-bottom:2px solid var(--ink)}.summary>span:nth-child(2n){border-right:0}.summary>span:nth-last-child(-n+2){border-bottom:0}.summary>span:last-child{border-top:2px solid var(--ink);grid-column:1/-1}.field-grid,.field-grid.compact{grid-template-columns:1fr}.cycle-count{grid-column:auto}}@media (width<=350px){.topbar{display:block}.utility-actions{margin-top:12px}.utility-actions button{flex:1}.time{font-size:4rem}.adjustments button,.primary-actions button{font-size:.78rem}.phase-rail li{font-size:.625rem}}