@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600&family=Instrument+Sans:wght@400;500;600;700&family=DM+Mono:wght@400;500&display=swap";:root{--bg: #0a0a12;--surface: #14141f;--card: #1a1530;--gold: #c9a84c;--gold-dim: #8b6914;--violet: #6b4fbb;--success: #4caf50;--warn: #e8a838;--error: #e53935;--text: #f5f5f5;--muted: #9b96b0;--font-display: "Cormorant Garamond", serif;--font-body: "Instrument Sans", system-ui, sans-serif;--font-data: "DM Mono", ui-monospace, monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:radial-gradient(ellipse 120% 80% at 50% -20%,#1a1530 0%,var(--bg) 55%);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased}.shell{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:1rem 1rem 2rem;max-width:480px;margin:0 auto}.eyebrow{font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:.25rem}.title{font-family:var(--font-display);font-size:clamp(1.5rem,5vw,2rem);font-weight:600;text-align:center;line-height:1.15}.subtitle{font-size:.85rem;color:var(--muted);text-align:center;line-height:1.5;margin-top:.5rem;max-width:22rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.5rem;border-radius:999px;border:none;background:linear-gradient(135deg,var(--gold),var(--gold-dim));color:var(--bg);font-weight:700;font-size:.95rem;cursor:pointer;transition:transform .12s,opacity .12s}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:not(:disabled):active{transform:scale(.97)}.btn-ghost{background:transparent;border:1px solid rgba(201,168,76,.35);color:var(--gold)}.streak-pill{font-family:var(--font-data);font-size:.7rem;padding:.25rem .65rem;border-radius:999px;background:#6b4fbb40;color:#c4bde8;margin-top:.75rem}.card-scene{perspective:800px;width:min(220px,70vw);height:min(320px,55vh);margin:1.5rem auto}.card-flip{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.4,0,.2,1);cursor:pointer}.card-flip.flipped{transform:rotateY(180deg)}.card-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.25rem;border:2px solid rgba(201,168,76,.35)}.card-back{background:linear-gradient(145deg,#1a1530,#0f0a1a);background-image:radial-gradient(circle at 30% 30%,rgba(107,79,187,.4),transparent 50%),linear-gradient(145deg,#1a1530,#0f0a1a)}.card-back-pattern{font-size:3rem;opacity:.6}.card-front{transform:rotateY(180deg);background:linear-gradient(160deg,#1f1a35,#14141f)}.card-glyph{font-family:var(--font-display);font-size:2.5rem;color:var(--gold)}.card-name{font-family:var(--font-display);font-size:1.25rem;color:var(--text);margin-top:.5rem;text-align:center}.card-orientation{font-size:.75rem;color:var(--muted);margin-top:.25rem;text-transform:uppercase;letter-spacing:.1em}.reading{text-align:center;line-height:1.6;font-size:.95rem;color:var(--muted);max-width:22rem;margin:0 auto}.reflection{width:100%;margin-top:1.25rem}.reflection label{display:block;font-size:.75rem;color:var(--gold);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem}.reflection textarea{width:100%;min-height:5rem;padding:.75rem;border-radius:8px;border:1px solid rgba(201,168,76,.25);background:#1a153099;color:var(--text);font-family:var(--font-body);font-size:.9rem;resize:vertical}.tag-row{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;margin-top:.75rem}.tag{font-size:.65rem;padding:.2rem .5rem;border-radius:999px;background:#6b4fbb4d;color:#c4bde8}