:root{--paper:#f1e9d8;--paper-deep:#e6dcc6;--ink:#1c1914;--ink-soft:#4a4338;--walnut:#3a2e22;--blotter:#2a4034;--brass:#b08d3a;--brass-light:#d4b56a;--rust:#8c3b2e;--rule:#1c191424;--shadow:0 18px 40px #1c19141f;--radius:4px;--font-display:"Fraunces", "Times New Roman", serif;--font-body:"Source Sans 3", "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:var(--font-body);color:var(--ink);background:var(--walnut);-webkit-font-smoothing:antialiased;font-size:18px}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}.desk{background:radial-gradient(ellipse 90% 60% at 50% -10%, #d4b56a14, transparent 55%), linear-gradient(180deg, #2f261c 0%, var(--walnut) 40%, #2a2118 100%);min-height:100vh;color:var(--ink);position:relative;overflow-x:hidden}.desk-grain{pointer-events:none;opacity:.045;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.masthead,.app,.desk-foot{z-index:1;position:relative}.masthead{max-width:920px;color:var(--paper);justify-content:space-between;align-items:baseline;gap:16px;margin:0 auto;padding:28px 24px 8px;display:flex}.mast-mark{font-family:var(--font-display);letter-spacing:.04em;margin:0;font-size:20px;font-weight:700}.mast-course{letter-spacing:.12em;text-transform:uppercase;color:#f1e9d88c;margin:0;font-size:15px;font-weight:600}.app{gap:22px;max-width:920px;margin:0 auto;padding:12px 24px 64px;display:grid}.hero{background:var(--paper);box-shadow:var(--shadow);border:1px solid #1c191414;border-radius:6px;padding:28px 28px 24px}.hero-face{grid-template-columns:auto 1fr;align-items:center;gap:28px;display:grid}.hero-meta{min-width:0}.hero-kicker{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--brass);margin:0 0 6px;font-size:14px;font-weight:600}.hero-title{font-family:var(--font-display);color:var(--ink);letter-spacing:-.01em;margin:0 0 8px;font-size:clamp(34px,5vw,48px);font-weight:700;line-height:1.15}.hero-sub{color:var(--ink-soft);margin:0;font-size:18px}.chrono-ring{flex-shrink:0;display:block}.ring-track{fill:none;stroke:#1c19141a;stroke-width:4.5px}.ring-fill{fill:none;stroke:var(--brass);stroke-width:4.5px;stroke-linecap:round;transition:stroke-dashoffset .9s linear}.chrono-ring.is-ticking .ring-fill{stroke:var(--blotter)}.ring-ticks{stroke:#1c191459;stroke-width:1.4px;stroke-linecap:round}.ring-time{font-family:var(--font-mono);fill:var(--ink);letter-spacing:.04em;font-size:16px;font-weight:600}@keyframes tick-glow{0%,to{filter:drop-shadow(0 0 #0000)}50%{filter:drop-shadow(0 0 6px #2a403459)}}.chrono-ring.is-ticking{animation:2.4s ease-in-out infinite tick-glow}.compose{background:var(--paper-deep);border:1px solid #1c19141a;border-radius:6px;padding:22px 24px 20px;box-shadow:0 8px 20px #1c191414}.compose-head{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:16px;padding-bottom:12px;display:flex}.compose-head h2{font-family:var(--font-display);margin:0;font-size:24px;font-weight:700}.compose-head p{color:var(--ink-soft);margin:0;font-size:16px}.compose-form{grid-template-columns:1fr 80px 80px auto;align-items:end;gap:12px;display:grid}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field span{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);font-size:14px;font-weight:700}.field input{background:var(--paper);border-radius:var(--radius);width:100%;color:var(--ink);border:1px solid #1c19142e;padding:12px 14px;font-size:18px;transition:border-color .15s,box-shadow .15s}.field input:focus{border-color:var(--brass);outline:none;box-shadow:0 0 0 3px #b08d3a38}.field-time input{font-family:var(--font-mono);text-align:center;font-variant-numeric:tabular-nums}.btn-brass{border-radius:var(--radius);background:linear-gradient(180deg, var(--brass-light) 0%, var(--brass) 100%);color:#1a1408;letter-spacing:.02em;border:0;padding:14px 20px;font-size:17px;font-weight:700;transition:transform .1s,filter .15s;box-shadow:inset 0 1px #ffffff59,0 2px #1c19142e}.btn-brass:hover{filter:brightness(1.05)}.btn-brass:active{transform:translateY(1px)}.btn-brass:focus-visible{outline:2px solid var(--blotter);outline-offset:3px}.form-error{color:var(--rust);margin:12px 0 0;font-size:16px;font-weight:600}.ledger{gap:14px;display:grid}.ledger-head{color:var(--paper);justify-content:space-between;align-items:baseline;gap:12px;padding:0 4px;display:flex}.ledger-head h2{font-family:var(--font-display);color:var(--paper);margin:0;font-size:22px;font-weight:700}.ledger-count{font-family:var(--font-mono);color:#f1e9d899;margin:0;font-size:15px}.ledger-count span{color:var(--brass-light);font-weight:600}.empty-card{text-align:center;color:#f1e9d8b8;background:#f1e9d80f;border:1px dashed #f1e9d838;border-radius:6px;padding:36px 24px}.empty-title{font-family:var(--font-display);color:var(--paper);margin:0 0 6px;font-size:22px}.empty-body{color:#f1e9d894;max-width:400px;margin:0 auto;font-size:17px;line-height:1.55}.card-stack{gap:12px;margin:0;padding:0;list-style:none;display:grid}.index-card{background-color:var(--paper);background-image:repeating-linear-gradient(#0000,#0000 27px,#1c19140d 27px 28px);border:1px solid #1c19141a;border-radius:5px;grid-template-columns:auto 1fr auto;grid-template-areas:"face body actions";align-items:center;gap:16px 18px;padding:16px 18px;transition:border-color .2s,box-shadow .2s;display:grid;box-shadow:0 6px 16px #1c19141a}.index-card.is-running{border-color:var(--blotter);box-shadow:0 0 0 2px #2a40342e,0 8px 22px #1c19141f}.index-card.is-paused{border-color:var(--brass)}.index-card.is-done{opacity:.72}.card-face{grid-area:face;align-self:center}.card-body{flex-direction:column;grid-area:body;gap:6px;min-width:0;display:flex}.card-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.card-top h3{font-family:var(--font-display);word-break:break-word;margin:0;font-size:22px;font-weight:700;line-height:1.25}.index-card.is-done .card-top h3{color:var(--ink-soft);text-decoration:line-through}.pill{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);background:#1c191414;border-radius:999px;flex-shrink:0;padding:5px 10px;font-size:13px;font-weight:600}.pill-running{color:var(--blotter);background:#2a403426}.pill-paused{color:#7a6120;background:#b08d3a2e}.pill-done{color:var(--blotter);background:#2a40341f}.card-time{color:var(--ink-soft);margin:0;font-size:16px}.card-time .mono{font-family:var(--font-mono);color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:24px;font-weight:600}.card-time .of{font-size:15px}.card-rail{background:#1c19141a;border-radius:999px;height:3px;margin-top:4px;overflow:hidden}.card-rail-fill{background:linear-gradient(90deg, var(--blotter), var(--brass));height:100%;transition:width .9s linear}.card-actions{flex-direction:column;grid-area:actions;align-items:stretch;gap:6px;min-width:108px;display:flex}.btn-ink,.btn-ghost{border-radius:var(--radius);padding:10px 14px;font-size:16px;font-weight:600;transition:background .15s,border-color .15s,color .15s}.btn-ink{border:1px solid var(--ink);background:var(--ink);color:var(--paper)}.btn-ink:hover:not(:disabled){background:var(--blotter);border-color:var(--blotter)}.btn-ink:focus-visible{outline:2px solid var(--brass);outline-offset:2px}.btn-ghost{color:var(--ink-soft);background:0 0;border:1px solid #1c191433}.btn-ghost:hover:not(:disabled){color:var(--ink);background:#1c19140d}.btn-ghost:focus-visible{outline:2px solid var(--brass);outline-offset:2px}.btn-ghost.is-danger{color:var(--rust);border-color:#8c3b2e59}.btn-ghost.is-danger:hover:not(:disabled){color:var(--rust);background:#8c3b2e14}.desk-foot{color:#f1e9d866;text-align:center;max-width:920px;margin:0 auto;padding:0 24px 40px;font-size:15px}.desk-foot p{margin:0}@media (width<=720px){.hero-face{text-align:center;grid-template-columns:1fr;justify-items:center;gap:18px}.compose-form{grid-template-columns:1fr 1fr}.field-grow,.btn-brass{grid-column:1/-1}.compose-head{flex-direction:column;align-items:flex-start}.index-card{grid-template-columns:auto 1fr;grid-template-areas:"face body""actions actions";align-items:start}.card-actions{border-top:1px solid var(--rule);flex-flow:wrap;min-width:0;padding-top:8px}.masthead{flex-direction:column;gap:4px}}@media (width<=420px){body{font-size:17px}.app,.hero,.compose{padding-inline:16px}.btn-ink,.btn-ghost{padding:10px 12px;font-size:15px}}@media (prefers-reduced-motion:reduce){.chrono-ring.is-ticking{animation:none}.ring-fill,.card-rail-fill{transition:none}}input[type=number]::-webkit-outer-spin-button{opacity:.45}input[type=number]::-webkit-inner-spin-button{opacity:.45}