page{background:#08080c;color:var(--tone-ink);font-family:var(--font-body);min-height:100%;overflow-x:hidden;width:100%}.page{background:radial-gradient(circle at 50% 20%,#1a1625 0,#08080c 80%);box-sizing:border-box;max-width:100vw;min-height:100vh;overflow-x:hidden;padding:.8rem .7rem 1.4rem;position:relative;width:100vw}.page::before{background:radial-gradient(circle at 15% 25%,rgba(138,43,226,.12) 0,transparent 40%),radial-gradient(circle at 85% 75%,rgba(74,4,4,.12) 0,transparent 40%),radial-gradient(rgba(142,110,204,.05) .025rem,transparent 0);background-size:100% 100%,100% 100%,.75rem .75rem;content:"";height:100%;left:0;opacity:.7;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.eyebrow{color:#9d8db3;display:block;font-size:.6rem;font-weight:600;letter-spacing:.05rem;text-shadow:0 0 .25rem rgba(157,141,179,.2)}.title{color:#f0e6d2;display:block;font-size:1.15rem;font-weight:800;line-height:1.15;margin-top:.3rem;text-shadow:0 0 .5rem hsla(40,50%,88%,.3)}.subtitle{color:#bfaee3;display:block;font-size:.7rem;line-height:1.55;margin-top:.5rem;max-width:100%;opacity:.85;overflow:visible;overflow-wrap:anywhere;white-space:normal;word-break:break-word}.subtitle *{overflow-wrap:anywhere;white-space:normal;word-break:break-word}.section{margin-top:.9rem}.button-row{align-items:stretch;display:flex;gap:.4rem;margin-top:.7rem}.button-row .danger-button,.button-row .primary-button,.button-row .secondary-button{margin:0}.primary-button,.secondary-button{align-items:center;border-radius:.25rem;box-sizing:border-box;cursor:pointer;display:flex;font-size:.7rem;font-weight:700;height:2.2rem;justify-content:center;overflow:hidden;padding:0 .7rem;position:relative;transition-duration:var(--motion-feedback);transition-property:transform,background-color,border-color,box-shadow,color,opacity;transition-timing-function:var(--motion-ease-out)}.primary-button::after,.secondary-button::after{border:0}.primary-button:not([disabled=true])::before,.secondary-button:not([disabled=true])::before{background:linear-gradient(110deg,transparent 0 34%,hsla(0,0%,100%,.18) 48%,transparent 62%);content:"";inset:0;pointer-events:none;position:absolute;transform:translateX(-120%);transition:transform .45s ease}.primary-button:not([disabled=true]):active::before,.secondary-button:not([disabled=true]):active::before{transform:translateX(120%)}.primary-button{background:linear-gradient(135deg,#7c3aed,#4c1d95);border:.025rem solid rgba(212,175,55,.3);box-shadow:0 .1rem .375rem rgba(124,58,237,.35);color:#f0e6d2;text-shadow:0 .025rem .05rem rgba(0,0,0,.5)}.primary-button:active{opacity:.9;transform:scale(.97)}.secondary-button{background:linear-gradient(135deg,hsla(0,0%,100%,.075),rgba(162,119,255,.08));border:.025rem solid rgba(214,179,255,.32);box-shadow:inset 0 0 0 .025rem rgba(255,231,166,.035),0 .15rem .45rem rgba(162,119,255,.12);color:#e7dcff}.secondary-button:active{background:hsla(0,0%,100%,.08)}.primary-button[disabled=true],.secondary-button[disabled=true]{background:hsla(0,0%,100%,.035);border-color:hsla(0,0%,100%,.09);box-shadow:none;color:rgba(197,188,204,.46);cursor:not-allowed;filter:saturate(.45);opacity:.62;text-shadow:none}.primary-button[disabled=true]:active,.secondary-button[disabled=true]:active{transform:none}.panel{backdrop-filter:blur(.4rem);-webkit-backdrop-filter:blur(.4rem);background:rgba(30,28,42,.45);border:.025rem solid hsla(0,0%,100%,.08);border-radius:.4rem;border-top-color:hsla(0,0%,100%,.15);box-shadow:0 .25rem .75rem rgba(0,0,0,.25);box-sizing:border-box;color:#e0dce3;padding:.7rem}.composer-title,.settings-heading{color:#f0e6d2!important;text-shadow:0 0 .5rem hsla(40,50%,88%,.3)!important}.composer-caption,.form-label,.hexagram-title,.question-tip,.settings-copy{color:#bfaee3!important;opacity:.8}.cast-status-box,.form-container,.history-detail-card,.history-list,.method-select-panel,.reading-composer,.settings-section,.settings-stat{backdrop-filter:blur(.4rem)!important;-webkit-backdrop-filter:blur(.4rem)!important;background:rgba(30,28,42,.45)!important;border:.025rem solid hsla(0,0%,100%,.08)!important;border-radius:.4rem!important;border-top-color:hsla(0,0%,100%,.15)!important;box-shadow:0 .25rem .75rem rgba(0,0,0,.25)!important;color:#e0dce3!important;padding:.7rem!important}.picker-value-box,.question-input,.text-input{background:rgba(0,0,0,.35)!important;border:.025rem solid rgba(162,119,255,.25)!important;border-radius:.25rem!important;box-shadow:inset 0 .05rem .1rem rgba(0,0,0,.3)!important;color:#fff!important}.question-input::-moz-placeholder,.text-input::-moz-placeholder{color:hsla(0,0%,100%,.35)!important}.question-input::placeholder,.text-input::placeholder{color:hsla(0,0%,100%,.35)!important}.gender-option,.method-option,.mode-option,.spread-option,.topic-chip{background:hsla(0,0%,100%,.04)!important;border:.025rem solid hsla(0,0%,100%,.08)!important;box-shadow:0 .25rem .6rem rgba(0,0,0,.12)!important;color:#c5bccc!important;cursor:pointer!important;transition-duration:var(--motion-feedback)!important;transition-property:transform,background-color,border-color,box-shadow,color,opacity!important;transition-timing-function:var(--motion-ease-out)!important}.gender-option:active,.method-option:active,.mode-option:active,.spread-option:active,.topic-chip:active{background:rgba(162,119,255,.12)!important;transform:translateY(.025rem) scale(.985)!important}.gender-option-active,.gender-selector .gender-option-active,.method-option-active,.mode-option-active,.spread-option-active,.topic-chip-active{background:rgba(162,119,255,.22)!important;border-color:rgba(162,119,255,.75)!important;box-shadow:0 0 .3rem rgba(162,119,255,.35)!important;color:#d1bfff!important;font-weight:700!important}.keyword-chip{background:linear-gradient(180deg,hsla(0,0%,100%,.045),hsla(0,0%,100%,.018))!important;border:.025rem solid rgba(214,179,255,.16)!important;border-radius:24.975rem!important;box-shadow:inset 0 0 0 .025rem rgba(255,231,166,.035)!important;color:rgba(209,191,255,.76)!important;cursor:default!important;pointer-events:none!important}.draw-status,.tarot-status{background:rgba(30,28,42,.35)!important;border:.025rem solid hsla(0,0%,100%,.06)!important;border-radius:.3rem!important;color:#e0dce3!important}.draw-status-label,.tarot-status-label{color:#a277ff!important;font-weight:800!important}.draw-status-text,.tarot-status-text{color:#c5bccc!important}.gender-selector{background:rgba(30,28,42,.3)!important;border:.025rem solid hsla(0,0%,100%,.08)!important;border-radius:.3rem!important;padding:.15rem!important}.pillar-grid{background:rgba(30,28,42,.45)!important;border:.025rem solid hsla(0,0%,100%,.08)!important;border-radius:.5rem!important;box-shadow:0 .25rem .75rem rgba(0,0,0,.2)!important}.pillar-col{background:hsla(0,0%,100%,.03)!important;border:.025rem solid hsla(0,0%,100%,.05)!important;border-radius:.3rem!important}.pillar-branch,.pillar-name,.pillar-stem{color:#f0e6d2!important}.pillar-elements{color:#9d8db3!important}.canggan-text{color:#8c8199!important}.cast-line{background:hsla(0,0%,100%,.04)!important;border:.025rem solid hsla(0,0%,100%,.06)!important}.cast-line-inner{background:#f0e6d2!important}.cast-line-changing .cast-line-inner{background:#ff7e67!important}.hero-visual{border:.025rem solid rgba(162,119,255,.25)!important;box-shadow:0 0 .75rem rgba(162,119,255,.1)!important}.page,page{color:var(--tone-ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-variant-east-asian:proportional-width;text-rendering:geometricPrecision}.composer-title,.eyebrow,.gender-option,.home-card-title,.method-option,.mode-option,.primary-button,.secondary-button,.settings-heading,.spread-option,.title,.topic-chip-label{font-family:var(--font-ritual)!important}.composer-caption,.home-card-text,.panel,.question-input,.question-tip,.settings-copy,.subtitle,.text-input{font-family:var(--font-reading)!important}:root,page{--font-ritual:"Songti SC",STSong,"Noto Serif CJK SC","Source Han Serif SC",KaiTi,STKaiti,serif;--font-body:"LXGW WenKai","Kaiti SC",KaiTi,"PingFang SC","Microsoft YaHei UI","Microsoft YaHei",sans-serif;--font-reading:"LXGW WenKai","Kaiti SC",KaiTi,"Songti SC","PingFang SC","Microsoft YaHei",sans-serif;--tone-ink:#e7e0ed;--tone-muted:#bbaee0;--tone-oracle-gold:#fff0b8;--tone-oracle-rose:#ff9dca;--tone-oracle-violet:#c6a5ff;--tone-conclusion-gold:#fff6d8;--tone-conclusion-rose:#ffd0ef;--tone-conclusion-violet:#d8c1ff;--tone-analysis:#d9d0ff;--tone-analysis-soft:#bfb1e8;--tone-advice:#bdf7ff;--tone-advice-gold:#ffe4a5;--motion-feedback:160ms;--motion-transition:240ms;--motion-ritual:700ms;--motion-ease-out:cubic-bezier(0.22,1,0.36,1)}.page.motion-reduced *,.page.motion-reduced *::after,.page.motion-reduced *::before{animation-delay:0ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-delay:0ms!important;transition-duration:1ms!important}@media (prefers-reduced-motion:reduce){.page *,.page *::after,.page *::before{animation-delay:0ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-delay:0ms!important;transition-duration:1ms!important}}