:root{font-family:"Noto Serif SC",Songti SC,serif;color:#221b2d;background:#f7f3fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,#eee7f7 0,transparent 28rem),#f7f3fb}button,input,select{font:inherit}button{cursor:pointer;border:0}button:disabled{opacity:.65;cursor:wait}.app{width:min(100%,430px);min-height:100vh;margin:auto;padding:22px 20px 34px;background:linear-gradient(160deg,#fbfaff,#f3eef8)}.top,.result-top{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:10px;align-items:center}.brand>b{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#655387;color:#fff;font-size:20px}.brand span{display:grid}.brand small,.eyebrow,.title small{font-family:Arial,sans-serif;letter-spacing:.12em;color:#8f7bb8;font-size:10px;font-weight:700}.brand strong{font-size:15px}.icon{margin-left:6px;width:36px;height:36px;border-radius:50%;background:#fff;color:#655387;font-size:21px;box-shadow:0 5px 16px #65538718}.pill{display:inline-block;margin-top:28px;border:1px solid #ddd1eb;border-radius:99px;padding:7px 11px;color:#655387;font-size:12px}.app>h1{font-size:34px;line-height:1.22;margin:20px 0 10px;letter-spacing:.02em}.app>h1 span{color:#856eaf}.lead,.muted,.image-note{margin:0;color:#766b83;font-size:14px;line-height:1.75}.card{background:#fff;border-radius:28px;box-shadow:0 12px 35px #67528712}.form{padding:25px 20px;margin-top:24px}.title{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.title h2{margin:0;font-size:24px}.form label{display:block;color:#756a83;font-size:14px;font-weight:700;margin:17px 0 9px}.form input{display:block;width:100%;border:1px solid #e4d9ed;border-radius:18px;padding:17px 16px;background:#fefeff;color:#221b2d;font-size:18px;outline:none}.gender,.pick-row{display:flex;gap:12px}.gender button{flex:1;padding:15px;border:1px solid #e4d9ed;border-radius:19px;background:#fff;color:#70627e;font-size:18px}.gender .selected{background:#655387;color:#fff;border-color:#655387}.pick-row{margin-top:20px}.pick-row button,.region{position:relative;text-align:left;background:#fdfcff;border:1px solid #e4d9ed;border-radius:20px;padding:14px 14px 13px;color:#251e31;font-weight:700;font-size:17px}.pick-row button{width:50%}.pick-row small,.region small{display:block;color:#9589a2;font-size:12px;margin-bottom:7px}.pick-row b{position:absolute;right:14px;color:#927cb7;font-size:23px}.region{width:100%;margin:16px 0 24px;border-style:dashed;color:#685b75;font-size:15px}.primary,.bottom-actions button{width:100%;padding:18px;border-radius:21px;background:linear-gradient(105deg,#655387,#967bbd);color:#fff;font-weight:800;font-size:18px;box-shadow:0 14px 25px #65538733}.fine{text-align:center;color:#9b91a5;font-size:12px;margin:20px 0 0}.history-link{display:flex;justify-content:space-between;width:100%;margin-top:20px;padding:18px 2px;background:transparent;color:#362842;font-weight:700;font-size:16px}.history-link span{color:#8069a6;font-size:14px}.result-top{min-height:38px}.back{background:transparent;color:#665387;font-weight:700;padding:7px 0;font-size:14px}.result-top h2{font-size:23px;margin:0}.eyebrow{margin:22px 0 6px}.muted{font-size:12px}.switch,.case-tabs{display:flex;gap:8px;margin:22px 0 12px}.switch button,.case-tabs button{flex:1;background:#ebe4f2;color:#715d8e;padding:11px;border-radius:13px;font-weight:800}.switch .active,.case-tabs .active{background:#655387;color:#fff}.notice{font-size:12px;color:#70568e;background:#f2edf7;border-radius:12px;padding:9px 12px}.grid-card{padding:12px;margin-top:12px}.serial{text-align:center;margin:7px 0 15px;color:#604777;font-size:23px;font-weight:800;letter-spacing:.12em}.serial span{color:#a899b6;margin:0 6px}.nine-grid{overflow:hidden;display:grid;grid-template-columns:repeat(3,1fr);border:1.5px solid #7660ff;border-radius:25px;background:#fff}.cell{position:relative;aspect-ratio:1;border-right:1.5px solid #7660ff;border-bottom:1.5px solid #7660ff;display:grid;place-items:center;background:#fffdfa;color:#6955ef}.cell:nth-child(3n){border-right:0}.cell:nth-last-child(-n+3){border-bottom:0}.cell.water{background:#c9c4f1}.cell.fire{background:#ff7c89}.cell.wood{background:#d5ffc0}.cell.earth{background:#ffe8a7}.cell b{font-size:74px;line-height:1;font-weight:600}.triangles{position:absolute;top:14px;left:14px;display:flex;gap:6px}.triangles i{display:block;width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:20px solid #6b56f0}.star{position:absolute;right:13px;top:8px;font-size:35px}.rings{position:absolute;bottom:13px;display:flex;gap:7px}.rings i{width:24px;height:24px;border:2.5px solid #fa4b3c;border-radius:50%}.info,.soul{padding:21px 25px;margin-top:18px}.info h3,.soul h3{margin:0 0 14px;color:#665387;font-size:16px}.info>div{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.info p{margin:0;padding:11px 0;color:#93869e;font-size:12px}.info strong{display:block;color:#2c2137;font-size:17px;padding-top:6px}.soul p{display:grid;grid-template-columns:94px 1fr;gap:10px;margin:0;padding:15px 0;border-bottom:1px solid #eee8f3;font-size:14px}.soul p:last-child{border:0}.soul span{color:#8f849a}.soul strong{color:#382a49;text-align:right;line-height:1.55}.bottom-actions{display:grid;gap:10px;margin-top:22px}.bottom-actions .save{color:#665387;background:#fff;border:1px solid #d9cbe8;box-shadow:none}.veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;align-items:end;background:#1e172b77}.sheet{width:min(100%,430px);margin:auto;background:#fff;border-radius:27px 27px 0 0;padding:12px 20px 24px;box-shadow:0 -12px 30px #221b2d1c}.sheet>i{display:block;width:42px;height:4px;background:#d8cde2;border-radius:99px;margin:0 auto 21px}.sheet h2{text-align:center;font-size:22px;margin:0}.sheet>p{text-align:center;color:#92869d;font-size:13px;margin:6px 0 20px}.share-option{display:block;text-align:left;width:100%;border:1px solid #ece5f2;border-radius:17px;background:#fff;padding:16px 17px;margin:11px 0}.share-option b,.share-option small{display:block}.share-option b{color:#33283e;font-size:16px}.share-option small{color:#978ba1;margin-top:5px;font-size:12px}.cancel{width:100%;background:transparent;padding:12px;margin-top:6px;color:#786789;font-weight:700}.picker-sheet input,.region-select select{width:100%;margin:10px 0;padding:15px;border:1px solid #e2d8eb;border-radius:14px;background:#fff;color:#32283c}.picker-sheet .primary{margin-top:14px}.clear{background:transparent;color:#8d6b87;text-decoration:underline;padding:17px 0}.history-item{display:flex;align-items:center;gap:13px;width:100%;text-align:left;margin:8px 0;padding:14px;background:#fff;border-radius:18px;color:#655387}.history-item>b{padding:9px;border-radius:11px;background:#ede6f5;font-size:15px}.history-item span{display:grid;flex:1}.history-item small{color:#95889e;font-size:11px;margin-top:5px}.empty{margin:80px 0;text-align:center;color:#8c8296;line-height:2}.empty .primary{display:block;margin-top:20px}.poster{margin:25px 0;background:linear-gradient(145deg,#38244f,#8e71ae);border-radius:37px;padding:31px;color:#fff;overflow:hidden}.poster>p{font-family:Arial,sans-serif;letter-spacing:.13em;font-weight:700;opacity:.85}.poster h1{font-size:35px;margin:37px 0 7px}.poster>small{opacity:.8}.poster em{display:block;font-style:normal;font-size:17px;font-weight:700;margin:28px 0 11px}.poster .serial{color:#fff;font-size:18px}.poster .nine-grid{border-color:#b4a6c4}.poster .cell{border-color:#b4a6c4;color:#483257;background:#f7f5f9}.poster .cell b{font-size:58px}.poster>div:last-child{margin-top:24px;padding-top:22px;border-top:1px solid #ffffff55;text-align:center;font-size:14px;line-height:1.9}.image-note{text-align:center;margin:12px}.long-image{overflow:hidden;background:#fff;border-radius:28px}.long-case+.long-case{border-top:14px solid #eee6f4}.long-info{padding:25px;background:linear-gradient(135deg,#4b3564,#977abc);color:#fff}.long-info small{letter-spacing:.1em;opacity:.75}.long-info h2{font-size:27px;margin:12px 0}.long-info p{font-size:13px;margin:7px 0;color:#f2eefa}.long-grid{padding:23px 16px}.long-grid h2{margin:0 0 12px;color:#49365d}.long-image+.primary{margin-top:18px}.toast{position:fixed;z-index:8;left:50%;bottom:30px;transform:translate(-50%);width:max-content;max-width:calc(100% - 40px);padding:12px 16px;border-radius:13px;background:#30233e;color:#fff;font-size:13px;box-shadow:0 8px 30px #221b2d55}@media (min-width:431px){body{padding:18px 0}.app{border-radius:32px;box-shadow:0 20px 55px #33234418}.veil{align-items:end}.sheet{margin:auto}}.cell{background:#fffdfb;color:#6d5fec}.cell.water{background:#d7d0fb}.cell.fire{background:#ff8188}.cell.wood{background:#d9ffc9}.cell.earth{background:#ffe7a3}.triangles i{border-left-width:8px;border-right-width:8px;border-bottom:12px solid #6d5fec;filter:drop-shadow(0 1px 1px rgba(109,95,236,.18))}.star{font-size:24px;color:#6d5fec;filter:drop-shadow(0 1px 1px rgba(109,95,236,.12))}.squares{position:absolute;right:13px;top:50%;display:flex;flex-direction:column;gap:6px;transform:translateY(-50%)}.squares i{width:14px;height:14px;border-radius:2px;background:#6d5fec;box-shadow:0 1px 2px #6d5fec2e}.rings i{width:20px;height:20px;border-color:#f04a3b}.nine-grid-svg{display:block;width:100%;height:auto;overflow:visible}.grid-digit{fill:#6d5fec;font-family:"Noto Serif SC",Songti SC,serif;font-size:51px;font-weight:600;letter-spacing:-2px}.poster .nine-grid-svg{filter:none}.veil{align-items:flex-end!important}.sheet{margin:0 auto!important}.cascade-sheet{max-height:min(78dvh,690px);padding-bottom:calc(20px + env(safe-area-inset-bottom))}.cascade-sheet>p{margin-bottom:16px}.picker-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 14px}.picker-fields button{display:grid;gap:4px;padding:12px 5px;border:1px solid #e3d8ed;border-radius:13px;background:#fff;color:#75678a}.picker-fields button.active{border-color:#8066a9;background:#eee7f7;color:#60477c;box-shadow:inset 0 0 0 1px #8066a933}.picker-fields b{font-size:20px;line-height:1}.picker-fields span{font-size:12px}.option-list{height:min(37dvh,278px);overflow-y:auto;overscroll-behavior:contain;scroll-snap-type:y proximity;border:1px solid #eee7f3;border-radius:18px;background:#faf8fc;padding:8px}.option-list button{display:block;width:100%;min-height:43px;scroll-snap-align:center;border-radius:11px;background:transparent;color:#665878;font-weight:700;font-size:16px}.option-list button.selected{background:#e9e1f5;color:#67518a}.picker-footer{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center;margin-top:16px}.picker-footer .primary{padding:14px;border-radius:16px;font-size:16px}.clear-time{padding:14px;background:#f4eff8;border:1px solid #ded1eb;border-radius:16px;color:#695389;font-weight:800}.app>h1 br,.app>h1>span:empty{display:none}.picker-fields.two-fields{grid-template-columns:repeat(2,1fr)}.picker-fields button:disabled{background:#faf8fc;color:#b2a8bc;border-color:#eee8f3;opacity:1}.picker-fields button:disabled b{font-size:16px}.picker-footer .primary:disabled{background:#d7cde2;box-shadow:none;color:#fff}.pick-wrap,.region-wrap{position:relative;min-width:0}.pick-wrap{width:50%}.pick-wrap .field-open{width:100%!important}.region-wrap{margin:16px 0 24px}.region-wrap .region{margin:0!important}.region-wrap .field-open{width:100%!important}.clear-field{position:absolute!important;z-index:2;top:10px;right:10px;width:auto!important;padding:4px 8px!important;border:1px solid #d8cae7!important;border-radius:99px!important;background:#f3edf8!important;color:#71528d!important;font-size:11px!important;font-weight:800!important;line-height:1.2!important;box-shadow:none!important}.clear-field:active{background:#e7ddf1!important}.time-footer{grid-template-columns:1fr 1fr!important}.time-footer .clear-time:first-child{display:none}.feature-tags{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 -6px}.feature-tags span{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid #ded1eb;border-radius:99px;background:#fff9;color:#6c5788;font-size:12px;font-weight:700;white-space:nowrap}.feature-tags i{display:inline-grid;place-items:center;width:15px;height:15px;color:#896db1;font-style:normal;font-size:13px;line-height:1}.home-title{color:#221b2d!important;font-size:34px!important;line-height:1.15!important;letter-spacing:.01em}.home-title span{display:block;margin-top:6px;color:#8f7bb8;font-size:21px;font-weight:700;letter-spacing:.04em}.feature-lines{display:grid;gap:8px;margin:17px 0 -6px}.feature-lines span{display:flex;align-items:center;gap:9px;width:max-content;max-width:100%;padding:7px 12px;border-radius:99px;background:#ffffffb8;color:#6c5788;font-size:12px;font-weight:700;white-space:nowrap}.feature-lines i{display:block;width:7px;height:7px;border-radius:50%;background:#9a7cc0;box-shadow:0 0 0 3px #9a7cc01a}.feature-lines i.rose{background:#d998ae;box-shadow:0 0 0 3px #d998ae16}.home-title{margin:18px 0 0!important}.home-title span{margin-top:2px!important;font-size:34px!important;line-height:1.15!important;color:#8f7bb8}.home-title+.lead{display:none}.feature-lines{gap:5px!important;margin:9px 0 -12px!important}.feature-lines span{padding:5px 10px!important}.feature-lines i{width:6px!important;height:6px!important}.home-title,.home-title span{font-weight:800!important;letter-spacing:-.035em!important}.brand>.grid-logo{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);gap:2px;padding:2px;background:transparent;border-radius:8px}.grid-logo i{display:block;border-radius:2px;background:linear-gradient(135deg,#b79bd6,#8c6ab3)}.grid-logo i:nth-child(2n){background:linear-gradient(135deg,#cab6e1,#9b7fc0)}.grid-logo i:nth-child(5){background:linear-gradient(135deg,#654183,#47236b)}.grid-logo i:nth-child(7),.grid-logo i:nth-child(10){background:linear-gradient(135deg,#d3c2e6,#a081c4)}.top-actions{display:flex;align-items:center;gap:7px}.top-actions .icon{margin-left:0;display:grid;place-items:center}.top-actions .icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.brand>.grid-logo{display:block;padding:0;background:transparent;border-radius:8px;overflow:hidden}.grid-logo svg{display:block;width:100%;height:100%}.back{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:7px 11px!important;border-radius:11px!important;color:#655387!important;transition:background .18s ease,transform .18s ease}.back:before{content:"←";font-family:ui-sans-serif,sans-serif;font-size:19px;font-weight:500;line-height:1}.back:hover,.back:active{background:#eee7f6;transform:translate(-1px)}.toast-share{display:flex;align-items:center;gap:11px;min-width:255px;padding:13px 15px;border:1px solid #ffffff38;border-radius:17px;background:linear-gradient(135deg,#38254d,#735590);box-shadow:0 15px 36px #26183270;animation:toast-rise .24s ease-out}.toast-share-icon{display:grid;place-items:center;flex:0 0 31px;width:31px;height:31px;border-radius:10px;background:#ffffff1f}.toast-share-icon svg{width:19px;height:19px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.toast-share span:last-child{display:grid;gap:3px}.toast-share b{font-size:14px;line-height:1.2}.toast-share small{color:#eee7f6;font-size:11px;line-height:1.35}@keyframes toast-rise{0%{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%)}}.toast-share{top:50%;bottom:auto;transform:translate(-50%,-50%);animation:toast-center-rise .24s ease-out}@keyframes toast-center-rise{0%{opacity:0;transform:translate(-50%,calc(-50% + 14px))}to{opacity:1;transform:translate(-50%,-50%)}}.feature-lines span b{font-weight:900;color:#4f3a6f;padding:0 1px}.top-actions{gap:10px}.top-actions .icon{width:44px;height:44px;background:#fff;color:#614682;border:1px solid #eee6f5;box-shadow:0 9px 22px #4d35621f}.top-actions .icon svg{width:23px;height:23px;stroke-width:2.15}.top-actions .icon:active{transform:scale(.96);background:#f4eff8}.donation-icon{color:#9a668d!important}.donation-icon svg{fill:#f8edf4;stroke:#9a668d!important}.recent-summary{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:22px;padding:20px 23px;border:1px solid #e1d5ec;border-radius:28px;background:linear-gradient(135deg,#fff,#fbf8fe);text-align:left;color:#463653;box-shadow:0 8px 26px #6752870a}.recent-summary span{display:grid;gap:5px}.recent-summary b{font-size:17px}.recent-summary small{color:#998da5;font-size:13px}.recent-summary strong{color:#70558e;font-size:14px}.recent-summary:active{background:#f5f0fa}.donation-entry{display:grid;justify-items:center;gap:5px;padding:26px 0 5px;text-align:center}.donation-entry button{padding:7px 13px;border-radius:99px;background:#f2eaf7;color:#805879;font-size:15px;font-weight:800;box-shadow:0 5px 13px #85638e18}.donation-entry button:active{transform:scale(.97);background:#eaddeb}.donation-entry p{margin:0;color:#a297aa;font-size:12px}.donation-sheet{text-align:center;padding-bottom:calc(22px + env(safe-area-inset-bottom))}.donation-sheet h2{font-size:21px}.donation-sheet>p{margin:7px 0 18px}.donation-sheet img{display:block;width:min(76vw,310px);max-height:45dvh;object-fit:contain;margin:0 auto 17px;border-radius:17px;box-shadow:0 11px 30px #1a72352b}.donation-save{display:grid;place-items:center;text-decoration:none;padding:15px!important;border-radius:17px!important;font-size:16px!important}.donation-sheet .cancel{margin-top:7px}.form{padding-bottom:18px}.recent-summary{margin-top:12px}.donation-entry{gap:5px;padding:14px 0 3px}.donation-entry button{background:#8b5f8c;color:#fff;box-shadow:0 7px 16px #80547b33}.donation-entry button:active{background:#70476f}.donation-entry p{max-width:315px;line-height:1.55;color:#938395}.form{padding:22px 20px 16px}.form .title{margin-bottom:16px}.form label{margin:12px 0 7px;color:#685b76}.form input{padding:15px 16px;border-color:#cfbfe0}.gender button{padding:13px;border-color:#cfbfe0;color:#58466b;font-weight:700}.pick-row{margin-top:14px}.pick-row button,.region{border-color:#cfbfe0}.region-wrap{margin:12px 0 18px}.field-status{font-style:normal;font-weight:700;color:#9a8ca6}.field-status.required{color:#b66b88}.donation-entry button{background:linear-gradient(135deg,#c89bc3,#9d6d9a);box-shadow:0 8px 18px #8b5d873d}.donation-entry button:active{background:#a474a0;box-shadow:0 3px 9px #8b5d8730}.result-heading{margin:10px 0 9px}.result-heading .eyebrow{margin:0 0 4px;color:#78609a;font-size:11px;letter-spacing:.14em}.result-heading h1{margin:0;color:#251b31;font-size:31px;line-height:1.2;letter-spacing:-.025em}.segmented-control{gap:0!important;margin:8px 0!important;padding:5px;border-radius:22px;background:#ebe4f2}.segmented-control button{padding:10px 8px!important;border-radius:17px!important;background:transparent!important;color:#7d6a91!important;font-weight:800}.segmented-control .active{background:#fff!important;color:#654a82!important;box-shadow:0 3px 10px #59406d18}.case-tabs.segmented-control{margin-top:10px!important}.switch.segmented-control{margin-bottom:8px!important}.multi-case-note{margin:8px 0 10px;padding:9px 12px;border-radius:14px;background:#fff6e6;color:#936f42;font-size:12px;line-height:1.45}.grid-card{margin-top:8px}.result-top .icon{display:grid;place-items:center;width:44px;height:44px;margin-left:0;border:1px solid #eee6f5;color:#614682;box-shadow:0 9px 22px #4d35621f}.result-top .icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2.15;stroke-linecap:round;stroke-linejoin:round}.result-heading{margin:8px 0 10px;text-align:center}.result-heading h1{font-size:30px;letter-spacing:-.035em;color:#624582}.result-heading h1 span{color:#2a1e37}.segmented-control{background:#ebe4f2}.segmented-control .active{background:linear-gradient(135deg,#60457f,#8e70ad)!important;color:#fff!important;box-shadow:0 4px 12px #5b3e792e}.info,.soul{margin-top:14px;padding:18px 24px}.info h3,.soul h3{margin-bottom:10px}.info>div{gap:0}.info p{padding:11px 12px}.info p:nth-child(-n+2){border-bottom:1px solid #f0ebf4}.info p:nth-child(odd){border-right:1px solid #f0ebf4}.info strong{padding-top:5px;font-size:16px}.soul p{padding:11px 0}.bottom-actions{gap:8px;margin-top:16px}.bottom-actions button{padding:16px}.soul .soul-label{display:inline-flex;align-items:center;gap:6px}.soul-marker{width:13px;height:13px;flex:0 0 13px}.soul-marker.main rect{fill:#6d5fec}.soul-marker.sub polygon{fill:#6d5fec}.soul-marker.po circle{fill:none;stroke:#f04a3b;stroke-width:2}.soul-marker.missing polygon{fill:#6d5fec}.soul .soul-digits{display:flex;align-items:center;justify-content:flex-end;gap:0;color:#30213f;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:0}.soul .soul-digits span{display:inline-flex;align-items:center;color:#30213f}.soul .soul-digits i{display:block;width:1px;height:12px;margin:0 5px;background:#ddd4e6;border-radius:1px}.soul .soul-detail{align-items:start}.soul .soul-detail>span{padding-top:2px}.soul .soul-segments{display:flex;flex:1;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;gap:5px 0;color:#3d2d4e;text-align:left;line-height:1.55}.soul .soul-segments>span{display:flex;align-items:stretch;color:#3d2d4e;min-width:0}.soul .soul-segments i{display:block;align-self:stretch;width:1px;min-height:15px;margin:1px 9px;background:#e3dce9}.soul .soul-detail-empty{display:block;color:#8f849a;text-align:left;font-weight:700}.soul-trait-content{display:grid;gap:8px;min-width:0;text-align:left}.soul-trait-content>div{display:grid;grid-template-columns:auto minmax(0,1fr);gap:5px;align-items:start}.soul-trait-content>div+div{padding-top:8px;border-top:1px solid #f1edf5}.soul-trait-content b{color:#665080;font-size:13px;line-height:1.55;white-space:nowrap}.soul .soul-detail-text{display:block;color:#3d2d4e;text-align:left;font-weight:600;line-height:1.62}.soul-trait-content .soul-detail-text{min-width:0}.soul h3{color:#503b6d;font-weight:800}.soul p>span{color:#6b5682;font-weight:700}.soul p>strong{color:#2b1c3a;font-weight:800}.soul .soul-detail-text{color:#352345;font-weight:700}.soul-trait-content b{color:#594174;font-weight:800}.soul .soul-digits span{color:#2b1c3a}.info h3{color:#503b6d;font-weight:800}.info p{color:#6b5682;font-weight:700}.info strong{color:#2b1c3a;font-weight:800}.soul .soul-digits{font-size:20px;font-weight:800;line-height:1.25}.soul .soul-digits span{font-weight:800}.long-grid{padding:16px 16px 19px}.long-grid h2{margin:0}.long-grid .serial{margin:0 0 8px}.long-grid-heading{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:36px;margin:0 2px 2px}.long-grid-heading h2{justify-self:start;color:#49365d;font-size:25px;line-height:1}.long-grid-heading strong{grid-column:2;color:#604777;font-size:27px;font-weight:900;line-height:1;letter-spacing:.1em;font-variant-numeric:tabular-nums}.long-grid-heading i{grid-column:3;justify-self:end;width:1px;height:1px}.image-board-meta{display:flex;align-items:center;min-width:0;color:#604777;font-size:12px;font-weight:800;line-height:1.3;font-variant-numeric:tabular-nums}.image-board-meta span{display:inline-flex;align-items:center;min-width:0;white-space:nowrap}.image-board-meta .soul-marker{width:12px;height:12px;flex:0 0 12px;margin-right:3px}.image-board-meta-top{justify-content:space-between;margin:0 3px 6px}.image-board-meta-bottom{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;margin:7px 1px 0}.image-board-meta-bottom span{justify-content:center;font-size:10px;letter-spacing:-.02em}.image-board-meta-bottom .soul-marker{width:10px;height:10px;flex-basis:10px;margin-right:2px}.long-info{padding:20px 25px 19px}.long-info h2{margin:8px 0 10px}.long-info>.long-info-dates,.long-info>.long-info-details{display:grid;align-items:center;gap:8px}.long-info-dates{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:6px}.long-info-details{grid-template-columns:repeat(3,minmax(0,1fr))}.long-info-dates p,.long-info-details p{display:block!important;margin:0!important;min-width:0;white-space:nowrap;font-size:12px!important;line-height:1.45}.long-info-details p{font-size:11px!important}.long-info>p{display:none}.image-board-meta-top>span:first-child{justify-content:flex-start}.image-board-meta-top>span:last-child{justify-content:flex-end}.image-board-meta-bottom{gap:0}.image-board-meta-bottom span{font-size:12px;letter-spacing:0}.image-board-meta-bottom span:first-child{justify-content:flex-start}.image-board-meta-bottom span:nth-child(2){justify-content:center}.image-board-meta-bottom span:last-child{justify-content:flex-end}.image-board-meta-bottom .soul-marker{width:12px;height:12px;flex-basis:12px;margin-right:3px}.result-top+.long-image{margin-top:5px}.long-info{padding:18px 25px 17px}.long-info h2{text-align:center;margin:7px 0 10px}.long-info-fields{width:min(100%,360px);margin:0 auto;text-align:center}.long-info-dates p,.long-info-details p{text-align:center}.long-info-dates,.long-info-details{justify-content:center}.long-info-fields>.long-info-dates,.long-info-fields>.long-info-details{display:grid;align-items:center;gap:8px}.long-info-fields .long-info-dates p{font-size:15px!important;font-weight:700}.long-info-fields .long-info-details p{font-size:13px!important;font-weight:700}.form label.name-field input{margin-top:7px}.history-list{display:grid;gap:12px;margin-top:15px}.history-card{padding:16px;border:1px solid #e6dced;border-radius:24px;background:linear-gradient(145deg,#fff,#fdfbff);box-shadow:0 7px 20px #6752870a}.history-card-header{display:flex;align-items:center;min-width:0}.history-identity{display:flex;align-items:center;flex-wrap:wrap;gap:7px;min-width:0}.history-identity h2{margin:0;color:#2a1e37;font-size:23px;line-height:1.15;letter-spacing:-.03em}.history-gender,.history-two-cases{display:inline-flex;align-items:center;min-height:26px;padding:4px 10px;border-radius:99px;font-size:12px;font-weight:800;line-height:1;white-space:nowrap}.history-gender.male{background:#3478df;color:#fff}.history-gender.female{background:#fde7f0;color:#d65d8c}.history-gender.unknown{background:#ebf0f6;color:#718299}.history-two-cases{background:#f1ebf8;color:#76589a}.history-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 13px;margin-top:11px}.history-grid p{display:flex;gap:3px;min-width:0;margin:0;color:#6c5b7b;font-size:12px;line-height:1.35;white-space:nowrap}.history-grid span{flex:0 0 auto;color:#897a98}.history-grid b{min-width:0;overflow:hidden;color:#33263f;font-size:12px;font-weight:800;letter-spacing:-.03em;text-overflow:ellipsis}.history-actions{display:flex;justify-content:center;gap:7px;margin-top:14px}.history-actions button{min-height:34px;padding:7px 10px;border:1px solid #e6dced;border-radius:99px;background:#fff;color:#685185;font-size:12px;font-weight:800;box-shadow:0 3px 9px #6752870d}.history-actions button:active{transform:scale(.97);background:#f2ecf8}.history-actions .delete{border-color:#f6e1e7;background:#fff4f6;color:#cf5175}.history-actions .delete:active{background:#fde8ee}@media (max-width:365px){.history-card{padding:14px}.history-identity h2{font-size:21px}.history-grid{gap:7px 9px}.history-grid p,.history-grid b{font-size:11px}.history-actions{gap:5px}.history-actions button{padding:7px 8px;font-size:11px}}.history-card-header{justify-content:center}.history-identity{width:100%;justify-content:center;text-align:center}.history-grid{width:min(100%,360px);margin:11px auto 0}.history-grid p{justify-content:center}.history-actions{width:max-content;max-width:100%;margin:14px auto 0;padding:6px;border:1px solid #e7ddec;border-radius:99px;background:#faf7fc;box-shadow:inset 0 1px #fff}.history-actions button{min-width:88px;padding:7px 14px}.history-page{padding-top:16px}.history-page .result-top{min-height:34px}.history-heading{margin:12px 0 0}.history-heading h1{margin:0;color:#70558f;font-size:28px;line-height:1.2;letter-spacing:-.035em}.history-heading .lead{margin-top:5px;font-size:13px;line-height:1.5}.history-heading+.history-list{margin-top:13px}.image-preview-page .result-top{margin-bottom:2px}.image-save-tip{margin:4px 0 12px;text-align:center;color:#6d578a;font-size:13px;font-weight:700;line-height:1.45}.image-save-tip.image-generating{color:#8d7aa3}.image-save-tip.image-error{color:#b35c76}.generated-long-image{display:block;width:100%;height:auto;border-radius:28px;background:#fff;box-shadow:0 10px 28px #67528716;-webkit-touch-callout:default;touch-action:manipulation}.image-render-source{margin-top:4px}.image-preview-page .image-save-tip{position:fixed;z-index:6;top:68px;left:50%;display:flex;align-items:center;justify-content:center;gap:7px;width:calc(100% - 40px);max-width:390px;margin:0;padding:11px 16px;border:1px solid #f3dfb7;border-radius:17px;background:linear-gradient(135deg,#fff8e9,#fff1d7);color:#8b6536;font-size:13px;font-weight:800;line-height:1.4;text-align:center;box-shadow:0 10px 24px #7d624421;transform:translate(-50%);pointer-events:none;animation:image-save-hint-in .28s ease-out}.image-preview-page .image-save-tip:before{content:"✦";color:#b18046;font-size:15px;line-height:1}.image-preview-page .image-save-tip.image-generating{color:#856f91;background:linear-gradient(135deg,#f6f0fb,#eee5f7);border-color:#e2d5ef}.image-preview-page .image-save-tip.image-generating:before{color:#9479b0}.image-preview-page .image-save-tip.image-error{color:#aa526d;background:#fff2f4;border-color:#f3d6de}.image-preview-page .image-save-tip.image-error:before{color:#c96982}.image-preview-page .generated-long-image,.image-preview-page .image-render-shell{margin-top:58px}@keyframes image-save-hint-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.image-render-shell{overflow:hidden}.image-render-source{width:100%;min-height:1px;overflow:visible;background:#fff}.back{min-height:46px!important;padding:10px 15px!important;border:1px solid #daccea!important;border-radius:15px!important;background:linear-gradient(135deg,#fff,#f7f2fb)!important;color:#5f4580!important;font-size:17px!important;font-weight:800!important;box-shadow:0 6px 16px #5b3d771c!important}.back:before{font-size:22px!important;font-weight:700!important}.back:hover,.back:active{background:#eee5f7!important;box-shadow:0 3px 9px #5b3d7725!important;transform:translate(-2px) scale(.98)!important}.image-preview-page .image-save-tip{top:104px}.image-preview-page .generated-long-image,.image-preview-page .image-render-shell{margin-top:94px}.result-grid-card{padding:14px 12px 16px}.result-grid-heading{display:grid;place-items:center;min-height:37px;margin:0 2px 3px}.result-grid-heading strong{color:#604777;font-size:29px;font-weight:900;line-height:1;letter-spacing:.11em;font-variant-numeric:tabular-nums}.result-grid-card .image-board-meta-top{margin:0 3px 7px}.result-grid-card .image-board-meta-bottom{margin:8px 1px 0}.result-grid-card .image-board-meta-bottom span{font-size:12px}.form .title{margin-bottom:13px}.form label{margin:10px 0 6px}.form .pick-row{margin-top:12px}.form .region-wrap{margin:10px 0 7px}.solar-time-tip{display:flex;align-items:flex-start;gap:6px;margin:0 2px 10px;padding:7px 9px;border:1px solid #eee0bc;border-radius:12px;background:#fff9eb;color:#997443;font-size:11px;font-weight:700;line-height:1.45}.solar-time-tip span{flex:0 0 auto;color:#bc8a45;font-size:13px;line-height:1.2}.form input::placeholder{color:#aaa0ae;opacity:1}.intro-float-entry{position:fixed;z-index:4;top:190px;right:0;display:flex;align-items:center;gap:5px;min-height:44px;padding:10px 10px 10px 9px;border:1px solid #dfd0eb;border-right:0;border-radius:16px 0 0 16px;background:linear-gradient(135deg,#fff,#f4edfa);color:#694d87;font-size:12px;font-weight:800;box-shadow:-7px 9px 22px #55406b22;writing-mode:vertical-rl;letter-spacing:.08em}.intro-float-entry span{font-size:14px;letter-spacing:0}.intro-float-entry:active{background:#eadff4;transform:translate(2px)}.intro-veil{position:fixed;z-index:20;top:0;right:0;bottom:0;left:0;display:flex;justify-content:flex-end;background:#221a2d5c;animation:intro-veil-in .22s ease-out}.intro-panel{width:min(88vw,405px);height:100dvh;overflow-y:auto;background:#fcfbff;box-shadow:-18px 0 42px #2517333d;animation:intro-panel-in .28s cubic-bezier(.2,.8,.2,1);overscroll-behavior:contain}.intro-panel-head{position:sticky;z-index:1;top:0;display:flex;align-items:center;justify-content:space-between;padding:calc(18px + env(safe-area-inset-top)) 20px 16px;background:linear-gradient(180deg,#fcfbff 78%,#fcfbffdd);border-bottom:1px solid #eee7f4}.intro-panel-head small{color:#9575b8;font-size:11px;font-weight:800;letter-spacing:.12em}.intro-panel-head h2{margin:4px 0 0;color:#2b2037;font-size:23px;letter-spacing:-.025em}.intro-panel-head button{display:grid;place-items:center;width:38px;height:38px;border:1px solid #e4d9ee;border-radius:50%;background:#fff;color:#694d87;font-size:28px;font-weight:300;line-height:1;box-shadow:0 5px 14px #60437814}.intro-content{padding:18px 20px calc(28px + env(safe-area-inset-bottom))}.intro-content section+section{margin-top:25px}.intro-content h3{margin:0 0 10px;color:#634882;font-size:17px}.intro-content p{margin:0;color:#5e526a;font-size:14px;line-height:1.82}.intro-content .intro-pending{display:inline-block;padding:7px 10px;border-radius:10px;background:#f1ebf7;color:#9079a7;font-size:12px;font-weight:700;line-height:1.3}.intro-table-wrap{overflow:hidden;border:1px solid #e5dced;border-radius:15px}.intro-table{width:100%;border-collapse:collapse;text-align:center;color:#51415f;font-size:12px}.intro-table th{padding:10px 5px;background:#eee6f6;color:#624681;font-size:12px}.intro-table td{padding:10px 5px;border-top:1px solid #eee7f2}.intro-table tr:nth-child(2n) td{background:#fbf9fd}.intro-table td:first-child{color:#644b84;font-weight:900;font-size:14px}.intro-table td:nth-child(2){font-weight:700}@keyframes intro-veil-in{0%{opacity:0}to{opacity:1}}@keyframes intro-panel-in{0%{transform:translate(100%)}to{transform:translate(0)}}.intro-float-entry{right:max(0px,calc((100vw - 430px)/2))}.bottom-actions .save.save-image-primary{border-color:#50376e;background:linear-gradient(135deg,#4e3569,#765391);color:#fff;box-shadow:0 11px 22px #51376f34}.bottom-actions .save.save-image-primary:active{transform:translateY(1px) scale(.99);background:linear-gradient(135deg,#412b59,#66477f);box-shadow:0 5px 11px #51376f28}.donation-sheet .donation-long-press-tip{display:grid;grid-template-columns:35px minmax(0,1fr) 28px;align-items:center;gap:9px;width:min(76vw,310px);margin:0 auto 7px;padding:10px 11px;border:1px solid #e4d5ef;border-radius:17px;background:linear-gradient(135deg,#faf6fe,#f0e8f7);box-shadow:0 9px 20px #62437c18;text-align:left;color:#684b82}.donation-tip-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:12px;background:#fff;color:#765291;box-shadow:0 4px 10px #5e41771b}.donation-tip-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.15}.donation-tip-copy{display:grid;gap:2px;min-width:0}.donation-tip-copy strong{color:#563d70;font-size:13px;line-height:1.25}.donation-tip-copy small{color:#947fa5;font-size:10px;line-height:1.35}.donation-tip-arrow{display:grid;place-items:center;align-self:stretch;color:#79599a}.donation-tip-arrow svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.3;filter:drop-shadow(0 3px 3px #70508f30)}.donation-sheet .donation-long-press-tip{grid-template-columns:35px auto;justify-content:center;width:min(76vw,310px);text-align:left}.donation-tip-copy{flex:0 0 auto}.home-title span{margin-top:5px!important;font-size:27px!important;letter-spacing:-.015em!important;line-height:1.16!important}.donation-entry button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 15px;border:1px solid #7b619f;border-radius:99px;background:linear-gradient(135deg,#624681,#9779b8);color:#fff;font-weight:800;letter-spacing:.02em;box-shadow:0 9px 20px #5c427b32}.donation-entry button svg{width:17px;height:17px;fill:none;stroke:#eee5f8;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.donation-entry button:active{transform:translateY(1px) scale(.97);background:linear-gradient(135deg,#52386f,#80649e);box-shadow:0 4px 10px #5c427b28}.donation-entry p{color:#978ca2;font-size:12px}.digit-detail-veil{align-items:flex-end;justify-content:center;background:#21172f70}.digit-detail-panel{width:min(100%,430px);height:min(78dvh,720px);border-radius:28px 28px 0 0;box-shadow:0 -15px 40px #25173335;animation:digit-detail-bottom-in .28s cubic-bezier(.2,.8,.2,1)}.digit-detail-head{padding:12px 18px 13px}.digit-detail-head:before{position:absolute;top:8px;left:50%;width:42px;height:4px;border-radius:99px;background:#d8cce4;content:"";transform:translate(-50%)}.digit-detail-title{margin-top:8px}.digit-detail-content{padding-top:13px}.digit-detail-list{padding-bottom:calc(28px + env(safe-area-inset-bottom))}.digit-detail-row{display:grid;grid-template-columns:88px minmax(0,1fr);gap:10px;padding:13px 2px;border-bottom:1px solid #eee7f2}.digit-detail-row:first-child{border-top:1px solid #eee7f2}.digit-detail-row h3{margin:0;color:#765a93;font-size:13px;line-height:1.65}.digit-detail-row p{margin:0;color:#42344f;font-size:13px;font-weight:600;line-height:1.7;word-break:break-word}.digit-detail-card,.digit-summary,.digit-disclaimer,.digit-detail-nav{display:none}@keyframes digit-detail-bottom-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}.grid-digit-hit{fill:transparent;stroke:none;cursor:pointer}.grid-digit-hit:focus{outline:none}.grid-digit-hit:hover{fill:#ffffff16}.grid-digit-hit:active{fill:#63468218}.grid-detail-hint{margin:8px 0 0;text-align:center;color:#9989aa;font-size:11px;font-weight:700;letter-spacing:.04em}.digit-detail-veil{position:fixed;z-index:40;top:0;right:0;bottom:0;left:0;display:flex;justify-content:flex-end;background:#21172f66;animation:digit-detail-veil-in .2s ease-out}.digit-detail-panel{width:min(100%,430px);height:100dvh;overflow-y:auto;background:#fcfbff;box-shadow:-18px 0 46px #25173342;animation:digit-detail-panel-in .28s cubic-bezier(.2,.8,.2,1);overscroll-behavior:contain}.digit-detail-head{position:sticky;z-index:2;top:0;display:flex;align-items:center;justify-content:space-between;padding:calc(17px + env(safe-area-inset-top)) 18px 14px;background:linear-gradient(180deg,#fcfbff 80%,#fcfbffdb);border-bottom:1px solid #eee7f4}.digit-detail-title{display:flex;align-items:center;gap:11px;min-width:0}.digit-detail-title small{display:block;color:#9676b7;font-size:10px;font-weight:800;letter-spacing:.14em}.digit-detail-title h2{margin:3px 0 0;color:#2e213b;font-size:20px;line-height:1.2;letter-spacing:-.025em}.digit-token{display:grid;place-items:center;flex:0 0 43px;width:43px;height:43px;border-radius:14px;background:#71548f;color:#fff;font-family:"Noto Serif SC",Songti SC,serif;font-size:27px;font-weight:900;box-shadow:0 7px 16px #64467a2c}.digit-detail-head>button{display:grid;place-items:center;width:39px;height:39px;border:1px solid #e5daef;border-radius:50%;background:#fff;color:#6c4e89;font-size:28px;font-weight:300;line-height:1;box-shadow:0 5px 13px #60437814}.digit-detail-content{padding:18px 18px calc(28px + env(safe-area-inset-bottom))}.digit-summary{display:grid;gap:5px;padding:16px;border:1px solid #eadff1;border-radius:18px;background:linear-gradient(135deg,#f6f0fb,#fff)}.digit-summary span{color:#9676ad;font-size:11px;font-weight:800;letter-spacing:.09em}.digit-summary strong{color:#4d3765;font-size:19px;line-height:1.35}.digit-detail-card{margin-top:11px;padding:14px 15px;border:1px solid #ece4f1;border-radius:17px;background:#fff;box-shadow:0 5px 16px #64507408}.digit-detail-card h3{margin:0 0 7px;color:#624682;font-size:15px}.digit-detail-card p{margin:6px 0 0;color:#51435e;font-size:14px;line-height:1.75}.digit-detail-card summary{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;color:#624682;font-size:15px;font-weight:800;list-style:none}.digit-detail-card summary::-webkit-details-marker{display:none}.digit-detail-card summary i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#f3edf8;color:#85689e;font-size:16px;font-style:normal;line-height:1;transition:transform .18s}.digit-detail-card[open] summary i{transform:rotate(180deg)}.digit-detail-card b{color:#725488}.digit-disclaimer{margin:16px 5px!important;color:#9b8e9f!important;font-size:11px!important;line-height:1.65!important}.digit-detail-nav{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:17px}.digit-detail-nav button{min-height:43px;border:1px solid #e2d7ec;border-radius:14px;background:#fff;color:#654982;font-size:13px;font-weight:800;box-shadow:0 5px 13px #6552870d}.digit-detail-nav button:active{transform:scale(.98);background:#f1eaf7}.digit-tone-3 .digit-token{background:#df6671}.digit-tone-4 .digit-token,.digit-tone-5 .digit-token{background:#7daf58}.digit-tone-6 .digit-token,.digit-tone-0 .digit-token{background:#6179c4}.digit-tone-7 .digit-token,.digit-tone-8 .digit-token,.digit-tone-9 .digit-token{background:#c5973e}@keyframes digit-detail-veil-in{0%{opacity:0}to{opacity:1}}@keyframes digit-detail-panel-in{0%{transform:translate(100%)}to{transform:translate(0)}}.history-card{position:relative;padding:15px 16px 16px;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}.history-card:active{transform:scale(.988);box-shadow:0 4px 12px #67528713}.history-card-header{position:relative;justify-content:center}.history-identity{padding-right:0}.history-delete-top{position:absolute;top:0;right:0;min-height:28px;padding:5px 10px;border:1px solid #f2dce3;border-radius:99px;background:#fff4f6;color:#c75073;font-size:11px;font-weight:800;line-height:1;box-shadow:0 3px 9px #cf517511}.history-delete-top:active{background:#fde8ee;transform:scale(.96)}.history-grid{margin-top:9px}.history-list{gap:10px}.history-card-header{justify-content:flex-start;padding-right:64px}.history-identity{width:auto;justify-content:flex-start;text-align:left}.history-grid{width:100%;margin:9px 0 0}.history-grid p{justify-content:flex-start}.delete-confirm-veil{position:fixed;z-index:30;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:#21172f66;animation:delete-confirm-in .18s ease-out}.delete-confirm-dialog{width:min(100%,330px);padding:24px 22px 19px;border:1px solid #eadfea;border-radius:25px;background:linear-gradient(150deg,#fff,#fdfaff);text-align:center;box-shadow:0 20px 48px #20152f38;animation:delete-confirm-pop .22s cubic-bezier(.2,.8,.2,1)}.delete-confirm-icon{display:grid;place-items:center;width:35px;height:35px;margin:0 auto 11px;border-radius:50%;background:#fff0f3;color:#cc5978;font-family:Georgia,serif;font-size:21px;font-weight:800}.delete-confirm-dialog h2{margin:0;color:#31223e;font-size:19px;letter-spacing:-.02em}.delete-confirm-dialog p{margin:8px 0 19px;color:#8c7d96;font-size:13px}.delete-confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.delete-confirm-actions button{min-height:42px;border:1px solid #e5d9ed;border-radius:14px;background:#fff;color:#68527f;font-size:14px;font-weight:800}.delete-confirm-actions .confirm-delete{border-color:#edcbd5;background:linear-gradient(135deg,#d96d89,#bf4f71);color:#fff;box-shadow:0 7px 14px #c0527130}.delete-confirm-actions button:active{transform:scale(.97)}@keyframes delete-confirm-in{0%{opacity:0}to{opacity:1}}@keyframes delete-confirm-pop{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.switch-rules{overflow:hidden}.intro-gender-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:0 0 12px;padding:4px;border-radius:15px;background:#eee7f4}.intro-gender-tabs button{min-height:35px;border-radius:11px;background:transparent;color:#806b96;font-size:13px;font-weight:800}.intro-gender-tabs .active{background:#fff;color:#64477f;box-shadow:0 3px 9px #6344791d}.switch-rule-card{overflow:hidden;border:1px solid #e7dcec;border-radius:18px;background:linear-gradient(160deg,#fdfcff,#f7f3fb)}.switch-rule-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:13px 14px 5px}.switch-rule-head div{display:grid;gap:3px}.switch-rule-head small{color:#806998;font-size:12px;font-weight:800}.switch-rule-head strong{color:#4e3a60;font-size:12px}.switch-rule-head>span{padding:4px 7px;border-radius:99px;background:#f0e8f7;color:#987baa;font-size:10px;font-weight:800;white-space:nowrap}.switch-wave-scroll{overflow-x:auto;padding:0 4px 3px;-webkit-overflow-scrolling:touch}.switch-wave{display:block;min-width:650px;width:650px;height:178px}.switch-axis{stroke:#bdaecb;stroke-width:1.5}.switch-guide{stroke:#ddd3e7;stroke-width:1;stroke-dasharray:3 4}.switch-wave text{fill:#8d7c9e;font-family:"Noto Serif SC",Songti SC,serif;font-size:11px;font-weight:700}.switch-wave-path{fill:none;stroke:#75549a;stroke-width:3;stroke-linecap:round}.switch-legend{display:flex;justify-content:center;gap:8px;padding:0 12px 12px}.switch-legend span,.phase-type{display:inline-flex;align-items:center;justify-content:center;border-radius:99px;font-size:11px;font-weight:800}.switch-legend span{min-width:45px;padding:4px 8px}.switch-legend .yang,.phase-type.yang{background:#eee5f6;color:#654b83}.switch-legend .change,.phase-type.change{background:#fff1d9;color:#a3743b}.switch-legend .yin,.phase-type.yin{background:#e7f4ef;color:#467d68}.switch-rule-tip{margin:10px 2px 7px!important;color:#93839f!important;font-size:11px!important;line-height:1.5!important}.switch-phase-list{display:grid;gap:6px}.switch-phase-list details{overflow:hidden;border:1px solid #ece3f0;border-radius:13px;background:#fff}.switch-phase-list summary{display:grid;grid-template-columns:51px 1fr 16px;align-items:center;gap:8px;min-height:40px;padding:0 11px;cursor:pointer;list-style:none}.switch-phase-list summary::-webkit-details-marker{display:none}.switch-phase-list summary b{color:#4d3b5c;font-size:13px}.switch-phase-list summary i{color:#9679ad;font-size:16px;font-style:normal;transition:transform .18s}.switch-phase-list details[open] summary i{transform:rotate(180deg)}.switch-phase-list .phase-type{min-height:22px;padding:3px 5px}.switch-phase-list details p{margin:0!important;padding:0 11px 10px 70px;color:#8d7c97!important;font-size:11px!important;line-height:1.55!important}.switch-wave-path.yang{stroke:#76549c}.switch-wave-path.change{stroke:#d09a4f}.switch-wave-path.yin{stroke:#5d9c82}.switch-phase-list summary .phase-expand-icon{display:grid;place-items:center;width:27px;height:27px;border:1px solid #e7ddee;border-radius:50%;background:#faf8fc;color:#83669f;font-size:0;transition:transform .2s ease,background .2s ease,border-color .2s ease}.switch-phase-list summary .phase-expand-icon svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.switch-phase-list details[open] summary .phase-expand-icon{transform:rotate(180deg);border-color:#dacbe8;background:#f0e8f7;color:#654a83}.switch-phase-list summary i.phase-expand-icon{font-style:normal}
