:root{--ink:#000000;--muted:#555555;--bg:#ffffff;--surface:#ffffff;--surface-sunken:#F0F0F0;--border:#000000;--blue:#0000FF;--success:#008000;--warning:#FFA500;--error:#FF0000;--ease:.2s ease}[data-theme=dark]{--ink:#ffffff;--muted:#bbbbbb;--bg:#000000;--surface:#000000;--surface-sunken:#1a1a1a;--border:#ffffff;--blue:#8ab4f8}[data-theme=dark] header.site{background:#000}[data-theme=dark] .canvas-zone{background:#000}[data-theme=dark] .canvas-zone.frustration{background:#000;border-color:#fff}[data-theme=dark] .btn{background:#fff;color:#000;border-color:#fff}[data-theme=dark] .btn:hover{background:#000;color:#fff}[data-theme=dark] .btn.secondary{background:#000;color:#fff;border-color:#fff}[data-theme=dark] .btn.secondary:hover{background:#fff;color:#000}[data-theme=dark] .chip{background:#000;color:#fff;border-color:#fff}[data-theme=dark] .chip.active{background:#fff;color:#000;border-color:#fff}[data-theme=dark] nav.main a{color:#fff}[data-theme=dark] nav.main a:hover{background:#fff;color:#000}[data-theme=dark] .lang-switch a.active{background:#fff;color:#000}[data-theme=dark] .lang-switch a{color:#fff}[data-theme=dark] .icon-btn{background:#000;color:#fff;border-color:#fff}[data-theme=dark] .icon-btn:hover{background:#fff;color:#000}[data-theme=dark] .icon-btn.loved{background:#fff;color:#000;border-color:#fff}[data-theme=dark] .icon-btn.loved svg{fill:#000}[data-theme=dark] .icon-btn.downvoted{border-width:5px}[data-theme=dark] .info-btn{background:#000;color:#fff;border-color:#fff}[data-theme=dark] .info-btn[aria-expanded=true]{background:#fff;color:#000;border-color:#fff}[data-theme=dark] .view-toggle button{color:#fff}[data-theme=dark] .view-toggle button.active{background:#fff;color:#000}[data-theme=dark] .cat-chip{background:#000;color:#fff;border-color:#fff}[data-theme=dark] .frust-chip.frustration{background:#000;color:#ff6b6b;border-color:#ff6b6b}[data-theme=dark] .frust-chip.confession{background:#000;color:#fff;border-color:#fff}[data-theme=dark] .ad-slot .ad-pill{background:#fff;color:#000}[data-theme=dark] .badge,[data-theme=dark] .id-code{background:#000;color:#fff;border-color:#fff}.theme-toggle .icon-sun{display:none}[data-theme=dark] .theme-toggle .icon-sun{display:inline}[data-theme=dark] .theme-toggle .icon-moon{display:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Work Sans,system-ui,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6;font-size:16px}h1{font-family:Archivo Black,sans-serif;font-size:64px;line-height:1;margin:0 0 16px;font-weight:400}h2{font-family:Archivo Black,sans-serif;font-size:48px;line-height:1.05;margin:0 0 16px;font-weight:400}h3{font-family:Archivo Black,sans-serif;font-size:32px;line-height:1.1;margin:0 0 12px;font-weight:400}h4{font-family:Work Sans,sans-serif;font-size:22px;line-height:1.2;margin:0 0 10px;font-weight:600}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.wrap{max-width:1120px;margin:0 auto;padding:0 20px}header.site{position:sticky;top:0;z-index:40;background:#fff;border-bottom:3px solid var(--border)}header.site .wrap{max-width:none;width:100%;padding:0 24px}.header-inner{display:flex;align-items:center;gap:16px;height:68px;position:relative;max-width:none;width:100%}.header-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.nav-toggle{display:none;inline-size:40px;block-size:40px;border:3px solid var(--border);background:var(--surface);color:var(--ink);cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:4px}.nav-toggle span{display:block;width:18px;height:3px;background:currentColor;transition:transform .2s ease,opacity .2s ease}header.site.nav-open .nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}header.site.nav-open .nav-toggle span:nth-child(2){opacity:0}header.site.nav-open .nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.logo{display:flex;align-items:center;gap:10px;color:var(--ink)}.logo:hover{text-decoration:none}.logo-mark{width:38px;height:38px;flex:0 0 auto;display:block}[data-theme=dark] .logo-mark{filter:invert(1)}.logo-word{font-family:Archivo Black,sans-serif;font-size:30px;line-height:1;white-space:nowrap;color:var(--ink)}.sr-only{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}nav.main{margin-left:auto;display:flex;gap:8px;align-items:center;flex-wrap:wrap}@media(max-width:900px){.header-actions{margin-left:auto}nav.main{display:none;position:absolute;top:100%;left:0;right:0;background:var(--surface);border-bottom:3px solid var(--border);flex-direction:column;align-items:stretch;padding:12px 20px 16px;gap:4px}header.site.nav-open nav.main{display:flex}nav.main a{padding:12px 14px;font-size:16px}.nav-toggle{display:inline-flex}}@media(max-width:480px){.wrap{padding:0 12px}.header-inner{gap:8px;height:56px}.logo{font-size:17px;gap:8px}.logo-word{font-size:22px}.lang-switch{padding:3px}.lang-switch a{padding:5px 8px;font-size:12px}.icon-btn,.nav-toggle{width:36px;height:36px}}nav.main a{color:var(--ink);padding:8px 12px;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:1px}nav.main a:hover{background:#000;color:#fff;text-decoration:none}.lang-switch{display:flex;gap:4px;background:var(--surface);padding:4px;border:3px solid var(--border)}.lang-switch a{padding:6px 10px;font-size:13px;font-weight:600;color:var(--ink)}.lang-switch a.active{background:#000;color:#fff}.lang-switch a:hover{text-decoration:none}.btn{display:inline-flex;align-items:center;gap:8px;background:#000;color:#fff;border:3px solid #000000;padding:10px 24px;font-weight:600;cursor:pointer;font-size:14px;text-transform:uppercase;letter-spacing:2px;font-family:Work Sans,sans-serif}.btn:hover{background:#fff;color:#000;text-decoration:none}.btn:active{background:#000;color:#fff;border-width:5px}.btn.secondary{background:#fff;color:#000;border:3px solid #000000}.btn.secondary:hover{background:#000;color:#fff}.btn.small{padding:6px 16px;font-size:12px}.hero{padding:40px 0 24px;text-align:center}.hero h1{font-family:Archivo Black,sans-serif;font-size:64px;line-height:1;margin:0 0 12px}.hero p{color:var(--muted);font-size:18px;margin:0 auto 20px;max-width:640px}.searchbar{display:flex;gap:8px;max-width:640px;margin:0 auto;background:var(--surface);border:3px solid var(--border);padding:6px 6px 6px 18px}.searchbar input{flex:1;border:0;outline:0;font-size:16px;min-width:0;background:transparent;font-family:Space Mono,monospace;color:var(--ink)}.filters{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:20px 0 8px}.chip{border:2px solid var(--border);background:var(--surface);color:var(--ink);padding:4px 12px;cursor:pointer;font-weight:600;font-size:10px;text-transform:uppercase;letter-spacing:1px;font-family:Work Sans,sans-serif}.chip:hover{border-color:var(--border)}.chip.active{background:#000;color:#fff;border-color:#000}.chip .dot{display:none}.select-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:12px 0}.select-row select{padding:10px 12px;border:3px solid var(--border);background:var(--surface-sunken);color:var(--ink);font-size:15px;font-family:Space Mono,monospace}.select-row select:focus{border-width:5px;outline:none}.view-toggle{display:flex;gap:4px;background:var(--surface);padding:4px;border:3px solid var(--border);width:fit-content;margin:16px auto}.view-toggle button{border:0;background:transparent;padding:8px 16px;font-weight:600;cursor:pointer;font-family:Work Sans,sans-serif;text-transform:uppercase;letter-spacing:1px;font-size:12px;color:var(--ink)}.view-toggle button.active{background:#000;color:#fff}.canvas-zone{position:relative;overflow:hidden;background:#fff;border:3px solid var(--border);min-height:520px;margin:18px 0}.canvas-zone.fullscreen{min-height:200svh;min-height:200vh;border-left:0;border-right:0;margin:0}.canvas-zone.fullscreen .canvas-head{max-width:1120px;margin:0 auto;padding:16px 20px 0;width:100%}.canvas-head{padding:16px 20px 0;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:start}.canvas-head h2{margin:0;font-family:Archivo Black,sans-serif;font-size:24px;line-height:1.1;font-weight:400}.canvas-head p{margin:4px 0 0;color:var(--muted);font-size:13px}.canvas-head-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.canvas-board{position:relative;display:block;height:640px;padding:12px;overflow:hidden}.canvas-zone.fullscreen .canvas-board{height:calc(200svh - 140px);height:calc(200vh - 140px);min-height:520px}.joke-card{position:absolute;left:0;top:0;width:220px;background:var(--surface);border:3px solid var(--border);padding:16px;cursor:grab;touch-action:none;will-change:transform,translate;transform:rotate(var(--tilt,0deg))}.joke-card:nth-child(5n+1){--tilt:-1.2deg}.joke-card:nth-child(5n+2){--tilt:.8deg}.joke-card:nth-child(5n+3){--tilt:-.6deg}.joke-card:nth-child(5n+4){--tilt:1.1deg}.joke-card:nth-child(5n){--tilt:-.9deg}.joke-card:hover,.joke-card:focus-visible{border-width:5px;z-index:20}.float-shape{position:absolute;left:0;top:0;width:36px;height:36px;pointer-events:none;will-change:translate;z-index:1}.joke-card.dragging{cursor:grabbing;z-index:30;border-width:5px}.search-overlay{display:none;border-bottom:3px solid var(--border);background:var(--surface)}.search-overlay.open{display:block}.search-overlay-inner{max-width:1120px;margin:0 auto;padding:12px 20px;display:flex;gap:8px;align-items:center}.search-overlay input{flex:1;border:3px solid var(--border);padding:10px 12px;font-size:15px;min-width:0;background:var(--surface-sunken);color:var(--ink);font-family:Space Mono,monospace}.search-overlay input:focus{border-width:5px;outline:none}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:3px solid var(--border);background:var(--surface);color:var(--ink);cursor:pointer;flex-shrink:0}.icon-btn:hover{background:#000;color:#fff}.info-btn{width:32px;height:32px;border:3px solid var(--border);background:var(--surface);color:var(--ink);font-weight:700;font-size:16px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-family:Work Sans,sans-serif}.info-btn[aria-expanded=true],.icon-btn.loved{background:#000;color:#fff;border-color:#000}.icon-btn.loved svg{fill:#fff}.icon-btn.downvoted{border-width:5px}.icon-btn.saved{background:#000;color:#fff;border-color:#000}.icon-btn.saved svg{fill:#fff}.saved-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;background:#000;color:#fff;font-size:12px;font-weight:700;line-height:1}[data-theme=dark] .icon-btn.saved{background:#fff;color:#000;border-color:#fff}[data-theme=dark] .icon-btn.saved svg{fill:#000}[data-theme=dark] .saved-badge{background:#fff;color:#000}.canvas-zone.frustration{background:#000;border-color:#000}.canvas-zone.frustration .canvas-head h2{color:#fff}.canvas-zone.frustration .canvas-head p{color:#bbb}.joke-card.frust-card{background:var(--surface)}.frust-chip{display:inline-block;font-size:11px;font-weight:700;padding:2px 10px;border:2px solid var(--border);color:var(--ink);background:var(--surface);margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.frust-chip.frustration{color:red;border-color:red}.frust-chip.confession{color:var(--ink);border-color:var(--border)}.frust-filter{display:flex;gap:8px;flex-wrap:wrap}.vote-count{font-size:13px;color:var(--muted);font-family:Space Mono,monospace}.filter-drawer{position:fixed;top:0;right:0;height:100dvh;width:min(360px,92vw);background:var(--surface);border-left:3px solid var(--border);z-index:120;transform:translate(105%);transition:transform .3s ease;padding:20px;overflow-y:auto}.filter-drawer.open{transform:translate(0)}.filter-drawer h2{margin:0 0 16px;font-family:Archivo Black,sans-serif;font-size:32px;font-weight:400}.filter-drawer h3{margin:20px 0 8px;font-family:Archivo Black,sans-serif;font-size:14px;text-transform:uppercase;letter-spacing:1px}.filter-drawer select{width:100%;padding:10px 12px;border:3px solid var(--border);background:var(--surface-sunken);color:var(--ink);font-size:15px;font-family:Space Mono,monospace}.filter-drawer select:focus{border-width:5px;outline:none}.filter-backdrop{position:fixed;inset:0;background:#00000073;z-index:110;display:none}.filter-backdrop.open{display:block}.joke-card p{margin:0;font-size:13px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cat-chip{display:inline-block;font-size:11px;font-weight:700;padding:2px 10px;border:2px solid var(--border);color:var(--ink);background:var(--surface);margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.ad-slot{margin:22px 0;background:var(--surface);border:3px solid var(--border);padding:18px;text-align:center}.ad-slot .ad-pill{display:inline-block;background:#000;color:#fff;font-size:12px;font-weight:700;padding:4px 10px;letter-spacing:.06em;text-transform:uppercase}.ad-slot p{margin:8px 0 0;color:var(--muted);font-size:14px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin:16px 0}.list-card{background:var(--surface);border:3px solid var(--border);padding:24px}.list-card p{margin:0 0 12px;font-size:16px}.card-actions{display:flex;gap:8px;flex-wrap:wrap}.section{padding:28px 0}.section h2{font-family:Archivo Black,sans-serif;font-size:48px;line-height:1.05;margin:0 0 6px;font-weight:400}.section .sub{color:var(--muted);margin:0 0 16px}.modal-backdrop{position:fixed;inset:0;background:#00000073;display:none;place-items:center;z-index:100;padding:20px}.modal-backdrop.open{display:grid}.modal{background:var(--surface);border:5px solid var(--border);max-width:560px;width:100%;padding:24px;max-height:90vh;overflow:auto}.modal h3{margin:0 0 8px;font-family:Archivo Black,sans-serif;font-size:32px;line-height:1.1;font-weight:400}.modal .joke-text{font-size:19px;line-height:1.6;margin:12px 0}.meta{color:var(--muted);font-size:13px;display:flex;gap:12px;flex-wrap:wrap;align-items:center}.id-code{background:var(--surface);border:2px solid var(--border);padding:2px 8px;font-family:Space Mono,monospace;font-size:12px}footer.site{margin-top:40px;border-top:3px solid var(--border);background:var(--surface)}.footer-inner{padding:28px 0;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:24px}.footer-inner>div{min-width:0}.footer-inner a{overflow-wrap:break-word}.footer-inner h4{margin:0 0 10px;font-size:22px;font-weight:600}.footer-inner a{display:block;color:var(--blue);padding:3px 0;font-size:14px}.footer-bottom{border-top:3px solid var(--border);padding:14px 0;color:var(--muted);font-size:13px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;overflow-wrap:break-word}.prose{max-width:760px;line-height:1.75}.prose h2{margin-top:28px;font-size:32px}.prose code{background:var(--surface-sunken);padding:2px 6px;font-family:Space Mono,monospace}.gate{max-width:520px;margin:0 auto;background:var(--surface);border:3px solid var(--border);padding:24px}.gate label{display:block;margin:12px 0;font-family:Archivo Black,sans-serif;font-size:14px;text-transform:uppercase}.gate input[type=text],.gate input[type=number]{width:100%;padding:10px 12px;border:3px solid var(--border);font-size:15px;background:var(--surface-sunken);color:var(--ink);font-family:Space Mono,monospace}.gate input[type=text]:focus,.gate input[type=number]:focus{border-width:5px;outline:none}.notice{background:var(--surface);border:3px solid var(--border);padding:14px 16px;font-size:14px}.badge{display:inline-block;padding:2px 10px;font-size:11px;font-weight:700;color:var(--ink);background:var(--surface);border:2px solid var(--border);text-transform:uppercase;letter-spacing:1px}@media(max-width:760px){h1{font-size:40px}h2{font-size:32px}.hero h1{font-size:40px}.section h2{font-size:32px}.footer-inner{grid-template-columns:1fr}.canvas-board{padding:8px}.canvas-zone.fullscreen{min-height:156svh;min-height:156vh}.canvas-zone.fullscreen .canvas-board{height:calc(156svh - 120px);height:calc(156vh - 120px);min-height:840px}.joke-card{width:150px;padding:10px 10px 8px}.joke-card p{font-size:12.5px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}