:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:oklch(18% .018 62);--surface:oklch(24% .018 63);--surface-2:oklch(28% .018 63);--surface-3:oklch(32% .018 63);--text:oklch(94% .012 76);--text-soft:oklch(79% .018 76);--muted:oklch(65% .018 76);--line:oklch(43% .018 63);--line-strong:oklch(54% .04 58);--accent:oklch(68% .16 42);--accent-ink:oklch(19% .03 44);--accent-muted:oklch(35% .06 42);--success:oklch(68% .13 146);--warning:oklch(78% .13 84);--danger:oklch(67% .16 25);--info:oklch(70% .1 224);--shadow:0 16px 42px oklch(8% .012 62/.42);--radius:8px;--control-h:44px;font-family:Inter,Pretendard,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg);min-width:320px}body{background:var(--bg);color:var(--text);margin:0}button,select,input{font:inherit}button,select{min-height:var(--control-h)}button{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);color:var(--text);cursor:pointer;transition:background-color .15s ease-out,border-color .15s ease-out,color .15s ease-out,transform .15s ease-out}button:hover:not(:disabled){border-color:var(--line-strong);background:var(--surface-3)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:1.45rem;font-weight:760;line-height:1.15}h2{margin-bottom:0;font-size:1.2rem;font-weight:740;line-height:1.2}h3{margin:0 0 .65rem;font-size:.95rem;line-height:1.25}a{color:var(--info)}.app-shell{width:min(1520px,100% - 32px);margin:0 auto;padding:18px 0 36px}.top-bar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:68px;margin-bottom:14px;display:flex}.brand-lockup{align-items:center;gap:12px;min-width:0;display:flex}.brand-mark{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--accent-muted);width:42px;height:42px;color:var(--text);font-variant-numeric:tabular-nums;flex:none;place-items:center;font-weight:820;display:grid}.eyebrow{color:var(--muted);letter-spacing:0;text-transform:uppercase;margin:0 0 .28rem;font-size:.74rem;font-weight:720;line-height:1.2}.status-cluster{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.mode-chip,.wake-chip,.phase-badge,.summary-line,.metric,.notice,.action-readout,.next-readout{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.mode-chip,.wake-chip{min-height:34px;color:var(--text-soft);align-items:center;padding:0 10px;font-size:.84rem;font-weight:680;display:inline-flex}.mode-chip{border-color:var(--accent-muted);color:var(--accent)}.wake-chip.active{color:var(--success);border-color:oklch(48% .1 146)}.wake-chip.error,.wake-chip.unsupported{color:var(--danger);border-color:oklch(48% .1 25)}.workbench{grid-template-columns:minmax(270px,330px) minmax(430px,1fr) minmax(300px,360px);align-items:start;gap:12px;display:grid}.planner-panel,.timer-cockpit,.plan-panel,.evidence-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.planner-panel,.plan-panel{padding:14px;position:sticky;top:12px}.timer-cockpit{background:oklch(21% .017 62);min-height:690px;padding:16px}.run-mode .timer-cockpit{border-color:var(--accent-muted)}.section-heading,.cockpit-top{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.field{color:var(--text-soft);gap:8px;margin-bottom:14px;font-size:.88rem;line-height:1.35;display:grid}.field>span,.range-field>span{color:var(--muted);font-weight:690}.field-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.select-control{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);width:100%;color:var(--text);padding:0 11px}.range-field{grid-template-columns:1fr auto;align-items:center}.range-field input{grid-column:1/-1}.range-field strong{font-variant-numeric:tabular-nums;font-size:1.05rem}input[type=range]{width:100%;accent-color:var(--accent)}.segmented{grid-template-columns:1fr 1fr;gap:6px;display:grid}.segmented.compact{grid-template-columns:1fr}.segment{text-align:left;align-content:center;gap:2px;min-height:54px;padding:8px 10px;display:grid}.segment small{color:var(--muted);font-size:.75rem}.segment.active{border-color:var(--accent);background:var(--accent-muted);color:var(--text)}.switch-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:4px;display:grid}.switch{min-height:var(--control-h);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);color:var(--text-soft);align-items:center;gap:8px;padding:0 10px;font-size:.88rem;font-weight:660;display:flex}.switch input{width:18px;height:18px;accent-color:var(--accent)}.secondary-action{width:100%;color:var(--text-soft);margin-top:10px}.support-note{color:var(--warning);margin:8px 0 0;font-size:.82rem;line-height:1.45}.phase-badge{justify-items:end;min-width:96px;padding:8px 10px;display:grid}.phase-badge span{color:var(--text);font-variant-numeric:tabular-nums;font-weight:760}.phase-badge small{color:var(--muted);font-size:.72rem}.phase-badge.flip,.phase-badge.sear,.phase-badge.baste{border-color:var(--accent-muted);color:var(--accent)}.phase-badge.rest{border-color:oklch(45% .08 146)}.phase-badge.checkpoint{border-color:oklch(50% .08 84)}.timer-readout{color:var(--text);font-variant-numeric:tabular-nums;margin:20px 0 12px;font-size:7.5rem;font-weight:840;line-height:.95}.progress-stack{margin-bottom:14px}.progress-bar{border:1px solid var(--line);background:var(--surface-2);border-radius:999px;height:12px;overflow:hidden}.progress-bar span{border-radius:inherit;background:var(--accent);height:100%;transition:width .18s ease-out;display:block}.progress-meta{color:var(--muted);justify-content:space-between;gap:10px;margin-top:7px;font-size:.82rem;display:flex}.action-readout{background:oklch(25% .025 62);margin-bottom:10px;padding:13px 14px}.action-readout span,.next-readout span{color:var(--accent);margin-bottom:6px;font-size:.76rem;font-weight:760;display:block}.action-readout p{max-width:68ch;color:var(--text);margin-bottom:0;font-size:1.02rem;line-height:1.65}.next-readout{grid-template-columns:1fr auto;gap:2px 12px;margin-bottom:10px;padding:11px 14px;display:grid}.next-readout span{color:var(--muted);grid-column:1/-1;margin-bottom:0}.next-readout strong{color:var(--text-soft)}.next-readout small{color:var(--muted);font-variant-numeric:tabular-nums}.hold-note{border-radius:var(--radius);color:var(--warning);background:oklch(30% .045 84);border:1px solid oklch(55% .11 84);margin-bottom:10px;padding:11px 12px;line-height:1.5}.timer-actions{grid-template-columns:1.35fr 1fr .8fr .8fr;gap:8px;margin:12px 0;display:grid}.timer-actions button{padding:0 12px;font-weight:720}.primary-action{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.primary-action:hover:not(:disabled){color:var(--accent-ink);background:oklch(74% .15 42)}.phase-list{gap:6px;max-height:318px;padding-right:2px;display:grid;overflow:auto}.phase{text-align:left;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;width:100%;min-height:48px;padding:7px 9px;display:grid}.phase span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.8rem;font-weight:760}.phase strong{color:var(--text-soft);font-size:.9rem;line-height:1.25}.phase small{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.78rem}.phase.active{border-color:var(--accent);background:var(--accent-muted)}.phase.active strong,.phase.active span,.phase.active small{color:var(--text)}.phase.done{opacity:.72}.summary-line{gap:5px;margin-bottom:10px;padding:12px;display:grid}.summary-line span,.summary-line small,.metric span{color:var(--muted)}.summary-line strong{color:var(--text);line-height:1.3}.summary-line small{font-size:.82rem}.metric-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.metric{min-height:74px;padding:10px}.metric span{margin-bottom:7px;font-size:.78rem;display:block}.metric strong{color:var(--text);font-variant-numeric:tabular-nums;font-size:1.05rem;line-height:1.2;display:block}.notice{margin-top:10px;padding:11px 12px;line-height:1.55}.notice strong{color:var(--text);margin-bottom:5px;display:block}.notice p{color:var(--text-soft);margin-bottom:0}.notice.danger{color:oklch(86% .055 25);background:oklch(28% .045 25);border-color:oklch(48% .12 25)}.notice.subtle{background:var(--surface-2)}.detail-block{margin-top:14px}ul{color:var(--text-soft);margin:0;padding-left:1rem;line-height:1.55}li+li{margin-top:.35rem}.evidence-panel{grid-template-columns:minmax(280px,1fr) minmax(360px,1.2fr);gap:16px;margin-top:12px;padding:14px;display:grid}.evidence-panel p{max-width:68ch;color:var(--text-soft);margin-bottom:0;line-height:1.65}.source-grid{grid-template-columns:1fr 1fr;align-content:start;gap:8px;display:grid}.source-grid a{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);min-height:48px;color:var(--text-soft);align-items:center;padding:8px 10px;line-height:1.3;text-decoration:none;display:flex}.source-grid a:hover{border-color:var(--line-strong);color:var(--text)}@media (width<=1220px){.workbench{grid-template-columns:minmax(280px,.8fr) minmax(420px,1.2fr)}.plan-panel{grid-column:1/-1;position:static}.metric-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=860px){.app-shell{width:min(100% - 20px,100%);padding-top:10px}.top-bar,.brand-lockup,.status-cluster{align-items:flex-start}.top-bar{flex-direction:column;padding-bottom:12px}.workbench{grid-template-columns:1fr}.timer-cockpit{order:1;min-height:auto}.plan-panel{order:2}.planner-panel{order:3;position:static}.timer-readout{font-size:5.25rem}.timer-actions,.metric-grid,.evidence-panel,.source-grid{grid-template-columns:1fr}}@media (width<=520px){h1{font-size:1.18rem}.brand-mark{width:38px;height:38px}.field-row,.segmented,.switch-grid{grid-template-columns:1fr}.timer-readout{font-size:4.35rem}.phase{grid-template-columns:34px 1fr}.phase small{grid-column:2}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
