:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f1e6c8;--card:#fbf4df;--ink:#14284b;--ink-soft:#3c4d6e;--red:#b6232b;--gold:#e3a421;--teal:#2f8c88;--line:#14284b;--font-display:"Alfa Slab One", "Rockwell", "Georgia", serif;--font-body:"Libre Franklin", "Franklin Gothic Medium", "Helvetica Neue", Arial, sans-serif;--font-mono:"Courier Prime", "Courier New", monospace}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);background-image:radial-gradient(#14284b12 1px,#0000 1.4px);background-size:14px 14px;font-size:15px;line-height:1.45}button{font-family:inherit}.mast{background:var(--ink);color:var(--card);border-bottom:6px solid var(--red);position:relative;overflow:hidden}.mast:before{content:"";background:repeating-conic-gradient(from 0deg, #e3a42138 0 7.5deg, transparent 7.5deg 15deg);border-radius:50%;width:520px;height:520px;position:absolute;bottom:-140px;right:-60px;-webkit-mask-image:radial-gradient(circle,#000 25%,#0000 70%);mask-image:radial-gradient(circle,#000 25%,#0000 70%)}.mast:after{content:"";background:var(--gold);height:3px;position:absolute;inset:auto 0 0}.mast-in{padding-block:18px 22px;padding-inline:16px;align-content:center;gap:6px;max-width:1080px;min-height:128px;margin-inline:auto;padding-right:96px;display:grid;position:relative}.mast .kicker{letter-spacing:.22em;text-transform:uppercase;color:var(--gold);align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex}.mast h1{font-family:var(--font-display);letter-spacing:.01em;text-transform:uppercase;text-wrap:balance;margin:0;font-size:clamp(28px,6vw,40px);font-weight:400;line-height:1}.mast h1 span{color:var(--gold)}.mast p{color:#d9d3bd;flex-wrap:wrap;align-items:center;gap:12px;margin:0;font-size:13px;display:flex}.mast .needle{width:38px;height:auto;color:var(--card);position:absolute;bottom:0;right:22px}.signout{border:1.5px solid var(--gold);color:var(--gold);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:999px;padding:3px 12px;font-size:11px;font-weight:700}.signout:hover{background:var(--gold);color:var(--ink)}.wrap{align-items:start;gap:22px;max-width:1080px;margin-inline:auto;padding-block:22px 96px;padding-inline:16px;display:grid}@media (min-width:880px){.wrap{grid-template-columns:340px minmax(0,1fr);padding-block-end:48px}}.composer,.card,.stat,.empty{border:2px solid var(--ink);background:var(--card);box-shadow:4px 4px 0 var(--ink)}.composer{border-radius:6px;gap:14px;padding:16px;display:grid}.composer h2{font-family:var(--font-display);text-transform:uppercase;color:var(--red);letter-spacing:.02em;margin:0;font-size:20px;font-weight:400}.composer h2:after{content:"";background:repeating-linear-gradient(90deg, var(--ink) 0 10px, transparent 10px 14px);height:3px;margin-top:6px;display:block}@media (min-width:880px){.composer{top:calc(12px + env(safe-area-inset-top,0px));position:sticky}.sheet-close,.fab{display:none!important}}@media (max-width:879px){.composer{z-index:20;box-shadow:0 -4px 0 var(--ink);max-height:92%;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));visibility:hidden;border-bottom:0;border-radius:16px 16px 0 0;transition:transform .22s,visibility .22s;position:fixed;inset:auto 0 0;overflow-y:auto;transform:translateY(105%)}.sheet-open .composer{visibility:visible;transform:none}.scrim{z-index:15;background:#14284b8c;position:fixed;inset:0}.scrim[hidden]{display:none}.fab{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:10;border:2px solid var(--ink);letter-spacing:.06em;text-transform:uppercase;background:var(--red);color:var(--card);box-shadow:4px 4px 0 var(--ink);cursor:pointer;border-radius:999px;padding:13px 20px;font-size:15px;font-weight:800;position:fixed}}.head-row{justify-content:space-between;align-items:center;display:flex}.sheet-close{color:var(--ink-soft);cursor:pointer;background:0 0;border:0;padding:6px;font-size:14px;font-weight:600}label,.lbl{color:var(--ink);letter-spacing:.12em;text-transform:uppercase;gap:5px;font-size:11px;font-weight:800;display:grid}input,select,textarea{font:inherit;color:var(--ink);border:2px solid var(--ink);text-transform:none;letter-spacing:0;background:#fffaf0;border-radius:4px;width:100%;min-width:0;padding:9px 10px;font-size:16px;font-weight:400}textarea{resize:vertical;min-height:84px}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.two{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (max-width:400px){.two{grid-template-columns:1fr}}.seg{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.seg label{letter-spacing:.04em;font-size:13px;font-weight:800;position:relative}.seg input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.seg span{text-align:center;border:2px solid var(--ink);background:#fffaf0;border-radius:4px;padding:9px 4px;display:block}.seg input:checked+span{color:var(--card);background:var(--ink)}.seg label:first-child input:checked+span{background:var(--red)}.seg label:nth-child(2) input:checked+span{background:var(--gold);color:var(--ink)}.seg label:nth-child(3) input:checked+span{background:var(--teal)}.seg input:focus-visible+span{outline:3px solid var(--gold);outline-offset:2px}.primary{letter-spacing:.1em;text-transform:uppercase;border:2px solid var(--ink);background:var(--red);color:var(--card);box-shadow:3px 3px 0 var(--ink);cursor:pointer;border-radius:4px;padding:13px;font-size:16px;font-weight:800}.primary:active:not(:disabled){box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.primary:disabled{opacity:.45;cursor:default}.msg{color:var(--ink-soft);min-height:1.3em;margin:0;font-size:13px}.board{gap:18px;min-width:0;display:grid}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}@media (max-width:520px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.stat{text-align:left;color:var(--ink);cursor:pointer;border-radius:6px;gap:2px;padding:10px 12px;display:grid}.stat b{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:32px;font-weight:400;line-height:1}.stat span{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);font-size:11px;font-weight:800}.stat[aria-pressed=true]{background:var(--ink);color:var(--card)}.stat[aria-pressed=true] span{color:var(--gold)}.stat.hot b{color:var(--red)}.stat.hot[aria-pressed=true] b{color:#ff7a7f}.tools{grid-template-columns:minmax(0,1fr) minmax(0,210px);gap:10px;display:grid}@media (max-width:520px){.tools{grid-template-columns:1fr}}.grp{gap:10px;display:grid}.grp h3{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:10px;margin:0;font-size:15px;font-weight:400;display:flex}.grp h3:after{content:"";background:repeating-linear-gradient(90deg, var(--ink) 0 8px, transparent 8px 12px);opacity:.5;flex:1;height:3px}.grp h3 i{font-style:normal;font-family:var(--font-mono);background:var(--ink);color:var(--card);border-radius:999px;order:2;padding:0 9px;font-size:13px}.grp[data-p=p1] h3{color:var(--red)}.grp[data-p=p2] h3{color:#8a6208}.grp[data-p=p3] h3{color:var(--teal)}.grp h3{position:relative}.grp h3:before{content:"★";font-size:14px}ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.card{--stripe:var(--teal);border-left:10px solid var(--stripe);border-radius:6px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:4px 12px;padding:12px 12px 12px 14px;display:grid}.card[data-p=p1]{--stripe:var(--red)}.card[data-p=p2]{--stripe:var(--gold)}.card.closed{opacity:.62;box-shadow:2px 2px 0 var(--ink)}.check{border:2px solid var(--ink);width:32px;height:32px;color:var(--card);cursor:pointer;background:#fffaf0;border-radius:50%;grid-row:1/span 3;place-items:center;margin-top:1px;padding:0;font-size:16px;line-height:1;display:grid}.check:hover{background:var(--gold)}.card.closed .check{background:var(--ink)}.card.closed .check:after{content:"★";color:var(--gold)}.title{overflow-wrap:anywhere;font-size:16px;font-weight:800}.card.closed .title{text-decoration:line-through}.notes{color:var(--ink-soft);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:14px}.meta{color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:12px;display:flex}.chip{border:1.5px solid var(--ink);color:var(--ink);background:#fffaf0;border-radius:3px;padding:0 7px;font-weight:600}.chip.late{background:var(--red);color:var(--card);border-color:var(--red)}.chip.soon{background:var(--gold);border-color:var(--ink)}.chip.id{font-family:var(--font-mono);background:var(--teal);color:var(--card);border-color:var(--teal);font-size:12px;font-weight:700}.chip.new{font-family:var(--font-mono);background:0 0;border-style:dashed;font-size:12px;font-weight:700}.status{justify-self:start;width:auto;max-width:100%;margin-top:2px;padding:4px 8px;font-size:14px;font-weight:600}.empty{text-align:center;color:var(--ink-soft);box-shadow:none;border-style:dashed;border-radius:6px;padding:28px 12px}.login-wrap{background:var(--ink);grid-template-columns:minmax(0,1fr);place-items:center;min-height:100vh;padding:16px;display:grid;position:relative;overflow:hidden}.login-wrap:before{content:"";background:repeating-conic-gradient(from 0deg, #e3a4212e 0 6deg, transparent 6deg 12deg);width:1400px;height:1400px;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);-webkit-mask-image:radial-gradient(circle,#000 15%,#0000 62%);mask-image:radial-gradient(circle,#000 15%,#0000 62%)}.login-stack{justify-items:center;gap:18px;width:100%;min-width:0;max-width:380px;display:grid;position:relative}.login-stack .needle{width:64px;height:auto;color:var(--card)}.login-stack .kicker{letter-spacing:.26em;text-transform:uppercase;color:var(--gold);font-size:11px;font-weight:800}.login-stack h1{font-family:var(--font-display);text-align:center;text-transform:uppercase;color:var(--card);margin:0;font-size:clamp(34px,9vw,46px);font-weight:400;line-height:1}.login-stack h1 span{color:var(--gold);display:block}.composer.login{visibility:visible;border:2px solid var(--ink);border-top:8px solid var(--red);width:100%;max-height:none;box-shadow:4px 4px 0 var(--ink);border-radius:6px;padding-bottom:16px;position:static;inset:auto;overflow:visible;transform:none}.stars{color:var(--gold);gap:8px;font-size:14px;display:flex}@media (prefers-reduced-motion:reduce){*{transition:none!important}}
