:root{--bg: oklch(16% .012 250);--surface: oklch(21% .01 240);--fg: oklch(94% .012 240);--muted: oklch(70% .016 240);--border: oklch(32% .012 240);--accent: oklch(72% .16 145);--accent-soft: color-mix(in oklch, var(--accent) 18%, transparent);--fg-soft: color-mix(in oklch, var(--fg) 8%, transparent);--ok: oklch(70% .14 150);--warn: oklch(78% .14 75);--error: oklch(64% .19 25);--info: oklch(72% .1 235);--ok-soft: color-mix(in oklch, var(--ok) 16%, transparent);--warn-soft: color-mix(in oklch, var(--warn) 18%, transparent);--error-soft: color-mix(in oklch, var(--error) 16%, transparent);--cat-power: oklch(72% .12 25);--cat-current: oklch(70% .1 230);--cat-recurrent: oklch(68% .08 160);--cat-gold: oklch(76% .1 85);--cat-jingle: oklch(66% .04 280);--cat-tanda: oklch(58% .02 240);--font-display: "Iowan Old Style", Charter, Georgia, "Times New Roman", serif;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", "IBM Plex Mono", ui-monospace, Menlo, monospace;--fs-h1: clamp(28px, 3vw, 40px);--fs-h2: clamp(22px, 2.4vw, 32px);--fs-h3: 16px;--fs-lead: 16px;--fs-body: 14px;--fs-meta: 12px;--gap-xs: 8px;--gap-sm: 12px;--gap-md: 20px;--gap-lg: 32px;--container: 1120px;--gutter: 16px;--radius: 8px;--radius-lg: 12px}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:var(--fs-body);line-height:1.45;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit}h1,h2,h3{font-family:var(--font-display);margin:0;text-wrap:balance}p{text-wrap:pretty;margin:0}.container{max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}.row{display:flex;align-items:center;gap:var(--gap-sm)}.row-between{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-sm);flex-wrap:wrap}.grid-2,.grid-3{display:grid;gap:var(--gap-lg)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}@media(max-width:920px){.grid-2,.grid-3{grid-template-columns:1fr}}.h1,h1{font-size:var(--fs-h1)}.h2,h2{font-size:var(--fs-h2)}.h3,h3{font-size:var(--fs-h3);font-weight:600}.lead{color:var(--muted);max-width:60ch}.eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0}.meta{font-family:var(--font-mono);font-size:var(--fs-meta);color:var(--muted)}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.topnav{background:color-mix(in oklch,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.topnav-inner{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-block:8px;min-height:56px}.topnav .logo{font-family:var(--font-display);font-size:18px;font-weight:600;min-height:44px;display:inline-flex;align-items:center}.topnav nav{display:flex;gap:12px;flex-wrap:wrap}.topnav nav a,.topnav nav button.nav-link{color:var(--muted);min-height:44px;display:inline-flex;align-items:center;background:none;border:0;padding:0;font-size:inherit}.topnav nav a:hover,.topnav nav a[aria-current=page],.topnav nav button.nav-link:hover,.topnav nav button.nav-link[aria-current=page]{color:var(--fg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:8px 14px;border-radius:var(--radius);border:1px solid transparent;font-size:13px;font-weight:500}.btn:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,.slot:focus-visible,.heat-cell:focus-visible,.clock-row:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-primary{background:var(--accent);color:var(--bg);border-color:var(--accent)}.btn-primary:hover{background:color-mix(in oklch,var(--accent) 86%,var(--fg));color:var(--bg)}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-secondary{background:transparent;color:var(--fg);border-color:var(--border)}.btn-secondary:hover{background:var(--fg-soft);color:var(--fg)}.btn-ghost{background:transparent;color:var(--fg);border:0}.btn-ghost:hover{background:var(--fg-soft);color:var(--fg)}.btn-arrow:after{content:"→"}.pill{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-family:var(--font-mono);font-size:10px;letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--border)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px}.input,select.input,textarea.input{background:var(--surface);color:var(--fg);border:1px solid var(--border);border-radius:var(--radius);min-height:44px;padding:0 10px;width:100%;font:inherit}textarea.input{padding:10px;min-height:120px}.field{display:grid;gap:6px;margin:12px 0}.studio{display:flex;flex-direction:column;min-height:100dvh}.chrome-status{display:flex;align-items:center;gap:10px;margin-left:auto;flex-wrap:wrap}.count{font-family:var(--font-mono);font-size:12px;color:var(--muted)}.count.warn{color:var(--fg)}.studio-body{display:grid;grid-template-columns:88px minmax(0,1fr) 320px;flex:1;min-height:0;border-top:1px solid var(--border)}.studio.copilot-off .studio-body{grid-template-columns:88px minmax(0,1fr) 48px}.heatmap{border-right:1px solid var(--border);overflow:auto;padding:8px 6px;display:flex;flex-direction:column;gap:3px}.heat-cell{display:grid;grid-template-columns:28px 1fr;gap:4px;align-items:center;min-height:28px;padding:0 4px;border:0;background:transparent;text-align:left;width:100%;color:var(--muted)}.heat-cell .bar{height:10px;border-radius:2px;background:var(--border)}.heat-cell.ok .bar{background:color-mix(in oklch,var(--fg) 35%,transparent)}.heat-cell.warn .bar{background:color-mix(in oklch,var(--fg) 70%,transparent)}.heat-cell.hole .bar{background:transparent;border:1px dashed var(--border)}.heat-cell[aria-current=true]{color:var(--fg);background:var(--fg-soft)}.timeline{overflow:auto;padding:12px 16px}.slot{display:grid;grid-template-columns:52px 8px minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;text-align:left;border:1px solid transparent;border-bottom:1px solid var(--border);background:transparent;padding:8px 6px;min-height:44px;color:var(--fg)}.slot:hover{background:var(--fg-soft)}.slot[aria-selected=true]{border-color:var(--fg);background:var(--fg-soft)}.slot.warn{box-shadow:inset 3px 0 0 var(--fg)}.slot.hole{opacity:.7}.swatch{width:8px;height:28px;border-radius:2px}.swatch.POWER,i.POWER{background:var(--cat-power)}.swatch.CURRENT,i.CURRENT{background:var(--cat-current)}.swatch.RECURRENT,i.RECURRENT{background:var(--cat-recurrent)}.swatch.GOLD,i.GOLD{background:var(--cat-gold)}.swatch.JINGLE,i.JINGLE{background:var(--cat-jingle)}.swatch.TANDA,i.TANDA{background:var(--cat-tanda)}.swatch.HOLE{background:transparent;border:1px dashed var(--border)}.title{font-size:13px}.title small{display:block;color:var(--muted);font-weight:400}.rail{border-left:1px solid var(--border);display:flex;flex-direction:column;min-height:0;background:var(--surface)}.rail-head{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-bottom:1px solid var(--border);min-height:44px}.inspector,.copilot{padding:12px;overflow:auto}.inspector{flex:1;border-bottom:1px solid var(--border)}.copilot{flex:1}.trace{margin:0;padding-left:18px;color:var(--muted);font-size:13px}.proposal{border:1px solid var(--border);border-radius:var(--radius);padding:12px;margin-top:12px}.kbd{font-family:var(--font-mono);font-size:11px;border:1px solid var(--border);padding:1px 5px;border-radius:4px}.banner{display:none;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius);margin-bottom:12px}.banner.on{display:block}.ai-strip{display:none;padding:8px 16px;border-bottom:1px solid var(--border);background:var(--surface)}.ai-strip.on{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.studio.copilot-off .copilot,.studio.copilot-off .inspector{display:none}.studio.copilot-off .rail{background:var(--bg)}.keys{padding:8px 16px;border-top:1px solid var(--border);color:var(--muted);font-size:12px}.studio-body--split{grid-template-columns:minmax(280px,38%) 1fr}.studio-body--account{grid-template-columns:1fr 1fr}.clock-viz,.clock-list,.pane{padding:16px;overflow:auto}.clock-list{border-left:1px solid var(--border)}.pane+.pane{border-left:1px solid var(--border);background:var(--surface)}.dial{width:min(280px,100%);aspect-ratio:1;margin:16px auto;border-radius:50%;background:conic-gradient(var(--cat-jingle) 0 2.2%,var(--cat-power) 2.2% 29.2%,var(--cat-current) 29.2% 51.2%,var(--cat-tanda) 51.2% 63.2%,var(--cat-recurrent) 63.2% 81.2%,var(--cat-jingle) 81.2% 84.2%,var(--cat-gold) 84.2% 100%);box-shadow:inset 0 0 0 48px var(--bg);position:relative}.dial-label{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center;pointer-events:none}.mix{display:grid;gap:8px;margin-top:20px}.mix-row{display:grid;grid-template-columns:92px 1fr 40px;gap:8px;align-items:center}.mix-bar{height:10px;background:var(--border);border-radius:2px;overflow:hidden}.mix-bar>i{display:block;height:100%}.clock-row{display:grid;grid-template-columns:44px 44px 8px minmax(0,1fr) 56px;gap:8px;align-items:center;width:100%;text-align:left;border:0;border-bottom:1px solid var(--border);background:transparent;padding:8px 0;min-height:44px;color:var(--fg)}.clock-row:hover,.clock-row[aria-selected=true]{background:var(--fg-soft)}.clock-row--dragging{box-shadow:0 8px 24px color-mix(in oklch,var(--bg) 30%,transparent)}.clock-drag-handle{width:44px;min-width:44px;padding:0;font-size:16px;line-height:1;cursor:grab;touch-action:none}.clock-drag-handle:active{cursor:grabbing}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:var(--radius)}.ds-table{width:100%;border-collapse:collapse;font-size:13px}.ds-table th,.ds-table td{padding:8px 10px;border-bottom:1px solid var(--border);text-align:left}.ds-table th{font-family:var(--font-mono);font-size:11px;color:var(--muted);text-transform:uppercase}.ds-table tr:hover td{background:var(--fg-soft)}.drawer{position:fixed;top:0;right:0;width:min(420px,100%);height:100%;background:var(--surface);border-left:1px solid var(--border);padding:20px;z-index:20;overflow:auto}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in oklch,var(--bg) 40%,transparent);z-index:19}.log-row{display:grid;grid-template-columns:140px 1fr 120px;gap:var(--gap-lg);padding:22px 0;border-top:1px solid var(--border);align-items:baseline}.feature-mark{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--border);border-radius:10px;margin-bottom:12px}.tag{display:inline-flex;padding:4px 10px;border:1px solid var(--border);border-radius:999px;font-size:12px;color:var(--muted)}.hero{padding-block:clamp(48px,8vw,80px)}.hero-center{text-align:center;max-width:36ch;margin-inline:auto}.hero-split{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-lg);align-items:center}.section{padding-block:clamp(40px,6vw,64px)}.section+.section{border-top:1px solid var(--border)}.pagefoot{padding-block:var(--gap-lg);color:var(--muted);font-size:13px;border-top:1px solid var(--border)}.week-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;padding:16px}.week-day{border:1px solid var(--border);border-radius:var(--radius);padding:10px;min-height:120px}.week-day[aria-current=date]{border-color:var(--fg)}.week-day .mini-heat{display:flex;flex-direction:column;gap:2px;margin-top:8px}.week-day .mini-heat span{height:4px;border-radius:1px;background:var(--border)}.week-day .mini-heat span.ok{background:color-mix(in oklch,var(--fg) 35%,transparent)}.week-day .mini-heat span.warn{background:color-mix(in oklch,var(--fg) 70%,transparent)}.switch{min-height:44px;min-width:64px;border:1px solid var(--border);background:var(--bg);color:var(--fg);border-radius:var(--radius)}.auth-error{color:var(--fg);border:1px solid var(--border);padding:10px;border-radius:var(--radius);margin-bottom:12px}@media(max-width:920px){.studio-body,.studio-body--split,.studio-body--account{grid-template-columns:1fr}.heatmap{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--border)}.heat-cell{min-width:56px;grid-template-columns:1fr}.clock-list,.pane+.pane{border-left:0;border-top:1px solid var(--border)}.hero-split{grid-template-columns:1fr}.week-grid{grid-template-columns:repeat(2,1fr)}.log-row{grid-template-columns:1fr}}.heat-cell{position:relative;grid-template-columns:26px 1fr 18px;border-radius:6px;transition:background .12s ease}.heat-cell .num{font-family:var(--font-mono);font-size:11px}.heat-cell .bar{position:relative;height:8px;border-radius:999px;background:color-mix(in oklch,var(--border) 70%,transparent);overflow:hidden}.heat-cell .bar:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--fill, 0%);border-radius:999px;background:var(--ok)}.heat-cell.warn .bar:after{background:var(--warn)}.heat-cell.empty .bar{border:1px dashed var(--border);background:transparent}.heat-cell.empty .bar:after{width:0}.heat-flag{font-family:var(--font-mono);font-size:10px;line-height:1;padding:2px 4px;border-radius:4px;color:var(--bg);background:var(--warn);text-align:center}.heat-cell.ok{color:var(--fg)}.heat-cell:hover{background:var(--fg-soft)}.heat-cell[aria-current=true]{background:var(--fg-soft);box-shadow:inset 2px 0 0 var(--accent)}.slot{grid-template-columns:56px 8px minmax(0,1fr) auto;border-radius:6px;border-bottom-color:color-mix(in oklch,var(--border) 60%,transparent)}.slot .num{font-family:var(--font-mono);font-size:11px;letter-spacing:.02em}.slot .title{font-size:13px;font-weight:500}.slot .title em{font-style:normal;color:var(--muted);font-weight:400}.slot .title small{font-size:11px;letter-spacing:.04em;text-transform:uppercase}.slot-meta{display:flex;align-items:center;gap:6px}.dur{font-family:var(--font-mono);font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.chip{font-size:10px;letter-spacing:.04em;text-transform:uppercase;padding:2px 6px;border-radius:999px;border:1px solid var(--border);color:var(--muted);white-space:nowrap}.chip-pin{border-color:var(--info);color:var(--info)}.chip-hole{border-color:var(--warn);color:var(--warn);background:var(--warn-soft)}.slot.hole{opacity:1;background:color-mix(in oklch,var(--warn) 7%,transparent)}.slot.hole .swatch{background:transparent;border:1px dashed var(--warn)}.slot.warn{box-shadow:inset 3px 0 0 var(--warn)}.slot[aria-selected=true]{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--bg: oklch(98% .004 250);--surface: oklch(100% 0 0);--fg: oklch(24% .014 250);--muted: oklch(50% .014 250);--border: oklch(88% .008 250);--accent: oklch(52% .15 150);--ok: oklch(52% .14 150);--warn: oklch(62% .15 70);--error: oklch(53% .2 25);--info: oklch(52% .13 245);--cat-power: oklch(58% .16 25);--cat-current: oklch(54% .13 240);--cat-recurrent: oklch(52% .1 160);--cat-gold: oklch(60% .12 80);--cat-jingle: oklch(52% .08 285);--cat-tanda: oklch(60% .02 250)}}:root[data-theme=light]{--bg: oklch(98% .004 250);--surface: oklch(100% 0 0);--fg: oklch(24% .014 250);--muted: oklch(50% .014 250);--border: oklch(88% .008 250);--accent: oklch(52% .15 150);--ok: oklch(52% .14 150);--warn: oklch(62% .15 70);--error: oklch(53% .2 25);--info: oklch(52% .13 245)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.clock-head{margin-bottom:4px}.clock-sub{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.clock-sub .dot{opacity:.4}.clock-sub b{font-weight:600;color:var(--fg)}.dial-wrap{position:relative;width:min(320px,100%);aspect-ratio:1;margin:28px auto 32px;display:grid;place-items:center}.dial{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 42px),#000 calc(100% - 42px));mask:radial-gradient(farthest-side,transparent calc(100% - 42px),#000 calc(100% - 42px));box-shadow:0 1px 2px color-mix(in oklch,black 30%,transparent)}.dial-ticks{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:50%;background:repeating-conic-gradient(from -.25deg,color-mix(in oklch,var(--fg) 26%,transparent) 0 .5deg,transparent .5deg 30deg),repeating-conic-gradient(from -.4deg,color-mix(in oklch,var(--fg) 55%,transparent) 0 .8deg,transparent .8deg 90deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 7px),#000 calc(100% - 7px));mask:radial-gradient(farthest-side,transparent calc(100% - 7px),#000 calc(100% - 7px))}.dial-core{position:relative;display:grid;place-items:center;gap:2px;text-align:center;padding:0 12px}.dial-total{font-size:30px;font-weight:600;letter-spacing:-.01em;line-height:1}.dial-caption{font-size:11px;color:var(--muted)}.dial-delta{margin-top:4px;font-family:var(--font-mono);font-size:11px;padding:2px 8px;border-radius:999px;border:1px solid transparent}.dial-delta.ok{color:var(--ok);border-color:color-mix(in oklch,var(--ok) 45%,transparent);background:var(--ok-soft)}.dial-delta.warn{color:var(--warn);border-color:color-mix(in oklch,var(--warn) 45%,transparent);background:var(--warn-soft)}.dial-delta.error{color:var(--error);border-color:color-mix(in oklch,var(--error) 45%,transparent);background:var(--error-soft)}.dial-mark{position:absolute;font-family:var(--font-mono);font-size:10px;color:var(--muted);letter-spacing:.04em}.dial-mark.m0{top:-22px;left:50%;transform:translate(-50%)}.dial-mark.m15{right:-26px;top:50%;transform:translateY(-50%)}.dial-mark.m30{bottom:-22px;left:50%;transform:translate(-50%)}.dial-mark.m45{left:-26px;top:50%;transform:translateY(-50%)}.mix-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}.mix{gap:10px}.mix-row{grid-template-columns:128px 1fr 46px;align-items:center}.mix-label{display:flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.02em}.dot-cat{width:8px;height:8px;border-radius:50%;flex:none}.mix-bar{height:8px;border-radius:999px;background:color-mix(in oklch,var(--border) 65%,transparent)}.mix-bar>i{border-radius:999px;transition:width .2s ease}.mix-pct{font-size:12px;text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}.clock-note{display:flex;align-items:flex-start;gap:10px;margin-top:24px;padding:10px 12px;border-radius:var(--radius);border:1px solid var(--border);font-size:13px;line-height:1.45}.clock-note b{font-weight:600}.clock-note-icon{flex:none;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;color:var(--bg)}.clock-note.ok{border-color:color-mix(in oklch,var(--ok) 40%,transparent);background:var(--ok-soft)}.clock-note.ok .clock-note-icon{background:var(--ok)}.clock-note.warn{border-color:color-mix(in oklch,var(--warn) 40%,transparent);background:var(--warn-soft)}.clock-note.warn .clock-note-icon{background:var(--warn)}.clock-note.error{border-color:color-mix(in oklch,var(--error) 45%,transparent);background:var(--error-soft)}.clock-note.error .clock-note-icon{background:var(--error)}@media(max-width:620px){.dial-wrap{width:min(260px,100%)}.dial{-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 34px),#000 calc(100% - 34px));mask:radial-gradient(farthest-side,transparent calc(100% - 34px),#000 calc(100% - 34px))}.dial-total{font-size:24px}.mix-row{grid-template-columns:104px 1fr 42px}}.dot-cat.POWER{background:var(--cat-power)}.dot-cat.CURRENT{background:var(--cat-current)}.dot-cat.RECURRENT{background:var(--cat-recurrent)}.dot-cat.GOLD{background:var(--cat-gold)}.dot-cat.JINGLE{background:var(--cat-jingle)}.dot-cat.TANDA,.dot-cat.break{background:var(--cat-tanda)}