/* One shared visual language: noir, cartoon shapes, voxel detail, dark fantasy. */
:root{--paper:#151a1b;--ink:#efe5ce;--muted:#a9afa6;--line:#38423d;--violet:#edbe47;--lavender:#313d30;--serif:Georgia,"Times New Roman",serif;--gold:#edbe47;--red:#923e3d;--grass:#87ad69}body{background-color:var(--paper);background-image:radial-gradient(ellipse at 80% 10%,#4e333227,transparent 45%),linear-gradient(90deg,#28332d25 1px,transparent 1px),linear-gradient(#28332d25 1px,transparent 1px);background-size:auto,48px 48px,48px 48px}.wrap{max-width:1260px}.header{min-height:118px;border-bottom:1px solid #70644866}.brand{color:var(--ink);font-family:var(--serif);font-size:25px;letter-spacing:-.7px}.brand small{font-family:Arial,Helvetica,sans-serif;letter-spacing:1.5px;color:#abaf9b}.brand-icon{border-radius:8px 2px 8px 2px;background:#27302a;border:2px solid var(--gold);box-shadow:3px 3px 0 #070a08;color:var(--gold);height:47px;width:47px;font-weight:bold}nav{gap:32px;font-weight:600}nav a[aria-current]{color:var(--gold);border-color:var(--gold)}.eyebrow{color:#afba9d;letter-spacing:2px;font-family:monospace;font-size:11px}.eyebrow span{border-radius:0;background:var(--grass);box-shadow:0 0 0 3px #29382a}.hero{padding:48px 0 60px;gap:40px;position:relative;grid-template-columns:1fr 1fr}.hero:after{content:"+";position:absolute;bottom:-15px;left:50%;background:var(--paper);color:var(--gold);font:25px monospace;padding:0 15px}h1{font-weight:700;font-size:clamp(48px,5.3vw,76px);line-height:1.04;letter-spacing:-2.8px;text-shadow:0 3px 0 #090c0a}h1 em{color:var(--gold);font-weight:400}h2{font-size:35px;letter-spacing:-1px}.hero-description{color:#b3b7ae;font-size:15px;max-width:390px}.hero-copy>.text-link{color:var(--grass)}.button{font-weight:800;font-size:12px;border-radius:8px;border:2px solid #090d0a;box-shadow:4px 4px 0 #080a08;transform:rotate(-1deg);padding:15px 22px;gap:30px;transition:transform .15s,background .15s,box-shadow .15s}.primary{background:var(--gold);color:#202519}.primary:hover{background:#ffcf59;transform:translateY(-2px) rotate(-1deg);box-shadow:4px 6px 0 #080a08}.secondary{color:var(--ink);background:#354731;border-color:#7d9860;box-shadow:3px 3px 0 #080a08}.hero-art{background:linear-gradient(135deg,#29382d,#272620);border-radius:150px 150px 5px 5px;padding:16px 12px 13px;border:1px solid #5b5a43;box-shadow:inset 0 0 0 6px #151a1b,0 18px 45px #05060666;max-width:550px}.hero-art img{filter:none}.art-caption{color:#afa68a;font-size:8px;letter-spacing:1.4px;padding:0 15px;margin-top:0;font-family:monospace}.notes-section{padding:58px 0 65px}.section-heading .eyebrow{color:var(--gold)}.section-heading .text-link{color:var(--grass)}.note-card{background:#202824;border:1px solid #4b5445;border-top:3px solid var(--grass);border-radius:2px 12px 2px 2px;box-shadow:5px 5px 0 #090d0b;position:relative;padding:26px;min-height:280px}.note-card:nth-child(2){background:#302824;border-color:#65533b;border-top-color:var(--gold);border-radius:12px 3px 12px 3px;transform:rotate(-.7deg)}.note-card:nth-child(3){background:linear-gradient(140deg,#322324,#221c1f);border-color:#633c3e;border-top-color:#ba6356}.note-card:hover{background:#2d372e;border-color:var(--grass);transform:translateY(-4px)}.note-card:nth-child(2):hover{background:#3a3025;border-color:var(--gold);transform:translateY(-4px) rotate(-.7deg)}.note-card:nth-child(3):hover{background:#382429;border-color:#b16056}.card-meta{font-family:monospace;color:#c0bca7;margin-bottom:31px}.card-meta>span:last-child{color:var(--gold)}.note-card h3{font-size:27px;color:var(--ink)}.note-card p{color:#b5b4a7;font-size:12px}.reading{font-family:monospace;color:#aab496;font-size:10px}.desk{background:linear-gradient(115deg,#253128,#1b241f);border:2px solid #617653;border-radius:0;padding:32px;box-shadow:6px 6px 0 #0a110b;position:relative;gap:25px}.desk:before,.desk:after{content:"";width:9px;height:9px;position:absolute;background:var(--grass);box-shadow:3px 3px 0 #112116}.desk:before{top:-5px;left:-5px}.desk:after{bottom:-5px;right:-5px}.desk-intro .eyebrow{color:#9dbe81;font-size:10px;letter-spacing:1px}.desk-intro h2{color:var(--ink);font-size:36px;text-shadow:2px 2px 0 #0c140c}.desk-intro p{color:#aebda6}.desk-intro .local-note{color:#889c81}.panel{background:#121b16;border:1px solid #4a5e3e;border-radius:1px;box-shadow:inset 3px 3px 0 #0b120c;padding:23px}.panel-top{color:#c9d7b7;font-family:monospace;font-size:12px}.panel-top>span:last-child{color:var(--grass)}.timer-modes{border:1px solid #4b603d;border-radius:0;padding:3px;background:#0c130e}.timer-modes button{color:#a8b797;font-family:monospace;font-size:10px;border-radius:0}.timer-modes button[aria-pressed=true]{background:#35452a;color:#e3edcc;box-shadow:inset 0 2px #597946}.timer-display{color:#cee7a6;font-family:"Courier New",monospace;font-size:54px;font-weight:bold;letter-spacing:-3px;text-shadow:3px 3px 0 #435730;padding-top:29px}.timer #timer-status{color:#a4b397}.timer-actions .primary{background:#9cbd67;color:#17250e;border-radius:0;transform:none;border:2px solid #577139;box-shadow:3px 3px 0 #071108,inset 0 2px #c4df96}.timer-actions .primary:hover{background:#b0d078;transform:translateY(-2px)}.reset{color:#a8b696;font-family:monospace;font-size:11px}.tasks form{border-color:#415338}.tasks input{color:#dde7cc;font-family:monospace;font-size:11px}.tasks input::placeholder{color:#829778}.tasks form button{border-radius:0;background:#7f9e58;color:#101c0c;box-shadow:2px 2px 0 #060e05}.task{border-color:#374d2e;color:#bdcaaa;font-family:monospace}.task input{accent-color:#90b268}.task button{color:#c09478}.tasks #task-empty{color:#899e7c;font-family:monospace;font-size:11px}.tasks .local-note{color:#aab79a}.closing{padding:70px 0 63px}.little-star{color:var(--gold);text-shadow:3px 3px 0 #513725;transform:rotate(8deg);font-size:45px}.closing p{color:#ded4bc;font-size:28px}.closing em{color:#a7b094}.closing .text-link{color:var(--gold)}.footer{border-color:#504631;color:#adb196}.footer-brand{font-family:var(--serif);font-size:18px;color:var(--gold)}.footer-brand span{color:#95a48b;font-family:Arial,Helvetica,sans-serif}.footer a:hover{color:#edbe47}.page-intro h1,.article h1,.error-page h1{color:var(--ink)}.lead{color:#b8bba8}.article h2{color:#dbc894}.article blockquote{background:linear-gradient(90deg,#46292b44,transparent);border-color:#a85a4e;color:#e0bc90}.article>.eyebrow{color:#adbb98}.article>.text-link{color:var(--grass)}.error-page .text-link{color:var(--grass)}a:focus-visible,button:focus-visible,input:focus-visible{outline-color:var(--gold)}.skip{color:#131a13;background:var(--gold)}
@media(max-width:1000px){h1{font-size:59px}.desk{padding:26px}.desk-intro h2{font-size:34px}.note-card h3{font-size:25px}.hero-art{border-radius:130px 130px 5px 5px}}@media(max-width:640px){.header{padding-top:22px;padding-bottom:20px}.brand{font-size:23px}.brand small{font-size:8px}.brand-icon{height:40px;width:40px}nav{gap:28px}.hero{grid-template-columns:1fr;gap:35px;padding-top:35px;padding-bottom:42px}h1{font-size:54px;letter-spacing:-2px}.hero-copy>.text-link{font-size:11px;margin-left:14px}.hero-art{max-width:420px;padding:13px 11px}.art-caption{font-size:7px;letter-spacing:1px;padding:4px 10px}.eyebrow{font-size:9px;letter-spacing:1.3px}.notes-section{padding:42px 0}.section-heading h2{font-size:29px}.note-card{min-height:230px;padding:25px}.note-card h3{font-size:28px}.desk{padding:23px;gap:22px}.desk-intro h2{font-size:36px}.timer-display{font-size:64px}.timer-modes button{font-size:11px}.tasks input,.task{font-size:12px}.closing{padding:50px 0}.closing p{font-size:22px}.article h1{font-size:43px}.article blockquote{font-size:22px}.page-intro h1{font-size:48px}.error-page h1{font-size:52px}}@media(prefers-reduced-motion:reduce){.button,.note-card{transition:none}.primary:hover,.note-card:hover{transform:none}}