:root{--bg:#06060f;--bg2:#0c0c1d;--card-bg:#11112a;--card-fg:#191935;--purple:#b886ff;--purple-glow:rgba(184,134,255,.5);--gold:#d4a574;--gold-glow:rgba(212,165,116,.4);--text:#e0d8f0;--muted:#8a7fb0;--red:#ff6b8a;--green:#4ade80;--cyan:#0ff;--magenta:#f0f;--border-glow:rgba(184,134,255,.2);--star-color:rgba(184,134,255,.15);--card-shadow:0 0 30px rgba(184,134,255,.15),0 0 60px rgba(184,134,255,.05);--card-shadow-hover:0 0 50px rgba(184,134,255,.3),0 0 100px rgba(184,134,255,.1),0 15px 40px rgba(0,0,0,.5);}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans SC",sans-serif;background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden;perspective:1200px;}#starfield{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;}body::after{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 30% 10%,rgba(184,134,255,.06) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(212,165,116,.04) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(0,255,255,.02) 0%,transparent 70%);pointer-events:none;z-index:0;}.mystic-orb{position:fixed;border-radius:50%;pointer-events:none;animation:floatOrb 12s ease-in-out infinite;filter:blur(40px);}.mystic-orb:nth-child(1){width:300px;height:300px;background:rgba(184,134,255,.04);top:10%;left:-5%;animation-delay:0s}.mystic-orb:nth-child(2){width:200px;height:200px;background:rgba(212,165,116,.03);top:60%;left:80%;animation-delay:-4s}.mystic-orb:nth-child(3){width:250px;height:250px;background:rgba(0,255,255,.02);top:30%;left:50%;animation-delay:-8s}@keyframes floatOrb{0%,100%{transform:translateY(0) scale(1);}25%{transform:translateY(-30px) scale(1.1);}50%{transform:translateY(10px) scale(.95);}75%{transform:translateY(-15px) scale(1.05);}}nav{position:sticky;top:0;z-index:100;background:rgba(10,10,24,.85);backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(184,134,255,.12);padding:.5rem 1rem;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 30px rgba(0,0,0,.4);}nav .logo{font-size:1.1rem;font-weight:700;background:linear-gradient(135deg,var(--purple),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 10px var(--purple-glow));}nav .tabs{display:flex;gap:.2rem;align-items:center}nav .tabs button{background:none;border:none;color:var(--muted);padding:.35rem .7rem;font-size:.75rem;border-radius:20px;cursor:pointer;transition:all .25s;text-shadow:0 0 0 transparent;}nav .tabs button.active{background:linear-gradient(135deg,rgba(184,134,255,.25),rgba(212,165,116,.15));color:#fff;box-shadow:0 0 15px rgba(184,134,255,.2);}.lang-switch{display:flex;gap:0;margin-left:.4rem;border:1px solid rgba(184,134,255,.25);border-radius:20px;overflow:hidden}.lang-switch button{background:none;border:none;color:var(--muted);padding:.25rem .5rem;font-size:.65rem;cursor:pointer;transition:all .2s}.lang-switch button.active{background:var(--purple);color:#fff}main{padding:1rem;max-width:520px;margin:0 auto;position:relative;z-index:1}section{display:none;animation:fadeSlideIn .4s ease}section.active{display:block}@keyframes fadeSlideIn{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:translateY(0);}}.card-3d{width:170px;height:280px;margin:1rem auto;position:relative;transform-style:preserve-3d;animation:cardAppear .8s cubic-bezier(.34,1.56,.64,1);cursor:pointer;}@keyframes cardAppear{from{opacity:0;transform:rotateY(180deg) translateZ(-100px) scale(.5);}to{opacity:1;transform:rotateY(0) translateZ(0) scale(1);}}.card-3d-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);}.card-3d:hover .card-3d-inner{transform:rotateY(8deg) rotateX(-4deg);}.card-3d-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;}.card-3d-front{background:linear-gradient(145deg,#14143a,#1a1050);border:1.5px solid rgba(184,134,255,.3);box-shadow:var(--card-shadow),inset 0 0 80px rgba(184,134,255,.03);}.card-3d-front::before{content:'';position:absolute;inset:2px;border-radius:14px;border:.5px solid rgba(255,255,255,.05);pointer-events:none;}.card-3d-front::after{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(184,134,255,.1) 0%,transparent 40%);animation:shimmer 4s ease-in-out infinite;}@keyframes shimmer{0%,100%{transform:translate(-30%,-30%) rotate(0deg);}50%{transform:translate(30%,30%) rotate(180deg);}}.card-3d .card-ornament{position:absolute;top:8px;left:50%;transform:translateX(-50%);font-size:.6rem;color:var(--gold);letter-spacing:3px;text-transform:uppercase;opacity:.6;}.card-3d .card-frame{position:absolute;inset:12px;border:.5px solid rgba(184,134,255,.2);border-radius:8px;pointer-events:none;}.card-3d .card-frame::before{content:'✦';position:absolute;top:-6px;left:calc(50% - 6px);color:var(--purple);font-size:.5rem;}.card-3d .card-frame::after{content:'✦';position:absolute;bottom:-6px;left:calc(50% - 6px);color:var(--purple);font-size:.5rem;}.card-3d .card-name{font-size:1.2rem;font-weight:700;background:linear-gradient(180deg,var(--purple),#c9a0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 20px var(--purple-glow);position:relative;z-index:1;}.card-3d .card-en{font-size:.65rem;color:var(--muted);margin-top:.2rem;font-style:italic;position:relative;z-index:1;}.card-3d .card-elem{font-size:.75rem;color:var(--gold);margin-top:.5rem;position:relative;z-index:1;}.card-3d .card-number{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);font-size:.55rem;color:var(--muted);letter-spacing:2px;}.card-3d .orientation-badge{position:absolute;top:14px;right:14px;font-size:.6rem;padding:.1rem .4rem;border-radius:8px;z-index:2;backdrop-filter:blur(10px);}.ori-up{background:rgba(74,222,128,.1);color:var(--green);border:1px solid rgba(74,222,128,.2);}.ori-rev{background:rgba(255,107,138,.1);color:var(--red);border:1px solid rgba(255,107,138,.2);}.ori-rev .card-name,.ori-rev .card-en,.ori-rev .card-elem,.ori-rev .card-number,.ori-rev .card-ornament{transform:rotate(180deg);}.reading-spread{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap;margin:1.5rem 0;perspective:800px;}.spread-card{width:85px;text-align:center;transform-style:preserve-3d;animation:spreadIn .6s ease both;}.spread-card:nth-child(1){animation-delay:.1s}.spread-card:nth-child(2){animation-delay:.25s}.spread-card:nth-child(3){animation-delay:.4s}.spread-card:nth-child(4){animation-delay:.55s}.spread-card:nth-child(5){animation-delay:.7s}@keyframes spreadIn{from{opacity:0;transform:translateZ(-200px) rotateY(60deg);}to{opacity:1;transform:translateZ(0) rotateY(0);}}.spread-card .sc-img{width:85px;height:110px;background:linear-gradient(160deg,#10102e,#1a1040);border-radius:10px;border:1px solid rgba(184,134,255,.25);display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:.3rem;font-size:.65rem;box-shadow:0 8px 25px rgba(0,0,0,.5),0 0 20px rgba(184,134,255,.1);position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s;}.spread-card .sc-img:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 15px 35px rgba(0,0,0,.6),0 0 40px var(--purple-glow);}.spread-card .sc-img::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,transparent 30%,rgba(184,134,255,.08) 50%,transparent 70%);animation:shimmer 4s ease-in-out infinite;}.spread-card .sc-pos{font-size:.6rem;color:var(--gold);margin-bottom:.15rem;letter-spacing:1px;position:relative;z-index:1;}.spread-card .sc-name{font-size:.7rem;color:var(--purple);font-weight:600;text-shadow:0 0 8px rgba(184,134,255,.3);position:relative;z-index:1;}.spread-card .sc-elem{font-size:.55rem;color:var(--muted);position:relative;z-index:1;}.spread-card .sc-ori{font-size:.55rem;margin-bottom:.1rem;position:relative;z-index:1;}.interpretation{background:linear-gradient(160deg,rgba(17,17,42,.95),rgba(25,16,60,.95));border-radius:16px;padding:1.2rem;margin-top:1rem;line-height:1.8;font-size:.85rem;border:1px solid rgba(184,134,255,.12);box-shadow:0 8px 40px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.02);position:relative;overflow:hidden;animation:fadeIn .5s ease;}.interpretation::before{content:'';position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--purple),var(--gold),transparent);opacity:.5;}.interpretation h3{color:var(--purple);margin:1em 0 .5em;font-size:.95rem;text-shadow:0 0 12px var(--purple-glow);}.interpretation h3:first-child{margin-top:0;}.interpretation strong{color:var(--gold);font-weight:600;text-shadow:0 0 6px var(--gold-glow);}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.btn{display:inline-block;padding:.7rem 1.8rem;border-radius:25px;font-size:.9rem;font-weight:600;cursor:pointer;border:none;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;}.btn-primary{background:linear-gradient(135deg,rgba(184,134,255,.8),rgba(155,109,255,.8));color:#fff;box-shadow:0 4px 25px rgba(184,134,255,.3),0 0 0 1px rgba(184,134,255,.2);backdrop-filter:blur(10px);}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 35px rgba(184,134,255,.5),0 0 0 1px rgba(184,134,255,.4);}.btn-primary::after{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 60%);opacity:0;transition:opacity .3s;}.btn-primary:hover::after{opacity:1;}.btn-outline{background:transparent;border:1px solid rgba(184,134,255,.3);color:var(--purple);}.btn-outline:hover{border-color:var(--purple);background:rgba(184,134,255,.05);}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none !important;}.form-group{margin-bottom:.8rem}.form-group label{display:block;font-size:.75rem;color:var(--muted);margin-bottom:.25rem}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.65rem .9rem;background:rgba(17,17,42,.8);border:1px solid rgba(184,134,255,.15);border-radius:10px;color:var(--text);font-size:.85rem;outline:none;transition:all .25s;backdrop-filter:blur(10px);}.form-group input:focus,.form-group textarea:focus{border-color:var(--purple);box-shadow:0 0 20px rgba(184,134,255,.15);}.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}.cards-grid .mini-card{background:rgba(17,17,42,.8);border-radius:10px;padding:.5rem;text-align:center;cursor:pointer;border:1px solid rgba(184,134,255,.08);transition:all .3s;position:relative;overflow:hidden;}.cards-grid .mini-card:hover{border-color:var(--purple);box-shadow:0 0 25px rgba(184,134,255,.15);transform:translateY(-2px);}.cards-grid .mini-card::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,transparent,rgba(184,134,255,.05));opacity:0;transition:opacity .3s;}.cards-grid .mini-card:hover::after{opacity:1;}.cards-grid .mini-card .m-name{font-size:.75rem;font-weight:600;color:var(--text);position:relative;z-index:1}.cards-grid .mini-card .m-elem{font-size:.65rem;color:var(--muted);position:relative;z-index:1}.filter-row{display:flex;gap:.35rem;margin-bottom:1rem;flex-wrap:wrap}.filter-row select,.filter-row input{flex:1;min-width:60px;padding:.45rem .7rem;background:rgba(17,17,42,.8);border:1px solid rgba(184,134,255,.1);border-radius:8px;color:var(--text);font-size:.75rem;outline:none}.mode-selector{display:flex;gap:.5rem}.mode-option{flex:1;padding:.6rem .7rem;border-radius:12px;border:1.5px solid rgba(184,134,255,.15);background:rgba(17,17,42,.6);cursor:pointer;transition:all .25s;text-align:center;backdrop-filter:blur(10px);user-select:none;}.mode-option:hover{border-color:rgba(184,134,255,.4);}.mode-option.active{border-color:var(--purple);background:linear-gradient(135deg,rgba(184,134,255,.2),rgba(212,165,116,.08));box-shadow:0 0 20px rgba(184,134,255,.15);}.spread-chip{display:inline-block;padding:.4rem .7rem;border-radius:20px;font-size:.7rem;cursor:pointer;border:1px solid rgba(184,134,255,.15);background:rgba(17,17,42,.6);color:var(--muted);transition:all .2s;user-select:none;backdrop-filter:blur(10px);}.spread-chip:hover{border-color:var(--purple);color:var(--text);}.spread-chip.active{background:linear-gradient(135deg,rgba(184,134,255,.3),rgba(212,165,116,.1));color:#fff;border-color:var(--purple);box-shadow:0 0 15px rgba(184,134,255,.2);}.toast{position:fixed;top:1rem;left:50%;transform:translateX(-50%);background:rgba(17,17,42,.95);color:var(--text);padding:.6rem 1.4rem;border-radius:25px;font-size:.8rem;z-index:999;border:1px solid rgba(184,134,255,.2);animation:toastIn .3s ease;box-shadow:0 8px 30px rgba(0,0,0,.5);backdrop-filter:blur(20px);}@keyframes toastIn{from{opacity:0;transform:translateX(-50%) translateY(-10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.spinner{width:36px;height:36px;border:2px solid rgba(184,134,255,.15);border-top-color:var(--purple);border-radius:50%;animation:spin .8s linear infinite;margin:2rem auto;box-shadow:0 0 20px var(--purple-glow);}@keyframes spin{to{transform:rotate(360deg)}}.history-item{background:rgba(17,17,42,.8);border-radius:12px;padding:.8rem;margin-bottom:.6rem;border:1px solid rgba(184,134,255,.08);transition:all .2s;cursor:pointer;}.history-item:hover{border-color:rgba(184,134,255,.2);}.history-item .h-date{font-size:.7rem;color:var(--muted)}.history-item .h-question{font-size:.85rem;color:var(--text);margin:.2rem 0}.history-item .h-spread{font-size:.7rem;color:var(--purple)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.85);z-index:200;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px);}.modal-box{background:linear-gradient(160deg,rgba(12,12,29,.98),rgba(18,18,42,.98));border:1px solid rgba(184,134,255,.2);border-radius:18px;padding:1.5rem;width:90%;max-width:380px;box-shadow:0 20px 60px rgba(0,0,0,.6),0 0 40px rgba(184,134,255,.1);animation:modalIn .3s ease;}@keyframes modalIn{from{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-box h3{color:var(--purple);margin-bottom:1rem;text-shadow:0 0 10px var(--purple-glow)}.profile-card{background:rgba(17,17,42,.8);border-radius:14px;padding:1rem;margin-bottom:.6rem;border:1px solid rgba(184,134,255,.1);backdrop-filter:blur(10px);}.profile-card-accent{background:linear-gradient(160deg,rgba(20,14,50,.9),rgba(25,14,55,.9));border-radius:14px;padding:1rem;margin-bottom:.6rem;border:1px solid rgba(184,134,255,.15);box-shadow:0 4px 25px rgba(184,134,255,.08);}#reading-loading{text-align:center;padding:2rem 0;display:none;}#reading-loading .crystal-ball{width:80px;height:80px;margin:0 auto;background:radial-gradient(circle at 30% 30%,rgba(184,134,255,.3),rgba(80,40,160,.1));border-radius:50%;border:2px solid rgba(184,134,255,.2);box-shadow:0 0 60px rgba(184,134,255,.3),inset 0 0 40px rgba(184,134,255,.05);animation:pulse 2s ease-in-out infinite;}@keyframes pulse{0%,100%{box-shadow:0 0 40px rgba(184,134,255,.2),inset 0 0 20px rgba(184,134,255,.03);}50%{box-shadow:0 0 80px rgba(184,134,255,.5),inset 0 0 60px rgba(184,134,255,.1);}}@media(max-width:400px){.reading-spread{gap:.4rem}.spread-card{width:70px}.spread-card .sc-img{width:70px;height:95px}.card-3d{width:150px;height:250px}}