@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap');:root{color-scheme:dark;--bg:#101114;--panel:#191a20;--line:#30313a;--muted:#a4a4b3;--purple:#bb86ee;--lime:#d0ff60}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#f5f2ed;font:15px 'DM Sans',system-ui,sans-serif}button,input,select{font:inherit}button,a{touch-action:manipulation}button,.button{border:1px solid #444450;background:transparent;color:inherit;border-radius:9px;padding:12px 18px;cursor:pointer;text-decoration:none;display:inline-block}button:hover,.button:hover{border-color:var(--purple);background:#b98aff12}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--lime);outline-offset:3px}.primary{background:var(--lime);color:#171c0d;border-color:var(--lime);font-weight:700}.primary:hover{background:#e0ff99;color:#111}.preview{text-align:center;background:#30263e;color:#d4b7f2;padding:8px;font-size:11px;letter-spacing:1px}header{max-width:1360px;margin:auto;display:flex;align-items:center;gap:38px;padding:24px 40px;border-bottom:1px solid var(--line)}.brand{font-size:25px;font-weight:800;text-decoration:none;letter-spacing:-1px;white-space:nowrap}.brand span{color:var(--purple)}nav{display:flex;gap:25px;align-items:center}nav a{text-decoration:none}nav button{border:0;padding:0}.nav-actions{display:flex;gap:12px;margin-left:auto}#saved{border:0}#saved-count{color:var(--purple)}main{max-width:1280px;margin:auto;padding:0 30px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;padding:70px 0 55px;min-height:570px}.eyebrow{color:var(--lime);font-weight:700;font-size:11px;letter-spacing:2.5px}h1,h2,h3{font-family:'Playfair Display',Georgia,serif;line-height:1.08}h1{font-size:clamp(42px,4.8vw,70px);letter-spacing:-2px;margin:22px 0}h1 em{font-style:normal;color:var(--purple)}.intro{font-size:18px;line-height:1.65;max-width:490px}.actions{display:flex;gap:12px;margin:28px 0}.fine{font-size:12px;color:var(--muted);line-height:1.7}.hero-art{height:470px;background-image:linear-gradient(145deg,#795695,#252536 50%,#83934d);background-size:205% auto;background-position:98% 6%;border-radius:26px;box-shadow:0 0 90px #9a4bd315}.discovery{border-top:1px solid var(--line);padding:40px 0}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}h2{font-size:38px;margin:10px 0 25px}.section-heading button{color:var(--purple);border:0}.toolbar{display:flex;gap:20px;margin:16px 0}.search{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:var(--panel);padding:0 16px;border-radius:10px;flex:1;font-size:24px;color:var(--muted)}input,select,textarea{color:#f5f2ed;background:var(--panel);border:1px solid var(--line);border-radius:7px;padding:12px;width:100%}.search input{border:0;background:none;font-size:14px;min-width:0}.select-label{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:12px}.select-label select{width:215px}.tags{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.tags button{border-radius:30px;padding:8px 17px;font-size:13px}.tags .active{background:var(--purple);color:#161119;border-color:var(--purple)}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.card{min-width:0}.card-open{display:block;width:100%;padding:0;border:0;text-align:left;border-radius:12px;overflow:hidden}.card-art{width:100%;aspect-ratio:.68;background-image:linear-gradient(145deg,#795695,#252536 50%,#83934d);background-size:455% auto;border:1px solid #5f5140;border-radius:12px;transition:transform .2s}.card-open:hover .card-art{transform:translateY(-4px)}.art-0{background-position:3.8% 60.4%}.art-1{background-position:34.4% 60.4%}.art-2{background-position:65.4% 60.4%}.art-3{background-position:96.4% 60.4%}.card-title{display:block;font-size:15px;font-weight:600;margin:15px 0 8px}.card-meta{display:flex;justify-content:space-between;align-items:center}.creator{font-size:12px;color:var(--muted);border:0;padding:0}.favorite{border:0;padding:8px;font-size:19px;color:var(--purple)}.badge{font-size:10px;color:#c4a4e6;border:1px solid #5c456d;border-radius:4px;padding:3px 6px}.sponsor{border:1px dashed #48434f;border-radius:12px;display:flex;align-items:center;gap:30px;padding:25px;margin:45px 0 5px;background:#17151d}.sponsor>span:first-child{font-size:9px;letter-spacing:1.5px;max-width:100px;color:var(--purple)}.sponsor p{margin:7px 0;color:var(--muted);font-size:13px}.sponsor>span:last-child{margin-left:auto}.join{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:45px 35px;background:radial-gradient(at 0 0,#30203f,transparent 65%),#19181f;border:1px solid var(--line);border-radius:18px;margin:10px 0 60px}.join p{color:var(--muted);line-height:1.7}.join .eyebrow{color:var(--lime)}ol{list-style:none;padding:0}li{display:flex;gap:20px;margin:0 0 28px}li>span{color:var(--purple);font:28px Georgia}li p{margin:7px 0;font-size:13px}footer{max-width:1340px;margin:auto;border-top:1px solid var(--line);padding:35px 40px;display:flex;gap:35px;align-items:center}footer p{font-size:12px;color:var(--muted)}.footer-links{display:flex;flex-wrap:wrap;gap:8px;max-width:260px}.footer-links button{border:0;padding:6px;font-size:12px}dialog{max-width:850px;width:calc(100% - 30px);max-height:90vh;overflow:auto;background:#1b1a22;color:#eee;border:1px solid #60506f;border-radius:18px;padding:35px}dialog::backdrop{background:#08070bd9;backdrop-filter:blur(7px)}.close{float:right;border:0;font-size:25px;padding:0 6px}dialog h2{margin-right:30px}dialog p{line-height:1.7;color:#c5c1cc}dialog label{display:block;margin:16px 0 6px}dialog label.check{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.6}input[type=checkbox]{width:18px;flex:none}.detail{display:grid;grid-template-columns:1fr 1fr;gap:30px}.detail .card-art{max-height:500px}.notice{padding:14px;border:1px solid #7c6137;background:#342919;border-radius:9px;color:#e4c798!important}.legal p{margin-bottom:20px}.empty{grid-column:1/-1;text-align:center;padding:70px;color:var(--muted)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--lime);color:#111;padding:14px 22px;border-radius:9px;display:none;z-index:10}@media(max-width:900px){header{padding:18px 20px;gap:20px}nav{display:none}.hero{gap:15px}.hero-art{height:360px}h1{font-size:47px}.cards{grid-template-columns:repeat(2,1fr)}footer{flex-wrap:wrap}.join{gap:30px;padding:25px}.sponsor{gap:15px}}@media(max-width:580px){main{padding:0 18px}.brand{font-size:21px}.nav-actions{gap:3px}.nav-actions button{padding:9px;font-size:12px}.preview{font-size:9px}.hero{grid-template-columns:1fr;padding:30px 0}.hero-art{height:340px;max-width:420px;width:100%;margin:auto}.hero h1{font-size:50px}.intro{font-size:16px}.section-heading{align-items:flex-start}.section-heading h2{font-size:30px}.section-heading button{padding:8px;font-size:12px}.toolbar{flex-direction:column}.select-label select{flex:1}.search{min-height:46px}.cards{gap:14px}.card-title{font-size:13px}.creator{font-size:10px}.join{grid-template-columns:1fr}.sponsor{flex-direction:column;align-items:flex-start}.sponsor>span:first-child{max-width:none}.sponsor>span:last-child{margin:0}.detail{grid-template-columns:1fr}.detail .card-art{max-width:270px;margin:auto}dialog{padding:22px}h2{font-size:30px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}