:root{font-family:Figtree,system-ui,sans-serif;color-scheme:dark;--bg:#0B0D10;--surface:#14171C;--raised:#1C2027;--higher:#262B33;--border:#343A44;--text:#F3F4F6;--secondary:#BAC0CA;--tertiary:#9CA4B2;--primary:#F3F1EC;--onprimary:#0B0D10;--urgent:#FF7A6E;--gold:#F2B544;--blue:#5CB8FF;--mint:#4FD8A8;--tag:#252A32}
[data-theme=light]{color-scheme:light;--bg:#F4F5F7;--surface:#fff;--raised:#EEF0F3;--higher:#E4E8ED;--border:#D5DAE2;--text:#0E1116;--secondary:#434C5A;--tertiary:#606A78;--primary:#0E1116;--onprimary:#fff;--urgent:#C4321F;--gold:#D48A00;--blue:#1F84E0;--mint:#13A574;--tag:#E8EBEF}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--blue);outline-offset:3px}button{color:inherit}h1,h2,h3,p{margin:0}.shell{width:min(100%,1110px);margin:0 auto;padding:24px 18px 100px}.eyebrow,.section-title,.count,.time,.chip,.field-label{font-family:'JetBrains Mono',monospace;letter-spacing:.06em}.eyebrow{font-size:13px;color:var(--secondary)}.topline,.toolbar,.row-between,.shot-head,.shot-footer,.note-buttons{display:flex;align-items:center;justify-content:space-between;gap:12px}.app-title{font:800 44px/1 'Archivo Condensed',sans-serif;letter-spacing:-.025em;margin:1px 0 10px}.live{border:1px solid var(--border);border-radius:24px;padding:7px 13px;color:var(--secondary);font-size:14px;white-space:nowrap}.live b{color:var(--mint)}.tabs{display:flex;gap:3px;background:var(--surface);border:1px solid var(--border);padding:5px;border-radius:17px;margin:15px 0 16px}.tabs button,.segments button{min-height:44px;flex:1;border:0;border-radius:11px;background:transparent;color:var(--secondary);font-weight:700}.tabs button[aria-selected=true],.segments button[aria-pressed=true]{background:var(--higher);color:var(--text)}.count{font-size:13px;color:var(--secondary)}.toolbar{margin:15px 0 19px}.view-button,.action,.theme-button{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:12px 14px;font-size:14px;font-weight:700;min-height:48px}.section-title{font-size:13px;color:var(--tertiary);margin:19px 0 12px;font-weight:600}.group{border:1px solid var(--border);border-radius:19px;overflow:hidden;background:var(--surface)}.shot{position:relative;display:flex;gap:12px;padding:14px 14px 14px 18px;min-height:62px;border-bottom:1px solid var(--border)}.shot:last-child{border-bottom:0}.shot::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--owner)}.shot.done{opacity:.64}.tick{flex:0 0 48px;align-self:flex-start;border:0;background:transparent;display:grid;place-items:center;width:48px;height:48px;padding:0;margin:-8px 0 -8px -8px}.tick span{width:28px;height:28px;border:2px solid var(--tertiary);border-radius:9px;display:grid;place-items:center}.done .tick span{background:var(--primary);color:var(--onprimary);border-color:var(--primary)}.shot-main{min-width:0;flex:1}.shot-head{align-items:flex-start}.shot-name{font-size:18px;font-weight:700;line-height:1.28;overflow-wrap:anywhere}.done .shot-name{text-decoration:line-through}.time{font-size:13px;color:var(--secondary);white-space:nowrap}.time.urgent{color:var(--urgent)}.meta{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:6px;color:var(--secondary);font-size:13px}.chip{border-radius:5px;background:var(--tag);padding:3px 6px;font-size:13px;letter-spacing:0}.chip.hero{background:var(--primary);color:var(--onprimary);font-weight:700}.chip.social{outline:1px solid var(--tertiary);outline-offset:-1px}.avatar{display:inline-grid;place-items:center;background:var(--owner);color:#080A0D;width:27px;height:27px;border-radius:50%;font-size:13px;font-weight:800;margin-left:auto}.instructions,.history{font-size:14px;line-height:1.45;color:var(--secondary);margin-top:8px}.shot.compact .instructions,.shot.compact .history{display:none}.shot.extra .meta,.shot.extra .instructions,.shot.extra .history{display:none}.shot.extra .shot-name{font-size:16px}.shot.extra .shot-main{align-self:center}.shot.extra .shot-head{align-items:center}.shot.extra{min-height:56px;padding-block:10px}.shot.extra .tick{align-self:center}.shot.expanded .shot-name{font-size:18px}.shot-extra{background:var(--raised);margin:12px -14px -14px -18px;padding:12px 14px 14px 18px}.shot-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.shot-actions button,.inline-button{border:1px solid var(--border);background:var(--surface);padding:10px 12px;border-radius:11px;min-height:44px;font-size:14px;font-weight:700}.muted{color:var(--secondary)}.panel{padding:18px;border:1px solid var(--border);border-radius:18px;background:var(--surface);margin:15px 0}.panel p{font-size:15px;line-height:1.5;color:var(--secondary);margin:9px 0}.row-between{flex-wrap:wrap}.status{font-size:13px;color:var(--secondary)}.empty{text-align:center;padding:50px 20px;color:var(--secondary)}.footer-bar{position:fixed;left:0;right:0;bottom:0;background:var(--bg);border-top:1px solid var(--border);padding:10px max(16px,env(safe-area-inset-left)) calc(12px + env(safe-area-inset-bottom));display:flex;justify-content:center;gap:12px}.footer-bar button{flex:1;max-width:250px}.primary{background:var(--primary);color:var(--onprimary);border:0;border-radius:12px;padding:12px 16px;min-height:48px;font-weight:800}.drawer{position:fixed;inset:0;background:#0009;z-index:10;display:flex;align-items:flex-end;justify-content:center}.sheet{background:var(--surface);color:var(--text);border-radius:24px 24px 0 0;width:min(100%,620px);max-height:88vh;overflow:auto;padding:22px 20px calc(28px + env(safe-area-inset-bottom))}.sheet h2{font-size:23px;margin:5px 0 18px}.sheet label{display:block;margin:14px 0 6px;font-weight:700}.sheet input,.sheet textarea,.sheet select{width:100%;background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:12px;padding:12px;min-height:48px}.sheet textarea{min-height:105px}.sheet .actions{display:flex;gap:10px;margin-top:20px}.sheet .actions button{flex:1}#toast{position:fixed;bottom:85px;left:50%;transform:translateX(-50%);background:var(--primary);color:var(--onprimary);border-radius:12px;padding:12px 16px;z-index:20;display:none;box-shadow:0 10px 40px #0004;max-width:90%;min-width:240px}#toast button{border:0;background:transparent;text-decoration:underline;font-weight:800;margin-left:12px;color:inherit}.banner{border:1px solid var(--border);background:var(--raised);padding:13px 15px;border-radius:12px;color:var(--secondary);font-size:14px;line-height:1.4;margin-bottom:14px}.badge-alert{background:var(--urgent);color:#111;border-radius:18px;min-width:21px;padding:3px 6px;font-size:12px}.segments{display:flex;background:var(--raised);border-radius:11px;padding:4px}.segments button[aria-pressed=true]{background:var(--primary);color:var(--onprimary)}.setting{padding:14px 0;border-bottom:1px solid var(--border)}.setting:last-child{border:0}.setting .segments{margin-top:10px}.settings-heading{font-size:13px;color:var(--tertiary);letter-spacing:.13em;margin-top:22px;font-family:'JetBrains Mono',monospace}.help{line-height:1.6;font-size:14px;color:var(--secondary);margin-top:10px}.settings-card{border:1px solid var(--border);border-radius:17px;padding:0 15px;background:var(--surface);margin-top:12px}.settings-card .setting{display:flex;justify-content:space-between;align-items:center;gap:10px}.settings-card .setting.vertical{display:block}.settings-card .segments{margin:0}.settings-card .vertical .segments{margin-top:12px}.check-field{display:flex!important;gap:10px;align-items:center}.check-field input{width:22px!important;min-height:22px!important}body.large .shot-name{font-size:21px!important}body.large .instructions{font-size:17px!important}body.large .meta{font-size:15px!important}@media(min-width:760px){.shell{padding:36px 30px 110px}.group{max-width:720px}.tabs,.toolbar,.banner{max-width:720px}.footer-bar{position:static;border:0;justify-content:flex-start;max-width:720px;margin:auto;background:transparent}.footer-bar button{max-width:200px}}@media(prefers-reduced-motion:no-preference){button,.shot{transition:background .25s ease-out,border-color .25s ease-out}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}