:root{--bg: #1a0f14;--card: #2a161d;--gold: #e4c07a;--cream: #f6ead2;--mute: #b79a8a}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:radial-gradient(1200px 600px at 50% -10%,#4a2230,transparent),radial-gradient(900px 500px at 80% 110%,#2a121c,transparent),var(--bg);color:var(--cream);font-family:Fraunces,Georgia,serif;text-align:center;padding:32px 16px 80px}.grain{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;opacity:.12;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}.studio-vignette{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:35;background:radial-gradient(ellipse at 50% 38%,transparent 40%,#0a0508 100%);opacity:.55}header,.moods,.deck,.actions,.webring{position:relative;z-index:2}.title-row{display:flex;align-items:center;justify-content:center;gap:14px}.mark{display:block;width:44px;height:44px;flex:none;filter:drop-shadow(0 0 10px color-mix(in srgb,var(--gold) 45%,transparent))}.kicker{font-family:Syne,sans-serif;letter-spacing:.28em;text-transform:uppercase;font-size:11px;font-weight:500;color:var(--gold)}h1{font-size:clamp(40px,8vw,72px);margin:0;font-weight:700;font-style:italic;font-optical-sizing:auto;font-variation-settings:"opsz" 72;letter-spacing:-.02em;text-shadow:0 12px 40px #0008}.lede{max-width:28rem;margin:10px auto 28px;color:var(--mute);font-optical-sizing:auto;font-variation-settings:"opsz" 18;letter-spacing:.01em}.moods{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:28px}.moods button{font-family:Syne,sans-serif;font-size:12px;letter-spacing:.08em;text-transform:uppercase;border:1px solid color-mix(in srgb,var(--gold) 40%,transparent);background:transparent;color:var(--gold);min-height:44px;padding:8px 14px;border-radius:999px;cursor:pointer;transition:background .16s ease,color .16s ease,transform .16s ease}.moods button:hover{background:color-mix(in srgb,var(--gold) 16%,transparent)}.moods button:active{transform:translateY(1px)}.moods button.on{background:var(--gold);color:var(--bg)}.deck{perspective:1100px;width:min(380px,92vw);margin:0 auto}.card{--rx: 0deg;--ry: 0deg;--z: 0px;position:relative;width:100%;aspect-ratio:1080 / 1350;background:radial-gradient(circle at 30% 18%,rgba(228,192,122,.16),transparent 42%),linear-gradient(180deg,#3a1e27,var(--card));border:1px solid color-mix(in srgb,var(--gold) 55%,#000);border-radius:18px;box-shadow:inset 0 1px #e4c07a59,inset 0 -18px 36px #0006,0 30px 80px #0008,inset 0 0 0 8px color-mix(in srgb,var(--gold) 18%,transparent);padding:28px 26px;text-align:left;transform:rotateX(var(--rx)) rotateY(var(--ry)) translateZ(var(--z));transform-style:preserve-3d;transition:transform .16s ease-out,box-shadow .2s ease}.card:hover{--z: 18px;box-shadow:inset 0 1px #e4c07a73,inset 0 -18px 36px #0006,0 40px 90px #000a,inset 0 0 0 8px color-mix(in srgb,var(--gold) 22%,transparent)}.card:before{content:"";position:absolute;top:14px;right:14px;bottom:14px;left:14px;border:1px solid color-mix(in srgb,var(--gold) 38%,transparent);border-radius:8px;pointer-events:none}.card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(118deg,transparent 38%,rgba(228,192,122,.22) 48%,transparent 58%);mix-blend-mode:overlay;pointer-events:none}.card-face{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;justify-content:space-between;backface-visibility:hidden}.card-mood{font-family:Syne,sans-serif;letter-spacing:.28em;text-transform:uppercase;font-size:11px;color:var(--gold);margin:0}.card-text{font-size:clamp(22px,4.4vw,32px);line-height:1.25;margin:0;font-optical-sizing:auto;font-variation-settings:"opsz" 32}.card-foot{font-family:Syne,sans-serif;font-size:10px;letter-spacing:.18em;color:var(--mute);margin:0}.actions{margin-top:22px;display:flex;justify-content:center;gap:10px}.actions button{font-family:Syne,sans-serif;border:0;background:var(--gold);color:var(--bg);min-height:44px;padding:12px 18px;cursor:pointer;font-weight:700;transition:transform .16s ease,filter .16s ease}.actions button:hover{filter:brightness(1.08)}.actions button:active{transform:translateY(1px)}.actions .ghost{background:transparent;color:var(--gold);border:1px solid var(--gold)}.webring{position:fixed;bottom:16px;left:0;right:0;font-family:Syne,sans-serif;font-size:11px;letter-spacing:.08em}.webring a{color:var(--mute);text-decoration:none;min-height:44px;display:inline-flex;align-items:center}.webring a:hover{color:var(--gold)}@media(prefers-reduced-motion:reduce){.moods button,.card,.actions button{transition:none}.card,.card:hover{--rx: 0deg;--ry: 0deg;--z: 0px;transform:none}}