*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0d0b18;--bg-surface: #161324;--bg-card: #1c1830;--accent: #c49a3a;--accent-dim: #8a6d28;--accent-glow: rgba(196, 154, 58, .12);--purple: #7c5fc0;--text: #ddd8f2;--text-muted: #9b96b2;--text-dim: #5c5878;--border: #2a263e;--border-bright: #3d3860;--font-heading: Georgia, "Times New Roman", serif;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--radius: 8px;--radius-card: 10px}html,body{height:100%;background-color:var(--bg);color:var(--text);font-family:var(--font-body);line-height:1.6;-webkit-font-smoothing:antialiased}#root{min-height:100vh;display:flex;flex-direction:column}.site-header{padding:.875rem 1.25rem;border-bottom:1px solid var(--border);display:flex;align-items:center}.back-link{font-size:.8rem;color:var(--text-dim);text-decoration:none;letter-spacing:.05em;transition:color .15s}.back-link:hover{color:var(--text-muted)}.app{flex:1;display:flex;flex-direction:column;position:relative;overflow:hidden}.app:before{content:"";position:fixed;top:-200px;left:50%;transform:translate(-50%);width:600px;height:400px;background:radial-gradient(ellipse at center,rgba(124,95,192,.07) 0%,transparent 70%);pointer-events:none;z-index:0}.landing-page{flex:1;display:flex;align-items:center;justify-content:center;padding:3rem 1.5rem;position:relative;z-index:1}.landing-inner{text-align:center;max-width:440px}.landing-glyph{display:block;font-size:2.5rem;color:var(--accent);margin-bottom:1.75rem;opacity:.75}.landing-inner h1{font-family:var(--font-heading);font-size:clamp(1.75rem,5vw,2.4rem);font-weight:400;color:var(--text);margin-bottom:1rem;letter-spacing:.02em}.landing-desc{color:var(--text-muted);font-size:.95rem;line-height:1.75;margin-bottom:2.5rem}.btn-draw{display:inline-block;padding:.875rem 2.75rem;background:transparent;border:1px solid var(--accent-dim);color:var(--accent);font-family:var(--font-heading);font-size:1rem;letter-spacing:.1em;border-radius:var(--radius);cursor:pointer;transition:border-color .15s,box-shadow .15s,background .15s}.btn-draw:hover{border-color:var(--accent);background:var(--accent-glow);box-shadow:0 0 24px var(--accent-glow)}.btn-draw:active{opacity:.8}.reading-page{flex:1;display:flex;flex-direction:column;align-items:center;padding:2.5rem 1rem 4rem;gap:3rem;position:relative;z-index:1;width:100%;max-width:780px;margin:0 auto}.spread-header{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);text-align:center;margin-bottom:1.5rem}.spread{display:flex;justify-content:center;gap:1.25rem;flex-wrap:wrap}.card-slot{display:flex;flex-direction:column;align-items:center;gap:.875rem;opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .55s ease}.card-slot.revealed{opacity:1;transform:translateY(0)}.card-position{font-size:.65rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-dim)}.card-rect{width:108px;height:186px;border:1px solid var(--border-bright);border-radius:var(--radius-card);background:var(--bg-card);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;position:relative;flex-shrink:0;transition:border-color .2s}.card-rect:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:1px solid var(--border);border-radius:6px;opacity:.6;pointer-events:none}.card-rect.reversed{transform:rotate(180deg);border-color:var(--purple)}.card-symbol{font-size:1.6rem;color:var(--accent);line-height:1;position:relative;z-index:1}.card-suit-label{font-size:.55rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);position:relative;z-index:1}.card-info{text-align:center;max-width:120px}.card-name{font-family:var(--font-heading);font-size:.82rem;color:var(--text);line-height:1.3;margin-bottom:.3rem}.card-reversed-badge{display:inline-block;font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;color:var(--purple);border:1px solid var(--purple);border-radius:3px;padding:.1rem .3rem;margin-bottom:.35rem;opacity:.85}.card-keywords{display:flex;flex-wrap:wrap;gap:.2rem;justify-content:center;margin-top:.25rem}.keyword-tag{font-size:.58rem;color:var(--text-dim);background:var(--bg-surface);border:1px solid var(--border);border-radius:3px;padding:.1rem .28rem}.divider{width:100%;display:flex;align-items:center;gap:.875rem}.divider:before,.divider:after{content:"";flex:1;height:1px;background:linear-gradient(to right,transparent,var(--border-bright),transparent)}.divider-symbol{color:var(--accent-dim);font-size:.75rem;letter-spacing:.08em;flex-shrink:0}.reading-section{width:100%;display:flex;flex-direction:column;gap:1.5rem}.reading-loading{text-align:center;color:var(--text-muted);font-size:.9rem;padding:1.5rem 0;letter-spacing:.04em}.loading-dots:after{content:"...";animation:dots 1.8s steps(4,end) infinite}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}.reading-title{font-family:var(--font-heading);font-size:1.1rem;font-weight:400;letter-spacing:.08em;color:var(--accent-dim);text-align:center;text-transform:uppercase}.reading-text{font-family:var(--font-heading);font-size:1.02rem;line-height:1.9;color:var(--text);max-width:620px;margin:0 auto}.reading-text p+p{margin-top:1.25rem}.reading-error{text-align:center;color:var(--text-muted);font-size:.9rem;font-style:italic;padding:1rem 0}.done-banner{text-align:center;padding:1.5rem 2rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);max-width:400px;margin:0 auto}.done-banner-title{font-family:var(--font-heading);font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);margin-bottom:.4rem}.done-banner-msg{color:var(--text-muted);font-size:.9rem;margin-bottom:.6rem}.countdown{display:inline-block;font-variant-numeric:tabular-nums;color:var(--accent-dim);font-size:.82rem;letter-spacing:.06em}@media(max-width:400px){.spread{gap:.75rem}.card-rect{width:88px;height:154px}.card-symbol{font-size:1.3rem}.card-info{max-width:100px}}