:root{color-scheme:light;--bg:#e8e0d4;--bg-deep:#d9cfc0;--card:#fffdf8;--ink:#1d1915;--muted:#5c5348;--line:#d5cbbd;--accent:#8d3b18;--accent-ink:#fff8f4;--pre:#7a4e0d;--pre-bg:#f6e7c8;--danger:#8d2433;--shadow:0 18px 40px rgba(55,36,16,0.08);--sans:"Avenir Next","Segoe UI",sans-serif;--mono:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace}*{box-sizing:border-box}body,html{margin:0;padding:0}body{min-height:100vh;background:radial-gradient(1200px 400px at 10% -10%,rgba(141,59,24,.12),transparent 50%),var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.45}a{color:var(--accent)}button,input,textarea{font:inherit;color:inherit}button{min-height:44px;border:1px solid var(--ink);background:var(--card);border-radius:999px;padding:.55rem 1rem;cursor:pointer}button:disabled{opacity:.6;cursor:wait}.log-button,button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}button.danger{background:var(--danger);border-color:var(--danger);color:white}button.ghost{background:transparent}input,textarea{width:100%;border:1px solid var(--line);background:white;border-radius:10px;padding:.65rem .75rem;min-height:44px}textarea{min-height:72px;resize:vertical}label{display:block;font-size:.92rem;font-weight:600;margin-bottom:.35rem}.skip{position:absolute;left:.75rem;top:-4rem;background:var(--ink);color:white;padding:.5rem .8rem;z-index:5}.skip:focus{top:.75rem}.shell{width:min(1120px,calc(100% - 2rem));margin:0 auto;padding:1.5rem 0 4rem}.home{max-width:720px}.eyebrow{margin:0 0 .35rem;letter-spacing:.14em;text-transform:uppercase;font-size:.75rem;color:var(--accent);font-weight:700}h1{font-size:clamp(2rem,4vw,3.1rem);line-height:1.05;margin:0 0 .75rem}h2{font-size:1.15rem;margin:0 0 .5rem}h3{font-size:1rem;margin:0 0 .35rem}.lede{font-size:1.15rem;color:var(--muted);max-width:40rem}.panel{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:1rem;box-shadow:var(--shadow)}.current,.empty,.help{color:var(--muted);margin:.35rem 0 .8rem}.error{color:var(--danger);font-weight:600}.banner{background:var(--pre-bg);color:var(--pre);border-radius:12px;padding:.75rem 1rem;margin:0 0 1rem}.banner.quiet{background:white;color:var(--muted);border:1px solid var(--line)}.top{display:flex;justify-content:space-between;gap:1rem;align-items:flex-end;margin-bottom:1rem}.links,.rest-stack,.status-stack,.top-stack{display:grid;grid-gap:1rem;gap:1rem}.links{margin-bottom:1rem}.layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);grid-template-areas:"top log" "rest log";grid-gap:1rem 1.25rem;gap:1rem 1.25rem;align-items:start}.top-stack{grid-area:top}.rest-stack{grid-area:rest}.log{grid-area:log;position:-webkit-sticky;position:sticky;top:1rem}.button-row,.copy-row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.copy-row input{flex:1 1 180px}.clocks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.75rem;gap:.75rem}.clock{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:.8rem}.clock.pre{background:var(--pre-bg);border-color:#e4cf9d}.clock-hint,.clock-label,.secondary{margin:0;color:var(--muted);font-size:.82rem}.clock-value,.marker-time time{font-family:var(--mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:1.45rem;margin:.2rem 0;letter-spacing:-.03em}.log-button{width:100%;display:flex;justify-content:center;align-items:center;gap:.75rem;font-size:1.15rem;min-height:56px}kbd{font-family:var(--mono);border:1px solid rgba(255,248,244,.5);border-radius:6px;padding:.05rem .4rem;font-size:.85rem}.frame{position:relative;width:100%;aspect-ratio:16/9;background:#1a1612;border-radius:16px;overflow:hidden}.frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.manual-grid,.timing-block{display:grid;grid-gap:.75rem;gap:.75rem}.manual-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.timing-block+.timing-block{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line)}.inline-form,.stack-form{display:grid;grid-gap:.35rem;gap:.35rem}.check{display:flex;gap:.6rem;align-items:flex-start;font-weight:500}.check input{width:1.1rem;min-height:1.1rem;margin-top:.2rem}.log-heading{display:flex;justify-content:space-between;gap:1rem;align-items:baseline}.log-heading p{margin:0;color:var(--muted)}.marker-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:.75rem;gap:.75rem}.marker{border:1px solid var(--line);border-radius:14px;padding:.8rem;display:grid;grid-gap:.6rem;gap:.6rem}.marker.pre{border-color:#e4cf9d;background:#fffaf0}.marker-time{display:grid;grid-gap:.1rem;gap:.1rem}.badge{display:inline-block;width:-moz-fit-content;width:fit-content;background:var(--pre-bg);color:var(--pre);border-radius:999px;padding:.1rem .5rem;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.marker-read h3{margin:0}.marker-read p{margin:.35rem 0 0;white-space:pre-wrap}.points{padding-left:1.1rem;color:var(--muted)}.points li+li{margin-top:.35rem}.text-link{font-weight:700}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}@media (max-width:860px){.clocks,.manual-grid{grid-template-columns:1fr}.log-heading,.top{align-items:flex-start}.layout,.log-heading,.top{display:flex;flex-direction:column}.top-stack{order:1}.log{order:2;position:static}.rest-stack{order:3}.log-action{position:-webkit-sticky;position:sticky;bottom:.75rem;z-index:3;background:color-mix(in srgb,var(--bg) 92%,white);border-radius:16px}.frame{max-height:42vh}.shell{width:min(1120px,calc(100% - 1.25rem))}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}}