:root{--bg:#09090b;--panel:#121216;--line:#26262c;--text:#f4f2ec;--muted:#9c9aa3;--acid:#d9ff57;--violet:#9c7cff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;min-height:100vh}.grain{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.shell{width:min(1180px,calc(100% - 40px));margin:auto}.nav{height:84px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font:800 21px Manrope;text-decoration:none;color:var(--text);letter-spacing:-1px}.brand span{color:var(--acid)}nav{display:flex;gap:8px}.nav-link,.filter{border:0;color:var(--muted);background:transparent;font:600 14px 'DM Sans';cursor:pointer}.nav-link{padding:10px 14px}.nav-link.active{color:var(--text)}.nav-link span{background:var(--acid);color:#111;border-radius:20px;padding:1px 7px;margin-left:4px}.hero{padding:80px 0 58px;display:flex;justify-content:space-between;align-items:flex-end}.eyebrow,.section-head>div>p{font-size:12px;font-weight:700;letter-spacing:2px;color:var(--muted)}.eyebrow span{display:inline-block;width:26px;height:1px;background:var(--acid);vertical-align:middle;margin-right:9px}h1{font:800 clamp(52px,8vw,102px)/.94 Manrope;margin:22px 0;letter-spacing:-6px}h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px var(--text)}.lede{color:var(--muted);font-size:18px;max-width:510px}.surprise{position:relative;width:230px;text-align:left;padding:22px 22px 22px 64px;border:1px solid #4c493b;background:#161710;color:var(--text);border-radius:15px;cursor:pointer;transition:.25s}.surprise:hover{transform:translateY(-3px);border-color:var(--acid);box-shadow:0 14px 40px #d9ff5712}.surprise span{position:absolute;left:22px;top:26px;color:var(--acid);font-size:25px}.surprise strong,.surprise small{display:block}.surprise strong{font-size:16px}.surprise small{color:var(--muted);margin-top:4px}.finder{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:16px}.search-wrap{height:58px;background:#0d0d10;border-radius:11px;display:flex;align-items:center;padding:0 18px;border:1px solid transparent}.search-wrap:focus-within{border-color:#5a5a62}.search-wrap svg{width:20px;fill:none;stroke:var(--muted);stroke-width:1.7}.search-wrap input{flex:1;background:none;border:0;outline:0;color:var(--text);padding:0 14px;font:500 16px 'DM Sans'}.search-wrap kbd{border:1px solid #38383e;border-radius:5px;color:#777780;padding:3px 7px}.filters{display:flex;gap:8px;padding-top:14px;overflow:auto}.filter{white-space:nowrap;border:1px solid var(--line);border-radius:30px;padding:9px 15px}.filter:hover,.filter.active{background:var(--text);border-color:var(--text);color:#111}.results{padding:65px 0 100px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px}.section-head p{color:var(--muted)}h2{font:750 34px Manrope;margin:4px 0 0;letter-spacing:-1.5px}.show-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{position:relative;min-height:390px;border-radius:14px;overflow:hidden;cursor:pointer;background:var(--card);border:1px solid #ffffff10;isolation:isolate;transition:.3s}.card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,#09090b 100%);z-index:-1}.card:hover{transform:translateY(-6px);border-color:#ffffff33}.card-art{position:absolute;inset:0;z-index:-2;overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.9}.orb.a{width:220px;height:220px;top:-45px;right:-55px;background:var(--a)}.orb.b{width:150px;height:150px;top:110px;left:-45px;background:var(--b);filter:blur(18px)}.card-no{position:absolute;top:16px;left:18px;font:700 11px Manrope;letter-spacing:2px;opacity:.7}.save{position:absolute;right:13px;top:13px;width:38px;height:38px;border:1px solid #ffffff36;border-radius:50%;background:#0d0d105e;color:white;font-size:19px;cursor:pointer;z-index:3}.save.saved{background:var(--acid);color:#111;border-color:var(--acid)}.card-copy{position:absolute;left:20px;right:20px;bottom:20px}.meta{display:flex;gap:7px;margin-bottom:10px}.meta span{font-size:10px;font-weight:700;letter-spacing:1.2px;padding:5px 7px;border:1px solid #ffffff2e;border-radius:4px}.rating{color:var(--acid)!important}.card h3{font:750 25px Manrope;margin:0 0 6px;letter-spacing:-1px}.card p{color:#b7b5bd;font-size:13px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty{text-align:center;padding:80px 20px;color:var(--muted)}.empty span{font-size:38px}.empty h3{color:var(--text);font-size:25px;margin-bottom:5px}dialog{width:min(560px,calc(100% - 30px));padding:0;border:1px solid #3b3b43;border-radius:18px;background:#111116;color:var(--text);box-shadow:0 30px 100px #000;overflow:hidden}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}.close{position:absolute;z-index:2;right:14px;top:14px;border:1px solid #ffffff38;background:#1119;color:white;border-radius:50%;width:38px;height:38px;font-size:25px;cursor:pointer}.modal-art{height:210px;background:radial-gradient(circle at 75% 20%,var(--a),transparent 35%),radial-gradient(circle at 20% 70%,var(--b),transparent 36%),var(--card)}.modal-copy{padding:28px}.modal-copy h2{font-size:38px}.modal-copy p{color:var(--muted);line-height:1.65}.modal-copy button{width:100%;margin-top:10px;padding:14px;border:0;border-radius:8px;background:var(--acid);font-weight:700;cursor:pointer}footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:34px 0;color:var(--muted)}footer small{font-size:12px}@media(max-width:900px){.show-grid{grid-template-columns:repeat(2,1fr)}.hero{align-items:flex-start;gap:30px}.surprise{margin-top:30px}h1{letter-spacing:-4px}}@media(max-width:620px){.shell{width:min(100% - 24px,1180px)}.nav{height:68px}.nav-link{padding:8px}.hero{padding:54px 0 38px;display:block}h1{font-size:54px;letter-spacing:-3px}.lede{font-size:16px}.surprise{width:100%}.finder{padding:10px}.filters{padding-top:10px}.results{padding-top:45px}.show-grid{grid-template-columns:1fr}.card{min-height:430px}.section-head{align-items:flex-start}.section-head>p{display:none}footer{flex-direction:column;gap:8px;text-align:center}}