:root{
  --bg:#0b0618; --deep:#150b2f; --purple:#2b125a; --gold:#f6d783; --gold2:#b98d3b;
  --text:#fff8e7; --muted:#d6c9ee; --glass:rgba(255,255,255,.08); --border:rgba(246,215,131,.25);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 20% 10%,#34206a 0,#160b33 35%,#090512 100%);color:var(--text);overflow-x:hidden}body::before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 85% 20%,rgba(246,215,131,.17),transparent 22%),radial-gradient(circle at 15% 80%,rgba(112,70,209,.25),transparent 25%);pointer-events:none;z-index:0}#stars{position:fixed;inset:0;width:100%;height:100%;z-index:0}.hidden{display:none!important}.enter-screen{position:fixed;inset:0;z-index:5;display:grid;place-items:center;padding:24px;background:rgba(6,3,14,.72);backdrop-filter:blur(10px)}.enter-card{max-width:520px;width:100%;text-align:center;padding:44px 30px;border:1px solid var(--border);border-radius:32px;background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.04));box-shadow:0 30px 90px rgba(0,0,0,.45), inset 0 0 40px rgba(246,215,131,.04)}.moon{font-size:68px;color:var(--gold);text-shadow:0 0 30px rgba(246,215,131,.65);animation:float 4s ease-in-out infinite}.eyebrow{margin:0 0 10px;text-transform:uppercase;letter-spacing:.24em;font-size:12px;color:var(--gold)}h1,h2,p{margin-top:0}h1{font-family:Georgia,serif;font-size:clamp(38px,8vw,76px);line-height:.92;margin-bottom:14px;background:linear-gradient(90deg,#fff7d7,var(--gold),#fff);-webkit-background-clip:text;color:transparent}h2{font-family:Georgia,serif;font-size:clamp(28px,5vw,52px);line-height:1.02}.enter-text,.hero p,.meaning p,.hint,.small-note,footer{color:var(--muted);line-height:1.7}.small-note{font-size:13px;margin:15px 0 0}.gold-btn,.outline-btn,.draw-btn,.ghost-btn,.music-toggle,.spread{border:0;border-radius:999px;cursor:pointer;font-weight:700;transition:.25s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.gold-btn,.draw-btn{padding:14px 24px;background:linear-gradient(135deg,#fff3b0,#f4c85c,#a97725);color:#231404;box-shadow:0 12px 30px rgba(246,199,92,.22)}.gold-btn:hover,.draw-btn:hover{transform:translateY(-2px);filter:brightness(1.07)}.outline-btn,.ghost-btn,.music-toggle,.spread{padding:12px 18px;border:1px solid var(--border);background:rgba(255,255,255,.06);color:var(--text)}.outline-btn:hover,.ghost-btn:hover,.music-toggle:hover,.spread:hover{background:rgba(246,215,131,.12)}.app{position:relative;z-index:1;width:min(1180px,100%);margin:0 auto;padding:24px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0 26px}.topbar h1{font-size:clamp(32px,6vw,64px);margin:0}.glass{border:1px solid var(--border);background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.045));box-shadow:0 24px 70px rgba(0,0,0,.28);backdrop-filter:blur(14px);border-radius:30px}.hero{display:grid;grid-template-columns:1.25fr .75fr;gap:20px;align-items:center;padding:42px;margin-bottom:22px;overflow:hidden}.hero-copy{max-width:680px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.orb-wrap{height:330px;position:relative;display:grid;place-items:center}.orb{width:190px;height:190px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff8d7,#d6a844 34%,#5d2dab 66%,#170b32);box-shadow:0 0 55px rgba(246,215,131,.45),inset 0 0 35px rgba(255,255,255,.18);animation:pulse 4s ease-in-out infinite}.orbit{position:absolute;border:1px solid rgba(246,215,131,.33);border-radius:50%}.orbit-one{width:270px;height:270px;animation:spin 18s linear infinite}.orbit-two{width:330px;height:180px;transform:rotate(-24deg);animation:spin 25s linear reverse infinite}.reading-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:22px}.panel{padding:28px}.spread-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.spread.active{background:rgba(246,215,131,.2);border-color:rgba(246,215,131,.62)}.deck-area{display:grid;justify-items:center;gap:18px;padding:22px 0}.deck{position:relative;width:180px;height:250px;cursor:pointer;perspective:900px}.card-back{position:absolute;inset:0;border-radius:18px;border:2px solid rgba(246,215,131,.8);background:linear-gradient(145deg,#28104f,#140827 55%,#41207e);box-shadow:0 18px 35px rgba(0,0,0,.38),inset 0 0 0 8px rgba(246,215,131,.08),inset 0 0 0 14px rgba(255,255,255,.04);display:grid;place-items:center;color:var(--gold);font-size:56px}.card-back::before{content:"";position:absolute;inset:20px;border:1px solid rgba(246,215,131,.5);border-radius:13px}.card-back::after{content:"CENI TAROT";position:absolute;bottom:28px;font-size:11px;letter-spacing:.26em;color:rgba(255,248,231,.8)}.layer-1{transform:rotate(-7deg) translate(-12px,8px)}.layer-2{transform:rotate(5deg) translate(8px,3px)}.layer-3{transform:rotate(-2deg) translate(3px,-5px)}.layer-4{transform:rotate(0deg)}.deck:hover .layer-1{transform:rotate(-11deg) translate(-24px,4px)}.deck:hover .layer-2{transform:rotate(9deg) translate(20px,0)}.deck:hover .layer-4{transform:translateY(-10px)}.deck.shuffling .card-back{animation:shuffle .55s ease-in-out infinite}.deck-glow{position:absolute;inset:28px;background:rgba(246,215,131,.38);filter:blur(38px);z-index:-1}.draw-btn{font-size:16px;min-width:180px}.result{min-height:360px;display:grid;align-content:center;justify-items:center;text-align:center;gap:18px}.empty-card{width:120px;height:168px;border:1px solid var(--border);border-radius:16px;display:grid;place-items:center;font-size:60px;color:var(--gold);background:rgba(255,255,255,.05)}.cards-output{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px}.tarot-card{min-height:285px;border:1px solid rgba(246,215,131,.48);border-radius:22px;padding:18px;background:linear-gradient(160deg,rgba(255,255,255,.13),rgba(255,255,255,.04));box-shadow:0 14px 35px rgba(0,0,0,.3);animation:flipIn .7s ease both;position:relative;overflow:hidden}.tarot-card::before{content:"";position:absolute;inset:12px;border:1px solid rgba(246,215,131,.28);border-radius:16px;pointer-events:none}.tarot-symbol{font-size:54px;margin:22px 0 10px;color:var(--gold);text-shadow:0 0 24px rgba(246,215,131,.45)}.tarot-card h3{font-family:Georgia,serif;font-size:25px;margin:0 0 7px}.position{font-size:12px;letter-spacing:.18em;color:var(--gold);text-transform:uppercase}.tarot-card p{color:var(--muted);font-size:14px;line-height:1.6;margin-top:14px}.meaning{margin-top:22px;padding:34px}.meaning h2{margin-bottom:12px}footer{text-align:center;padding:28px 10px 12px;font-size:13px}.confetti{position:fixed;top:-20px;z-index:20;pointer-events:none;animation:fall 4.2s linear forwards}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:30;padding:12px 18px;background:rgba(10,5,23,.86);border:1px solid var(--border);border-radius:999px;color:var(--text);box-shadow:0 18px 45px rgba(0,0,0,.35)}@keyframes float{50%{transform:translateY(-10px)}}@keyframes pulse{50%{transform:scale(1.05);box-shadow:0 0 90px rgba(246,215,131,.58)}}@keyframes spin{to{rotate:360deg}}@keyframes shuffle{0%,100%{translate:0 0;rotate:0deg}25%{translate:-18px 4px;rotate:-8deg}50%{translate:16px -6px;rotate:8deg}75%{translate:-8px -3px;rotate:-4deg}}@keyframes flipIn{from{opacity:0;transform:rotateY(80deg) translateY(20px) scale(.92)}to{opacity:1;transform:rotateY(0) translateY(0) scale(1)}}@keyframes fall{to{transform:translateY(105vh) rotate(540deg);opacity:.1}}@media(max-width:820px){.app{padding:18px}.topbar{align-items:flex-start;flex-direction:column}.hero,.reading-grid{grid-template-columns:1fr}.hero{padding:28px}.orb-wrap{height:240px}.orb{width:145px;height:145px}.orbit-one{width:220px;height:220px}.orbit-two{width:260px;height:140px}.deck{width:150px;height:210px}.music-toggle{position:fixed;right:14px;top:14px;z-index:4;background:rgba(20,8,42,.78);backdrop-filter:blur(8px)}}
.top-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.lang-toggle{padding:12px 16px;border:1px solid var(--border);background:rgba(255,255,255,.06);color:var(--text);border-radius:999px;cursor:pointer;font-weight:800;transition:.25s ease}.lang-toggle:hover{background:rgba(246,215,131,.12)}.reading-focus{animation:readingGlow 1.35s ease}.pulse-card{animation:loadingPulse 1s ease-in-out infinite}.result.loading p{color:var(--gold)}@keyframes readingGlow{0%{box-shadow:0 24px 70px rgba(0,0,0,.28),0 0 0 rgba(246,215,131,0)}35%{box-shadow:0 24px 70px rgba(0,0,0,.28),0 0 45px rgba(246,215,131,.45)}100%{box-shadow:0 24px 70px rgba(0,0,0,.28),0 0 0 rgba(246,215,131,0)}}@keyframes loadingPulse{0%,100%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.06);filter:brightness(1.35)}}@media(max-width:820px){.top-actions{position:fixed;right:14px;top:14px;z-index:4}.music-toggle,.lang-toggle{position:static;background:rgba(20,8,42,.78);backdrop-filter:blur(8px);padding:10px 13px;font-size:13px}.topbar{padding-top:56px}}
.daily-meta{margin:0 0 6px;color:var(--gold);font-size:13px;letter-spacing:.08em;text-transform:uppercase;opacity:.92}