@font-face{font-family:Wanted Sans;src:url(/fonts/WantedSansVariable.woff2)format("woff2-variations");font-style:normal;font-weight:400 1000;font-display:swap}:root{--paper:#f5f4ef;--ink:#1a1917;--muted:#8a8880;--line:#1a1917;--soft-line:#dddbd3;--accent:#a39e93;--transition-fast:.12s ease;--transition-med:.18s cubic-bezier(.25, .46, .45, .94)}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Wanted Sans,-apple-system,Segoe UI,sans-serif;font-size:15px}body{background:var(--paper);min-height:100vh;color:var(--ink);margin:0}button,input,textarea{color:inherit;font:inherit;border-radius:0}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:1.5px solid var(--ink);outline-offset:2px}::selection{background:var(--ink);color:var(--paper)}.screen-state{place-items:center;min-height:100vh;padding:24px;display:grid}.checking-mark{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.3;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}.lock-page{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);min-height:100vh;display:grid}.lock-figure{border-right:1px solid var(--soft-line);align-items:flex-end;min-height:60vh;padding:clamp(24px,5vw,72px);display:flex}.lock-number{letter-spacing:-.105em;color:var(--ink);margin:0;font-size:clamp(140px,26vw,440px);font-weight:800;line-height:.7;transform:translate(-.04em)}.lock-panel{flex-direction:column;justify-content:space-between;min-height:100vh;padding:clamp(24px,3.5vw,48px);display:flex}.eyebrow{color:var(--accent);letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:9px;font-weight:700}.login-form{margin:auto 0}.login-form label{letter-spacing:-.03em;margin-bottom:14px;font-size:clamp(17px,1.8vw,24px);font-weight:600;display:block}.passcode-row{border-bottom:1px solid var(--soft-line);grid-template-columns:1fr auto;display:grid}.passcode-row input{font-variant-numeric:tabular-nums;letter-spacing:.25em;background:0 0;border:0;min-width:0;padding:10px 0;font-size:22px}.passcode-row button,.square-button,.jump-form button{border:1px solid var(--soft-line);letter-spacing:.02em;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);background:0 0;padding:7px 12px;font-size:11px;font-weight:600}.passcode-row button{border-bottom:0;margin-bottom:-1px}.passcode-row button:hover,.square-button:hover,.jump-form button:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}.form-error{color:#b5342e;min-height:16px;margin:8px 0 0;font-size:11px}.lock-note{color:var(--accent);letter-spacing:.01em;margin:0;font-size:10px;line-height:1.6}.archive{width:min(100%,1280px);margin:0 auto;padding:20px clamp(16px,3vw,48px) 48px}.archive-header{justify-content:space-between;align-items:baseline;gap:16px;padding-bottom:24px;display:flex}.brand-block{align-items:baseline;gap:10px;display:flex}.archive-meta{gap:3px;display:grid}.brand{letter-spacing:-.07em;margin:0;font-size:clamp(32px,5vw,48px);font-weight:800;line-height:1}.progress{color:var(--accent);font-variant-numeric:tabular-nums;letter-spacing:.03em;margin:0;font-size:10px}.completion-summary{color:var(--ink);font-variant-numeric:tabular-nums;align-items:baseline;gap:8px;margin:0;font-size:10px;display:flex}.completion-summary strong{letter-spacing:-.04em;font-size:18px;font-weight:760}.archive-character-count{color:var(--accent);font-variant-numeric:tabular-nums;letter-spacing:.01em;gap:10px;margin:0;font-size:9px;display:flex}.archive-actions{align-items:center;gap:6px;display:flex}.jump-form{display:flex;position:relative}.jump-form input{border:1px solid var(--soft-line);text-align:center;font-variant-numeric:tabular-nums;width:50px;transition:border-color var(--transition-fast);background:0 0;border-right:0;padding:6px 8px;font-size:11px}.jump-form input:focus{border-color:var(--ink)}.jump-error{color:#b5342e;width:max-content;max-width:200px;font-size:9px;position:absolute;top:calc(100% + 5px);left:0}.entry-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(8px,1.2vw,14px);display:grid}.entry-card{aspect-ratio:1.3;border:1px solid var(--soft-line);text-align:left;width:100%;transition:background var(--transition-med), color var(--transition-med), border-color var(--transition-med);background:0 0;flex-direction:column;justify-content:space-between;padding:clamp(10px,1.2vw,16px);display:flex}.entry-card:hover,.entry-card:focus-visible{background:var(--ink);color:var(--paper);border-color:var(--ink)}.entry-card.completed{border-color:var(--ink)}.card-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.card-number{letter-spacing:-.05em;font-size:clamp(18px,2.2vw,28px);font-weight:700;line-height:1}.card-completion{color:var(--accent);letter-spacing:.04em;font-size:8px;font-weight:650}.entry-card.completed .card-completion{color:var(--ink)}.entry-card:hover .card-completion,.entry-card:focus-visible .card-completion{color:#fff9}.card-footer{gap:4px;display:grid}.card-preview{-webkit-line-clamp:2;color:var(--muted);-webkit-box-orient:vertical;margin:0;font-size:10px;line-height:1.45;display:-webkit-box;overflow:hidden}.filled .card-preview{color:inherit}.card-date{color:var(--accent);font-variant-numeric:tabular-nums;letter-spacing:.04em;font-size:9px}.entry-card:hover .card-date,.entry-card:focus-visible .card-date{color:#fff6}.entry-card:hover .card-preview,.entry-card:focus-visible .card-preview{color:#ffffffa6}.entry-card.filled:hover .card-preview,.entry-card.filled:focus-visible .card-preview{color:var(--paper)}.empty .card-preview{color:var(--accent)}.editor-page{flex-direction:column;justify-content:center;width:min(100%,640px);min-height:100svh;margin:0 auto;padding:16px clamp(16px,3vw,32px) 24px;display:flex}.editor-header{justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;display:flex}.editor-actions{align-items:center;gap:6px;display:flex}.save-status{min-width:44px;color:var(--accent);text-align:right;letter-spacing:.02em;font-size:10px}.completion-toggle.is-complete{border-color:var(--ink);background:var(--ink);color:var(--paper)}.square-button:disabled{cursor:default;opacity:.35}.completion-error{color:#b5342e;white-space:nowrap;font-size:9px}.access-label{color:var(--accent);white-space:nowrap;letter-spacing:.02em;font-size:10px}.editor-main{border-top:1px solid var(--soft-line);flex-direction:column;padding-top:16px;display:flex}.editor-heading{align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.editor-number{letter-spacing:-.06em;color:var(--ink);margin:0;font-size:36px;font-weight:780;line-height:1}.editor-assigned-date{color:var(--accent);font-variant-numeric:tabular-nums;letter-spacing:.01em;margin:0;font-size:11px}.editor-writing{flex-direction:column;display:flex}.editor-writing textarea{resize:none;letter-spacing:-.01em;width:100%;min-height:240px;color:var(--ink);background:0 0;border:0;padding:0;font-size:14px;font-weight:420;line-height:1.85}.editor-writing textarea::placeholder{color:var(--accent)}.editor-writing textarea:focus,.editor-writing textarea:focus-visible{outline:none}.editor-writing textarea[readonly]{cursor:text}.editor-character-count{color:var(--accent);font-variant-numeric:tabular-nums;letter-spacing:.01em;justify-items:end;gap:4px;margin:10px 0 0;font-size:9px;display:grid}.editor-character-count p{gap:12px;margin:0;display:flex}.character-count-scope{min-width:42px;color:var(--muted);font-weight:650}.editor-neighbors{border-top:1px solid var(--soft-line);grid-template-columns:1fr 1fr;gap:10px;margin-top:20px;padding-top:16px;display:grid}.neighbor-card{border:1px solid var(--soft-line);text-align:left;transition:background var(--transition-med), color var(--transition-med), border-color var(--transition-med);background:0 0;flex-direction:column;gap:6px;padding:12px 14px;display:flex}.neighbor-card:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}.neighbor-label{color:var(--accent);letter-spacing:.04em;font-size:9px}.neighbor-card:hover .neighbor-label{color:#ffffff73}.neighbor-number{letter-spacing:-.04em;font-size:20px;font-weight:700;line-height:1}.neighbor-preview{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10px;line-height:1.4;display:-webkit-box;overflow:hidden}.neighbor-card:hover .neighbor-preview{color:#fff9}.neighbor-card.neighbor-next,.neighbor-card.neighbor-next .neighbor-label{text-align:right}.editor-neighbors:has(>:only-child){grid-template-columns:1fr}.neighbor-card:only-child.neighbor-next{width:50%;margin-left:auto}.neighbor-card:only-child.neighbor-prev{width:50%}.text-button{color:var(--accent);letter-spacing:.01em;transition:color var(--transition-fast);background:0 0;border:0;padding:6px 0;font-size:11px}.text-button:hover:not(:disabled){color:var(--ink)}.text-button:disabled{cursor:default;opacity:.2}@media (max-width:1100px){.entry-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:980px){.lock-page{grid-template-columns:1fr}.lock-figure{border-right:0;border-bottom:1px solid var(--soft-line);min-height:32vh}.lock-panel{min-height:56vh}.entry-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:600px){.archive{padding:16px 14px 32px}.archive-header{flex-wrap:wrap;padding-bottom:16px}.entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-page{padding:12px 14px 20px}.editor-header{align-items:flex-start}.editor-neighbors{grid-template-columns:1fr;gap:8px}.neighbor-card:only-child.neighbor-next,.neighbor-card:only-child.neighbor-prev{width:100%}.neighbor-card.neighbor-next,.neighbor-card.neighbor-next .neighbor-label{text-align:left}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:root{--paper:#f7f8fa;--ink:#18212d;--muted:#596577;--accent:#677386;--soft-line:#d8dee6}.archive{width:min(100%,1440px);padding:48px clamp(20px,5vw,80px) 80px}.archive-header{border-bottom:2px solid var(--ink);align-items:center;gap:32px;margin-bottom:24px;padding-bottom:32px}.brand-block{align-items:center;gap:24px}.brand{letter-spacing:-.08em;font-size:clamp(56px,7vw,88px)}.archive-meta{gap:8px}.progress,.archive-character-count,.access-label,.save-status{font-size:12px}.archive-character-count{flex-wrap:wrap;gap:4px 16px}.archive-actions{flex-wrap:wrap;gap:12px}.square-button,.jump-form button,.passcode-row button{padding:10px 16px;font-size:14px}.jump-form input{width:64px;font-size:14px}.entry-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.entry-card{aspect-ratio:1.18;border-color:var(--soft-line);background:#fff;padding:20px}.entry-card.completed{border-top:3px solid #315d88}.card-number{font-size:32px;font-weight:600}.card-preview{-webkit-line-clamp:3;font-size:14px;line-height:1.65}.card-date,.card-completion{font-size:12px}.card-footer{gap:10px}.completion-summary{gap:16px;font-size:14px}.completion-summary strong{font-size:24px}.editor-page{width:min(100%,800px);padding:48px 40px}.editor-header{padding-bottom:20px}.editor-actions{flex-wrap:wrap;justify-content:flex-end}.editor-main{padding-top:28px}.editor-heading{gap:18px;margin-bottom:28px}.editor-number{font-size:52px;font-weight:600}.editor-assigned-date{font-size:14px}.editor-writing textarea{min-height:340px;font-size:17px;line-height:1.95}.editor-character-count{font-size:12px}.editor-character-count p{flex-wrap:wrap;justify-content:flex-end}.editor-neighbors{gap:16px;margin-top:32px;padding-top:24px}.neighbor-card{background:#fff;gap:10px;padding:18px}.neighbor-label,.neighbor-preview{font-size:12px}.neighbor-number{font-size:26px}.lock-page{grid-template-columns:1fr 1fr}.lock-figure{background:var(--ink);justify-content:center;align-items:center}.lock-number{color:var(--paper);font-size:clamp(120px,23vw,360px);font-weight:600}.lock-panel{padding:clamp(32px,6vw,96px)}.eyebrow,.lock-note{font-size:12px}@media (max-width:1000px){.entry-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.archive-header{flex-wrap:wrap}}@media (max-width:600px){.archive{padding:28px 18px 48px}.archive-header{gap:24px;padding-bottom:24px}.brand-block{gap:18px}.entry-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.entry-card{aspect-ratio:auto;min-height:190px;padding:14px}.card-number{font-size:28px}.card-preview{-webkit-line-clamp:2}.editor-page{padding:28px 20px}.editor-actions{gap:8px}.editor-writing textarea{min-height:300px}.lock-page{grid-template-columns:1fr}.lock-figure{min-height:32svh;padding:40px}.lock-number{font-size:130px}.lock-panel{min-height:68svh;padding:32px}}
