:root{color:#24332e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;background:#f5f4ef;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Noto Sans CJK SC,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}body{min-width:320px;min-height:100dvh;margin:0;overflow-x:hidden}.app-shell{min-height:100dvh;padding:calc(32px + env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) calc(32px + env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left))}.app-content{width:min(100%,540px);margin:0 auto}.page-header{margin:4px 4px 26px}.eyebrow,.section-label{color:#7b847f;letter-spacing:.08em;margin:0;font-size:.76rem;font-weight:650}.eyebrow{color:#7c7260;margin-bottom:8px;font-size:.875rem}h1{letter-spacing:-.055em;margin:0;font-size:clamp(2.1rem,9vw,2.75rem);font-weight:650}h2{letter-spacing:-.03em;margin:7px 0 0;font-size:1.28rem}.page-header>p:last-child{color:#66736d;margin:10px 0 0;font-size:.98rem}.time-card,.result-card,.palace-section{background:#fcfbf8;border:1px solid #e1e2dc;border-radius:22px;box-shadow:0 8px 24px #24332e0b}.time-card{justify-content:space-between;align-items:flex-end;gap:20px;padding:22px;display:flex}.gregorian-date{margin:13px 0 4px;font-size:1rem;font-weight:600}.clock{font-variant-numeric:tabular-nums;letter-spacing:-.065em;font-size:2.75rem;font-weight:620;line-height:1;display:block}.lunar-summary{color:#596963;text-align:right;min-width:94px;padding:2px 0 1px;font-size:.9rem;line-height:1.65}.lunar-summary p{margin:0}.calculate-button{color:#fffdf8;cursor:pointer;width:100%;min-height:58px;font:inherit;letter-spacing:.03em;-webkit-tap-highlight-color:transparent;background:#294940;border:0;border-radius:18px;margin:18px 0 20px;font-size:1.05rem;font-weight:650;box-shadow:0 8px 18px #29494029}.calculate-button:active{background:#1f3932;transform:translateY(1px)}.calculate-button:focus-visible{outline-offset:3px;outline:3px solid #aec9bd}.result-card{padding:22px}.card-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.result-mark{color:#4b675b;background:#e9f0e9;border-radius:999px;padding:6px 9px;font-size:.74rem;font-weight:650}.result-flow{grid-template-columns:1fr;gap:7px;margin:24px 0 20px;display:grid}.result-step{background:#f3f4ef;border-radius:14px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;min-height:54px;padding:0 14px;display:grid}.result-step-label,.result-step-value,.result-step-palace{margin:0}.result-step-label{color:#79837e;font-size:.84rem}.result-step-value{color:#4b5c55;font-weight:600}.result-step-palace{color:#263e35;font-size:1.06rem;font-weight:720}.flow-arrow{color:#94a19a;justify-self:center;font-size:1rem;line-height:1}.final-palace{border-top:1px solid #e7e8e2;justify-content:space-between;align-items:baseline;padding:18px 2px 0;display:flex}.final-palace p{color:#69766f;margin:0;font-size:.92rem}.final-palace strong{color:#23483d;letter-spacing:-.04em;font-size:1.65rem}.palace-section{margin-top:20px;padding:18px}.palace-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:14px;display:grid}.palace-chip{color:#64716b;text-align:center;background:#f7f7f3;border:1px solid #e5e7e1;border-radius:12px;min-width:0;padding:11px 5px;font-size:.9rem;font-weight:600}.palace-chip.is-active{color:#24453a;background:#e8f0e9;border-color:#abc3b4}@media (width<=360px){.time-card{padding:19px}.clock{font-size:2.35rem}.lunar-summary{min-width:82px;font-size:.8rem}}@media (prefers-color-scheme:dark){:root{color:#e8eee9;background:#17231f}.page-header>p:last-child,.eyebrow,.section-label,.result-step-label,.final-palace p{color:#a9b7af}.time-card,.result-card,.palace-section{box-shadow:none;background:#20302a;border-color:#30433b}.lunar-summary,.result-step-value{color:#bfcbc4}.result-step{background:#293a33}.result-step-palace,.final-palace strong{color:#dcede1}.result-mark,.palace-chip.is-active{color:#d8e8de;background:#2b4539}.final-palace{border-color:#344840}.palace-chip{color:#b7c5bc;background:#273830;border-color:#394a43}.calculate-button{color:#17271f;box-shadow:none;background:#8eaa9b}}