:root{--color-primary-text: rgba(204, 204, 204, .85);--color-secondary-text: rgba(140, 140, 148, .7);--color-input-underline: rgba(255, 255, 255, .35);--color-chevron: rgba(255, 255, 255, .6);--font-stack: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", "Microsoft YaHei", "Noto Sans SC", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;margin:0;padding:0;overscroll-behavior:none}body{font-family:var(--font-stack);background:#0a080f;color:var(--color-primary-text);-webkit-font-smoothing:antialiased}button,input{font:inherit;color:inherit;background:none;border:none;outline:none}button{cursor:pointer}.app-shell{min-height:100%;display:flex;align-items:center;justify-content:center;padding:16px}.phone-frame{position:relative;width:100%;max-width:390px;height:min(844px,100dvh - 32px);min-height:600px;border-radius:0;overflow:hidden;box-shadow:0 24px 80px #0000008c}@media(max-width:520px),(display-mode:standalone){.app-shell{padding:0}.phone-frame{max-width:none;height:100dvh;min-height:100dvh;box-shadow:none;position:relative;z-index:1}.page-bg{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;background-color:#0a080f;background-image:url(/background.png);background-size:cover;background-position:center bottom;background-repeat:no-repeat}}.page{position:relative;width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.page-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;user-select:none;background-color:#0a080f;background-image:url(/background.png);background-size:cover;background-position:center bottom;background-repeat:no-repeat}.welcome-main,.page-main,.page-footer,.placeholder-text{position:relative;z-index:1}.welcome-main,.page-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:36px;padding:0 40px}.option-group{display:flex;flex-direction:column;align-items:center;gap:28px;width:100%}.option-btn{position:relative;padding:4px 0 10px;text-align:center;font-size:15px;font-weight:200;letter-spacing:.04em;color:#cccccc8c;transition:color .25s}.option-btn:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:.5px;background:#ffffff59;transform:translate(-50%);transition:width .25s,background .25s}.option-btn:hover{color:#ccccccc7}.option-btn:hover:after{width:100%}.typewriter-title{text-align:center;font-size:26px;font-weight:100;line-height:1.5;color:var(--color-primary-text);min-height:2.5em}.typewriter-title--multiline{white-space:pre-line;min-height:3em}.typewriter-title--quad{min-height:6em}.typewriter-title--welcome-back{min-height:3.5em;font-size:18px}.countdown-display{margin-top:8px;font-size:26px;font-weight:200;letter-spacing:.06em;color:#ccccccd1;text-align:center;font-variant-numeric:tabular-nums}.daily-yong-shen-result{margin-top:8px;font-size:40px;font-weight:200;letter-spacing:.12em;color:#e6e6e6eb;text-align:center}.daily-yong-shen-summary{margin-top:12px;font-size:15px;font-weight:300;line-height:1.7;letter-spacing:.04em;color:#ccccccc7;text-align:center;white-space:pre-wrap}.year-wheel-picker{width:100%}.year-wheel-picker .wheel-picker-wrap{max-width:none;margin:0 auto}.season-wheel-picker{width:100%}.season-wheel-picker .wheel-picker-wrap{max-width:none;margin:0 auto}.season-wheel-picker .wheel-item{font-size:12px}.direction-wheel-picker{width:100%}.direction-wheel-picker .wheel-picker-wrap{max-width:none;margin:0 auto}.scene-wheel-picker{width:100%}.scene-wheel-picker .wheel-picker-wrap{max-width:none;margin:0 auto}.leisure-wheel-picker{width:100%}.leisure-wheel-picker .wheel-picker-wrap{max-width:none;margin:0 auto}.page-main--schedule{gap:28px;padding:0 24px 16px;justify-content:flex-start;padding-top:16vh;overflow-y:auto;overscroll-behavior:contain}.schedule-groups{width:100%;display:flex;flex-direction:column;align-items:center;gap:32px}.schedule-fixed-time{font-size:15px;font-weight:200;letter-spacing:.04em;color:#ccccccc7;text-align:center}.multi-select-group{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 18px;width:100%;max-width:300px}.multi-select-item{display:inline-grid;place-items:center;flex-shrink:0;font-size:14px;line-height:1.85;font-weight:200;letter-spacing:.03em;color:#cccccc80;padding:4px 2px;transition:color .2s}.multi-select-item__label{grid-area:1 / 1;line-height:1.85;white-space:nowrap}.multi-select-item:before{content:attr(data-label);grid-area:1 / 1;line-height:1.85;font-weight:700;visibility:hidden;-webkit-user-select:none;user-select:none;pointer-events:none;white-space:nowrap}.multi-select-item:after{content:attr(data-label);grid-area:1 / 1;line-height:1.85;font-weight:200;visibility:hidden;-webkit-user-select:none;user-select:none;pointer-events:none;white-space:nowrap}.multi-select-item:hover{color:#ccccccb8}.multi-select-item.is-selected{color:#ccccccf2}.multi-select-item.is-selected .multi-select-item__label{font-weight:700}.multi-select-group--weekdays .multi-select-item:before,.multi-select-group--weekdays .multi-select-item:after{font-size:15px}.multi-select-group--weekdays .multi-select-item.is-selected .multi-select-item__label{font-size:15px}.welcome-back-hero{flex-shrink:0;display:flex;flex-direction:column;align-items:center;width:100%}.welcome-back-actions-scroll{flex:1;min-height:0;width:100%;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;align-items:center;padding-bottom:48px}.welcome-back-actions{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;margin-top:32px;flex-shrink:0}.page-main--welcome-back{justify-content:flex-start;padding-top:calc(14vh + 10%);padding-bottom:0;overflow:hidden;gap:0}.page-main--learn{align-items:stretch;justify-content:flex-start;padding-top:calc(14vh + 6%);gap:0}.learn-article{width:100%;text-align:left}.learn-title{margin:0 0 28px;font-size:26px;font-weight:100;line-height:1.5;color:var(--color-primary-text)}.learn-title--suffix{margin:0}.learn-title-inline{font-size:26px;font-weight:100;line-height:1;color:var(--color-primary-text);vertical-align:baseline}.gan-zhi-day-exercise-line{margin-top:14px;line-height:2.2}.gan-zhi-day-wheels{display:inline-flex;align-items:center;gap:4px;margin:0 4px;vertical-align:middle}.wheel-picker-wrap--inline{--wheel-item-height: 30px;flex:none;width:36px;min-width:36px;max-width:36px;height:calc(var(--wheel-item-height) * 3);vertical-align:middle;display:inline-block}.wheel-picker-wrap--inline .wheel-picker-mask{top:-10px;bottom:-10px;left:-4px;right:-4px;height:auto;background:linear-gradient(180deg,#0504087a,#05040833,#0504080f 28%,#05040800 46%,#05040800 54%,#0504080f 72%,#05040833,#0504087a);filter:blur(7px)}.wheel-picker-wrap--inline .wheel-picker-highlight{left:0;right:0;height:var(--wheel-item-height);border:none;background:transparent}.wheel-picker-wrap--inline .wheel-item{height:var(--wheel-item-height);font-size:15px;font-weight:200;padding:0}.wheel-picker-wrap--inline .wheel-item.is-selected{color:#cccccce6}.page-main--gan-zhi-fill{gap:20px;overflow-y:auto}.ba-zi-method-page .bazi-content--example{width:100%;margin:22px 0 26px;padding:24px 16px;gap:0;border:1px dashed rgba(204,204,204,.35);border-radius:8px;box-sizing:border-box}.what-is-yong-shen-page .bazi-content--example,.yong-shen-example-page .bazi-content--example{width:100%;margin:16px 0 18px;padding:12px 16px;gap:0;border:1px dashed rgba(204,204,204,.35);border-radius:8px;box-sizing:border-box}.what-is-yong-shen-page .bazi-pillar,.yong-shen-example-page .bazi-pillar{gap:6px}.gan-zhi-inline-em{font-weight:700;text-decoration:underline;text-underline-offset:2px}.learn-tip-trigger{display:block;margin-top:16px;padding:0;font-size:13px;font-weight:200;font-style:italic;letter-spacing:.03em;color:#cccccc9e;text-decoration:underline;text-underline-offset:3px;text-align:left}.learn-tip-trigger:hover{color:#ccccccd1}.learn-tip-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:24px 32px;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.learn-tip-dialog{width:100%;max-width:300px;padding:22px 18px 16px;background:#08060cf0;border:.5px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:learn-tip-dialog-in .18s ease forwards}@keyframes learn-tip-dialog-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.learn-tip-dialog-text{margin:0;font-size:14px;font-weight:200;line-height:1.85;letter-spacing:.02em;color:#ccccccc7;text-align:left}.learn-tip-dialog-close{display:block;margin:18px auto 0;padding:4px 0;font-size:13px;font-weight:200;letter-spacing:.06em;color:#ccccccb8;text-decoration:underline;text-underline-offset:3px}.learn-tip-dialog-close:hover{color:#cccccceb}.shichen-table-wrap{width:100%;max-width:100%;margin-top:8px;overflow-x:auto;-webkit-overflow-scrolling:touch}.shichen-table{width:100%;border-collapse:collapse;border:none;font-size:14px;font-weight:200;line-height:1.5;color:#ccccccb8}.shichen-table td{padding:6px 12px;border:none;border-bottom:1px dashed rgba(204,204,204,.35);vertical-align:middle}.shichen-table-zhi{width:36%;text-align:center;letter-spacing:.12em;border-right:1px dashed rgba(204,204,204,.35)}.shichen-table-time{text-align:center;font-variant-numeric:tabular-nums}.shichen-table tr:last-child td{border-bottom:none}.shichen-table--horizontal{table-layout:fixed;min-width:100%}.shichen-table--horizontal td{width:calc(100% / 12);padding:0;border-right:1px dashed rgba(204,204,204,.35);border-bottom:none}.shichen-table--horizontal tr:first-child td{border-bottom:1px dashed rgba(204,204,204,.35)}.shichen-table--horizontal td:last-child{border-right:none}.shichen-table--horizontal .shichen-table-zhi{width:auto;font-size:13px;letter-spacing:.04em;text-align:center;padding:8px 0}.shichen-table--horizontal .shichen-table-time{position:relative;padding:0;height:76px;text-align:center;vertical-align:top}.shichen-table-time-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(90deg);white-space:nowrap;font-size:10px;line-height:1;font-variant-numeric:tabular-nums}.gan-zhi-hour-page .day-master-block{max-width:none}.page-main--learn-scroll{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;padding-bottom:24px}.gan-zhi-wu-xing-page .page-main--learn-scroll{overflow-x:hidden;min-width:0}.gan-zhi-wu-xing-page .learn-article,.gan-zhi-wu-xing-page .day-master-block{min-width:0;max-width:100%}.gan-zhi-wu-xing-page .day-master-block,.yong-shen-example-page .day-master-block{max-width:none}.yong-shen-example-page .day-master-block>.day-master-desc:first-child{margin-top:0}.yong-shen-example-page .day-master-desc--spacer{margin-top:0;line-height:1.85}.gan-zhi-relation-table-wrap{width:100%;max-width:100%;min-width:0;margin-top:18px;overflow-x:auto;-webkit-overflow-scrolling:touch}.gan-zhi-relation-table-wrap--branch{overflow-x:scroll;overflow-y:hidden;touch-action:pan-x;overscroll-behavior-x:contain}.gan-zhi-relation-table-track{display:inline-block;min-width:100%;vertical-align:top}.gan-zhi-relation-table{border-collapse:collapse;font-size:13px;font-weight:200;line-height:1.4;color:#ccccccb8}.gan-zhi-relation-table th,.gan-zhi-relation-table td{padding:8px 6px;border-bottom:1px dashed rgba(204,204,204,.35);text-align:center;vertical-align:middle;white-space:nowrap}.gan-zhi-relation-table th{font-weight:200}.gan-zhi-relation-table th:not(:last-child),.gan-zhi-relation-table td:not(:last-child){border-right:1px dashed rgba(204,204,204,.35)}.gan-zhi-relation-table tbody tr:last-child th,.gan-zhi-relation-table tbody tr:last-child td{border-bottom:none}.gan-zhi-relation-table--horizontal{width:100%;min-width:100%;table-layout:fixed}.gan-zhi-relation-table--stem{min-width:100%}.gan-zhi-relation-table--branch{width:max-content;min-width:100%;table-layout:auto}.gan-zhi-relation-table--branch th:not(.gan-zhi-relation-row-label),.gan-zhi-relation-table--branch td{min-width:28px}.gan-zhi-relation-row-label{width:44px;min-width:44px;color:#cccccc8c}.gan-zhi-fill-line{line-height:2}.gan-zhi-fill-label{white-space:nowrap}.gan-zhi-separator,.gan-zhi-char{color:#ccccccb8}.gan-zhi-blank{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin:0 1px;border:1px dashed rgba(204,204,204,.35);border-radius:4px;vertical-align:middle}.gan-zhi-blank--filled{border-color:transparent}.gan-zhi-blank-mark{font-size:12px;color:#cccccc59;line-height:1}.gan-zhi-token{width:28px;height:28px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;font-size:16px;font-weight:200;line-height:1;color:#ccccccd1;background:#cccccc14;border:1px solid rgba(204,204,204,.28);touch-action:none;-webkit-user-select:none;user-select:none}.gan-zhi-token--ghost{position:fixed;z-index:20;pointer-events:none;transform:translate(-50%,-50%) scale(1.06);box-shadow:0 8px 24px #00000059}.gan-zhi-pool{margin-top:4px}.gan-zhi-pinyin-wrap{display:inline-flex;align-items:center;margin-left:2px;white-space:nowrap}.gan-zhi-pinyin-group{display:inline-flex;align-items:center;gap:10px;margin:0 2px}.gan-zhi-pinyin-item{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;height:22px;min-width:2.4em;padding:0 6px;margin:0 1px;font-size:12px;border:1px dashed rgba(204,204,204,.35);border-radius:4px;vertical-align:middle;transition:color .2s}.gan-zhi-pinyin-item:hover{color:#ccccccb8}.page-main--wu-xing-ring{gap:20px;padding-top:calc(14vh + 6%);overflow-y:auto}.wu-xing-relations-page .day-master-block>.day-master-desc:first-child{margin-top:0}.wu-xing-ring-instruction{width:100%;max-width:320px;margin:0}.wu-xing-ring-stage{position:relative;width:248px;height:248px;margin:8px auto 0;flex-shrink:0}.wu-xing-ring-diagram{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%}.wu-xing-ring-diagram--interactive{margin:8px auto 0}.wu-xing-ring-diagram--interactive .wu-xing-pool{width:min(100%,calc(220px * 2 / 3));gap:13px;min-height:38px;padding:6px 11px;margin-top:-12px}.wu-xing-ring-diagram--review{margin-top:0;margin-bottom:4px}.wu-xing-ring-stage--diagram{width:min(100%,300px);height:248px;margin:24px auto 8px;display:flex;justify-content:center;overflow:visible}.wu-xing-ring-diagram--interactive .wu-xing-ring-stage--diagram{margin:0 auto}.wu-xing-slot--relation{z-index:3}.wu-xing-slot--relation.wu-xing-slot--filled{border-radius:50%}.wu-xing-ring-inner{position:relative;flex-shrink:0;overflow:visible}.wu-xing-slot--labeled{overflow:visible}.wu-xing-element-count{position:absolute;left:calc(100% + 6px);top:50%;transform:translateY(-50%);font-size:11px;font-weight:200;line-height:1;letter-spacing:.02em;font-variant-numeric:tabular-nums;color:#cccccc9e;white-space:nowrap;pointer-events:none}.wu-xing-element-count--left{left:auto;right:calc(100% + 6px)}.wu-xing-ring-lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;z-index:0}.wu-xing-ring-arrows{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;z-index:2;pointer-events:none}.wu-xing-line--relation{stroke:#ffffffe0;stroke-width:.75;stroke-linecap:round}.wu-xing-arrow-head{fill:#ffffffe0}.wu-xing-ring{position:relative;z-index:1}.wu-xing-line{stroke-width:1}.wu-xing-line--sheng{stroke:#cccccc47}.wu-xing-line--ke{stroke:#cccccc24;stroke-dasharray:4 5}.wu-xing-ring-stage--diagram .wu-xing-line:not(.wu-xing-line--relation){stroke-width:.85;stroke-linecap:round;filter:blur(.65px)}.wu-xing-ring-stage--diagram .wu-xing-line--sheng{stroke:#cccccc29}.wu-xing-ring-stage--diagram .wu-xing-line--ke{stroke:#cccccc17;stroke-dasharray:3 7}.wu-xing-ring{position:relative}.wu-xing-slot{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center}.wu-xing-slot--empty{border:1px dashed rgba(204,204,204,.35);border-radius:50%}.wu-xing-slot-placeholder{display:block;width:100%;height:100%}.wu-xing-token{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:200;line-height:1;color:#e6e6e6eb;background:#0c0a10b8;border:1px solid rgba(204,204,204,.42);touch-action:none;-webkit-user-select:none;user-select:none;transition:border-color .2s,transform .2s}.wu-xing-token--compact{width:29px;height:29px;font-size:13px}.wu-xing-token--fixed,.wu-xing-token--placed,.wu-xing-pool .wu-xing-token{color:#ccccccd1;background:#cccccc14;border-color:#cccccc47}.wu-xing-token--fixed{cursor:default}.wu-xing-token:not(.wu-xing-token--fixed):hover{border-color:#e6e6e69e}.wu-xing-token--ghost{position:fixed;z-index:20;pointer-events:none;opacity:1;color:#ccccccd1;background:#cccccc14;border-color:#cccccc47;transform:translate(-50%,-50%) scale(1.06);box-shadow:0 8px 24px #00000059}.wu-xing-pool{display:flex;align-items:center;justify-content:center;gap:20px;min-height:56px;padding:8px 16px;border:1px dashed rgba(204,204,204,.22);border-radius:999px;width:min(100%,220px);margin:0 auto;align-self:center}.wu-xing-ring-error{width:100%;max-width:320px;margin:0 auto;align-self:center;font-size:13px;font-weight:200;line-height:1.6;color:#ffb0b0e0;text-align:center}.welcome-back-actions .action-btn--welcome-back{padding:0 0 3px;line-height:1.25}.welcome-back-actions .action-btn--welcome-back-profile,.welcome-back-actions .action-btn--welcome-back-resume{font-size:14px}.welcome-back-actions .action-btn--welcome-back-user{font-size:12px}.welcome-back-switch{position:relative;display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:100%}.welcome-back-menu{position:absolute;top:calc(100% + 6px);bottom:auto;left:50%;transform:translate(-50%);min-width:168px;padding:6px 0;background:#08060ceb;border:.5px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:welcome-back-menu-in .18s ease forwards;z-index:2;overflow:hidden}@keyframes welcome-back-menu-in{0%{opacity:0;transform:translate(-50%) translateY(-4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.welcome-back-menu-item{display:block;width:100%;padding:8px 18px;text-align:center;font-size:13px;font-weight:200;letter-spacing:.03em;color:#ccccccad;transition:color .2s,background .2s}.swipe-delete-row{position:relative;width:100%;overflow:hidden}.swipe-delete-row__delete{position:absolute;top:0;right:0;bottom:0;width:52px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:200;letter-spacing:.04em;color:#ffd6d6eb;background:#5c1c1ce0}.swipe-delete-row__content{position:relative;z-index:1;transition:transform .22s ease;touch-action:none;background:#08060ceb}.swipe-delete-row__content.is-dragging{transition:none}.swipe-delete-row__label{cursor:grab}.welcome-back-menu-item:hover{color:#cccccceb;background:#ffffff0a}.welcome-back-menu-item--new{margin-top:2px;padding-top:8px;border-top:.5px solid rgba(255,255,255,.1);color:#cccccc85}.schedule-footer{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;padding-bottom:48px}.schedule-footer-actions{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%}.schedule-footer-actions>.action-btn:not(.action-btn--review){color:#cccccceb;font-weight:300;border-bottom-color:#ffffff61}.schedule-footer-actions>.action-btn:not(.action-btn--review):hover{color:#fffffffa;border-bottom-color:#ffffff80}.action-btn{font-size:15px;font-weight:200;letter-spacing:.04em;color:#ccccccb8;padding:4px 0 10px;border-bottom:.5px solid rgba(255,255,255,.22);min-width:120px;text-align:center;transition:color .2s,border-color .2s}.action-btn--review{font-size:13px;min-width:unset;width:fit-content;padding-left:0;padding-right:0;color:#cccccc8c;border-bottom-color:#ffffff2e}.action-btn--review:hover{color:#ccccccc7;border-bottom-color:#ffffff4d}.action-btn:hover{color:#cccccceb;border-bottom-color:#ffffff61}.page-main--review{gap:20px;padding:48px 28px 16px;justify-content:flex-start;overflow-y:auto;align-items:stretch}.review-page .page-main--review{padding-top:100px}.profile-calibration-page .page-main--review{padding-top:calc(14vh + 10%)}.review-heading{font-size:15px;font-weight:200;letter-spacing:.06em;color:#cccccc8c;text-align:left}.review-list{list-style:none;display:flex;flex-direction:column;gap:14px}.review-item{text-align:left}.review-item-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.review-edit-btn{flex-shrink:0;font-size:11px;font-weight:200;letter-spacing:.04em;color:#cccccc6b;padding:1px 0 3px;border-bottom:.5px solid rgba(255,255,255,.15);transition:color .2s,border-color .2s}.review-edit-btn:hover,.review-edit-btn.is-active{color:#ccccccc7;border-bottom-color:#ffffff52}.review-inline-editor{margin-top:12px;padding-top:8px;animation:picker-panel-in .22s ease}.review-wheel-picker{width:100%}.review-wheel-picker .wheel-picker-wrap{max-width:none;margin:0 auto}.review-schedule-editor{display:flex;flex-direction:column;gap:20px;width:100%}.review-schedule-editor .multi-select-group{max-width:none;justify-content:flex-start}.review-done-btn{display:block;width:100%;margin-top:12px;padding:4px 0;text-align:center;font-size:12px;font-weight:200;letter-spacing:.06em;color:#cccccc73;transition:color .2s}.review-done-btn:hover{color:#ccccccb8}.review-question{font-size:11px;font-weight:200;line-height:1.5;color:#cccccc7a}.review-answer{margin-top:2px;font-size:13px;font-weight:300;line-height:1.55;color:#ccccccd1}.review-footer{position:relative;z-index:1;display:flex;justify-content:center;padding:16px 24px 48px}.review-footer-btn{font-size:14px;font-weight:200;letter-spacing:.04em;color:#cccccc8c;padding:6px 4px;border-bottom:.5px solid rgba(255,255,255,.18);transition:color .2s}.review-footer-btn:hover{color:#ccccccd9}.review-footer-btn--primary{color:#ccccccc7;border-bottom-color:#ffffff52}.page-transition{position:relative;z-index:1;height:100%;width:100%}.page-transition.is-visible .page-main,.page-transition.is-visible .placeholder-text{animation:fade-in .45s ease forwards}.page-transition.is-exiting .page-main,.page-transition.is-exiting .placeholder-text{animation:fade-out .35s ease forwards}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.page-transition.is-visible .page-main,.page-transition.is-visible .placeholder-text,.page-transition.is-exiting .page-main,.page-transition.is-exiting .placeholder-text{animation:none}}.name-input-wrap{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:260px}.name-input{width:100%;max-width:200px;text-align:center;font-size:18px;font-weight:200;color:var(--color-primary-text)}.name-input::placeholder{color:#8c8c9459;font-weight:200}.name-input-line{display:block;width:100%;max-width:200px;height:.5px;background:var(--color-input-underline)}.page-footer{display:flex;flex-direction:column;align-items:center;padding-bottom:48px}.placeholder-page{align-items:center;justify-content:center}.placeholder-text{text-align:center;font-size:22px;font-weight:100;color:var(--color-primary-text);padding:0 32px}.page-main--birthday{gap:28px;padding:0 24px}.picker-stack{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%}.picker-field{width:100%;max-width:280px}.picker-field-trigger{width:100%;padding:6px 0 12px;text-align:center;font-size:16px;font-weight:200;letter-spacing:.03em;color:#ccccccb8;border-bottom:.5px solid rgba(255,255,255,.22);transition:color .2s}.picker-field.is-open .picker-field-trigger{color:#cccccceb;border-bottom-color:#ffffff59}.picker-field-panel{margin-top:16px;animation:picker-panel-in .22s ease}@keyframes picker-panel-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.picker-field-done{display:block;width:100%;margin-top:12px;padding:4px 0;text-align:center;font-size:13px;font-weight:200;letter-spacing:.08em;color:#cccccc73;transition:color .2s}.picker-field-done:hover{color:#ccccccb8}.date-wheel-picker{display:flex;justify-content:center;gap:2px}.shichen-wheel-picker{width:100%}.shichen-wheel-picker .wheel-picker-wrap{max-width:none}.gender-wheel-picker{width:100%}.gender-wheel-picker .wheel-picker-wrap{max-width:none;margin:0 auto}.wheel-picker-wrap{position:relative;flex:1;min-width:0;max-width:88px;height:108px;overflow:hidden}.wheel-picker-mask{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,#050408f0,#0504081a 42%,#0504081a 58%,#050408f0)}.wheel-picker-highlight{position:absolute;left:6%;right:6%;top:50%;z-index:1;height:36px;transform:translateY(-50%);border-top:.5px solid rgba(255,255,255,.12);border-bottom:.5px solid rgba(255,255,255,.12);pointer-events:none}.wheel-picker{position:relative;z-index:0;height:100%;overflow-y:auto;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.wheel-picker::-webkit-scrollbar{display:none}.wheel-picker-pad{flex-shrink:0}.wheel-item{width:100%;height:36px;display:flex;align-items:center;justify-content:center;scroll-snap-align:center;font-size:13px;font-weight:200;color:#cccccc52;transition:color .15s;white-space:nowrap;padding:0 4px}.shichen-wheel-picker .wheel-item{font-size:12px}.wheel-item.is-selected{color:#cccccce6}.page-footer--nav{flex-direction:row;justify-content:center;gap:24px;padding-bottom:48px}.page-footer--back-only{gap:0}.schedule-footer--back-only{padding-bottom:48px}.nav-btn,.next-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:100;color:#ccccccd1;border-radius:50%;border:none;background:#ffffff29;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);box-shadow:inset 0 0 20px #ffffff0f,0 0 28px #0000000a;transition:background .2s,color .2s,box-shadow .2s,opacity .2s}.nav-btn:hover,.next-btn:hover{background:#ffffff38;color:#e6e6e6eb;box-shadow:inset 0 0 20px #ffffff14,0 0 30px #0000000d}.nav-btn:active,.next-btn:active{opacity:.75}.page-main--bazi{gap:24px;padding:0 20px 16px;justify-content:flex-start;padding-top:18vh;overflow-y:auto}.bazi-content{width:100%;display:flex;flex-direction:column;align-items:center;gap:28px}.bazi-pillars{display:flex;justify-content:center;gap:20px;width:100%}.bazi-pillar{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:52px}.bazi-pillar-label{font-size:12px;font-weight:300;letter-spacing:.08em;color:#cccccc80}.bazi-gan,.bazi-zhi{font-size:24px;font-weight:100;line-height:1.2;color:#cccccce6}.bazi-gan--day-stem{font-weight:700;text-decoration-line:underline;text-decoration-style:dashed;text-decoration-thickness:1px;text-underline-offset:3px}.day-master-block{width:100%;max-width:320px;text-align:left}.day-master-line{line-height:1.7}.day-master-prefix{font-size:14px;font-weight:200;color:#ccccccb8}.day-master-name{font-size:18px;font-weight:200;color:#cccccceb}.day-master-quote{margin-left:8px;font-size:12px;font-weight:200;color:#cccccc8c}.day-master-desc{margin-top:14px;font-size:14px;font-weight:200;line-height:1.85;color:#ccccccb8}.day-master-desc--action{margin-top:1.85em}.wu-xing-ring-page .wu-xing-ring-instruction.day-master-desc{margin-top:0}.learn-inline-action{display:inline-block;padding:0 0 12px;margin:0;border:none;border-bottom:.5px solid rgba(255,255,255,.22);background:none;cursor:pointer;vertical-align:baseline;text-decoration:none}.learn-title-inline.learn-inline-action:hover{opacity:.85;border-bottom-color:#ffffff59}.page-main--calendar{justify-content:flex-start;padding:calc(10vh + 32px) 20px 16px;overflow-y:auto;gap:18px;align-items:stretch}.calendar-nav{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px}.calendar-nav-arrow{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:100;color:var(--color-chevron)}.calendar-nav-center{display:flex;align-items:center;justify-content:center;gap:10px;flex:1}.calendar-nav-picker{position:relative}.calendar-nav-label{padding:2px 0 4px;font-size:14px;font-weight:200;letter-spacing:.04em;color:#ccccccb8;border-bottom:.5px solid rgba(255,255,255,.18);line-height:1.25}.calendar-nav-label.is-active{color:#cccccceb;border-bottom-color:#ffffff52}.calendar-picker-menu{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);min-width:96px;max-height:180px;overflow-y:auto;padding:6px 0;background:#08060ceb;border:.5px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:welcome-back-menu-in .18s ease forwards;z-index:4;-webkit-overflow-scrolling:touch}.calendar-picker-item{display:block;width:100%;padding:8px 16px;text-align:center;font-size:13px;font-weight:200;color:#ccccccad}.calendar-picker-item.is-selected{color:#ccccccf2}.calendar-picker-item:hover{background:#ffffff0a;color:#cccccceb}.calendar-month-title{text-align:center;font-size:13px;font-weight:200;letter-spacing:.08em;color:#cccccc73}.calendar-grid{width:100%}.calendar-weekdays,.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendar-weekday{text-align:center;font-size:11px;font-weight:200;color:#cccccc61;padding-bottom:6px}.calendar-day{position:relative;aspect-ratio:1;min-height:42px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:10px;color:#ccccccb8;transition:background .2s,color .2s}.calendar-day--empty{pointer-events:none}.calendar-day-number{font-size:14px;font-weight:200;line-height:1}.calendar-day-dot{width:7px;height:7px;border-radius:50%;background:#ccccccd1}.calendar-day.is-today{color:#cccccceb}.calendar-day.is-selected{background:#ffffff14;color:#ccccccf2}.calendar-day.has-push .calendar-day-dot{background:#dcdcdcf2;box-shadow:0 0 8px #cccccc59}.calendar-detail{margin-top:8px;padding-top:16px;border-top:.5px solid rgba(255,255,255,.1);text-align:left}.calendar-detail-title{font-size:15px;font-weight:200;letter-spacing:.04em;color:#ccccccd1}.calendar-detail-summary{margin-top:10px;font-size:14px;font-weight:200;line-height:1.7;color:#ccccccb8}.calendar-detail-body{margin-top:12px;font-size:13px;font-weight:200;line-height:1.85;color:#cccccc94;white-space:pre-line}.calendar-detail-empty{font-size:13px;font-weight:200;line-height:1.7;color:#cccccc73;text-align:center}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.push-feedback{margin-top:20px}.push-feedback-moods{display:flex;justify-content:center;align-items:center;gap:20px;min-height:44px}.push-feedback.is-animating .push-feedback-moods{transition:justify-content .75s ease,gap .75s ease}.push-feedback.is-collapsed.has-selected-mood .push-feedback-moods{justify-content:flex-start;gap:0}.push-feedback-mood{flex:0 0 44px;width:44px;height:44px;border-radius:50%;border:.5px solid rgba(255,255,255,.14);background:#ffffff08;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:border-color .2s ease,background .2s ease,transform .15s ease,opacity .45s ease,flex-basis .75s ease,width .75s ease,margin .75s ease}.push-feedback.is-animating .push-feedback-mood.is-selected{transition:border-color .2s ease,background .2s ease,transform .75s ease,opacity .45s ease,flex-basis .75s ease,width .75s ease,margin .75s ease}.push-feedback-mood:hover:not(:disabled){border-color:#ffffff47;background:#ffffff0f}.push-feedback-mood.is-selected{border-color:#cccccc8c;background:#ffffff14;transform:scale(1.04)}.push-feedback.is-collapsed.has-selected-mood .push-feedback-mood:not(.is-selected){opacity:0;flex-basis:0;width:0;margin:0;border-width:0;pointer-events:none}.push-feedback.is-collapsed.has-selected-mood .push-feedback-mood.is-selected{transform:scale(1)}.push-feedback-mood:disabled{cursor:default}.push-feedback-face{position:relative;width:22px;height:16px;display:block}.push-feedback-eye{position:absolute;top:2px;width:3px;height:3px;border-radius:50%;background:#ccccccd9}.push-feedback-eye:first-of-type{left:4px}.push-feedback-eye:nth-of-type(2){right:4px}.push-feedback-mouth{position:absolute;left:50%;bottom:0;transform:translate(-50%);width:10px;height:5px;border:1.5px solid rgba(204,204,204,.85);border-top:none;background:transparent}.push-feedback-mouth--sad{bottom:1px;border-bottom:none;border-top:1.5px solid rgba(204,204,204,.85);border-radius:8px 8px 0 0}.push-feedback-mouth--neutral{bottom:2px;width:10px;height:0;border:none;border-top:1.5px solid rgba(204,204,204,.85);border-radius:0}.push-feedback-mouth--happy{border-radius:0 0 8px 8px}.push-feedback-note-wrap{display:block;margin-top:16px}.push-feedback-note{width:100%;padding:10px 12px;border:.5px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0a;font-size:13px;font-weight:200;color:#cccccce0;transition:border-color .5s ease,background .5s ease,padding .5s ease}.push-feedback.is-collapsed .push-feedback-note{border-color:transparent;background:transparent;padding-left:0;padding-right:0}.push-feedback-note:read-only{cursor:default}.push-feedback-note::placeholder{color:#cccccc61}.push-feedback-actions{display:flex;align-items:center;gap:12px;margin-top:12px;overflow:hidden;max-height:48px;opacity:1;transition:max-height .45s ease,margin-top .45s ease,opacity .35s ease}.push-feedback.is-collapsed .push-feedback-actions{max-height:0;margin-top:0;opacity:0;pointer-events:none}.push-feedback-save{min-width:72px;padding:8px 16px;border:.5px solid rgba(255,255,255,.18);border-radius:999px;font-size:13px;font-weight:200;letter-spacing:.08em;color:#cccccce6;background:#ffffff0f;transition:opacity .2s ease}.push-feedback-save:disabled{opacity:.35;cursor:not-allowed}.push-feedback-save:not(:disabled):hover{background:#ffffff1a}