*{box-sizing:border-box;margin:0}h1{font-size:24px}h2{font-size:20px}h2,h3{margin-top:12px}h3{font-size:18px}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#06070d;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;height:100%;overflow-x:hidden;width:100%}.app-root{align-items:center;background-position:50%;background-size:cover;display:flex;font-family:Inter,system-ui,-apple-system,Helvetica Neue,Arial;justify-content:center;min-height:100vh;padding:48px 20px;position:relative}.overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(180deg,#06070deb,#04050af2);inset:0;position:absolute;z-index:0}.container{display:flex;flex-direction:column;margin-top:24px;max-width:1100px;width:100%;z-index:1}.header{align-items:center;display:flex;gap:18px;justify-content:center;margin-bottom:28px;text-align:center}.title{color:#e8f2ff;font-size:26px;font-weight:300;letter-spacing:.12em;margin:0;text-transform:uppercase}.title.question-as-title{color:#a0c0d8;font-size:18px;font-weight:400;letter-spacing:.02em;line-height:1.5;max-width:680px;text-align:center;text-transform:none}.subtitle{color:#9ab8cc;font-size:14px;margin:4px 0 0}.card-panel{display:flex;justify-content:center;margin-bottom:24px}.question-form{background:#0c0b12b3;border:1px solid #ffffff0f;border-radius:2px;box-shadow:0 8px 40px #0009;margin:0 auto;max-width:760px;padding:28px 24px;width:100%}.label{color:#d8eaff;display:block;font-weight:600;margin-bottom:8px}.input-textarea{background:#080c1480;border:1px solid #3c64b42e;border-radius:10px;color:#e8f2ff;font-size:15px;margin-bottom:16px;padding:14px;resize:vertical;width:100%}.primary-button{background:linear-gradient(90deg,#1e3a6e,#2d68c4);border:none;border-radius:12px;box-shadow:0 6px 18px #1e50a061;color:#fff;cursor:pointer;display:inline-block;font-size:16px;font-weight:600;padding:14px 18px;width:100%}.primary-button[aria-disabled=true],.primary-button[disabled]{cursor:not-allowed;opacity:.5}.outline-button{background:linear-gradient(90deg,#1e3a6e,#2d68c4);border:1px solid #3c64b447;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:10px 14px}.muted{color:#8ab4cc;font-size:13px;margin-top:8px}.reading-area{align-items:center;display:flex;flex-direction:column;gap:22px;margin-top:22px}.layout-linear{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.layout-celtic{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(12,minmax(15px,.23fr));margin:0 auto;max-width:1300px;width:100%}.layout-celtic .position-0{z-index:1}.layout-celtic .position-0,.layout-celtic .position-1{align-self:center;grid-area:4/3/8/7;justify-self:center}.layout-celtic .position-1{transform:rotate(90deg);z-index:2}.layout-celtic .position-2{align-self:center;grid-area:4/1/8/3;justify-self:center}.layout-celtic .position-3{align-self:center;grid-area:4/7/8/9;justify-self:center}.layout-celtic .position-4{align-self:center;grid-area:1/4/4/7;justify-self:center}.layout-celtic .position-5{align-self:center;grid-area:8/4/12/7;justify-self:center}.layout-celtic .position-9{align-self:center;grid-area:1/9/4/11;justify-self:center}.layout-celtic .position-8{align-self:center;grid-area:4/9/7/11;justify-self:center}.layout-celtic .position-7{align-self:center;grid-area:7/9/10/11;justify-self:center}.layout-celtic .position-6{align-self:center;grid-area:10/9/13/11;justify-self:center}.card-wrapper,.tarot-card{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.tarot-card{border-radius:8px;flex-direction:column;gap:15px;min-height:230px;opacity:1;position:relative;transform:translateY(20px) scale(.98);transform-origin:center bottom;transition:transform .45s cubic-bezier(.2,.9,.25,1),opacity .42s ease}.tarot-card.placeholder{gap:8px;padding:12px 0}.tarot-card.revealed{background:#0000;border:none;min-height:-webkit-fit-content;min-height:fit-content;opacity:1;transform:translateY(0) scale(1)}.layout-celtic .position-4 .tarot-card,.layout-celtic .position-5 .tarot-card,.layout-celtic .position-6 .tarot-card,.layout-celtic .position-7 .tarot-card,.layout-celtic .position-8 .tarot-card,.layout-celtic .position-9 .tarot-card{align-items:center;flex-direction:row;justify-content:flex-start}.card-text-meta{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:center;max-width:180px}.layout-celtic .position-0 .card-text-meta,.layout-celtic .position-1 .card-text-meta,.layout-celtic .position-2 .card-text-meta,.layout-celtic .position-3 .card-text-meta{align-items:center}.layout-celtic .position-4 .card-text-meta,.layout-celtic .position-5 .card-text-meta,.layout-celtic .position-6 .card-text-meta,.layout-celtic .position-7 .card-text-meta,.layout-celtic .position-8 .card-text-meta,.layout-celtic .position-9 .card-text-meta{align-items:flex-start}.flip-container{align-items:center;display:flex;height:168px;justify-content:center;margin:0 auto;perspective:1000px;width:96px}.layout-celtic .position-4 .flip-container,.layout-celtic .position-5 .flip-container,.layout-celtic .position-6 .flip-container,.layout-celtic .position-7 .flip-container,.layout-celtic .position-8 .flip-container,.layout-celtic .position-9 .flip-container{margin:0}.card-image{border:1px solid #ffffff0a;border-radius:6px;box-shadow:0 12px 40px #030614b3;height:168px;object-fit:cover;transition:transform .3s ease;width:96px}.placeholder-meta{display:flex;flex-direction:column;height:80px;justify-content:space-between;margin-top:8px}.card-meta{color:#e8deff;font-size:14px;margin-bottom:8px;margin-top:0;text-align:center}.layout-celtic .position-4 .card-meta,.layout-celtic .position-5 .card-meta,.layout-celtic .position-6 .card-meta,.layout-celtic .position-7 .card-meta,.layout-celtic .position-8 .card-meta,.layout-celtic .position-9 .card-meta{text-align:left}.card-name{font-size:14px;font-weight:500}.card-meaning{min-height:29px}.orientation.reversed{color:#e99e9e}.orientation.reversed,.orientation.upright{font-size:14px;margin-bottom:8px;margin-top:8px}.orientation.upright{color:#8dcfb5}.pos-label{color:#3a74b8;font-size:16px;font-weight:500;margin-top:0;text-align:center}.layout-celtic .position-4 .pos-label,.layout-celtic .position-5 .pos-label,.layout-celtic .position-6 .pos-label,.layout-celtic .position-7 .pos-label,.layout-celtic .position-8 .pos-label,.layout-celtic .position-9 .pos-label{text-align:left}@media (max-width:768px){.layout-celtic{display:flex;flex-wrap:wrap;justify-content:center}.layout-celtic .tarot-card{align-items:center!important;flex-direction:column!important;justify-content:center!important}.layout-celtic .position-1{transform:none}.layout-celtic .card-wrapper{margin-bottom:10px;width:45%}.card-text-meta{align-items:center!important}.card-meta,.card-text-meta,.pos-label{text-align:center!important}}.reading-card{background:#0a090fbf;border:1px solid #ffffff0f;border-radius:2px;box-shadow:0 16px 48px #000000b3;color:#e8e0f8;font-size:15px;letter-spacing:.01em;line-height:1.75;max-width:760px;padding:24px 22px;width:95%}.reading-card p{margin-bottom:1.2em;margin-top:.8em}.reading-card hr{background:linear-gradient(90deg,#0000,#3c6eb480,#64a0e6b3,#3c6eb480,#0000);border:none;border-radius:1px;height:1px;margin:2rem 0}.reading-loading{color:#a0c0e0;max-width:760px;padding:18px;text-align:center;width:100%}.casting-hint{color:#3a5066;font-size:.72rem;letter-spacing:.01em;line-height:1.5;margin:10px 0 14px;text-align:center}.reading-disclaimer{border-top:1px solid #ffffff0d;color:#344a5a;font-size:.7rem;line-height:1.65;margin:0 auto 4px;max-width:760px;padding:12px 16px;text-align:left;width:95%}.disclaimer-title{color:#4a6a7a;font-weight:600;letter-spacing:.04em}.disclaimer-sep{color:#2a3a48;margin:0 2px}.disclaimer-body{color:#344a5a}.footer{color:#3a74b8;font-size:13px;margin-top:18px;text-align:center}.reading-error{padding:2rem;text-align:center}.reading-error-msg{color:#f87171;font-size:.95rem;margin-bottom:1.2rem}.retry-button{background:#0000;border:1px solid #3a74b873;border-radius:10px;color:#a0c8e8;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 22px;transition:all .2s ease}.retry-button:hover{background:#2d68c426;border-color:#3a74b8;color:#fff}.unlock-button{align-items:center;display:flex;gap:10px;justify-content:center}.unlock-price{background:#fff3;border-radius:20px;font-size:.85rem;font-weight:700;letter-spacing:.04em;padding:2px 10px}.flip-inner{height:100%;position:relative;transform-origin:center center;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.2,.9,.25,1);width:100%}.flip-container.flipped .flip-inner{transform:rotateY(180deg)}.flip-back,.flip-front{backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:6px;inset:0;position:absolute}.flip-back .back-box{background:linear-gradient(180deg,#162840,#0a1520);border:1px solid #28508240;box-shadow:0 10px 26px #080e1899;height:168px;width:96px}.flip-front{position:relative;transform:rotateY(180deg)}.flip-front:after{border-radius:6px;box-shadow:0 0 20px 5px #72727299;content:"";inset:-2px;opacity:0;pointer-events:none;position:absolute;transition:opacity .6s ease-in-out}.flip-container.flipped .flip-front:after{opacity:1}.language-switcher{display:flex;gap:8px;position:absolute;right:20px;top:20px}.language-switcher button{background:#0e1626d9;border:1px solid #3c64a04d;border-radius:6px;color:#c8daf0;cursor:pointer;font-size:12px;padding:6px 12px}.language-switcher button.active{background:#1e3a6e;border-color:#3a74b8}[dir=rtl]{text-align:right}.personal-info-grid{grid-gap:20px;animation:slideDown .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c1424a6;border:1px solid #3c64a040;border-radius:16px;box-shadow:0 8px 32px #0000004d;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin:24px 0;padding:24px}.info-group{display:flex;flex-direction:column;gap:8px}.info-group .label{color:#d1d5db;font-size:14px;font-weight:500;margin-bottom:4px}.input-field{background:#0a101ccc;border:1px solid #3c64a059;border-radius:12px;color:#c8daf0;font-family:inherit;font-size:15px;padding:14px 16px;transition:all .3s ease}.input-field::placeholder{color:#9ca3af;opacity:.7}.input-field:focus{background:#0a1220eb;border-color:#3a74b8;box-shadow:0 0 0 3px #3a74b82e;outline:none;transform:translateY(-1px)}select.input-field{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%233a74b8' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.input-field[type=number]{-moz-appearance:textfield}.input-field[type=number]::-webkit-inner-spin-button,.input-field[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}@media (max-width:768px){.personal-info-grid{gap:16px;grid-template-columns:1fr;margin:20px 0;padding:20px}.input-field{font-size:16px;padding:12px 14px}.info-group .label{font-size:15px}}@media (min-width:1200px){.personal-info-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.personal-info-grid{gap:14px;padding:16px}.input-field{padding:14px 16px}.language-switcher button{font-size:11px;padding:4px 8px}}.input-field:hover:not(:focus){background:#0a121ee0;border-color:#3a74b88c}.expand-section{margin:1.5rem 0}.expand-button{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:12px 16px;transition:all .3s ease;width:100%}.expand-arrow{font-size:12px;transition:transform .3s ease}.sixyao-theme{background-color:#0d0d0d;color:#f0f0f0}.sixyao-theme .overlay{background-color:#000000b3}.tab-navigator{border-radius:8px;display:flex;justify-content:center;margin-bottom:2rem;padding:.5rem}.tab-button{background-color:initial;border:1px solid #0000;border-radius:6px;color:#ccc;cursor:pointer;font-weight:600;margin:0 .5rem;padding:.5rem 1.5rem;transition:all .3s ease}.tab-button.active{background-color:initial;border-color:#ffffff80;color:#fff;letter-spacing:.06em}.sixyao-animation-wrapper,.sixyao-reading-container{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#1a202c;border-radius:16px;box-shadow:0 0 40px #000000e6,inset 0 0 10px #47556980;color:#e2e8f0;display:flex;flex-direction:column;font-family:Inter,SimSun,sans-serif;margin:2rem auto;max-width:900px;padding:2.5rem 1.5rem;width:95%}.ganzhi-info{margin-bottom:2rem}.ganzhi-info h2{color:#4dc0b5;font-size:1.5rem;margin-bottom:.5rem}.hexagram-comparison{display:flex;gap:3rem;justify-content:center;margin-top:1rem;width:100%}.hexagram-column{align-items:center;display:flex;flex-direction:column;min-width:250px;width:45%}.hexagram-column h3{color:#f6ad55;font-size:1.2rem;margin-bottom:1rem}.yao-list-container{flex-direction:column;gap:0;padding:10px 0;width:100%}.yao-list-container,.yao-row{align-items:center;display:flex}.yao-row{justify-content:flex-start;margin-bottom:5px}.yao-line{align-items:center;display:flex;justify-content:center;margin:3px 0;min-height:25px;transition:all .3s ease;width:100%}.yao-position-name{color:#94a3b8;flex-shrink:0;font-size:.85rem;margin-right:10px;text-align:right;width:50px}.yao-line-main{background-color:initial;border-radius:3px;height:6px;margin:0 10px;position:relative;width:120px}.yao-line.yang .yao-line-main{background-color:#e2e8f0}.yao-line.yin .yao-line-main{display:flex;justify-content:space-between}.yao-line.yin .yao-line-main:after,.yao-line.yin .yao-line-main:before{background-color:#e2e8f0;border-radius:3px;content:"";display:block;height:6px;width:55px}.yao-line.is-moving{background:#ffd7000d;border-radius:4px}.yao-line.is-moving .yao-line-main{animation:glowPulse 1.5s infinite alternate;box-shadow:0 0 10px #ffd700cc}.yao-line.yang.is-moving .yao-line-main{background-color:#f6ad55}.yao-line.yin.is-moving .yao-line-main:after,.yao-line.yin.is-moving .yao-line-main:before{background-color:#63b3ed}.yao-line.yin.is-moving .yao-line-main{animation:glowPulseCyan 1.5s infinite alternate;box-shadow:0 0 10px #63b3edcc}@keyframes glowPulse{0%{box-shadow:0 0 5px #ffd70080}to{box-shadow:0 0 18px gold,0 0 30px #ffd70066}}@keyframes glowPulseCyan{0%{box-shadow:0 0 5px #63b3ed80}to{box-shadow:0 0 18px #63b3ed,0 0 30px #63b3ed66}}.sixyao-display-card{align-items:center;animation:fadeInCard .7s ease-out both;background:linear-gradient(160deg,#141820,#0e1118);border:1px solid #c8aa502e;border-radius:16px;box-shadow:0 0 50px #000c,inset 0 0 12px #c8aa5014;color:#e2e8f0;display:flex;flex-direction:column;font-family:Inter,STSong,SimSun,serif;margin:1rem auto;max-width:860px;padding:2rem 1.5rem 1.5rem;width:95%}@keyframes fadeInCard{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.ganzhi-info{border-bottom:1px solid #c8aa5026;margin-bottom:1.6rem;padding-bottom:1rem;text-align:center;width:100%}.ganzhi-label{color:#94a3b8;font-size:.75rem;letter-spacing:.1em;margin-right:.6rem;text-transform:uppercase}.ganzhi-value{letter-spacing:.06em}.ganzhi-value,.hexagram-title{color:#c8aa50;font-size:.95rem}.hexagram-title{font-weight:600;letter-spacing:.08em;margin-top:.8rem;text-align:center}.hexagram-arrow{align-self:center;color:#c8aa5066;flex-shrink:0;font-size:1.4rem;padding:0 .5rem}.trigram-section-label{color:#64748b;font-size:.7rem;letter-spacing:.12em;text-align:center;width:100%}.trigram-section-label.outer-label{margin-bottom:2px}.trigram-section-label.inner-label{margin-top:2px}.trigram-divider{background:linear-gradient(90deg,#0000,#c8aa5040,#0000);height:1px;margin:5px auto;width:90%}.moving-symbol{flex-shrink:0;font-size:.9rem;font-weight:700;line-height:1;margin-left:6px;text-align:center;width:22px}.moving-symbol.yang-moving{color:#f6ad55}.moving-symbol.yin-moving{color:#63b3ed}.moving-symbol.no-symbol{visibility:hidden}.top-coin-panel{align-items:center;display:flex;justify-content:center;margin-bottom:20px;min-height:150px;width:100%}.coin-animation-panel{min-width:200px;padding:15px;text-align:center}.coin-perspective{align-items:center;display:flex;height:50px;justify-content:center;perspective:600px;width:50px}.ancient-coin{border-radius:50%;height:48px;position:relative;transform-style:preserve-3d;width:48px}.coin-face{align-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:50%;display:flex;inset:0;justify-content:center;position:absolute}.coin-yang{background:radial-gradient(ellipse at 35% 30%,#f5d060,#c8901a 55%,#8a5c08);border:2px solid #c8961e99;box-shadow:inset 0 1px 4px #fff08c99,inset 0 -2px 4px #50280066,0 3px 10px #000000b3}.coin-yin{background:radial-gradient(ellipse at 65% 70%,#6a4a10,#3e2a05 55%,#1e1202);border:2px solid #64461480;box-shadow:inset 0 1px 3px #0009,0 3px 10px #000000b3;transform:rotateY(180deg)}.coin-hole{background:#080a0e;border-radius:2px;box-shadow:0 0 0 1px #000c;height:13px;position:absolute;width:13px;z-index:1}.coin-char{color:#502800cc;font-size:9px;font-weight:700;left:50%;letter-spacing:0;pointer-events:none;position:absolute;top:6px;transform:translateX(-50%);z-index:2}.coin-yao-name{color:#c8aa50;font-size:1rem;letter-spacing:.12em;margin-bottom:10px}@keyframes spinToYang{0%{transform:rotateY(0deg) scale(1)}25%{transform:rotateY(1turn) scale(1.1)}55%{transform:rotateY(800deg) scale(1.12)}85%{transform:rotateY(1060deg) scale(1.02)}93%{transform:rotateY(1085deg) scale(1)}to{transform:rotateY(3turn) scale(1)}}@keyframes spinToYin{0%{transform:rotateY(0deg) scale(1)}25%{transform:rotateY(1turn) scale(1.1)}55%{transform:rotateY(800deg) scale(1.12)}85%{transform:rotateY(1240deg) scale(1.02)}93%{transform:rotateY(1265deg) scale(1)}to{transform:rotateY(1260deg) scale(1)}}.ancient-coin.spin-to-yang{animation:spinToYang 1.2s cubic-bezier(.25,.46,.45,.94) 1 forwards}.ancient-coin.spin-to-yin{animation:spinToYin 1.2s cubic-bezier(.25,.46,.45,.94) 1 forwards}.coin-result-row{align-items:center;display:flex;gap:18px;height:66px;justify-content:center;margin:12px auto}.coin-result-name{color:#c8aa50;font-size:1.1rem;font-weight:600;letter-spacing:.12em;margin-top:8px}@media (max-width:600px){.hexagram-comparison{flex-direction:column;gap:2rem}.hexagram-column{min-width:auto;width:100%}.yao-position-name{display:none}.yao-line{justify-content:space-around}.yao-line-main{margin:0 5px;width:100px}.yao-line.yin .yao-line-main:after,.yao-line.yin .yao-line-main:before{width:45px}}.monthly-timeline{margin:0 auto 8px;max-width:760px;padding:20px 0 4px;width:95%}.timeline-header-row{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:14px;padding:0 4px}.timeline-section-title{color:#4a6a80;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}.timeline-uncertainty-note{color:#344a5a;font-size:.68rem;letter-spacing:.08em}.timeline-track-wrapper{overflow:hidden;position:relative}.timeline-track{align-items:flex-start;display:flex;gap:0;padding-bottom:8px}.timeline-cell{align-items:center;display:flex;flex:1 1;flex-direction:column;min-width:0;transition:opacity .2s}.timeline-month-label{color:#4a6a80;font-size:.65rem;letter-spacing:.04em;margin-bottom:6px;white-space:nowrap}.timeline-line-segment{background:#ffffff0f;height:1px;margin-bottom:6px;width:100%}.timeline-dot{border-radius:50%;flex-shrink:0;height:6px;margin-bottom:8px;width:6px}.timeline-keyword{color:#8ab4cc;font-size:.72rem;font-weight:500;letter-spacing:.02em;margin-bottom:4px}.timeline-hint,.timeline-keyword{line-height:1.3;padding:0 2px;text-align:center;word-break:break-all}.timeline-hint{color:#3a5466;font-size:.6rem}.timeline-fade-overlay{bottom:0;pointer-events:none;position:absolute;right:0;top:0;width:35%}.timeline-hints-row{display:flex;padding:2px 0 6px}.timeline-hint-cell{color:#a0c3d7d9;flex:1 1;font-size:.6rem;line-height:1.3;min-width:0;overflow-wrap:break-word;padding:0 2px;text-align:center;word-break:break-word}.timeline-gold .timeline-hint-cell{color:#c8aa50a6}.timeline-bottom-rule{height:1px;margin-top:8px;width:100%}.timeline-gold .timeline-month-label{color:#6a5820}.timeline-gold .timeline-uncertainty-note{color:#4a3a10}.timeline-gold .timeline-section-title{color:#5a4a20}.timeline-gold .timeline-keyword{color:#c8aa50}.timeline-gold .timeline-hint{color:#5a4820}@media (max-width:600px){.timeline-track-wrapper{overflow-x:auto}.timeline-track{min-width:680px}}body{background-color:#0b0d14d9;font-family:Arial,sans-serif;height:100%;margin:0;overflow-x:hidden;padding:0;width:100%}
/*# sourceMappingURL=main.aa241911.css.map*/