:root{--bg:#111019;--card:#1c1a27;--card-border:#2c2940;--border-strong:#3a3654;--field-border:#76709a;--ink:#f5f3ff;--secondary:#c2bed6;--muted-ink:#a7a3bd;--yellow:#ffe45c;--on-yellow:#111019;--violet:#8b6cff;--on-violet:#120b2e;--orange:#ff7a3d;--on-orange:#1a0a02;--surface:var(--card);--raised:#252236;--line:var(--card-border);--muted:var(--secondary);--faint:var(--muted-ink);--amber:var(--yellow);--amber-ink:var(--on-yellow);--heart:var(--orange);--link:#a995ff;--dim:var(--border-strong);--display:var(--font-rubik), "Helvetica Neue", Arial, system-ui, sans-serif;--body:var(--font-rubik), "Helvetica Neue", Arial, system-ui, sans-serif;--mono:var(--font-dm-mono), ui-monospace, "SF Mono", Menlo, monospace;--radius-sm:8px;--radius:14px;--radius-lg:18px;--radius-xl:30px;--pill:999px;--wrap:1160px;--hard:4px 4px 0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-padding-top:90px}body{background:var(--bg);min-height:100dvh;color:var(--ink);font:400 15.5px/1.55 var(--body);-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;display:flex}a{color:inherit;text-decoration:none}a:hover{color:var(--link)}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--yellow);outline-offset:3px;border-radius:6px}img,svg{max-width:100%;display:block}.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding-inline:20px}@media (max-width:480px){.wrap{padding-inline:16px}}.skip-link{z-index:100;background:var(--yellow);color:var(--on-yellow);border-radius:var(--pill);padding:8px 14px;font-weight:800;position:absolute;top:-60px;left:12px}.skip-link:focus{color:var(--on-yellow);top:12px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn{border:2px solid var(--border-strong);background:var(--card);color:var(--ink);border-radius:var(--pill);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:8px 16px;font-size:14.5px;font-weight:700;transition:transform .12s,box-shadow .12s,border-color .12s;display:inline-flex}.btn:hover{border-color:var(--secondary);color:var(--ink)}.btn.primary{background:var(--yellow);border-color:var(--on-yellow);color:var(--on-yellow);box-shadow:var(--hard) var(--violet);font-weight:800}.btn.primary:hover:not(:disabled){box-shadow:5px 5px 0 var(--violet);color:var(--on-yellow);transform:translate(-1px,-1px)}.btn.primary:active:not(:disabled){box-shadow:2px 2px 0 var(--violet);transform:translate(2px,2px)}.btn.small{padding:5px 12px;font-size:13px}.btn.primary.small{box-shadow:3px 3px 0 var(--violet)}.btn.quiet{background:0 0;border-color:#0000}.btn.quiet:hover{border-color:var(--border-strong)}.btn[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.btn.like[aria-pressed=true]{background:var(--orange);border-color:var(--orange);color:var(--on-orange)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.danger{border-color:var(--orange);color:var(--orange);background:0 0}.btn.danger:hover:not(:disabled){background:var(--orange);color:var(--on-orange)}main{flex:1;padding-top:44px;padding-bottom:80px}@media (max-width:560px){main{padding-top:28px}}h1.page{font:800 40px/1.08 var(--display);letter-spacing:-.02em;margin:0 0 8px}@media (max-width:560px){h1.page{font-size:32px}}.lede{color:var(--secondary);max-width:62ch;margin:0 0 22px}h2.sec{font:800 26px/1.15 var(--display);letter-spacing:-.02em;color:var(--ink);flex-wrap:wrap;align-items:center;gap:12px;margin:44px 0 16px;display:flex}h2.sec a{font:500 12px/1 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--secondary);border:2px solid var(--border-strong);border-radius:var(--pill);margin-left:auto;padding:7px 12px}h2.sec a:hover{color:var(--ink);border-color:var(--secondary)}.mono{font-family:var(--mono);letter-spacing:.02em;font-weight:500}.sticker{font:500 11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;border-radius:var(--pill);background:var(--orange);color:var(--on-orange);white-space:nowrap;padding:6px 10px;display:inline-block;transform:rotate(3deg)}.sticker.violet{background:var(--violet);color:var(--on-violet);transform:rotate(-3deg)}.sticker.yellow{background:var(--yellow);color:var(--on-yellow)}.stars{color:var(--yellow);letter-spacing:.04em;white-space:nowrap}.heart{color:var(--orange)}.empty{border:2px dashed var(--border-strong);border-radius:var(--radius-xl);text-align:center;color:var(--secondary);padding:30px 22px 28px}.empty:before{content:"";background:radial-gradient(circle, var(--yellow) 0 7px, var(--bg) 7px 9px, transparent 9px), repeating-radial-gradient(circle, #0b0a11 0 2px, #2a2640 2px 4px);border:2px solid var(--border-strong);border-radius:50%;width:56px;height:56px;margin:0 auto 14px;display:block}.empty p{margin:0 0 16px}.empty .btn{background:var(--yellow);border-color:var(--on-yellow);color:var(--on-yellow);box-shadow:var(--hard) var(--violet);font-weight:800}.note{background:var(--card);border:2px solid var(--card-border);border-radius:var(--radius);color:var(--secondary);margin:14px 0;padding:12px 16px;font-size:14px}code{background:var(--raised);font:500 13px var(--mono);border-radius:6px;padding:1px 6px}.field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.field label{font:500 12px/1.2 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--secondary)}.field input,.field textarea,.field select{border-radius:var(--radius);border:2px solid var(--field-border);background:var(--bg);color:var(--ink);width:100%;padding:10px 14px}.field input:focus-visible,.field textarea:focus-visible,.field select:focus-visible{border-color:var(--yellow);outline-offset:2px}.field textarea{resize:vertical;min-height:110px}.field input[aria-invalid=true],.field textarea[aria-invalid=true]{border-color:var(--orange)}.hint{color:var(--muted-ink);font-size:12.5px}.hint.ok{color:#8ee6b0}.hint.bad{color:var(--orange)}.form-error,.form-message{border-radius:var(--radius);border:2px solid;margin:0 0 14px;padding:10px 14px;font-size:14px}.form-error{color:#ffc9b0;background:#ff7a3d1a;border-color:#ff7a3d8c}.form-message{color:var(--ink);background:#8b6cff1f;border-color:#8b6cff8c}.linkbtn{color:var(--secondary);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;font-size:13px;text-decoration:underline}.linkbtn:hover{color:var(--ink)}.linkbtn:disabled{opacity:.5;cursor:not-allowed}.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:30px 22px;display:grid}.grid.six{grid-template-columns:repeat(6,1fr)}.grid>:nth-child(3n+1){--cover-shadow:var(--violet)}.grid>:nth-child(3n+2){--cover-shadow:var(--orange)}.grid>:nth-child(3n){--cover-shadow:var(--yellow)}@media (max-width:860px){.grid.six{grid-template-columns:repeat(3,1fr)}}@media (max-width:420px){.grid,.grid.six{grid-template-columns:repeat(2,1fr);gap:24px 16px}}.controls{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:26px;display:flex}.controls select{border-radius:var(--pill);border:2px solid var(--field-border);background:var(--card);color:var(--ink);padding:9px 16px;font-weight:600}.count{font:500 12.5px var(--mono);color:var(--muted-ink);letter-spacing:.02em}.meta{color:var(--secondary);font-size:14px}.tag{font:500 11.5px/1.4 var(--mono);border-radius:var(--pill);background:var(--raised);border:1px solid var(--border-strong);color:var(--secondary);margin-right:4px;padding:2px 9px;display:inline-block}a.tag:hover{color:var(--ink)}.pager{justify-content:center;align-items:center;gap:10px;margin-top:32px;display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.btn.primary:hover:not(:disabled),.btn.primary:active:not(:disabled){transform:none}}