:root{--bg:#0b0b0c;--surface:#161618;--ink:#f2f0ea;--sub:#a3a199;--mute:#86847d;--line:#2e2e32;--danger:#ff5a4e;--accent:#b6ff38;--on-accent:#0b0b0c;--display-font:"Wanted Sans Variable", sans-serif;--body-font:"Wanted Sans Variable", -apple-system, BlinkMacSystemFont, sans-serif;--mono-font:"Geist Mono", "Wanted Sans Variable", ui-monospace, monospace;--cta-font-size:17px;--cta-font-weight:700;--content-max-width:1200px;--page-padding:20px;--radius-card:0px;--radius-button:0px;--radius-input:0px;--touch-min-height:44px}
@font-face{font-family:Wanted Sans Variable;src:url(/fonts/WantedSansVariable.woff2)format("woff2");font-weight:400 1000;font-display:swap}@font-face{font-family:Geist Mono;src:url(/fonts/GeistMono-Variable.woff2)format("woff2");font-weight:100 900;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--bg);color:var(--ink);font-family:var(--body-font);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.65}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:5px}::selection{background:var(--accent);color:var(--bg)}img{max-width:100%;height:auto;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display-font);word-break:keep-all;overflow-wrap:anywhere;font-weight:700;line-height:1.2}p{word-break:keep-all;overflow-wrap:anywhere}svg{flex:none}.app-shell{width:min(1040px,100% - 80px);margin:0 auto}.app-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:56px;display:flex}.brand{min-height:var(--touch-min-height);font-family:var(--display-font);letter-spacing:-.02em;color:var(--ink);align-items:center;font-size:16px;font-weight:700;display:inline-flex}.app-header nav{gap:16px;display:flex}.app-header nav a{min-height:var(--touch-min-height);color:var(--sub);border-bottom:2px solid #0000;align-items:center;font-size:14px;display:inline-flex}.app-header nav a[aria-current=page]{color:var(--ink);border-bottom-color:var(--accent);font-weight:700}.skip-link{background:var(--accent);color:var(--bg);z-index:20;padding:12px 20px;position:fixed;top:-100px}.skip-link:focus{top:8px}.eyebrow{letter-spacing:.08em;color:var(--sub);font-size:12px;font-weight:650}.text-link{align-items:center;gap:12px;min-height:44px;font-size:14px;font-weight:600;display:inline-flex}.text-link:hover{color:var(--accent)}.save-control{display:inline-flex;position:relative}.save-button{background:var(--surface);border:1px solid var(--line);min-width:44px;min-height:44px;color:var(--sub);justify-content:center;align-items:center;gap:7px;display:inline-flex}.save-button.is-saved{color:var(--accent);border-color:var(--accent)}.save-button.is-saved svg{fill:currentColor}.save-message{z-index:5;background:var(--ink);width:max-content;max-width:230px;color:var(--bg);font-size:12px;line-height:1.5;position:absolute;bottom:calc(100% + 8px);right:0}.save-message:not(:empty){padding:10px 12px}.app-footer{border-top:1px solid var(--line);color:var(--sub);justify-content:space-between;align-items:center;gap:18px;padding:12px 0 28px;font-size:13px;display:flex}.app-footer nav{align-items:center;gap:6px;display:flex}.app-footer a{min-height:var(--touch-min-height);align-items:center;display:inline-flex}.app-footer .language-switch{font-family:var(--mono-font);white-space:pre;gap:6px;font-size:13px}.app-footer .language-switch [aria-current=true]{color:var(--ink);font-weight:700}.primary-button{background:var(--accent);min-height:56px;color:var(--on-accent);font-size:var(--cta-font-size);border:1px solid #0000;justify-content:center;align-items:center;gap:20px;padding:14px 24px;font-weight:750;line-height:1.4;display:inline-flex}.primary-button:hover{background:var(--ink)}.page-heading{padding:58px 0 36px}.page-heading .eyebrow{margin-bottom:17px}.page-heading h1{letter-spacing:-.055em;font-size:42px;font-weight:700;line-height:1.28}.empty-state{border-top:1px solid var(--line);padding:40px 0 0}.empty-state>svg{width:44px;height:44px;color:var(--accent);margin-bottom:22px}.empty-state h2,.empty-state h1{letter-spacing:-.045em;font-size:23px}.empty-state p{color:var(--sub);margin-top:12px;font-size:14px}.empty-state .primary-button{margin-top:29px}.not-found{margin:70px 0}.about-page{max-width:680px;margin:0 auto;padding-bottom:60px}.about-page .page-heading{padding-top:14px}.about-lead{color:var(--sub);margin-bottom:45px;font-size:20px;line-height:1.8}.about-block{border-top:1px solid var(--line);padding:30px 0}.about-block h2{letter-spacing:-.035em;margin-bottom:17px;font-size:20px}.about-block p{color:var(--sub);font-size:14px;line-height:1.9}.about-block p+p{margin-top:16px}.about-block .text-link{text-underline-offset:5px;margin-top:20px;font-size:12px;text-decoration:underline}.about-signature{letter-spacing:.075em;color:var(--mute);margin-top:34px;font-size:11px;line-height:2.1}.about-signature strong{color:var(--accent);font-weight:550}.mobile-break{display:none}@media (max-width:700px){.app-shell{width:auto;margin:0 24px}.primary-button{gap:16px;padding:14px 17px}.page-heading{padding:40px 0 28px}.page-heading h1{font-size:32px}.empty-state{padding:32px 0 0}.empty-state h2,.empty-state h1{font-size:21px}.empty-state p{font-size:13px}.about-page .page-heading{padding-top:7px}.about-lead{margin-bottom:33px;font-size:16px;line-height:1.85}.about-block h2{font-size:18px}.about-block p{font-size:13px}.about-block .text-link{font-size:11px}.mobile-break{display:block}}@media (max-width:359px){.app-shell{margin:0 18px}.primary-button{padding-left:13px;padding-right:13px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.storage-error{border:1px solid var(--line);color:var(--ink);background:var(--surface);margin-bottom:20px;padding:14px 18px;font-size:13px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.detail-page{max-width:680px;margin:0 auto;padding-bottom:64px}.detail-top{justify-content:space-between;align-items:center;gap:16px;margin:20px 0 28px;display:flex}.back-link{min-height:var(--touch-min-height);color:var(--sub);align-items:center;gap:8px;font-size:14px;display:inline-flex}.back-link:hover{color:var(--ink)}.save-button.large{min-height:var(--touch-min-height);border-color:var(--ink);color:var(--ink);background:0 0;padding:0 16px;font-size:14px;font-weight:600}.save-button.large.is-saved{border-color:var(--accent);color:var(--accent)}.detail-index{font-family:var(--mono-font);color:var(--mute);font-size:12px}.detail-head h1{letter-spacing:-.04em;margin-top:12px;font-size:40px;font-weight:700;line-height:1.15}.detail-description{color:var(--sub);margin-top:16px;font-size:15px;line-height:1.7}.detail-figure{margin:28px 0 0}.detail-cover{aspect-ratio:1;background:var(--content-accent,var(--surface));position:relative;overflow:hidden}.detail-cover img{object-fit:cover;width:100%;height:100%}.detail-cover-note{color:var(--sub);margin-top:10px;font-size:13px;line-height:1.6}.detail-section{margin-top:40px}.detail-section h2{border-bottom:1px solid var(--ink);letter-spacing:-.02em;padding-bottom:10px;font-size:18px;font-weight:700}.detail-rows{margin:0;padding:0;list-style:none}.detail-rows li{border-bottom:1px solid var(--line);word-break:keep-all;overflow-wrap:anywhere;gap:16px;padding:14px 0;font-size:15px;line-height:1.55;display:flex}.detail-row-number{min-width:2ch;font-family:var(--mono-font);color:var(--mute);flex:none;padding-top:2px;font-size:12px}.detail-disclaimer{border:1px solid var(--ink);margin-top:32px;padding:14px 16px;font-size:13px;line-height:1.7}.detail-start{margin-top:32px}.detail-start .content-cta{width:100%;min-height:56px;font-size:var(--cta-font-size);font-weight:var(--cta-font-weight);justify-content:space-between;padding:0 20px;display:flex}.detail-member-note{color:var(--sub);margin-top:12px;font-size:13px}.detail-page .content-guide{margin-top:56px}.saved-contents{border-top:1px solid var(--line);margin-top:40px;padding-top:28px}.saved-empty p{color:var(--sub);font-size:14px;line-height:1.7}.saved-empty .text-link{margin-top:8px}.content-guide{border-top:1px solid var(--line);max-width:680px;margin:64px auto 0;padding-top:28px}.content-guide h2{margin:0 0 20px;font-size:22px}.content-guide details{border-bottom:1px solid var(--line)}.content-guide summary{cursor:pointer;padding:20px 0;font-weight:650;line-height:1.5}.content-guide details p{color:var(--sub);word-break:keep-all;margin:0 0 22px;line-height:1.8}.guide-source{color:var(--sub);margin-top:24px;font-size:12px;line-height:1.8}.guide-source a{text-underline-offset:3px;text-decoration:underline}@media (max-width:480px){.content-guide{margin-top:42px}.content-guide h2{font-size:20px}.content-guide summary,.content-guide details p{font-size:14px}}.home-intro{padding:40px 0 32px}.home-intro h1{letter-spacing:-.045em;font-size:46px;font-weight:700;line-height:1.04}.home-intro p{max-width:300px;color:var(--sub);margin-top:20px;font-size:15px;line-height:1.6}.featured-meta{font-family:var(--mono-font);color:var(--mute);align-items:center;gap:10px;margin-bottom:12px;font-size:12px;display:flex}.new-tag{border:1px solid var(--accent);color:var(--accent);padding:1px 7px;font-weight:700}.featured-cover,.tile-cover{aspect-ratio:1;background:var(--content-accent,var(--surface));display:block;position:relative;overflow:hidden}.featured-cover img,.tile-cover img{object-fit:cover;width:100%;height:100%}.featured-body{justify-content:space-between;align-items:flex-end;gap:16px;margin-top:14px;display:flex}.featured-copy{min-width:0}.tile-number{font-family:var(--mono-font);color:var(--mute);font-size:11px;line-height:1.4;display:block}.featured-copy h2{letter-spacing:-.035em;margin-top:4px;font-size:24px}.featured-copy p{-webkit-line-clamp:2;color:var(--sub);-webkit-box-orient:vertical;margin-top:6px;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.featured-go{background:var(--accent);width:48px;height:48px;color:var(--on-accent);flex:none;place-items:center;display:grid}.featured-go:hover{background:var(--ink)}.shelf{margin-top:48px;scroll-margin-top:28px}.shelf-heading{border-top:1px solid var(--ink);justify-content:space-between;align-items:baseline;margin-bottom:18px;padding-top:14px;display:flex}.shelf-heading h2{letter-spacing:-.03em;font-size:20px}.shelf-count{font-family:var(--mono-font);color:var(--mute);font-size:13px}.shelf-grid,.content-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 10px;margin:0;padding:0;list-style:none;display:grid}.tile{position:relative}.tile-link{display:block}.tile-link:hover .tile-title{text-underline-offset:3px;text-decoration:underline}.tile-number{margin-top:8px}.tile-title{-webkit-line-clamp:3;letter-spacing:-.02em;word-break:keep-all;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin-top:2px;font-size:15px;font-weight:500;line-height:1.35;display:-webkit-box;overflow:hidden}.tile-link:not(:has(.tile-number)) .tile-title{margin-top:8px}.tile-save{position:absolute;top:0;right:0}.shelf-more{border-top:1px solid var(--line);border-bottom:1px solid var(--line);width:100%;min-height:56px;color:var(--ink);background:0 0;justify-content:space-between;align-items:center;margin-top:32px;padding:0;font-size:15px;font-weight:500;display:flex}.shelf-more svg{transition:transform .2s}.shelf-more[aria-expanded=true] svg{transform:rotate(180deg)}.shelf-more:hover{color:var(--accent)}[hidden]{display:none!important}.featured-cover:focus-visible,.tile-link:focus-visible{outline-offset:4px}@media (min-width:768px){.home-intro{padding:64px 0 44px}.home-intro h1{font-size:64px}.featured{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;column-gap:32px;display:grid}.featured-meta{grid-area:1/2;align-self:start}.featured-cover{grid-area:1/1/span 2}.featured-body{grid-area:2/2;margin-top:0}.featured-copy h2{font-size:32px}.shelf-grid,.content-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 16px}}@media (min-width:1100px){.shelf-grid,.content-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
