@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/space-grotesk-var.woff2)format("woff2")}@font-face{font-family:Space Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/space-mono-400.woff2)format("woff2")}@font-face{font-family:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/space-mono-700.woff2)format("woff2")}*,:before,:after{box-sizing:border-box}:root{--bg-page:#efebe3;--bg-card:#fbf9f4;--bg-dark-accent:#16150f;--color-text:#16150f;--color-text-muted:#857e70;--color-border:#16150f;--color-border-muted:#cfc8ba;--bg-selection:#16150f;--color-selection:#efebe3;--newsletter-bg:#f1ece4;--footer-text-color:#9a9384;--shadow-color:#16150f1a;--input-focus-bg:#fff}.dark,[data-theme=dark]{--bg-page:#12110d;--bg-card:#1c1a14;--bg-dark-accent:#f2efe9;--color-text:#f2efe9;--color-text-muted:#a39c90;--color-border:#f2efe9;--color-border-muted:#4a453a;--bg-selection:#f2efe9;--color-selection:#12110d;--newsletter-bg:#222019;--footer-text-color:#7a7469;--shadow-color:#0006;--input-focus-bg:#222019}body,.card,.tab-btn,.vote-btn,.btn-next,.btn-share,header,footer,.tag-bar,.subpage-content,.newsletter-box,.newsletter-input,.newsletter-btn,.form-input,.form-select,.form-textarea,.result-panel,.split-bar,.toast{transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}html,body{height:100%;margin:0;padding:0}.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}body{background:var(--bg-page);color:var(--color-text);min-height:100vh;font-family:Space Grotesk,system-ui,sans-serif}::selection{background:var(--bg-selection);color:var(--color-selection)}.mono{font-family:Space Mono,monospace}.page{flex-direction:column;align-items:center;min-height:100vh;padding:26px 18px 40px;display:flex}.inner{flex-direction:column;gap:20px;width:100%;max-width:620px;display:flex}header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.logo{align-items:baseline;gap:3px;margin:0;font-weight:700;display:flex}.logo a{color:inherit;align-items:baseline;gap:3px;text-decoration:none;display:inline-flex}.logo-text{letter-spacing:-.035em;font-size:30px;font-weight:700}.logo-wtf{letter-spacing:-.02em;background:var(--bg-dark-accent);color:var(--bg-page);border-radius:5px;padding:0 8px;font-size:30px;font-weight:700;display:inline-block;transform:rotate(-2.5deg)}.tagline{color:var(--color-text-muted);letter-spacing:.01em;font-family:Space Mono,monospace;font-size:11px}nav{scrollbar-width:none;gap:6px;margin:-4px -4px 0;padding:4px;display:flex;overflow-x:auto}nav::-webkit-scrollbar{display:none}.tab-btn{letter-spacing:-.01em;cursor:pointer;white-space:nowrap;border:1px solid var(--color-border-muted);color:var(--color-text);box-shadow:none;background:0 0;border-radius:6px;padding:9px 16px;font-family:Space Grotesk,sans-serif;font-size:14.5px;font-weight:700}.tab-btn:hover:not(.active){border-color:var(--color-border);transform:translateY(-1px)}.tab-btn.active{color:#fff;border:1px solid var(--color-border);box-shadow:2px 2px 0 var(--color-border)}.card{background:var(--bg-card);border:1px solid var(--color-border);box-shadow:5px 5px 0 var(--color-border);border-radius:6px;overflow:hidden}.tag-bar{color:#fff;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;display:flex}.tag-bar-label{letter-spacing:.09em;text-transform:uppercase;font-size:13px;font-weight:700}.case-code{opacity:.85;white-space:nowrap;font-family:Space Mono,monospace;font-size:11px}.scenario-body{padding:28px 24px 30px}.scenario-text{letter-spacing:-.01em;text-wrap:pretty;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;margin:0;font-size:23px;font-weight:500;line-height:1.4}.scenario-body p,.subpage-content p{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}.vote-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.vote-btn{letter-spacing:-.01em;cursor:pointer;text-align:center;min-height:120px;box-shadow:3px 3px 0 var(--color-border);border:1px solid var(--color-border);color:#fff;border-radius:6px;justify-content:center;align-items:center;padding:34px 16px;font-family:Space Grotesk,sans-serif;font-size:21px;font-weight:700;line-height:1.15;display:flex}.vote-btn:hover{filter:brightness(1.06);transform:translateY(-2px)}.results{flex-direction:column;gap:14px;display:flex}.results-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.result-panel{border:1px solid var(--color-border);border-radius:6px;flex-direction:column;justify-content:center;align-items:center;height:154px;display:flex;position:relative}.result-panel.picked{box-shadow:3px 3px 0 var(--color-border);color:#fff}.your-pick{text-align:center;letter-spacing:.14em;opacity:.9;font-family:Space Mono,monospace;font-size:9px;font-weight:700;position:absolute;top:11px;left:0;right:0}.result-pct{letter-spacing:-.03em;font-size:46px;font-weight:700;line-height:1}.result-label{text-align:center;margin-top:7px;padding:0 8px;font-size:14.5px;font-weight:500}.split-bar{border:1px solid var(--color-border);background:var(--bg-page);border-radius:4px;height:12px;display:flex;overflow:hidden}.bar-left,.bar-right{height:100%}.reaction-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.reaction-text{letter-spacing:-.01em;font-size:14px;font-weight:500}.vote-count{color:var(--color-text-muted);white-space:nowrap;font-family:Space Mono,monospace;font-size:12px}.action-row{gap:10px;margin-top:2px;display:flex}.btn-next{background:var(--bg-dark-accent);color:var(--bg-card);border:1px solid var(--color-border);letter-spacing:-.01em;cursor:pointer;border-radius:6px;flex:1;padding:16.5px;font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:700}.btn-next:hover{filter:brightness(1.15);transform:translateY(-2px)}.btn-share{background:var(--bg-card);color:var(--color-text);border:1px solid var(--color-border);cursor:pointer;border-radius:6px;padding:16.5px 24px;font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:700}.btn-share:hover{filter:brightness(.96);transform:translateY(-2px)}footer{text-align:center;margin-top:6px}.footer-links{color:var(--footer-text-color);justify-content:center;align-items:center;gap:8px;margin-bottom:8px;font-family:Space Mono,monospace;font-size:11px;display:flex}.footer-link-btn{font-family:inherit;font-size:inherit;color:inherit;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;margin:0;padding:0;text-decoration:underline}.footer-link-btn:hover{color:var(--color-text)}.footer-text{color:var(--footer-text-color);font-family:Space Mono,monospace;font-size:11px}.toast{background:var(--bg-dark-accent);color:var(--bg-page);border:1px solid var(--color-border);box-shadow:0 8px 22px var(--shadow-color);z-index:20;white-space:nowrap;border-radius:6px;padding:11px 18px;font-family:Space Mono,monospace;font-size:13px;animation:.2s popIn;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@keyframes popIn{0%{opacity:0;transform:translate(-50%)translateY(7px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.logo{cursor:pointer;-webkit-user-select:none;user-select:none}.bounce-letter{animation:.45s ease-out logo-letter-bounce;display:inline-block}.bounce-wtf-container{animation:.45s ease-out logo-wtf-wiggle}@keyframes logo-letter-bounce{0%{color:inherit;transform:translateY(0)}30%{color:#d6303a;transform:translateY(-8px)}50%{color:#e8590c}70%{color:#ffc000;transform:translateY(1px)}85%{color:#2f9e44}95%{color:#1c6dd0}to{color:inherit;transform:translateY(0)}}@keyframes logo-wtf-wiggle{0%{transform:rotate(-2.5deg)scale(1)}30%{transform:rotate(5deg)scale(1.08)}65%{transform:rotate(-5deg)scale(.96)}to{transform:rotate(-2.5deg)scale(1)}}.tab-hint{color:var(--color-text-muted);text-align:center;letter-spacing:.02em;opacity:.85;min-height:16px;margin-top:-6px;margin-bottom:2px;font-family:Space Mono,monospace;font-size:11px}.subpage-title{letter-spacing:-.03em;margin:0 0 4px;font-size:26px;font-weight:700}.subpage-content{color:var(--color-text);opacity:.95;font-size:15px;line-height:1.55}.subpage-content p{margin:0 0 16px}.subpage-content h2{letter-spacing:-.015em;color:var(--color-text);margin:24px 0 10px;font-size:17px;font-weight:700}.subpage-content ul{margin:0 0 16px;padding-left:20px}.subpage-content li{margin-bottom:8px}.back-link-wrapper{text-align:center;margin-top:6px}.back-link{color:var(--color-text);text-underline-offset:3px;font-family:Space Mono,monospace;font-size:12px;text-decoration:underline}.back-link:hover{color:var(--color-text-muted)}.blog-posts-list{flex-direction:column;gap:20px;display:flex}.blog-post-card{background:var(--bg-card);border:1.5px solid var(--color-border);box-shadow:4px 4px 0 var(--color-border);cursor:pointer;text-align:left;border-radius:6px;padding:24px;transition:transform .15s,box-shadow .15s}.blog-post-card:hover{box-shadow:7px 7px 0 var(--color-border);transform:translate(-3px,-3px)}.blog-post-meta-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.blog-post-tag{text-transform:uppercase;border:1.5px solid var(--color-border);background:var(--bg-page);color:var(--color-text);letter-spacing:.05em;border-radius:4px;padding:2px 8px;font-family:Space Mono,monospace;font-size:10px;font-weight:700;line-height:1.4}.blog-post-meta{color:var(--color-text-muted);font-family:Space Mono,monospace;font-size:12px}.blog-post-title{letter-spacing:-.025em;margin:0 0 10px;font-size:22px;font-weight:700;line-height:1.25}.blog-post-excerpt{color:var(--color-text-muted);margin:0 0 16px;font-size:14.5px;line-height:1.5}.blog-post-read-more{color:var(--color-text);text-underline-offset:3px;align-items:center;gap:4px;font-family:Space Mono,monospace;font-size:12px;font-weight:700;text-decoration:underline;display:inline-flex}.blog-post-read-more:hover{color:var(--color-text-muted)}.blog-reading-header{border-bottom:2px solid var(--color-border);text-align:left;margin-bottom:28px;padding-bottom:20px}.blog-reading-meta{color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;font-family:Space Mono,monospace;font-size:13px;display:flex}.blog-reading-author{color:var(--color-text);font-weight:700}.blog-reading-content{text-align:left;font-size:15.5px;line-height:1.7}.blog-reading-content p{margin:0 0 20px}.blog-reading-content h3{color:var(--color-text);letter-spacing:-.01em;text-transform:uppercase;border-bottom:1.5px dashed var(--color-border-muted);margin:36px 0 14px;padding-bottom:6px;font-family:Space Mono,monospace;font-size:16px;font-weight:700}.blog-reading-content blockquote{background:var(--newsletter-bg);border:1.5px solid var(--color-border);box-shadow:3.5px 3.5px 0 var(--color-border);border-radius:6px;margin:28px 0;padding:16px 20px;font-style:italic}.blog-reading-content blockquote p{margin:0}.blog-share-bar{border-top:2.5px solid var(--color-border);align-items:center;gap:12px;margin-top:40px;padding-top:24px;display:flex}.blog-share-btn{border:1.5px solid var(--color-border);background:var(--bg-card);color:var(--color-text);box-shadow:2.5px 2.5px 0 var(--color-border);cursor:pointer;border-radius:4px;align-items:center;gap:6px;padding:8px 14px;font-family:Space Mono,monospace;font-size:12px;font-weight:700;transition:transform .1s,box-shadow .1s,background-color .1s;display:inline-flex}.blog-share-btn:hover{box-shadow:4px 4px 0 var(--color-border);background:var(--newsletter-bg);transform:translate(-1.5px,-1.5px)}.blog-share-btn:active{box-shadow:1.5px 1.5px 0 var(--color-border);transform:translate(0)}.newsletter-box{background:var(--newsletter-bg);border:1px solid var(--color-border);border-radius:6px;margin-top:24px;padding:16px 18px}.newsletter-title{letter-spacing:-.01em;margin:0 0 4px;font-size:15px;font-weight:700}.newsletter-subtitle{color:var(--color-text-muted);margin:0 0 12px;font-size:12px;line-height:1.4}.newsletter-form{gap:8px;display:flex}.newsletter-input{border:1px solid var(--color-border);background:var(--bg-card);color:var(--color-text);border-radius:4px;outline:none;flex:1;padding:8px 12px;font-family:inherit;font-size:13px}.newsletter-input::placeholder{color:var(--color-text-muted);opacity:.7}.newsletter-btn{background:var(--bg-dark-accent);color:var(--bg-card);border:1px solid var(--color-border);cursor:pointer;border-radius:4px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:700}.newsletter-btn:hover{filter:brightness(1.15)}.newsletter-success{color:#2f9e44;font-family:Space Mono,monospace;font-size:12px;font-weight:700}.dev-reset-btn{z-index:50;background:var(--bg-dark-accent);color:var(--bg-page);border:1px solid var(--color-border);cursor:pointer;box-shadow:2px 2px 0 var(--shadow-color);border-radius:6px;padding:8px 11px;font-family:Space Mono,monospace;font-size:11px;position:fixed;bottom:14px;right:14px}.dev-reset-btn:hover{transform:translateY(-1px)}.submit-form{flex-direction:column;gap:16px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (max-width:480px){.form-group-grid{grid-template-columns:1fr}}.form-label{color:var(--color-text);justify-content:space-between;align-items:baseline;font-family:Space Mono,monospace;font-size:12px;font-weight:700;display:flex}.form-optional{color:var(--color-text-muted);font-size:11px;font-weight:400}.form-char-count{color:var(--color-text-muted);font-family:Space Mono,monospace;font-size:11px;font-weight:400}.form-input,.form-select,.form-textarea{border:1px solid var(--color-border);background:var(--bg-card);color:var(--color-text);box-shadow:2px 2px 0 var(--shadow-color);border-radius:6px;outline:none;padding:10px 12px;font-family:inherit;font-size:14px}.form-input:focus,.form-select:focus,.form-textarea:focus{background:var(--input-focus-bg);border-color:var(--color-border);box-shadow:3px 3px 0 var(--color-border)}.form-textarea{resize:vertical;min-height:96px}.form-help-text{color:var(--color-text-muted);margin-top:2px;font-size:11px}.submit-success{text-align:center;background:#ebfbee;border:1px solid #2f9e44;border-radius:6px;padding:20px 18px}.dark .submit-success{background:#112b16;border-color:#2f9e44}.success-title{color:#2f9e44;letter-spacing:-.015em;margin:0 0 8px;font-size:18px;font-weight:700}.success-message{color:#2b5c32;margin:0 0 16px;font-size:14px;line-height:1.5}.dark .success-message{color:#a2dca6}.section-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:-6px;font-family:Space Mono,monospace;font-size:11px;font-weight:700}.history-toggle-btn{color:var(--color-text);text-underline-offset:2px;cursor:pointer;background:0 0;border:none;margin:0;padding:0;font-family:Space Mono,monospace;font-size:11px;font-weight:700;text-decoration:underline}.history-toggle-btn:hover{color:var(--color-text-muted)}.marquee-container{background:var(--bg-dark-accent);color:var(--bg-page);white-space:nowrap;border-top:1.5px solid var(--color-border);width:100%;padding:8px 0;display:flex;overflow:hidden}.marquee-content{gap:0;animation:60s linear infinite marquee-right;display:flex}.marquee-content span{white-space:nowrap;letter-spacing:.15em;text-transform:uppercase;font-family:Space Mono,monospace;font-size:11px;font-weight:700}@keyframes marquee-right{0%{transform:translate(-50%)}to{transform:translate(0%,0)}}details{border:1.5px solid var(--color-border);background:var(--bg-card);box-shadow:2px 2px 0 var(--color-border);border-radius:6px;margin:16px 0;transition:box-shadow .12s,transform .12s;overflow:hidden}details:hover{box-shadow:3.5px 3.5px 0 var(--color-border)}summary{cursor:pointer;background:var(--newsletter-bg);-webkit-user-select:none;user-select:none;outline:none;padding:12px 16px;font-family:Space Mono,monospace;font-size:13px;font-weight:700;display:list-item}details[open] summary{border-bottom:1.5px solid var(--color-border)}.details-content{padding:14px 16px;font-size:13.5px;line-height:1.55}.details-content p:last-child{margin-bottom:0}