:root{--primary: #8B5CF6;--primary-rgb: 139, 92, 246;--background-light: #f6f8f6;--background-dark: #0D0A1A;--background-dark-rgb: 13, 10, 26;--surface-dark: #1A1528;--surface-dark-rgb: 26, 21, 40;--surface-light: #ffffff;--card-dark: #1E1833;--card-dark-rgb: 30, 24, 51;--card-light: #ffffff;--text-muted: #A78BFA;--text-muted-rgb: 167, 139, 250;--surface-input: #251F3A;--surface-input-rgb: 37, 31, 58;--border-dark: #2D2545;--primary-glow: rgba(139, 92, 246, .4);--primary-glow-strong: rgba(139, 92, 246, .6);--primary-bg: rgba(139, 92, 246, .1);--primary-bg-hover: rgba(139, 92, 246, .2);--primary-border: rgba(139, 92, 246, .2);font-family:Manrope,PingFang SC,Noto Sans SC,system-ui,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:var(--background-dark)}html,body,#app,.page-container{transition:background-color .3s ease}.nav-tab,.btn-primary,.card,.glass-panel,button,a{transition:background-color .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease}html,body{margin:0;padding:0;overflow-x:hidden;width:100%;min-height:100vh;background:var(--background-dark)}.page-container{position:relative;min-height:100vh;width:100%;background:var(--background-dark)}.page-container.hidden{display:none}#app{position:relative;width:100%;min-height:100vh;background:var(--background-dark);padding-bottom:64px}#scene-container{position:fixed;inset:0;width:100vw;height:100vh;background:#020205;z-index:0}#scene-container canvas{display:block;width:100%;height:100%}#bottom-nav{padding-bottom:env(safe-area-inset-bottom,0)}.nav-tab{cursor:pointer;border:none;background:transparent;transition:all .2s ease}.nav-tab:active{transform:scale(.95)}.nav-tab.active .material-symbols-outlined,.nav-tab.active span:last-child{color:var(--primary)!important}.nav-tab.active .material-symbols-outlined{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.nav-tab-center{box-shadow:0 0 20px var(--primary-glow)}.nav-tab-center.active{box-shadow:0 0 30px var(--primary-glow-strong)}.zodiac-wheel-root{position:fixed;right:16px;bottom:100px;width:200px;height:200px;z-index:1002;touch-action:manipulation;user-select:none;-webkit-user-select:none}.zodiac-wheel{position:absolute;inset:0;border-radius:999px;border:1px solid rgba(200,240,255,.2);box-shadow:0 0 22px #a028dc2e,0 0 18px #0096ff33,inset 0 0 0 1px #ffffff0f,inset 0 0 24px #ffffff0f;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:transform .28s ease;overflow:hidden}.zodiac-wheel:before{position:absolute;inset:0;content:"";background:radial-gradient(circle at center,transparent 0 64%,rgba(255,255,255,.1) 65% 66%,transparent 67%);opacity:.85;pointer-events:none}.zodiac-wheel-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:999px;filter:saturate(1.1) contrast(1.05)}.zodiac-wheel-pointer{position:absolute;left:50%;top:-8px;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:16px solid rgba(255,215,80,.95);filter:drop-shadow(0 0 6px rgba(255,215,80,.85)) drop-shadow(0 0 14px rgba(255,120,0,.25))}.zodiac-wheel-root.inactive .zodiac-wheel-pointer{opacity:.25;filter:none}.tooltip{position:fixed;top:10%;left:50%;transform:translate(-50%);z-index:1000;background:#000a1e99;color:#adf;text-shadow:0 0 5px rgba(0,200,255,.8);padding:12px 20px;border-radius:8px;font-size:14px;line-height:1.6;pointer-events:none;opacity:0;transition:opacity .4s ease;text-align:center;max-width:85%;border:1px solid rgba(100,200,255,.4);box-shadow:0 0 15px #0096ff4d,inset 0 0 20px #0096ff1a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);user-select:none;-webkit-user-select:none}.tooltip strong{color:#fff;font-size:16px;display:block;margin-bottom:4px;text-shadow:0 0 8px rgba(255,255,255,.8)}.tooltip.visible{opacity:1}.wish-icon{position:fixed;top:20px;right:20px;width:60px;height:60px;cursor:pointer;z-index:1001;filter:drop-shadow(0 0 10px rgba(0,255,255,.8));transition:transform .3s ease,filter .3s ease;animation:float 3s ease-in-out infinite}.wish-icon:hover{transform:scale(1.1);filter:drop-shadow(0 0 20px rgba(0,255,255,1))}.wish-icon img{width:100%;height:100%;object-fit:contain}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.glass-panel{background:#1c291999;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--primary-border)}[data-theme=purple] .glass-panel{background:#1a152899}[data-theme=green] .glass-panel{background:#1c291999}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}input[type=date]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.5;cursor:pointer}.btn-primary{background:var(--primary);color:var(--background-dark);font-weight:700;border-radius:9999px;transition:all .2s ease;box-shadow:0 0 20px var(--primary-glow)}.btn-primary:hover{box-shadow:0 0 30px var(--primary-glow-strong)}.btn-primary:active{transform:scale(.98)}.page-header{position:sticky;top:0;z-index:50;background:#0d0a1acc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.05)}[data-theme=purple] .page-header{background:#0d0a1acc}[data-theme=green] .page-header{background:#152012cc}.card{background:var(--surface-dark);border-radius:1rem;border:1px solid rgba(255,255,255,.05)}@media(max-width:768px){.zodiac-wheel-root{width:160px;height:160px;right:12px;bottom:90px}}@media(max-width:375px){.zodiac-wheel-root{width:140px;height:140px}}@media(max-width:375px){.page-container{padding-bottom:70px}#bottom-nav{padding-left:8px;padding-right:8px}.nav-tab{min-width:44px;min-height:44px}.nav-tab-center{width:48px!important;height:48px!important}}@media(min-width:768px){#app{max-width:480px;margin:0 auto}#bottom-nav{max-width:480px;left:50%;transform:translate(-50%);border-radius:24px 24px 0 0}}button,a,.nav-tab,input,select,textarea{min-height:44px}.nav-tab{min-width:44px}button:active,.nav-tab:active,a:active{transform:scale(.97);opacity:.9}button:hover,.nav-tab:hover{opacity:.95}button,.nav-tab,a{user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}@supports (padding-bottom: env(safe-area-inset-bottom)){#bottom-nav{padding-bottom:calc(4px + env(safe-area-inset-bottom))}.page-container{padding-bottom:calc(64px + env(safe-area-inset-bottom))}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--primary);outline-offset:2px}html,body,.page-container{overflow-x:hidden;max-width:100vw}#page-login{position:fixed;inset:0;z-index:100;background:var(--background-dark)}#page-login.hidden{display:none}#page-login input{font-size:16px}#page-login input::placeholder{color:#ffffff4d}#page-login input:focus{border-color:var(--primary-glow);box-shadow:0 0 0 3px var(--primary-bg)}#page-login button[type=submit],#page-login #send-code-btn{font-size:16px;font-weight:700;transition:all .2s ease}#page-login button:disabled{opacity:.5;cursor:not-allowed}#page-login button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--primary-glow)}#page-login button:not(:disabled):active{transform:translateY(0)}#page-login #resend-btn:disabled{color:#fff6}#bottom-nav.hidden{display:none}[data-theme=purple] .theme-gradient-card{background:linear-gradient(135deg,#8b5cf626,#6366f11a)}[data-theme=purple] .theme-gradient-bg{background:linear-gradient(to bottom right,#8b5cf633,#6366f126,#8b5cf61a)}[data-theme=green] .theme-gradient-card{background:linear-gradient(135deg,#53d22d26,#a2c3981a)}[data-theme=green] .theme-gradient-bg{background:linear-gradient(to bottom right,#53d22d33,#a2c39826,#53d22d1a)}.theme-switcher{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--surface-dark);border-radius:1rem;border:1px solid rgba(255,255,255,.05)}.theme-toggle{display:flex;gap:.5rem;padding:.25rem;background:#ffffff0d;border-radius:.75rem}.theme-option{padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;border:none;background:transparent;color:var(--text-muted);cursor:pointer;transition:all .2s ease}.theme-option:hover{color:#fff}.theme-option.active{background:var(--primary);color:var(--background-dark)}[data-theme=purple] .primary-glow{box-shadow:0 0 20px #8b5cf666}[data-theme=purple] .primary-glow-strong{box-shadow:0 0 30px #8b5cf699}[data-theme=green] .primary-glow{box-shadow:0 0 20px #53d22d66}[data-theme=green] .primary-glow-strong{box-shadow:0 0 30px #53d22d99}.bg-primary\/5{background-color:rgba(var(--primary-rgb),.05)}.bg-primary\/10{background-color:rgba(var(--primary-rgb),.1)}.bg-primary\/15{background-color:rgba(var(--primary-rgb),.15)}.bg-primary\/20{background-color:rgba(var(--primary-rgb),.2)}.bg-primary\/25{background-color:rgba(var(--primary-rgb),.25)}.bg-primary\/30{background-color:rgba(var(--primary-rgb),.3)}.bg-primary\/40{background-color:rgba(var(--primary-rgb),.4)}.bg-primary\/50{background-color:rgba(var(--primary-rgb),.5)}.hover\:bg-primary\/25:hover{background-color:rgba(var(--primary-rgb),.25)}.hover\:bg-primary\/30:hover{background-color:rgba(var(--primary-rgb),.3)}.border-primary\/20{border-color:rgba(var(--primary-rgb),.2)}.border-primary\/25{border-color:rgba(var(--primary-rgb),.25)}.border-primary\/30{border-color:rgba(var(--primary-rgb),.3)}.bg-background-dark\/80{background-color:rgba(var(--background-dark-rgb),.8)}.bg-background-dark\/90{background-color:rgba(var(--background-dark-rgb),.9)}.bg-surface-dark\/90{background-color:rgba(var(--surface-dark-rgb),.9)}.bg-surface-dark\/95{background-color:rgba(var(--surface-dark-rgb),.95)}.text-text-muted{color:var(--text-muted)}.zodiac-card{background:linear-gradient(to bottom right,#8b5cf666,#6366f14d,#8b5cf633);border:1px solid rgba(139,92,246,.3);box-shadow:0 0 40px #8b5cf633;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease}.zodiac-star{background-color:#c4b5fdcc}.zodiac-glow-1{background-color:#8b5cf633}.zodiac-glow-2{background-color:#6366f126}.zodiac-image-glow{background:linear-gradient(to bottom right,#8b5cf666,#6366f166)}.zodiac-image-border{border-color:#c4b5fdb3;box-shadow:0 0 25px #a855f780,inset 0 0 20px #8b5cf633}.zodiac-icon{color:#a78bfa}.zodiac-meta{color:#c4b5fde6}.zodiac-divider{color:#a78bfa}.zodiac-desc{color:#ddd6feb3}[data-theme=purple] .zodiac-card{background:linear-gradient(to bottom right,#8b5cf666,#6366f14d,#8b5cf633);border-color:#8b5cf64d;box-shadow:0 0 40px #8b5cf633}[data-theme=purple] .zodiac-star{background-color:#c4b5fdcc}[data-theme=purple] .zodiac-glow-1{background-color:#8b5cf633}[data-theme=purple] .zodiac-glow-2{background-color:#6366f126}[data-theme=purple] .zodiac-image-glow{background:linear-gradient(to bottom right,#8b5cf666,#6366f166)}[data-theme=purple] .zodiac-image-border{border-color:#c4b5fdb3;box-shadow:0 0 25px #a855f780,inset 0 0 20px #8b5cf633}[data-theme=purple] .zodiac-icon{color:#a78bfa}[data-theme=purple] .zodiac-meta{color:#c4b5fde6}[data-theme=purple] .zodiac-divider{color:#a78bfa}[data-theme=purple] .zodiac-desc{color:#ddd6feb3}[data-theme=green] .zodiac-card{background:linear-gradient(to bottom right,#53d22d59,#22c55e40,#53d22d26);border-color:#53d22d4d;box-shadow:0 0 40px #53d22d33}[data-theme=green] .zodiac-star{background-color:#bbf7d0cc}[data-theme=green] .zodiac-glow-1{background-color:#53d22d33}[data-theme=green] .zodiac-glow-2{background-color:#22c55e26}[data-theme=green] .zodiac-image-glow{background:linear-gradient(to bottom right,#53d22d66,#22c55e66)}[data-theme=green] .zodiac-image-border{border-color:#bbf7d0b3;box-shadow:0 0 25px #53d22d80,inset 0 0 20px #22c55e33}[data-theme=green] .zodiac-icon{color:#a2c398}[data-theme=green] .zodiac-meta{color:#bbf7d0e6}[data-theme=green] .zodiac-divider{color:#a2c398}[data-theme=green] .zodiac-desc{color:#dcfce7b3}