:root{--bg: #070214;--bg-2: #120826;--card: #1b0e38;--card-2: #241148;--border: #6a2bd9;--neon: #b26bff;--neon-2: #e23bff;--neon-3: #ff3da6;--cyan: #5ef1ff;--text: #f0e9ff;--text-dim: #b9a4e6;--danger: #ff5c7a;--glow: 0 0 12px rgba(178, 107, 255, .55);--glow-strong: 0 0 22px rgba(226, 59, 255, .55)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:radial-gradient(1000px 600px at 50% -15%,#180a34 0%,transparent 55%),radial-gradient(700px 500px at 100% 100%,#1a0a2e 0%,transparent 50%),var(--bg);background-attachment:fixed}a{color:var(--neon)}button{font-family:inherit}.container{max-width:720px;margin:0 auto;padding:20px 18px 60px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 2px 18px}.brand{display:flex;align-items:center;gap:12px}.brand h1{margin:0;font-size:26px;letter-spacing:2px;background:linear-gradient(90deg,var(--neon),var(--neon-2),var(--neon-3));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 18px rgba(226,59,255,.35)}.link-btn{background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:14px;padding:6px}.link-btn:hover{color:var(--neon)}.link-btn.danger{color:var(--danger)}.card{background:linear-gradient(160deg,var(--card),var(--card-2));border:1px solid var(--border);border-radius:18px;padding:18px;margin-bottom:14px;box-shadow:var(--glow)}.card.click{cursor:pointer;transition:transform .12s,box-shadow .12s}.card.click:hover{transform:translateY(-2px);box-shadow:var(--glow-strong)}.row{display:flex;align-items:center;gap:14px}.grow{flex:1}.emoji{font-size:30px}.chev{color:var(--neon);font-size:26px}.title{font-size:18px;font-weight:700;margin:0 0 2px}.dim{color:var(--text-dim)}.meta{color:#9b7fd6;font-size:12px;margin-top:6px}h2.section{color:var(--neon);font-size:18px;margin:6px 0 10px;text-shadow:var(--glow)}.pre-wrap{white-space:pre-wrap;line-height:1.6}input,textarea{width:100%;background:#150a2c;color:var(--text);border:1px solid var(--border);border-radius:14px;padding:13px 14px;font-size:15px;margin-bottom:12px;outline:none}input:focus,textarea:focus{box-shadow:var(--glow);border-color:var(--neon-2)}textarea{min-height:76px;resize:vertical}.btn{width:100%;border:none;cursor:pointer;border-radius:14px;padding:13px 16px;font-size:16px;font-weight:800;margin-top:8px;color:#12002a;background:linear-gradient(90deg,var(--neon),var(--neon-2),var(--neon-3));box-shadow:var(--glow-strong)}.btn:disabled{opacity:.55;cursor:default;box-shadow:none}.btn.ghost{color:var(--neon);background:transparent;border:1px solid var(--border);box-shadow:none}.btn.ghost:hover{border-color:var(--neon-2);box-shadow:var(--glow)}.err{color:var(--danger);text-align:center;margin:6px 0}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.chip{border:1px solid var(--border);border-radius:999px;padding:8px 14px;color:var(--text-dim);cursor:pointer;font-size:14px;background:transparent}.chip.on{color:#12002a;border-color:var(--neon-2);background:linear-gradient(90deg,var(--neon),var(--neon-2));box-shadow:var(--glow)}.tarot-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.tarot-card{flex:1 1 90px;text-align:center;padding:14px 10px;background:#170b30;border:1px solid var(--neon);border-radius:14px;box-shadow:var(--glow)}.tarot-card .n{font-weight:700;margin-top:4px}.tarot-card .p{color:var(--neon);font-size:12px;margin-top:2px}.tarot-card .rev{color:var(--danger);font-size:11px}.stage{height:280px;display:grid;place-items:center;position:relative;margin:16px 0}.breath-circle{position:absolute;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,var(--neon-2),var(--neon));opacity:.4;box-shadow:0 0 60px #e23bff99;transition:transform linear}.breath-label{position:relative;text-align:center}.breath-label .phase{font-size:26px;font-weight:800}.breath-label .count{font-size:40px;font-weight:800;color:var(--cyan);text-shadow:0 0 14px var(--cyan)}.center{text-align:center}.stack{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:24px}.spinner{width:34px;height:34px;border-radius:50%;border:3px solid rgba(178,107,255,.25);border-top-color:var(--neon-2);animation:spin .8s linear infinite;margin:24px auto}@keyframes spin{to{transform:rotate(360deg)}}
