:root{--paper:#f6f0df;--paper-deep:#e7dcc1;--ink:#1d2a32;--muted:#53636b;--blue:#005f73;--blue-dark:#003d4a;--ochre:#a95d16;--green:#1e6245;--red:#9d3035;--line:#c6b895;--shadow:4px 5px 0 #1d2a32;--rounded:18px}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1.5}body{margin:0;min-width:320px}button,input{font:inherit}button,.link-button{min-height:44px;border:2px solid var(--ink);border-radius:8px;background:var(--paper);color:var(--ink);cursor:pointer;font-weight:700;padding:9px 14px}button:hover{background:var(--paper-deep)}button:active{transform:translate(1px,1px)}a{color:var(--blue-dark);text-decoration-thickness:2px;text-underline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible{outline:4px solid var(--ochre);outline-offset:3px}.skip{position:fixed;left:12px;top:-60px;background:var(--ink);color:var(--paper);padding:10px;z-index:4}.skip:focus{top:12px}.site-head{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1200px;margin:auto;padding:20px 28px;border-bottom:1px dashed var(--line)}.wordmark{color:var(--ink);font-family:ui-rounded,Arial Rounded MT Bold,system-ui,sans-serif;font-weight:800;font-size:1.05rem;text-decoration:none}.wordmark span{color:var(--blue);letter-spacing:-5px;margin-right:8px}.site-head nav{display:flex;gap:20px;flex-wrap:wrap}.route-status{position:absolute;left:-9999px}.hero,.live-note,.steps,.limits,.legal,.not-found,.demo-screen{max-width:1200px;margin:auto;padding-left:28px;padding-right:28px}.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);gap:48px;align-items:center;padding-top:64px;padding-bottom:72px}.eyebrow,.notebook-label{margin:0 0 12px;color:var(--blue);font-size:.82rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.hero h1,.demo-screen h1,.legal h1,.not-found h1,.desktop-shell h1{font-family:ui-rounded,Arial Rounded MT Bold,system-ui,sans-serif;font-size:clamp(2.4rem,7vw,5.5rem);letter-spacing:-.06em;line-height:.95;margin:0 0 22px}.lede{max-width:32rem;font-size:1.15rem;margin:0 0 28px}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-bottom:25px}.actions span{font-size:.91rem;max-width:16rem}.primary{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:3px 4px 0 var(--ink)}.primary:hover{background:var(--blue-dark)}.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0;margin:0;list-style:none;font-size:.82rem}.facts li{border-top:2px solid var(--ochre);padding-top:8px}.hero figure{margin:0;position:relative}.hero figure:after{content:"";position:absolute;inset:6% 7%;border:3px dashed var(--blue);border-radius:8px;pointer-events:none}.hero img{display:block;width:100%;height:auto;filter:sepia(.12) contrast(1.02)}figcaption{font-size:.8rem;text-align:center;color:var(--muted);margin-top:9px}.ink-lines{background-image:linear-gradient(90deg,transparent 0 96%,rgba(169,93,22,.12) 96% 96.2%,transparent 96.2%)}.live-note{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding-top:64px;padding-bottom:64px;border-top:1px dashed var(--line);border-bottom:1px dashed var(--line)}h2{font-family:ui-rounded,Arial Rounded MT Bold,system-ui,sans-serif;letter-spacing:-.03em;font-size:clamp(1.45rem,3vw,2.3rem);line-height:1.05;margin:0 0 15px}.live-note p,.limits p,.legal p{max-width:64ch}.sample-slip,.read-card,.read-item{background:#fffaf0;border:2px solid var(--ink);border-radius:5px;padding:20px;box-shadow:var(--shadow);transform:rotate(-1deg)}.sample-slip p,.read-card p{font-size:1rem}.sample-slip button{border-color:var(--blue);color:var(--blue)}.steps{padding-top:80px;padding-bottom:80px}.steps ol{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;list-style:none;padding:0;counter-reset:steps}.steps li{border-left:4px solid var(--blue);padding:12px 12px 12px 16px;counter-increment:steps}.steps li:before{content:"0" counter(steps);display:block;color:var(--ochre);font-weight:800;font-size:1.25rem}.steps strong,.steps span{display:block}.steps span{margin-top:8px;font-size:.93rem}.limits{padding-top:64px;padding-bottom:80px;background:var(--paper-deep);max-width:none;padding-left:max(28px,calc((100% - 1144px)/2));padding-right:max(28px,calc((100% - 1144px)/2))}.limits p{margin-left:0}.demo-banner{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;position:sticky;top:0;z-index:3;padding:10px 18px;background:var(--ink);color:var(--paper);font-size:.85rem}.demo-banner a{color:#fff}.text-button{color:var(--paper);border-color:var(--paper);background:transparent;min-height:34px;padding:3px 9px}.demo-screen{min-height:70vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:46px;padding-top:72px;padding-bottom:72px}.status{font-size:.9rem;color:var(--green);min-height:1.5em}.legal,.not-found{max-width:780px;padding-top:80px;padding-bottom:100px}.legal h2{margin-top:42px;font-size:1.4rem}.not-found{min-height:65vh}.link-button{display:inline-flex;align-items:center;text-decoration:none;margin-top:12px}footer{border-top:1px dashed var(--line);padding:28px;max-width:1200px;margin:auto;font-size:.82rem;color:var(--muted)}footer p{margin:0 0 8px}.tiny{font-size:.76rem;color:var(--muted)}.desktop-shell{min-height:100vh;background:var(--ink);color:#f6f0df;padding:28px}.app-head{max-width:1280px;margin:auto;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;border-bottom:1px dashed #6c7c82;padding-bottom:24px}.app-head h1{font-size:clamp(2rem,4vw,3.6rem)}.app-state{background:#1e6245;color:#fff;padding:5px 9px;border-radius:999px;font-size:.78rem}.app-grid{max-width:1280px;margin:28px auto;display:grid;grid-template-columns:1.1fr .9fr;gap:24px}.region-panel,.queue-panel,.app-note{background:#f6f0df;color:var(--ink);padding:24px;border-radius:var(--rounded);border:2px solid #dae4e7}.region-panel p{max-width:58ch}.frame{height:210px;border:4px dashed var(--blue);background:repeating-linear-gradient(0deg,#fffaf0 0 30px,#f7f0df 31px 32px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;margin:24px 0}.frame span{color:var(--muted)}.frame b{color:var(--blue);font-size:1.2rem}.nudge-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:20px}.nudge-row button{font-size:.8rem;padding:7px}.region-panel label{display:block;font-weight:800}.region-panel input{display:block;width:100%;border:2px solid var(--ink);padding:10px;margin:8px 0;border-radius:6px;background:#fffaf0}.queue-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.queue-empty{border:2px dashed var(--line);padding:32px;text-align:center;color:var(--muted)}.read-item{box-shadow:none;transform:none;margin-bottom:14px}.read-item p:last-of-type{white-space:pre-wrap}.app-note{max-width:1280px;margin:0 auto;border-color:#6c7c82;background:#22333b;color:#fff}.app-note h2{font-size:1.3rem}.app-note p{max-width:72ch}.quiet{box-shadow:none}@media(max-width:720px){.site-head{padding:16px;align-items:flex-start;flex-direction:column;gap:12px}.hero,.live-note,.steps,.limits,.legal,.not-found,.demo-screen{padding-left:18px;padding-right:18px}.hero{grid-template-columns:1fr;gap:32px;padding-top:40px;padding-bottom:46px}.hero figure{max-width:430px;margin:auto}.facts{grid-template-columns:1fr}.live-note,.demo-screen{grid-template-columns:1fr;gap:28px;padding-top:44px;padding-bottom:44px}.steps{padding-top:54px;padding-bottom:54px}.steps ol{grid-template-columns:1fr;gap:16px}.desktop-shell{padding:16px}.app-grid{grid-template-columns:1fr}.nudge-row{grid-template-columns:repeat(2,1fr)}.app-head{flex-direction:column}.demo-banner{position:static;justify-content:flex-start}.hero h1,.demo-screen h1,.legal h1,.not-found h1{font-size:2.7rem}}@media(prefers-reduced-motion:no-preference){.hero figure{animation:arrive .35s ease-out both}.sample-slip{transition:transform .18s ease}.sample-slip:hover{transform:rotate(0) translateY(-3px)}}@keyframes arrive{0%{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}.download-note{max-width:1200px;margin:auto;padding:64px 28px;border-top:1px dashed var(--line)}.download-note p{max-width:60ch}