*{box-sizing:border-box}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f8fbff;--glass:#0a1022b3;--glass-strong:#090e1ee0;--line:#dfecff2e;--text-soft:#eff5ffc7;--cyan:#8ae7ff;--pink:#ff9ed7;--gold:#ffe3a3;background:#040712;font-family:Manrope,Microsoft YaHei,PingFang SC,sans-serif}html,body,#root{min-height:100%}body{background:#040712;min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,input{font:inherit}button{color:inherit}h1,h2,h3,blockquote,p{margin-top:0}h1,h2,h3,.result-card-title,.fortune-badge,.panel-title{font-family:Cormorant Garamond,Noto Serif SC,Songti SC,serif}.page-shell{isolation:isolate;min-height:100vh;position:relative;overflow:hidden}.page-shell:before{content:"";z-index:-7;pointer-events:none;background:radial-gradient(circle at 15% 18%,#50c4ff1f,#0000 30%),radial-gradient(circle at 83% 14%,#ff8ad61c,#0000 28%),radial-gradient(circle at 48% 82%,#a376ff1f,#0000 34%);position:fixed;inset:0}.bgm{display:none}.bg-layer{z-index:-6;filter:saturate(1.04)contrast(1.04)brightness(1.03);background-repeat:no-repeat;background-size:cover;transition:background-image .85s,filter .5s;position:fixed;inset:0;transform:scale(1.02)}.vignette{z-index:-5;background:radial-gradient(circle at 22% 18%,#7ec1ff29,#0000 34%),radial-gradient(circle at 78% 18%,#ff9ce021,#0000 32%),linear-gradient(90deg,#0408144d,#080e2014 48%,#0508143d),linear-gradient(#04071205,#04071238);position:fixed;inset:0}.rain-layer,.rain-layer-2{z-index:-3;pointer-events:none;opacity:.4;mix-blend-mode:screen;background-image:repeating-linear-gradient(103deg,#ffffff38 0 1px,#0000 1px 18px),repeating-linear-gradient(103deg,#8cd6ff2e 0 1px,#0000 1px 34px);background-size:220px 360px,340px 520px;animation:.86s linear infinite rain-fall;position:fixed;inset:-20vh 0 0;-webkit-mask-image:linear-gradient(#000000e6,#00000029 88%,#0000);mask-image:linear-gradient(#000000e6,#00000029 88%,#0000)}.rain-layer-2{opacity:.18;background-size:360px 560px;animation-duration:1.2s;transform:scaleX(-1)}.mist-layer{z-index:-4;pointer-events:none;opacity:.16;filter:blur(10px);background:radial-gradient(at 18% 82%,#7ec4ff2e,#0000 38%),radial-gradient(at 72% 88%,#ff80e01f,#0000 42%);animation:8s ease-in-out infinite alternate mist-drift;position:fixed;inset:0}.noise{z-index:-2;pointer-events:none;opacity:.04;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:42px 42px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 20% 80%,#0000);mask-image:linear-gradient(#0000,#000 20% 80%,#0000)}.starwash{z-index:-1;pointer-events:none;opacity:.34;background:radial-gradient(circle at 12% 22%,#ffffffe6 0 1px,#0000 2px),radial-gradient(circle at 78% 16%,#9bebffd9 0 1px,#0000 2px),radial-gradient(circle at 62% 38%,#ffaadcb3 0 1px,#0000 2px),radial-gradient(circle at 26% 74%,#ffffffbf 0 1px,#0000 2px),radial-gradient(circle at 84% 68%,#9cc8ffb8 0 1px,#0000 2px);animation:22s linear infinite stardrift;position:fixed;inset:0}.toast{z-index:30;color:#f7fbff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#091022e0;border:1px solid #ffffff29;border-radius:999px;padding:10px 18px;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 16px 44px #0000004d}.hero{width:min(1240px,100% - 36px);margin:0 auto;padding:34px 0 138px}.topbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:36px;display:flex}.brand{align-items:center;gap:14px;display:flex}.brand-icon{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#ffffff38,#ffffff14);border:1px solid #ffffff47;border-radius:18px;place-items:center;width:52px;height:52px;font-size:23px;display:grid;box-shadow:0 0 32px #77afff52,inset 0 1px #ffffff3d}.eyebrow{letter-spacing:.34em;color:#e8f2ffb3;margin:0 0 4px;font-size:11px}h1{letter-spacing:.03em;text-shadow:0 8px 34px #00000080;margin-bottom:0;font-size:clamp(28px,4vw,44px)}.date-pill,.scene-badge,.fortune-badge,.intro-badge{color:#fffffff5;-webkit-backdrop-filter:blur(8px)saturate(1.08);backdrop-filter:blur(8px)saturate(1.08);background:#0c132842;border:1px solid #ffffff26;border-radius:999px;align-items:center;gap:8px;display:inline-flex}.date-pill{padding:10px 16px;font-size:14px}.content-grid{grid-template-columns:minmax(0,1fr) 360px;align-items:stretch;gap:22px;display:grid}.glass-card{-webkit-backdrop-filter:blur(10px)saturate(1.1);backdrop-filter:blur(10px)saturate(1.1);background:linear-gradient(155deg,#ffffff14,#ffffff05 34%,#6d9bff08 60%,#141c3812),linear-gradient(#0d142a33,#121a341a);border:1px solid #e5f0ff2e;box-shadow:0 24px 64px #0208182e,inset 0 1px #ffffff38,inset 0 -1px #84b8ff0d}.main-card{-webkit-backdrop-filter:blur(6px)saturate(1.04);backdrop-filter:blur(6px)saturate(1.04);background:linear-gradient(155deg,#ffffff0d,#ffffff04 36%,#6d9bff05 62%,#141c380b),linear-gradient(#0d142a1f,#121a340d);border-color:#ecf5ff29;border-radius:36px;min-height:680px;padding:clamp(24px,3.5vw,40px);position:relative;overflow:hidden;box-shadow:0 24px 64px #02081824,inset 0 1px #ffffff2e,inset 0 -1px #84b8ff0a}.stage-idle{min-height:620px}.stage-result{min-height:720px}.main-card:before{content:"";filter:blur(60px);pointer-events:none;background:#7c76ff2e;border-radius:999px;width:420px;height:420px;position:absolute;inset:-20% auto auto -10%}.main-card:after{content:"";filter:blur(52px);pointer-events:none;background:#4ec2ff29;border-radius:999px;width:300px;height:300px;position:absolute;inset:auto -14% -24% auto}.particle-field{pointer-events:none;z-index:0;position:absolute;inset:0}.particle{background:radial-gradient(circle,#fffffff0,#9de0ff5c 55%,#0000 70%);border-radius:999px;animation:ease-in-out infinite twinkle;position:absolute;box-shadow:0 0 12px #ffffff42}.ritual-state,.oracle-state{z-index:1;position:relative}.ritual-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:588px;display:flex}.stage-idle .ritual-state{justify-content:flex-start;min-height:540px;padding-top:26px}.stage-idle .tarot-stage{margin-bottom:20px}.tarot-stage{width:min(100%,420px);height:320px;margin-bottom:30px;position:relative}.tarot-shadow{filter:blur(8px);background:radial-gradient(circle,#0000005c,#2b367014 48%,#0000 74%);border-radius:999px;width:220px;height:44px;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.tarot-card{width:180px;height:258px;transform-style:preserve-3d;position:absolute}.featured-card,.tarot-card-drawing{top:20px;left:50%;transform:translate(-50%)}.shell-left{opacity:.48;top:34px;left:calc(50% - 150px);transform:rotate(-13deg)}.shell-right{opacity:.48;top:34px;right:calc(50% - 150px);transform:rotate(13deg)}.card-face{backface-visibility:hidden;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0;overflow:hidden}.card-back{background:radial-gradient(circle at 50% 32%,#a587ff47,#0000 44%),radial-gradient(circle at 50% 82%,#ffd6a21a,#0000 26%),linear-gradient(140deg,#354087f0,#111630fa);border:1px solid #ffecc242;box-shadow:0 24px 72px #0000005c,0 0 24px #ffdba014,inset 0 1px #ffffff2e}.card-back:before{content:"";border:1px solid #ffe4b92e;border-radius:22px;position:absolute;inset:12px}.card-back:after{content:"";background:linear-gradient(90deg,#0000,#ffe9ca14,#0000),linear-gradient(#0000,#ffffff0a,#0000);border-radius:18px;position:absolute;inset:22px;box-shadow:inset 0 0 0 1px #ffffff0d}.featured-card .card-back{animation:4s ease-in-out infinite hover-card}.sigil{border:1px solid #ffe8c457;border-radius:50%;width:84px;height:84px;position:relative;box-shadow:0 0 0 10px #ffffff0a,0 0 0 20px #ffe0b908,0 0 42px #a586ff38}.sigil:before,.sigil:after{content:"";background:#ffffff42;width:62px;height:1px;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.sigil:after{transform:translate(-50%,-50%)rotate(90deg)}.card-stars{color:#f0f7ffb8;letter-spacing:.36em}.tarot-stage-drawing .shell-left{animation:1.6s ease-in-out infinite shuffle-left}.tarot-stage-drawing .shell-right{animation:1.6s ease-in-out infinite shuffle-right}.tarot-card-inner{width:100%;height:100%;transform-style:preserve-3d;animation:1.26s cubic-bezier(.2,.82,.24,1) infinite tarot-flip;position:relative}.card-front{color:#0b1730;background:radial-gradient(circle at 50% 14%,#ffffffc2,#0000 28%),linear-gradient(165deg,#fffbf5fa,#e1ebfff5 44%,#ffe7f1f0),linear-gradient(#fffcf6f5,#f5f9ffe6);border:1px solid #edd4a866;transform:rotateY(180deg);box-shadow:0 26px 72px #00000042,0 0 30px #93d3ff2e,inset 0 0 0 1px #ffffff70}.ghost-front{text-align:center;padding:24px}.ghost-mark{letter-spacing:.34em;text-transform:uppercase;color:#0b17308f;font-size:11px}.ghost-front strong{max-width:120px;font-size:26px;line-height:1.24}.intro-badge{color:#d8f3ff;margin-bottom:20px;padding:10px 16px}.main-card h2{letter-spacing:-.04em;text-shadow:0 6px 40px #00000094;max-width:760px;margin-bottom:16px;font-size:clamp(34px,5vw,56px);line-height:1.05}.stage-idle h2{max-width:720px;margin-bottom:18px}.intro-copy,.oracle-body,.destiny-panel blockquote,.history-item span,.mini-card span{overflow-wrap:anywhere}.intro-copy,.oracle-body{color:#f1f6ffeb;text-shadow:0 4px 24px #0000007a;max-width:760px;font-size:clamp(17px,2vw,21px);line-height:1.9}.oracle-body{text-align:left;margin-bottom:0}.buttons{flex-wrap:wrap;gap:12px;display:flex}.summon-btn,.primary-btn,.ghost-btn,.history-item{cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:12px 18px;transition:transform .18s,box-shadow .18s,background .18s,opacity .18s,border-color .18s;display:inline-flex}.summon-btn,.primary-btn{color:#07111f;background:linear-gradient(135deg,#fff6df,#d4f6ff 34%,#ffc8eb 78%,#fff);border:0;font-weight:800;box-shadow:0 18px 48px #71daff42,inset 0 0 0 1px #fff7dc2e}.ghost-btn,.history-item{color:#fffffff0;background:linear-gradient(#ffffff1f,#ffffff12);border:1px solid #fff3;box-shadow:inset 0 1px #ffffff14}.secondary-btn{color:#f0fbff;background:linear-gradient(#7bd2ff33,#6197ff14),#ffffff14;border-color:#8de3ff57;box-shadow:0 12px 32px #529aff29,inset 0 1px #d6f5ff29}.utility-btn{color:#ebf4ffe6;background:linear-gradient(#ffffff14,#ffffff0a),#080e1e57;border-color:#ffffff24}.utility-btn-warm{color:#fff7eb;background:linear-gradient(#ffe2b31f,#ffadd60f),#080e1e57;border-color:#ffdda342}.summon-btn:hover,.primary-btn:hover,.ghost-btn:hover,.history-item:hover{transform:translateY(-2px)}.summon-btn:hover,.primary-btn:hover{box-shadow:0 22px 56px #71daff47,0 0 24px #ffd7a22e}.secondary-btn:hover{box-shadow:0 18px 42px #58aaff33,inset 0 1px #d6f5ff2e}.utility-btn:hover{background:linear-gradient(#9fe6ff1f,#ffffff0d),#080e1e61;border-color:#a4e1ff3d}.ghost-btn.need-click{box-shadow:0 0 24px #ffc37a3d}.centered-buttons{justify-content:center}.hint-line{color:#ffffffb8;margin-top:16px;font-size:14px}.stage-idle .hint-line{border-top:1px solid #ffffff14;margin-top:18px;padding-top:14px}.section-eyebrow,.panel-kicker,.mini-label,.tag-pill span,.insight-card span,.result-card-kicker{letter-spacing:.18em;text-transform:uppercase;color:#d6e7ffad;font-size:12px;display:block}.section-eyebrow{margin-bottom:8px}.loading-bar{background:#ffffff1f;border-radius:999px;width:min(420px,100%);height:10px;margin-top:8px;overflow:hidden}.loading-bar span{border-radius:inherit;background:linear-gradient(90deg,#85e8ff,#c792ff,#ff82d2);height:100%;animation:1.2s ease-in-out infinite loading-progress;display:block}.result-shell{grid-template-columns:minmax(228px,268px) minmax(0,1fr);align-items:start;gap:26px;display:grid}.stage-result .oracle-state{padding-top:6px}.stage-result .result-shell{gap:34px}.destiny-visual{justify-content:center;align-self:start;align-items:center;min-height:410px;display:flex;position:relative}.destiny-visual:before{content:"";pointer-events:none;background:linear-gradient(#ffffff08,#0000 30%),radial-gradient(circle at 50% 22%,#93dfff1a,#0000 46%);border:1px solid #ffffff0f;border-radius:28px;position:absolute;inset:20px 18px 26px;box-shadow:inset 0 1px #ffffff08}.result-halo{filter:blur(22px);background:radial-gradient(circle,#addfff4d,#fda9d61f 54%,#0000 74%);border-radius:50%;height:64%;position:absolute;inset:12% 10% auto}.tarot-card-revealed{z-index:1;width:220px;height:320px;animation:4.4s ease-in-out infinite reveal-float,.62s cubic-bezier(.16,1,.3,1) reveal-enter;position:relative;transform:rotate(-5deg)}.tarot-card-revealed:before{content:"";z-index:-2;background:linear-gradient(145deg,#262f5ce6,#10142cf5),linear-gradient(#ffffff0f,#0000);border:1px solid #ffddaf29;border-radius:28px;position:absolute;inset:8px -8px -8px 8px;box-shadow:0 18px 38px #04081838,inset 0 1px #ffffff14}.tarot-card-revealed:after{content:"";opacity:.8;filter:blur(8px);z-index:-3;background:radial-gradient(circle at 50% 18%,#fff0d742,#0000 30%),radial-gradient(circle at 50% 84%,#8cd5ff2e,#0000 26%);border-radius:34px;position:absolute;inset:-10px}.result-face{color:#0b1730;text-align:center;background:radial-gradient(circle at 50% 14%,#ffffffe0,#0000 26%),radial-gradient(circle at 50% 88%,#ffdcbb2e,#0000 24%),linear-gradient(165deg,#fffcf6fc,#e9f0fff7 44%,#ffebf3f2),linear-gradient(#fffcf6fa,#f5f9ffeb);border:1px solid #efd2a485;border-radius:28px;flex-direction:column;justify-content:space-between;align-items:center;padding:24px 20px;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:0 26px 72px #0000003d,0 0 26px #93d3ff29,inset 0 0 0 1px #ffffff7a}.result-face:before{content:"";border:1px solid #b7955d5c;border-radius:22px;position:absolute;inset:11px;box-shadow:inset 0 0 0 1px #ffffff6b,inset 0 0 0 10px #fffaf338}.result-face:after{content:"";opacity:.55;pointer-events:none;background:radial-gradient(circle at 50% 14%,#bc9e6d2e,#0000 14%),radial-gradient(circle at 50% 86%,#bc9e6d29,#0000 12%),linear-gradient(90deg,#0000,#bc9e6d2e,#0000),linear-gradient(#0000,#bc9e6d24,#0000);border-radius:18px;position:absolute;inset:22px}.result-face>*{z-index:1;position:relative}.result-face h3{letter-spacing:.06em;text-shadow:0 1px #ffffff4d;margin:0;font-size:38px}.result-card-kicker{color:#937242bd;letter-spacing:.24em}.result-card-title{color:#192546e6;margin:0;font-size:22px;line-height:1.2}.result-card-divider{background:linear-gradient(90deg,#0000,#a88352b8,#0000);width:64px;height:1px}.result-card-meta{color:#202b4ce0;gap:8px;font-size:14px;line-height:1.45;display:grid}.result-copy-wrap{gap:20px;max-width:640px;display:grid}.card-header{flex-wrap:wrap;gap:10px;display:flex}.fortune-badge{color:#fff;background:linear-gradient(135deg,#ff60d647,#5ebdff33);padding:10px 15px;box-shadow:0 0 18px #ff6bde24}.scene-badge{color:#ffffffe0;background:linear-gradient(#ffffff0f,#ffffff05);padding:10px 15px}.destiny-grid{gap:16px;display:grid}.destiny-panel{-webkit-backdrop-filter:blur(8px)saturate(1.1);backdrop-filter:blur(8px)saturate(1.1);background:linear-gradient(160deg,#ffffff14,#ffffff05 42%,#7bb0ff0a 100%),#11182d12;border:1px solid #ecf4ff24;border-radius:24px;padding:18px;position:relative;box-shadow:inset 0 1px #ffffff24,inset 0 -1px #7eb9ff0a}.destiny-panel:before{content:"";pointer-events:none;background:linear-gradient(90deg,#8fe5ff3d,#ffbadd24,#0000 82%);height:1px;position:absolute;inset:0 0 auto}.oracle-tags{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.tag-pill{-webkit-backdrop-filter:blur(5px)saturate(1.05);backdrop-filter:blur(5px)saturate(1.05);background:linear-gradient(#ffffff12,#ffffff05),#141c320f;border:1px solid #f0f6ff1f;border-radius:20px;min-width:0;padding:14px}.tag-pill strong,.insight-card strong,.mini-card strong{color:#fffffffa;overflow-wrap:anywhere;line-height:1.58;display:block}.insight-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.insight-card{-webkit-backdrop-filter:blur(5px)saturate(1.05);backdrop-filter:blur(5px)saturate(1.05);background:linear-gradient(#ffffff12,#ffffff05),#12182e0f;border:1px solid #f0f6ff1f;border-radius:18px;padding:14px}.quote-panel blockquote{color:#ebf1ffd6;border-left:2px solid #ffffff2e;margin:8px 0 0;padding-left:16px;font-size:17px;line-height:1.82}.action-buttons{align-items:center;gap:14px;padding-top:8px}.action-buttons .primary-btn,.action-buttons .secondary-btn{min-width:168px}.action-buttons .utility-btn{min-width:144px;font-size:15px}.side-panel{-webkit-backdrop-filter:blur(8px)saturate(1.06);backdrop-filter:blur(8px)saturate(1.06);background:linear-gradient(155deg,#ffffff17,#ffffff05 36%,#6d9bff08 62%,#141c3813),linear-gradient(#0d142a2e,#121a3414);border-radius:30px;flex-direction:column;min-height:680px;padding:24px;display:flex}.panel-title{letter-spacing:.06em;color:#ffffffeb;margin-bottom:22px;font-size:28px}.meter{margin-bottom:18px}.meter-top{color:#ffffffbd;justify-content:space-between;gap:16px;margin-bottom:9px;font-size:13px;display:flex}.meter-track{background:#ffffff26;border-radius:999px;height:9px;overflow:hidden}.meter-fill{border-radius:inherit;background:linear-gradient(90deg,#85e8ff,#c792ff,#ff82d2);height:100%;transition:width .35s;box-shadow:0 0 18px #c792ff80}.mini-card{-webkit-backdrop-filter:blur(6px)saturate(1.06);backdrop-filter:blur(6px)saturate(1.06);background:linear-gradient(#ffffff14,#ffffff05),#11182d11;border:1px solid #ecf4ff24;border-radius:22px;margin-top:16px;padding:18px;position:relative;box-shadow:inset 0 1px #ffffff24,inset 0 -1px #81b9ff0a}.mini-label{margin-bottom:8px}.mini-card span{color:#ffffffb8;line-height:1.7;display:block}.scene-card{background:linear-gradient(#b5d8ff1f,#ffffff0a),#141c3214}.history-card{background:linear-gradient(#ffffff1a,#ffffff08),#131b3114}.sound-card{-webkit-backdrop-filter:blur(8px)saturate(1.1);backdrop-filter:blur(8px)saturate(1.1);background:linear-gradient(155deg,#eef7ff1a,#ffffff05 26%,#66aaff0f 58%,#ffa9de0a 100%),linear-gradient(160deg,#0d18302e,#0b152a17 54%,#1c122c1f);border-color:#93d6ff38;gap:14px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #f3f9ff2e,inset 0 0 0 1px #64b2ff0f,0 18px 48px #040a1c1f}.sound-card:before{content:"";background:linear-gradient(90deg,#8fe6ffe6,#aa97ffbd,#ffbddddb);height:3px;position:absolute;inset:0 0 auto}.sound-card:after{content:"";filter:blur(8px);pointer-events:none;background:radial-gradient(circle,#78c5ff47,#0000 72%);border-radius:999px;width:180px;height:180px;position:absolute;top:-58px;right:-68px}.sound-card .mini-label{color:#cfecffd1}.sound-card>strong{z-index:1;font-size:17px;line-height:1.45;position:relative}.sound-card>span{z-index:1;color:#e1eeffc2;position:relative}.sound-status{z-index:1;flex-wrap:wrap;gap:8px;display:flex;position:relative}.sound-pill{color:#e4efffb8;letter-spacing:.16em;text-transform:uppercase;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:6px;min-height:28px;padding:0 12px;font-size:11px;display:inline-flex}.sound-pill.is-active{color:#effcff;background:linear-gradient(#76dbff2e,#ffffff0f);border-color:#93e9ff57}.sound-pill.is-warning{color:#fff4dc;background:linear-gradient(#ffc27a2e,#ffffff0f);border-color:#ffc57c52}.sound-actions{z-index:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid;position:relative}.sound-toggle{letter-spacing:.01em;min-width:0;min-height:52px;font-weight:700}.sound-toggle-bgm{color:#f2fbff;background:linear-gradient(#73ddff38,#4d83ff1a),#ffffff0f;border-color:#8fe5ff57;box-shadow:0 14px 34px #508cff29,inset 0 1px #def8ff24}.sound-toggle-sfx{color:#fff5fb;background:linear-gradient(#ffabde2e,#ad84ff1a),#ffffff0f;border-color:#ffc9e847;box-shadow:0 14px 34px #a876ff24,inset 0 1px #ffeaf524}.sound-toggle.need-click{background:linear-gradient(#ffd18738,#ffab6614),#ffffff0f;border-color:#ffd38c6b}.sound-toggle:hover{transform:translateY(-2px)}.sound-toggle-bgm:hover{box-shadow:0 18px 40px #5996ff38,inset 0 1px #def8ff2e}.sound-toggle-sfx:hover{box-shadow:0 18px 40px #b07eff33,inset 0 1px #ffeaf529}.slider-group{z-index:1;color:#ffffffd6;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px 0;display:flex;position:relative}.slider-group span{margin:0}.slider-group strong{color:#fff7eb;font-variant-numeric:tabular-nums}.volume-slider{z-index:1;appearance:none;background:linear-gradient(90deg,#8be6ffe6,#c396ffeb,#ffafdae0);border:1px solid #ffffff14;border-radius:999px;width:100%;height:9px;position:relative;box-shadow:inset 0 1px 2px #0000002e}.volume-slider::-webkit-slider-runnable-track{background:0 0;border-radius:999px;height:9px}.volume-slider::-webkit-slider-thumb{appearance:none;background:linear-gradient(#fff,#ffe9f6);border:2px solid #ffffffe6;border-radius:999px;width:18px;height:18px;margin-top:-5px;box-shadow:0 0 0 5px #ffffff14,0 6px 16px #0000003d}.volume-slider::-moz-range-track{background:0 0;border-radius:999px;height:9px}.volume-slider::-moz-range-thumb{background:linear-gradient(#fff,#ffe9f6);border:2px solid #ffffffe6;border-radius:999px;width:18px;height:18px;box-shadow:0 0 0 5px #ffffff14,0 6px 16px #0000003d}.volume-slider:hover::-webkit-slider-thumb{box-shadow:0 0 0 7px #ade5ff24,0 8px 18px #0000003d}.volume-slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 7px #ade5ff24,0 8px 18px #0000003d}.volume-slider:hover::-moz-range-thumb{box-shadow:0 0 0 7px #ade5ff24,0 8px 18px #0000003d}.volume-slider:focus-visible::-moz-range-thumb{box-shadow:0 0 0 7px #ade5ff24,0 8px 18px #0000003d}.volume-slider:focus-visible{outline-offset:3px;outline:2px solid #96e1ff57}.volume-slider{width:100%}.history-list{flex-direction:column;gap:10px;margin-top:8px;display:flex}.history-item{text-align:left;-webkit-backdrop-filter:blur(10px)saturate(1.08);backdrop-filter:blur(10px)saturate(1.08);background:linear-gradient(#ffffff1a,#ffffff08),#141c3214;border-radius:18px;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;box-shadow:inset 0 1px #ffffff1f,inset 0 -1px #82b8ff08}.history-item strong{color:#fff;margin-bottom:4px;font-size:14px}.history-item span{color:#ffffffc7;font-size:14px;line-height:1.45}.background-dock{display:none}.dock-thumb{cursor:pointer;opacity:.74;background-position:50%;background-size:cover;border:2px solid #ffffff24;border-radius:14px;width:58px;height:42px;transition:transform .16s,opacity .16s,border-color .16s,box-shadow .16s}.dock-thumb:hover,.dock-thumb.active{opacity:1;border-color:#ffffffd6;transform:translateY(-2px);box-shadow:0 0 24px #7ed3ff4d}@keyframes rain-fall{0%{background-position:0 -420px,80px -620px}to{background-position:-60px 0,20px 0}}@keyframes mist-drift{0%{transform:translate(-1.5%)scale(1.02)}to{transform:translate(1.5%,-1%)scale(1.06)}}@keyframes hover-card{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes tarot-flip{0%{transform:perspective(1400px)rotateY(0)translateY(0)scale(.98)}24%{transform:perspective(1400px)rotateY(16deg)translateY(-2px)scale(1)}50%{transform:perspective(1400px)rotateY(90deg)translateY(-8px)scale(1.02)}to{transform:perspective(1400px)rotateY(180deg)translateY(0)scale(1)}}@keyframes shuffle-left{0%,to{transform:rotate(-13deg)translate(0)}50%{transform:rotate(-6deg)translate(-8px)translateY(-2px)}}@keyframes shuffle-right{0%,to{transform:rotate(13deg)translate(0)}50%{transform:rotate(6deg)translate(8px)translateY(-2px)}}@keyframes reveal-enter{0%{opacity:0;transform:translateY(18px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes reveal-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes loading-progress{0%{width:0}to{width:100%}}@keyframes twinkle{0%,to{opacity:.12;transform:scale(.8)}40%{opacity:.82;transform:scale(1.18)}70%{opacity:.36;transform:scale(.92)}}@keyframes stardrift{0%{transform:translate(0,0)}to{transform:translate(-24px,18px)}}@media (width<=1120px){.content-grid{grid-template-columns:1fr}.side-panel,.main-card{min-height:auto}.result-shell{grid-template-columns:1fr}.destiny-visual{min-height:320px}.result-copy-wrap{max-width:none}}@media (width<=760px){.hero{width:min(100% - 24px,1180px);padding:18px 0 140px}.topbar{flex-direction:column;align-items:flex-start}.date-pill{justify-content:center;align-self:stretch}.main-card{border-radius:28px;padding:20px}.ritual-state{min-height:470px}.tarot-stage{height:280px}.tarot-card{width:150px;height:220px}.shell-left{left:calc(50% - 124px)}.shell-right{right:calc(50% - 124px)}.main-card h2{font-size:clamp(30px,10vw,44px)}.intro-copy,.oracle-body{font-size:16px}.oracle-tags,.insight-grid,.sound-actions{grid-template-columns:1fr}.sound-status{justify-content:flex-start}.buttons{flex-direction:column}.primary-btn,.ghost-btn,.summon-btn{width:100%}.background-dock{padding-bottom:12px;display:flex;bottom:12px;left:12px;right:12px;overflow-x:auto}.dock-thumb{flex:none;width:54px;height:38px}}