:root{--bg: #0c0a14;--fg: #ece6f5;--muted: #9b91b3;--card: #181228;--accent: #b388ff;--gold: #d4b07a;--font-display: "Cinzel", Georgia, "Times New Roman", serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--fg);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background:radial-gradient(1100px 620px at 18% -8%,rgba(122,80,210,.28),transparent 60%),radial-gradient(820px 520px at 92% 6%,rgba(70,60,170,.2),transparent 55%),radial-gradient(760px 760px at 50% 118%,rgba(150,100,220,.16),transparent 62%),var(--bg);background-attachment:fixed}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}@media(prefers-reduced-motion:reduce){body{background-attachment:scroll}}.screen{position:relative;z-index:1;min-height:100vh;padding:24px 20px 96px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}.navbar{position:fixed;left:0;right:0;bottom:0;z-index:10;display:flex;justify-content:space-around;padding:8px 6px calc(8px + env(safe-area-inset-bottom,0px));background:#0c0a14db;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid rgba(179,136,255,.12)}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 0;color:var(--muted);background:transparent;border:none}.nav-item.active{color:var(--gold)}.nav-label{font-size:11px;letter-spacing:.01em}h1{font-family:var(--font-display);font-weight:600;font-size:2rem;letter-spacing:.03em;margin:8px 0}h2,h3{font-family:var(--font-display);font-weight:600;letter-spacing:.02em}.card{width:100%;max-width:360px;background:var(--card);border:1px solid rgba(179,136,255,.1);border-radius:16px;padding:20px;line-height:1.5}.card.error{border:1px solid #ff6b6b55}.muted{color:var(--muted);font-size:.9rem;margin:4px 0}.ok{color:#7bdca0;margin-top:12px}.disclaimer{margin:24px auto 8px;color:var(--muted);font-size:.72rem;max-width:320px;text-align:center;opacity:.75}.small{font-size:.8rem}.error-text{color:#ff8a8a;font-size:.9rem}button{font:inherit;cursor:pointer;border:none;color:var(--fg);background:transparent}.primary{width:100%;max-width:360px;padding:14px;border-radius:14px;background:var(--accent);color:#1a0f2e;font-weight:600;font-size:1rem}.primary:disabled{opacity:.6}.link{color:var(--accent);background:var(--card);border:1px solid rgba(179,136,255,.3);border-radius:999px;padding:9px 18px;font-size:.9rem}.link:active{background:#b388ff1f}.back{align-self:flex-start;background:transparent;border:none;border-radius:0;padding:4px 0;color:var(--muted)}.home,.result,.history{width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;gap:14px}.spreads{width:100%;display:flex;flex-direction:column;gap:8px}.spread-opt{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 16px;border-radius:12px;background:var(--card);border:1px solid rgba(179,136,255,.1);text-align:left}.spread-opt.active{border-color:var(--accent)}.question{width:100%;min-height:64px;resize:vertical;padding:12px;border-radius:12px;background:var(--card);color:var(--fg);border:1px solid #ffffff14}.cards{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin:8px 0}.card-slot{display:flex;flex-direction:column;align-items:center;gap:6px;width:96px}.card-perspective{perspective:800px;width:96px;height:160px;transition:filter .7s ease}.card-perspective.revealed{filter:drop-shadow(0 0 13px rgba(212,176,122,.4))}.card-sigil{width:58px;height:58px;opacity:.9}.card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d}.card-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 6px 18px #0006}.card-back{background:radial-gradient(circle at 50% 35%,#3a2c63,#1d1436 70%);border:1px solid rgba(212,176,122,.45);color:var(--gold);font-size:1.7rem}.card-front{background:var(--card)}.card-front img{width:100%;height:100%;object-fit:cover}.card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:6px;text-align:center;background:linear-gradient(160deg,#241b38,#3a2b5e);border:1px solid #b388ff33}.card-name{font-size:.8rem;line-height:1.2}.card-caption{display:flex;flex-direction:column;align-items:center;font-size:.72rem}.card-caption .pos{color:var(--muted)}.card-caption .title{font-weight:600}.card-caption em{color:var(--muted);font-style:normal}.interpretation{width:100%;background:var(--card);border:1px solid rgba(179,136,255,.1);border-radius:16px;padding:16px 18px;line-height:1.55;text-align:left}.richtext p{margin:0 0 8px}.question-echo{font-style:italic;color:var(--muted)}.field{width:100%;display:flex;flex-direction:column;gap:6px;text-align:left}.field label{font-size:.85rem;color:var(--muted)}.toggle{display:flex;gap:8px}.toggle button{flex:1;padding:10px;border-radius:10px;background:var(--card);border:1px solid transparent}.toggle button.active{border-color:var(--accent);color:var(--accent)}.check{display:flex;align-items:center;gap:8px;font-size:.9rem;align-self:flex-start}input[type=date]{color-scheme:dark}.deck-picker{width:100%;display:flex;flex-direction:column;gap:6px;align-items:center}.deck-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.deck-chip{padding:7px 14px;border-radius:999px;background:var(--card);border:1px solid transparent;font-size:.85rem}.deck-chip.active{border-color:var(--accent);color:var(--accent)}.deck-chip.locked{opacity:.7}.deck-lock{color:var(--accent);font-size:.72rem}.daily-widget{width:100%;background:var(--card);border:1px solid rgba(212,176,122,.18);border-radius:16px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:8px}.daily-head{font-family:var(--font-display);font-weight:600;letter-spacing:.04em;color:var(--gold)}.daily-text{font-size:.9rem;line-height:1.5;text-align:left}.products{width:100%;display:flex;flex-direction:column;gap:10px}.product{display:flex;align-items:center;gap:12px;background:var(--card);border-radius:14px;padding:14px 16px}.product-info{display:flex;flex-direction:column;gap:2px;text-align:left;flex:1}.primary.buy{width:auto;flex:0 0 auto;padding:10px 16px}.tag-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:6px}.tag-chip{padding:4px 10px;border-radius:999px;background:var(--card);border:1px solid #ffffff14;color:var(--accent);font-size:.78rem}.tag-editor{width:100%;display:flex;flex-direction:column;gap:4px;text-align:left}.tag-input{flex:1;min-width:110px;padding:4px 10px;border-radius:999px;background:var(--card);color:var(--fg);border:1px solid #ffffff14;font-size:.78rem}.search{min-height:0;padding:10px 12px}.note{min-height:64px}.hist-note{margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-style:italic}.insights h3{align-self:flex-start;margin:10px 0 2px;font-size:1rem;color:var(--gold)}.stat-row{display:flex;gap:10px;width:100%}.stat{flex:1;background:var(--card);border-radius:14px;padding:14px;display:flex;flex-direction:column;align-items:center}.stat b{font-size:1.5rem;color:var(--accent)}.bar-row{display:flex;align-items:center;gap:8px;width:100%}.bar-label{flex:0 0 38%;font-size:.82rem;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar{flex:1;height:10px;background:var(--card);border-radius:999px;overflow:hidden}.bar-fill{display:block;height:100%;background:var(--accent)}.bar-num{flex:0 0 auto}.spark{display:flex;align-items:flex-end;gap:3px;width:100%;background:var(--card);border-radius:12px;padding:8px 6px}.spark-col{flex:1;height:86px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px}.spark-bar{width:100%;background:var(--accent);border-radius:3px 3px 0 0;min-height:3px;opacity:.85}.spark-month{font-size:9px;color:var(--muted);white-space:nowrap}.post{width:100%;background:var(--card);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:6px;text-align:left}.post-text{font-size:.9rem;line-height:1.45;margin:0;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.post-actions{display:flex;align-items:center;gap:14px;margin-top:2px}.like-btn{padding:4px 12px;border-radius:999px;background:transparent;border:1px solid #ffffff22;color:var(--muted);font-size:.85rem}.like-btn.liked{border-color:#ff8a8a;color:#ff8a8a}.leader-row{display:flex;justify-content:space-between}.learn-options{width:100%;display:flex;flex-direction:column;gap:8px}.learn-opt{padding:12px 14px;border-radius:12px;background:var(--card);border:1px solid transparent;text-align:left;line-height:1.4}.learn-opt:disabled{opacity:1}.learn-opt.correct{border-color:#7bdca0;color:#7bdca0}.learn-opt.wrong{border-color:#ff8a8a;color:#ff8a8a}.hist-list{list-style:none;padding:0;margin:0;width:100%;display:flex;flex-direction:column;gap:8px}.hist-list li{background:var(--card);border-radius:12px;padding:12px 14px;cursor:pointer;text-align:left}.hist-head{display:flex;justify-content:space-between;align-items:baseline}