:root{--ink:#06070c;--ink-deep:#030406;--plum:#0b0d19;--lavender:#e2f9ff;--lavender-dim:#8ab9c7;--gold:#00f0ff;--gold-bright:#39f3ff;--rose:#ff007f;--gold-rgb:0, 240, 255;--rose-rgb:255, 0, 127;--line:rgba(var(--gold-rgb), .25);--glass:#0b0d1ab3;--glass-border:rgba(var(--gold-rgb), .2);--glow-gold:0 0 20px rgba(var(--gold-rgb), .35);--glow-rose:0 0 25px rgba(var(--rose-rgb), .4)}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(ellipse at 20% -10%, rgba(var(--rose-rgb), .15), transparent 60%), radial-gradient(ellipse at 85% 110%, rgba(var(--gold-rgb), .12), transparent 60%), var(--ink-deep);min-height:100vh;color:var(--lavender);-webkit-font-smoothing:antialiased;margin:0;font-family:Jost,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:300;line-height:1.6;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;opacity:.5;background-image:radial-gradient(1.2px 1.2px at 15% 25%, var(--lavender-dim), transparent), radial-gradient(1px 1px at 85% 20%, var(--lavender-dim), transparent), radial-gradient(1.8px 1.8px at 65% 75%, var(--gold), transparent), radial-gradient(1.2px 1.2px at 35% 85%, var(--lavender-dim), transparent), radial-gradient(1px 1px at 90% 65%, var(--lavender-dim), transparent), radial-gradient(1.8px 1.8px at 45% 45%, var(--gold), transparent), radial-gradient(1.5px 1.5px at 70% 35%, var(--rose), transparent), radial-gradient(1px 1px at 25% 60%, var(--lavender-dim), transparent);z-index:0;background-size:100% 100%;position:fixed;inset:0}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#120d1e80}::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gold)}.stage{z-index:10;max-width:800px;margin:0 auto;padding:40px 20px 80px;position:relative}header{text-align:center;margin-bottom:40px}.eyebrow{letter-spacing:.4em;text-transform:uppercase;color:var(--gold);text-shadow:0 0 10px rgba(var(--gold-rgb), .35);margin-bottom:12px;font-size:11px;font-weight:500}h1{letter-spacing:.1em;text-transform:uppercase;color:var(--lavender);text-shadow:0 0 20px rgba(var(--gold-rgb), .25);margin:0;font-family:Jost,-apple-system,sans-serif;font-size:38px;font-weight:700}h1 em{color:var(--rose);text-shadow:0 0 15px rgba(var(--rose-rgb), .4);font-style:normal}.sub{color:var(--lavender-dim);margin-top:12px;font-size:14px;line-height:1.8}.status-panel{border:1px solid var(--glass-border);background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;margin-bottom:30px;padding:18px 22px;transition:all .3s;box-shadow:0 8px 32px #0000004d}.status-title{justify-content:space-between;align-items:center;margin-bottom:10px;font-size:14px;display:flex}.status-label{color:var(--gold-bright);letter-spacing:.05em;font-weight:400}.status-percent{color:var(--lavender-dim);font-family:monospace}.bar-track{background:#e9e2f71a;border-radius:2px;height:4px;overflow:hidden}.bar-fill{background:linear-gradient(90deg, var(--rose), var(--gold-bright));width:0%;height:100%;box-shadow:0 0 8px var(--gold-bright);transition:width .3s cubic-bezier(.4,0,.2,1)}.usage-badge{letter-spacing:.05em;color:var(--gold-bright);background:rgba(var(--gold-rgb), .08);border:1px solid rgba(var(--gold-rgb), .3);border-radius:999px;margin-top:16px;padding:6px 16px;font-size:12px;display:inline-block}.paywall-panel{border:1px solid rgba(var(--rose-rgb), .35);background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;box-shadow:var(--glow-rose), 0 10px 32px #00000059;border-radius:12px;margin-bottom:30px;padding:28px}.paywall-title{color:var(--rose);letter-spacing:.03em;text-shadow:0 0 12px rgba(var(--rose-rgb), .35);font-size:17px;font-weight:600}.chat-container{border:1px solid var(--glass-border);background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;flex-direction:column;margin-bottom:35px;display:flex;overflow:hidden;box-shadow:0 12px 40px #0006}.chat-history{border-bottom:1px solid rgba(var(--gold-rgb), .15);flex-direction:column;gap:20px;height:400px;padding:24px;display:flex;overflow-y:auto}.message{border-radius:8px;max-width:85%;padding:14px 18px;font-size:15px;line-height:1.7;animation:.4s forwards fadeIn}.message-user{background:rgba(var(--rose-rgb), .25);border:1px solid rgba(var(--rose-rgb), .35);color:var(--lavender);border-bottom-right-radius:2px;align-self:flex-end}.message-bot{border:1px solid var(--line);color:var(--lavender);background:#2f214073;border-bottom-left-radius:2px;align-self:flex-start}.bot-reading{color:var(--lavender);white-space:pre-wrap;font-family:Jost,-apple-system,sans-serif;font-size:15px;line-height:1.75}.bot-reading p{margin-bottom:14px}.bot-reading p:last-child{margin-bottom:0}.input-panel{background:#120d1e66;padding:20px}.input-wrapper{align-items:flex-end;gap:12px;display:flex}.textarea-container{flex-grow:1;position:relative}textarea.chat-input{resize:none;border:1px solid var(--line);width:100%;min-height:52px;max-height:150px;color:var(--lavender);background:#120d1eb3;border-radius:6px;outline:none;padding:14px;font-family:inherit;font-size:14px;line-height:1.6;transition:all .3s}textarea.chat-input:focus{border-color:var(--gold);box-shadow:var(--glow-gold)}textarea.chat-input::placeholder{color:#b8adcf66}button.submit-btn{border:1px solid var(--gold);color:var(--gold-bright);letter-spacing:.15em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:4px;justify-content:center;align-items:center;height:52px;padding:14px 24px;font-family:inherit;font-size:13px;font-weight:500;transition:all .25s;display:flex}button.submit-btn:hover:not(:disabled){background:var(--gold);color:var(--ink-deep);box-shadow:var(--glow-gold)}button.submit-btn:disabled{opacity:.35;cursor:not-allowed;border-color:var(--line);color:var(--lavender-dim)}.spread-panel{border:1px solid var(--glass-border);background:#1a142873;border-radius:12px;flex-direction:column;align-items:center;margin-bottom:35px;padding:30px 20px;animation:.6s forwards slideUp;display:flex;box-shadow:0 10px 30px #0000004d}.spread-title{color:var(--gold-bright);letter-spacing:.15em;text-transform:uppercase;text-align:center;text-shadow:0 0 10px rgba(var(--gold-rgb), .3);margin-bottom:24px;font-family:Jost,sans-serif;font-size:18px;font-weight:600}.cards-row{flex-wrap:wrap;justify-content:center;gap:24px;width:100%;display:flex}.card-container{flex-direction:column;align-items:center;gap:12px;display:flex}.card-position-label{letter-spacing:.2em;text-transform:uppercase;color:var(--gold-bright);text-align:center;opacity:.9;font-size:12px;font-weight:500}.card-scene{perspective:1200px;width:154px;height:256px}.card-flip{width:100%;height:100%;transform-style:preserve-3d;transition:transform 1.2s cubic-bezier(.2,.8,.2,1);position:relative}.card-flip.flipped{transform:rotateY(180deg)}.card-flip.reversed.flipped{transform:rotateY(180deg)rotate(180deg)}.card-face{backface-visibility:hidden;border:1px solid var(--gold);border-radius:8px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:0 8px 25px #00000080}.card-back{background:repeating-linear-gradient(45deg, rgba(var(--gold-rgb), .08) 0 2px, transparent 2px 14px), linear-gradient(160deg, var(--plum), var(--ink));transition:border-color .3s,box-shadow .3s}.card-back:after{content:"✦";color:var(--gold);text-shadow:0 0 10px rgba(var(--gold-rgb), .5);font-size:28px}.card-scene:hover .card-back{border-color:var(--gold-bright);box-shadow:var(--glow-gold), 0 8px 30px #0009}.card-front{background:#0d0a15;flex-direction:column;transform:rotateY(180deg)}.card-image-wrapper{z-index:1;opacity:.85;transition:opacity .3s;position:absolute;inset:0}.card-image-wrapper img{object-fit:cover;width:100%;height:100%}.card-scene:hover .card-image-wrapper{opacity:1}.card-info-overlay{z-index:5;text-align:center;background:linear-gradient(#0000,#0d0a15b3 25%,#0d0a15f2 55%);flex-direction:column;justify-content:flex-end;align-items:center;padding:14px 10px 10px;display:flex;position:absolute;bottom:0;left:0;right:0}.card-name{color:var(--lavender);letter-spacing:.05em;margin-bottom:4px;font-family:Jost,sans-serif;font-size:13px;font-weight:600}.card-orientation{letter-spacing:.15em;text-transform:uppercase;font-size:9px;font-weight:500}.card-orientation.upright{color:var(--gold-bright)}.card-orientation.reversed{color:var(--rose)}.cursor-blink:after{content:"▍";color:var(--gold-bright);animation:1.1s step-start infinite blink}@keyframes blink{50%{opacity:0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.reset-btn-wrapper{justify-content:center;margin-top:15px;display:flex}button.secondary-btn{border:1px solid rgba(var(--gold-rgb), .4);color:var(--lavender-dim);letter-spacing:.15em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:4px;padding:10px 20px;font-family:inherit;font-size:12px;transition:all .25s}button.secondary-btn:hover{border-color:var(--gold);color:var(--gold-bright);background:rgba(var(--gold-rgb), .08)}footer{text-align:center;color:#b8adcf59;letter-spacing:.1em;margin-top:50px;font-size:11px}@media (max-width:600px){h1{font-size:28px}.stage{padding:24px 12px 60px}.chat-history{height:320px;padding:16px}.message{max-width:92%;font-size:14px}.cards-row{gap:16px}.card-scene{width:140px;height:233px}.input-panel{padding:12px}.input-wrapper{gap:8px}button.submit-btn{padding:12px 16px;font-size:12px}}@media (prefers-reduced-motion:reduce){.card-flip{transition:none}}.bazi-panel{border:1px solid var(--glass-border);background:#1a142873;border-radius:12px;width:100%;margin-bottom:35px;padding:30px 24px;animation:.6s forwards slideUp;box-shadow:0 10px 30px #0000004d}.bazi-title{color:var(--gold-bright);letter-spacing:.15em;text-transform:uppercase;text-align:center;text-shadow:0 0 10px rgba(var(--gold-rgb), .3);margin-bottom:24px;font-family:Jost,sans-serif;font-size:18px;font-weight:600}.grid-table{background:rgba(var(--gold-rgb), .15);border:1px solid var(--glass-border);border-radius:8px;grid-template-columns:80px repeat(4,1fr);gap:1px;margin-bottom:25px;display:grid;overflow:hidden}.grid-table>div{text-align:center;background:#06070cd9;flex-direction:column;justify-content:center;align-items:center;min-height:52px;padding:12px 8px;font-size:13px;display:flex}.grid-table>div.bold{color:var(--lavender);font-weight:500}.grid-table>div.table-header{background:rgba(var(--gold-rgb), .1);color:var(--gold-bright);letter-spacing:.05em;font-weight:600}.grid-table2{background:rgba(var(--gold-rgb), .15);border:1px solid var(--glass-border);border-radius:8px;grid-template-columns:100px 1fr;gap:1px;margin-bottom:25px;display:grid;overflow:hidden}.grid-table2>div{background:#06070cd9;align-items:center;padding:12px 16px;font-size:13px;display:flex}.grid-table2>div.bold{background:rgba(var(--gold-rgb), .05);color:var(--gold-bright);font-weight:500}.grid-table3{grid-template-columns:60px 1fr 60px 1fr;gap:8px;width:100%;display:grid}.grid-table3>div{padding:4px 0}.elm-wood{text-shadow:0 0 10px #00ff664d;color:#0f6!important}.elm-fire{text-shadow:0 0 10px #ff33004d;color:#f30!important}.elm-earth{text-shadow:0 0 10px #ffcc004d;color:#fc0!important}.elm-metal{text-shadow:0 0 10px #e0e0e04d;color:#e0e0e0!important}.elm-water{text-shadow:0 0 10px #00f0ff4d;color:#00f0ff!important}.fmn{color:var(--lavender-dim);opacity:.8;margin-top:4px;font-size:11px;line-height:1.3}.pw{color:var(--gold-bright);margin-top:2px;font-family:monospace;font-size:12px}.bazi-form-card{border:1px solid var(--glass-border);background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;margin-bottom:30px;padding:24px;box-shadow:0 10px 32px #00000059}.bazi-form-row{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:14px;margin-bottom:18px;display:grid}.input-group{flex-direction:column;gap:8px;display:flex}.input-label{letter-spacing:.1em;text-transform:uppercase;color:var(--gold-bright);font-size:11px;font-weight:500}.bazi-select,.bazi-input{border:1px solid var(--line);color:var(--lavender);background:#120d1eb3;border-radius:6px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;transition:all .3s}.bazi-select:focus,.bazi-input:focus{border-color:var(--gold);box-shadow:var(--glow-gold)}.btn-row{justify-content:center;gap:14px;margin-top:10px;display:flex}.glow-btn{background:linear-gradient(135deg, var(--rose), var(--gold-bright));color:var(--ink-deep);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;box-shadow:var(--glow-gold);border:none;border-radius:6px;padding:12px 36px;font-family:inherit;font-size:14px;font-weight:600;transition:transform .2s,box-shadow .2s}.glow-btn:hover:not(:disabled){box-shadow:var(--glow-rose), 0 5px 15px #0006;transform:translateY(-2px)}.glow-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.transits-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:8px;width:100%;display:grid;overflow-x:auto}.transit-item{border:1px solid rgba(var(--gold-rgb), .15);text-align:center;cursor:pointer;background:#06070c80;border-radius:6px;padding:8px 4px;transition:all .25s}.transit-item:hover,.transit-item.active{border-color:var(--gold-bright);background:rgba(var(--gold-rgb), .1);box-shadow:var(--glow-gold)}.transit-year{color:var(--lavender-dim);font-size:11px}.transit-gz{margin:2px 0;font-size:14px;font-weight:600}.transit-age{color:var(--rose);font-size:10px}.transit-active-label{background:var(--gold);color:var(--ink-deep);border-radius:3px;margin-top:3px;padding:1px 3px;font-size:9px;font-weight:600}