:root{--div-bg-base:#0f0a2e;--div-bg-deep:#08051f;--div-bg-mid:#1a1542;--div-bg-light:#2d2456;--div-gold:#d4af6f;--div-gold-light:#e8c98a;--div-gold-deep:#a67c46;--div-ivory:#f5e6c8;--div-text-primary:#f5e6c8;--div-text-body:#ede4d3;--div-text-sub:#f5e6c8b3;--div-text-mute:#f5e6c880;--div-text-faint:#f5e6c866;--div-text-subtle:#f5e6c84d;--div-glass-bg:#ffffff0a;--div-glass-bg-active:#d4af6f2e;--div-glass-border:#d4af6f33;--div-glass-border-active:#d4af6f99;--div-trait-warm:#e8b890;--div-trait-neutral:#e8c98a;--div-trait-cool:#a8c6e6;--div-font-display:var(--font-shippori-mincho), "Shippori Mincho", "Noto Serif JP", serif;--div-font-en:var(--font-cormorant-garamond), "Cormorant Garamond", serif;--div-font-body:var(--font-zen-kaku-gothic), "Zen Kaku Gothic New", sans-serif;--div-radius-card:16px;--div-radius-tab:12px;--div-radius-pill:20px;--div-shadow-gold:0 4px 20px #d4af6f26;--div-blur:blur(20px);--bg-gradient:radial-gradient(ellipse at top, var(--div-bg-light) 0%, var(--div-bg-mid) 35%, var(--div-bg-base) 70%, var(--div-bg-deep) 100%);--card-bg:linear-gradient(180deg, #ffffff0f, #ffffff05);--accent-gold:var(--div-gold);--text-primary:var(--div-text-primary);--text-secondary:var(--div-text-sub);--divider:#d4af6f33}.divination-bg{background:radial-gradient(ellipse at top, var(--div-bg-light) 0%, var(--div-bg-mid) 35%, var(--div-bg-base) 70%, var(--div-bg-deep) 100%);min-height:100vh;position:relative;overflow:hidden}.divination-stars{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0}.divination-stars:before,.divination-stars:after{content:"";background-image:radial-gradient(1px 1px at 10% 15%,#fff9 50%,#0000 100%),radial-gradient(1px 1px at 25% 35%,#d4af6f80 50%,#0000 100%),radial-gradient(1.5px 1.5px at 40% 20%,#ffffffb3 50%,#0000 100%),radial-gradient(1px 1px at 55% 45%,#d4af6f66 50%,#0000 100%),radial-gradient(1px 1px at 70% 10%,#ffffff80 50%,#0000 100%),radial-gradient(1.5px 1.5px at 85% 55%,#fff9 50%,#0000 100%),radial-gradient(1px 1px at 15% 65%,#d4af6f4d 50%,#0000 100%),radial-gradient(1px 1px at 90% 30%,#fff6 50%,#0000 100%);width:100%;height:100%;animation:4s ease-in-out infinite starTwinkle;position:absolute}.divination-stars:after{background-image:radial-gradient(1px 1px at 5% 80%,#ffffff80 50%,#0000 100%),radial-gradient(1.5px 1.5px at 20% 90%,#d4af6f66 50%,#0000 100%),radial-gradient(1px 1px at 35% 70%,#fff9 50%,#0000 100%),radial-gradient(1px 1px at 50% 85%,#d4af6f4d 50%,#0000 100%),radial-gradient(1px 1px at 65% 75%,#fff6 50%,#0000 100%),radial-gradient(1.5px 1.5px at 80% 95%,#ffffff80 50%,#0000 100%),radial-gradient(1px 1px at 95% 60%,#d4af6f80 50%,#0000 100%),radial-gradient(1px 1px at 45% 5%,#ffffff4d 50%,#0000 100%);animation:4s ease-in-out 2s infinite starTwinkle}@keyframes starTwinkle{0%,to{opacity:.6}50%{opacity:1}}.div-font-display{font-family:var(--div-font-display)}.div-font-en{font-family:var(--div-font-en)}.div-font-body{font-family:var(--div-font-body)}.div-glass-card{-webkit-backdrop-filter:var(--div-blur);border:1px solid var(--div-glass-border);border-radius:var(--div-radius-card);background:linear-gradient(#ffffff0f,#ffffff05);position:relative}.div-glass-card:before{content:"";background:linear-gradient(90deg, transparent, var(--div-gold), transparent);opacity:.4;border-radius:1px;height:1px;position:absolute;top:0;left:10%;right:10%}.div-tab{background:var(--div-glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--div-glass-border);border-radius:var(--div-radius-tab);transition:all .3s}.div-tab:hover{background:#d4af6f14;border-color:#d4af6f4d}.div-tab-active{border:1px solid var(--div-glass-border-active);box-shadow:var(--div-shadow-gold), 0 0 0 1px #d4af6f4d;background:linear-gradient(135deg,#d4af6f33,#a67c4626)}.div-ornament{align-items:center;gap:.75rem;margin:1.5rem 0;display:flex}.div-ornament:before,.div-ornament:after{content:"";background:linear-gradient(90deg, transparent, var(--div-gold), transparent);opacity:.5;flex:1;max-width:40px;height:1px}.div-ornament-dot{background:var(--div-gold);border-radius:50%;width:4px;height:4px;box-shadow:0 0 8px #d4af6f99}.div-trait-pill{border-radius:var(--div-radius-pill);font-family:var(--div-font-display);letter-spacing:.1em;align-items:center;padding:.25rem .75rem;font-size:12px;display:inline-flex}.div-trait-warm{color:var(--div-trait-warm);background:#e8b89014;border:1px solid #e8b89059}.div-trait-neutral{color:var(--div-trait-neutral);background:#e8c98a14;border:1px solid #e8c98a59}.div-trait-cool{color:var(--div-trait-cool);background:#a8c6e614;border:1px solid #a8c6e659}.div-text-body{font-family:var(--div-font-display);color:var(--div-text-body);letter-spacing:.04em;font-size:14px;line-height:1.95}@keyframes divinationFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.div-fade-in{animation:.5s ease-out forwards divinationFadeIn}.divination-glass{-webkit-backdrop-filter:var(--div-blur);border:1px solid var(--div-glass-border);border-radius:var(--div-radius-card);background:linear-gradient(#ffffff0f,#ffffff05);position:relative}.divination-tab{background:var(--div-glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--div-glass-border);border-radius:var(--div-radius-tab);transition:all .3s}.divination-tab:hover{background:#d4af6f14;border-color:#d4af6f4d}.divination-tab-active{border:1px solid var(--div-glass-border-active);box-shadow:var(--div-shadow-gold), 0 0 0 1px #d4af6f4d;background:linear-gradient(135deg,#d4af6f33,#a67c4626)}.divination-ornament{justify-content:center;align-items:center;gap:.75rem;margin:1rem 0;display:flex}.divination-ornament:before,.divination-ornament:after{content:"";background:linear-gradient(90deg, transparent, var(--div-gold), transparent);opacity:.5;flex:1;max-width:40px;height:1px}.divination-ornament-symbol{color:var(--div-gold);opacity:.6;font-size:10px}.divination-tag{border-radius:var(--div-radius-pill);letter-spacing:.1em;align-items:center;padding:.25rem .75rem;font-size:12px;display:inline-flex}.divination-tag-fire{color:#e8a890;background:#e8a89014;border:1px solid #e8a89059}.divination-tag-water{color:var(--div-trait-cool);background:#a8c6e614;border:1px solid #a8c6e659}.divination-tag-earth{color:#c4a882;background:#c4a88214;border:1px solid #c4a88259}.divination-tag-wind{color:#a8d8b8;background:#a8d8b814;border:1px solid #a8d8b859}.divination-tag-gold{color:var(--div-trait-neutral);background:#e8c98a14;border:1px solid #e8c98a59}.divination-fade-in{animation:.5s ease-out forwards divinationFadeIn}.font-divination-ja{font-family:var(--div-font-display)}.font-divination-en{font-family:var(--div-font-en)}.cosmic-page{background:var(--bg-gradient);min-height:100dvh;color:var(--text-primary);position:relative}.cosmic-card{background:var(--card-bg);-webkit-backdrop-filter:var(--div-blur);border:1px solid var(--divider);border-radius:var(--div-radius-card)}.cosmic-divider{border-color:var(--divider)}.cosmic-btn-gold{background:linear-gradient(90deg, var(--div-gold-deep), var(--div-gold), var(--div-gold-deep));color:#1a1542;box-shadow:var(--div-shadow-gold);border-radius:9999px;font-weight:700;transition:opacity .2s}.cosmic-btn-gold:hover{opacity:.9}.cosmic-btn-gold:disabled{opacity:.4}.cosmic-btn-outline{background:var(--div-glass-bg);border:1px solid var(--divider);color:var(--text-primary);border-radius:9999px;font-weight:600;transition:all .2s}.cosmic-btn-outline:hover{background:var(--div-glass-bg-active);border-color:var(--div-glass-border-active)}.cosmic-toggle{cursor:pointer;border-radius:9999px;width:3rem;height:1.75rem;transition:background-color .2s;position:relative}.cosmic-toggle[data-on=true]{background-color:var(--div-gold)}.cosmic-toggle[data-on=false]{background-color:#f5e6c826}.cosmic-toggle>span{background:#fff;border-radius:50%;width:1.5rem;height:1.5rem;transition:transform .2s;position:absolute;top:2px;box-shadow:0 1px 3px #0000004d}.cosmic-toggle[data-on=true]>span{transform:translate(22px)}.cosmic-toggle[data-on=false]>span{transform:translate(2px)}.cosmic-input{border:1px solid var(--divider);border-radius:var(--div-radius-tab);color:var(--text-primary);background:#ffffff0f;outline:none;padding:.5rem .75rem;font-size:.875rem;transition:border-color .2s}.cosmic-input:focus{border-color:var(--div-gold)}.cosmic-toast{-webkit-backdrop-filter:blur(16px);border:1px solid var(--div-glass-border-active);color:var(--text-primary);box-shadow:var(--div-shadow-gold);background:linear-gradient(135deg,#d4af6f40,#a67c4633);border-radius:9999px}