:root{color-scheme:light;--paper: #f2e9d0;--paper-high: #fff9e9;--oxide: #191815;--muted: #575147;--orange: #e25b2a;--yellow: #f3c84b;--green: #276749;--danger: #9e2f26;--body: ui-monospace, "SFMono-Regular", "Cascadia Mono", "Roboto Mono", monospace;--display: "Arial Black", Impact, Haettenschweiler, sans-serif;font-family:var(--body);color:var(--oxide);background:var(--paper);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{min-width:320px;background:var(--paper);scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--paper);background-image:radial-gradient(rgb(25 24 21 / 9%) .65px,transparent .65px);background-size:5px 5px;font-size:16px;line-height:1.55}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}a{color:inherit;text-underline-offset:4px;text-decoration-thickness:2px}button,.file-button,.buy-link{min-height:48px}button{color:inherit}button:not(:disabled),select,.file-button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}:focus-visible{outline:4px solid var(--yellow);outline-offset:3px;box-shadow:0 0 0 2px var(--oxide)}svg{width:22px;height:22px;flex:none}.skip-link{position:fixed;z-index:99;top:8px;left:8px;padding:10px 14px;background:var(--yellow);color:var(--oxide);border:2px solid var(--oxide);transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.site-header{position:relative;z-index:4;min-height:72px;padding:12px max(20px,env(safe-area-inset-right)) 12px max(20px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;gap:24px;color:var(--paper-high);background:var(--oxide);border-bottom:6px solid var(--orange)}.brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--display);font-size:18px;letter-spacing:.04em;text-decoration:none}.brand svg{color:var(--orange);width:30px;height:30px}.header-actions{display:flex;align-items:center;gap:20px}.network-state{color:#e4dac0;font-size:13px}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 4px;color:inherit;background:transparent;border:0;font-weight:700;text-decoration:underline;text-underline-offset:4px}main{overflow:hidden}.loading-screen{min-height:100vh;display:grid;place-content:center;gap:12px;padding:24px;background:var(--paper)}.loading-screen p{margin:0;font-weight:900;letter-spacing:.12em}.loading-screen h1{margin:0;max-width:12ch}.intro{max-width:1240px;margin:0 auto;padding:72px 32px 64px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.75fr);align-items:center;gap:clamp(40px,8vw,112px)}.intro-copy{max-width:720px}.eyebrow,.track-label{margin:0 0 8px;font-weight:900;letter-spacing:.13em;font-size:13px}.eyebrow{display:inline-block;padding:3px 8px;background:var(--yellow);border:2px solid var(--oxide);transform:rotate(-1deg)}h1,h2,h3{font-family:var(--display);line-height:.98;letter-spacing:-.025em;text-wrap:balance}h1{max-width:720px;margin:18px 0 20px;font-size:clamp(42px,7vw,78px);text-transform:uppercase}h2{margin:0;font-size:clamp(28px,4vw,42px);text-transform:uppercase}h3{margin:0 0 8px;font-size:22px}.lede{max-width:62ch;margin:0 0 28px;color:var(--muted);font-size:18px}.hero-art{position:relative;margin:0}.hero-art:before{content:"";position:absolute;inset:-12px 12px 12px -12px;border:2px dashed var(--oxide);z-index:-1}.hero-art img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border:3px solid var(--oxide);box-shadow:9px 9px 0 var(--orange);transform:rotate(1.25deg)}.hero-art figcaption{margin-top:18px;color:var(--muted);font-size:13px;transform:rotate(-1deg)}.primary-button,.secondary-button,.file-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:11px 18px;border:2px solid var(--oxide);border-radius:2px;font-weight:900;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.primary-button{color:var(--oxide);background:var(--orange);box-shadow:5px 5px 0 var(--oxide)}.primary-button:hover{background:#f06e3d}.secondary-button,.file-button{color:var(--oxide);background:var(--paper-high);box-shadow:4px 4px 0 var(--oxide)}.primary-button:active,.secondary-button:active,.file-button:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--oxide)}.now-section,.list-section,.reliability{padding:56px max(24px,calc((100vw - 1120px)/2))}.now-section{background:var(--oxide);color:var(--paper-high);border-block:6px solid var(--orange)}.section-heading{margin-bottom:28px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.now-section .track-label{color:var(--yellow)}.queue-count{padding:4px 8px;color:var(--oxide);background:var(--yellow);font-weight:900;transform:rotate(1deg)}.current-alert{position:relative;display:grid;grid-template-columns:1fr auto;gap:32px;padding:clamp(24px,4vw,44px);color:var(--oxide);background:var(--paper-high);border-left:14px solid var(--orange);box-shadow:8px 8px 0 var(--orange)}.current-alert:after{content:"REC";position:absolute;top:12px;right:16px;font:900 48px/1 var(--display);color:#d94b191f}.alert-copy{position:relative;z-index:1;max-width:620px}.alert-state,.status-stamp{display:inline-block;margin-bottom:12px;color:var(--danger);font-weight:900;font-size:13px;letter-spacing:.08em}.current-alert h3{font-size:clamp(28px,5vw,48px)}.current-alert p{white-space:pre-wrap}dl{display:flex;gap:32px;margin:24px 0 0}dl div{display:grid;gap:2px}dt{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}dd{margin:0;font-weight:800}.quiet-note{padding:8px 10px;border-left:4px solid var(--yellow);background:#f7e8b8}.answer-actions{min-width:min(340px,32vw);display:flex;flex-direction:column;justify-content:center;gap:20px}.acknowledge{min-height:64px;font-size:18px}.snooze-line{display:grid;grid-template-columns:1fr auto;gap:8px}.snooze-line label{grid-column:1 / -1;font-size:13px;font-weight:800}.snooze-line select{min-height:48px;border:2px solid var(--oxide);background:var(--paper-high);padding:8px}.clear-state{display:flex;align-items:center;gap:24px;padding:32px;border:2px dashed #d5cbb4}.clear-state p{margin:0;color:#d5cbb4}.clear-mark{display:grid;place-items:center;flex:none;width:64px;height:64px;color:var(--oxide);background:var(--yellow);border:2px solid var(--paper-high);font-size:36px;font-weight:900;transform:rotate(-3deg)}.list-section{padding-block:64px}.list-section .section-heading{padding-bottom:20px;border-bottom:4px solid var(--oxide)}.reminder-list{margin:0;padding:0;list-style:none}.reminder-row{min-height:128px;padding:22px 0;display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:2px dashed #8e8576}.reminder-row.is-due{padding-left:18px;border-left:8px solid var(--orange)}.reminder-row.is-handled{opacity:.68}.row-copy h3{margin-bottom:4px}.row-copy p{margin:0;font-weight:700}.row-copy small{color:var(--muted)}.row-actions{display:flex;gap:10px}.icon-button{width:48px;height:48px;display:inline-grid;place-items:center;padding:0;color:inherit;background:var(--paper-high);border:2px solid currentColor;font-size:30px;line-height:1}.icon-button.danger{color:var(--danger)}.empty-tape{max-width:680px;margin:28px auto 0;padding:42px;text-align:center;background:var(--paper-high);border:3px solid var(--oxide);box-shadow:8px 8px 0 var(--oxide)}.empty-tape>span{display:block;margin-bottom:28px;padding-block:8px;color:var(--paper-high);background:var(--oxide);letter-spacing:.2em}.empty-tape p{max-width:50ch;margin:0 auto;color:var(--muted)}.reliability{display:grid;grid-template-columns:1fr minmax(240px,.7fr);align-items:center;gap:48px;background:var(--yellow);border-block:3px solid var(--oxide)}.reliability p{max-width:62ch;margin-bottom:0}.meter{height:36px;padding:4px;background:var(--paper-high);border:3px solid var(--oxide)}.meter span{display:block;width:var(--meter);min-width:0;height:100%;background:var(--green);transition:width .24s ease}footer{padding:40px max(24px,calc((100vw - 1120px)/2)) max(40px,env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr auto;gap:12px 32px;color:var(--paper-high);background:var(--oxide)}footer p{margin:0}footer nav{display:flex;gap:20px}footer small{grid-column:1 / -1;color:#c9bfa7}dialog{width:min(720px,calc(100vw - 28px));max-height:min(900px,calc(100dvh - 28px));padding:0;color:var(--oxide);background:var(--paper-high);border:3px solid var(--oxide);box-shadow:10px 10px 0 var(--orange);overflow:auto}dialog::backdrop{background:#191815c7;backdrop-filter:blur(2px)}.dialog-sheet{padding:clamp(22px,5vw,42px)}.dialog-heading{margin-bottom:28px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:20px;border-bottom:4px solid var(--oxide)}.dialog-heading h2{font-size:clamp(26px,6vw,38px)}.dialog-sheet>label,#license-form label{display:grid;gap:7px;margin:0 0 18px;font-weight:900}label span{color:var(--muted);font-weight:400}input,textarea,select{width:100%;min-height:48px;padding:11px 12px;color:var(--oxide);background:#fffdf5;border:2px solid #4b463f;border-radius:0}textarea{resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px}.form-grid label{display:grid;gap:7px;font-weight:900}.dialog-actions{margin-top:28px;display:flex;justify-content:flex-end;gap:14px}.form-error{min-height:1.5em;margin:0;color:var(--danger);font-weight:900}.settings-sheet>section,.settings-sheet>form{margin:0;padding:26px 0;border-bottom:2px dashed #8e8576}.settings-sheet section p{color:var(--muted)}.check-line{display:flex;align-items:center;gap:10px;margin-bottom:16px}.check-line input{width:24px;min-height:24px;height:24px}.button-row{display:flex;flex-wrap:wrap;gap:12px}.file-button{position:relative;overflow:hidden}.file-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.license-panel{border-left:8px solid var(--orange);padding-left:18px!important}.license-panel .status-stamp{color:var(--green)}.buy-link{margin-bottom:22px}.fine-print{font-size:12px}.toast{position:fixed;z-index:20;right:20px;bottom:max(20px,env(safe-area-inset-bottom));max-width:min(440px,calc(100vw - 40px));padding:14px 18px;color:var(--paper-high);background:var(--oxide);border:2px solid var(--yellow);box-shadow:5px 5px 0 var(--orange);font-weight:800}.toast button{min-height:44px;margin-left:12px;padding:4px 10px;color:var(--oxide);background:var(--yellow);border:0;font-weight:900;text-decoration:underline}@media(max-width:760px){.site-header{min-height:64px}.network-state{display:none}.intro{padding:48px 20px 56px;grid-template-columns:1fr;gap:52px}h1{font-size:clamp(42px,13.5vw,62px)}.hero-art{width:min(88vw,440px);margin-inline:auto}.now-section,.list-section,.reliability{padding-inline:20px}.current-alert{grid-template-columns:1fr;padding:24px 20px}.answer-actions{min-width:0}dl{flex-direction:column;gap:12px}.reliability{grid-template-columns:1fr;gap:28px}footer{grid-template-columns:1fr}footer small{grid-column:auto}.form-grid{grid-template-columns:1fr}.dialog-actions{flex-direction:column-reverse}.dialog-actions button{width:100%}}@media(max-width:420px){.brand span{font-size:15px}.site-header{padding-inline:14px}.site-header .text-button{font-size:0;width:48px;padding:0}.site-header .text-button svg{width:24px;height:24px}.snooze-line{grid-template-columns:1fr}.snooze-line label{grid-column:auto}.reminder-row{align-items:flex-start}.row-actions{flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hero-art img,.eyebrow,.hero-art figcaption,.queue-count{transform:none}}
