:root{--bg:#f5f4ef;--paper:#fffefa;--ink:#243730;--ink2:#4c5951;--muted:#84867c;--line:#e6e4da;--red:#85443a;--red-dark:#713228;--gold:#ac8b60;--gold-soft:#eee4d5;--sage:#eef3ec;--sage-ink:#496b55;--shadow:0 12px 36px rgba(43,53,41,.055);color-scheme:light}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.6 "PingFang SC","Microsoft YaHei",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #b89662;outline-offset:3px}button:disabled{cursor:default;opacity:.6}[v-cloak]{display:none!important}::selection{background:#ead6bd;color:var(--red-dark)}
.serif,h1,h2,h3,.seal-word{font-family:"STSong","Songti SC","Noto Serif CJK SC","SimSun",serif}
.app-shell{min-height:100vh}.topbar{height:69px;display:flex;align-items:center;justify-content:space-between;background:#fffefa;border-bottom:1px solid var(--line)}.topbar-inner{width:min(1160px,calc(100% - 56px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);font-size:16px;font-weight:800;letter-spacing:.07em}.brand-mark{width:34px;height:34px;border-radius:8px;flex:none}.nav-note{display:flex;align-items:center;gap:11px;color:#868d81;font-size:12px}.nav-dot{width:5px;height:5px;border-radius:50%;background:#b5a07c}.nav-pill{font-size:11px;color:#8a765c;border:1px solid #e8ddcd;border-radius:999px;padding:4px 10px;background:#faf7f1}
.wrap{width:min(1160px,calc(100% - 56px));margin:0 auto}.hero{text-align:center;padding:48px 0 33px}.hero-kicker{color:var(--gold);font-size:11px;font-weight:800;letter-spacing:.26em}.hero h1{font-size:clamp(35px,5vw,51px);font-weight:600;letter-spacing:.18em;padding-left:.18em;margin:11px 0 8px;line-height:1.36}.hero p{margin:0;color:var(--muted);font-size:13px;letter-spacing:.07em}.hero-rule{display:flex;align-items:center;gap:11px;justify-content:center;margin-top:19px;color:var(--gold);font-size:10px}.hero-rule:before,.hero-rule:after{content:"";width:56px;height:1px;background:#d9c7aa}
.grid-layout{display:grid;grid-template-columns:minmax(322px,388px) minmax(0,1fr);gap:19px;align-items:start}.panel{background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.control-panel{padding:28px}.section-eyebrow{color:#a08560;letter-spacing:.15em;font-size:11px;font-weight:800}.panel-title{font-size:24px;letter-spacing:.04em;font-weight:650;margin:5px 0 4px}.subtitle{margin:0 0 21px;color:var(--muted);font-size:12px}.tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;background:#f2f1eb;border:1px solid #eeece5;border-radius:10px;padding:4px;margin-bottom:23px}.tab{background:transparent;border:0;border-radius:7px;color:#8d8f87;padding:10px 3px;white-space:nowrap;font-size:12px;font-weight:700;transition:.15s}.tab.active{background:#fffefa;color:var(--red);box-shadow:0 2px 9px #38332513}.pane{min-height:181px}.field{margin-bottom:17px}.field-label{display:block;color:#3b453e;font-size:12px;font-weight:750;margin-bottom:8px}.field-label .optional{font-weight:400;color:#a5a79f}.field-help{font-size:11px;color:#97998e;line-height:1.65;margin:7px 0 0}.date-time-row{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:10px}.picker-anchor{position:relative;min-width:0}.picker-button{display:flex;align-items:center;gap:10px;min-height:58px;border:1px solid #dcded4;background:#fbfbf6;border-radius:9px;width:100%;padding:9px 11px;text-align:left;color:var(--ink);transition:.18s}.picker-button:hover,.picker-button.active{border-color:#b89469;background:#fffdf9;box-shadow:0 0 0 3px #b8946915}.picker-icon{flex:none;width:33px;height:33px;display:grid;place-items:center;border-radius:8px;background:#f2ede4;color:var(--red)}.picker-copy{min-width:0;display:block;flex:1}.picker-copy strong{display:block;font-size:13px;white-space:nowrap;font-weight:750}.picker-copy small{display:block;font-size:10px;color:#95958c;line-height:1.4;margin-top:2px}.picker-chevron{color:#a5a497;flex:none}.time-icon{background:#eef2ed;color:#657d61}.time-select-group{display:flex;align-items:center;gap:4px;border:1px solid #dcded4;border-radius:9px;background:#fbfbf6;min-height:58px;padding:5px 8px}.time-select-group select{flex:1;width:0;min-width:0;appearance:none;border:0;background:transparent;color:var(--ink);font-size:20px;font-weight:730;text-align:center;text-align-last:center;cursor:pointer;outline:none;padding:3px 0;font-variant-numeric:tabular-nums}.time-select-group select:focus-visible{outline:2px solid #b89469;border-radius:4px}.time-colon{color:#b4a48a;font-size:17px;font-weight:600}.lunar-helper{border:1px solid #e9e7dd;border-radius:8px;padding:10px 12px;margin:5px 0 15px;background:#f8f8f2;display:flex;align-items:center;gap:9px;color:#737e71;font-size:11px;line-height:1.55}.lunar-helper svg{color:#8a936f;flex:none}.lunar-helper strong{color:#536b55;font-weight:700}.toggle{display:flex;gap:10px;align-items:flex-start;font-size:11px;cursor:pointer;color:var(--muted);padding:2px 0 5px;line-height:1.55}.toggle input{margin-top:3px;accent-color:var(--red);width:15px;height:15px;flex:none}.toggle strong{display:block;color:#4c574f;font-size:12px;font-weight:700}.toggle small{font-size:11px;display:block;color:#a1a299}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field-select,.field-input,.field-textarea{display:block;appearance:none;width:100%;border:1px solid #dcded4;border-radius:9px;background:#fbfbf6;color:var(--ink);padding:13px 12px;outline:none;font-size:13px;min-height:45px}.field-select{background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%238c907f" stroke-width="2"%3E%3Cpath d="m6 9 6 6 6-6"/%3E%3C/svg%3E');background-repeat:no-repeat;background-size:16px;background-position:right 10px center;padding-right:31px}.field-input:focus,.field-select:focus,.field-textarea:focus{border-color:#ae916e;background:#fffdf9}.number-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.number-row .field-input{font-size:22px;font-weight:700;text-align:center;padding:9px 3px;min-width:0}.field-textarea{height:84px;min-height:84px;resize:vertical;font-size:13px}.form-divider{height:1px;background:var(--line);margin:19px 0 17px}.cast-button{width:100%;height:49px;border:1px solid var(--red);border-radius:9px;background:var(--red);color:#fffdf7;font-weight:800;letter-spacing:.19em;font-size:14px;display:flex;align-items:center;justify-content:center;gap:10px;transition:transform .14s,background .14s,box-shadow .14s;box-shadow:0 8px 18px rgba(133,68,58,.13)}.cast-button:hover{background:var(--red-dark);box-shadow:0 9px 22px rgba(133,68,58,.2)}.cast-button:active{transform:translateY(1px)}.tiny-actions{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:13px}.text-btn{background:none;border:0;padding:3px 4px;color:#8f9188;text-decoration:underline;text-decoration-color:#c9c7bc;text-underline-offset:3px;font-size:11px}.error{font-size:12px;color:#ad3c32;margin-top:10px;min-height:0}
.right-stack{display:flex;flex-direction:column;gap:18px;min-width:0}.result-panel{padding:27px 30px 26px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.panel-head .panel-title{margin:5px 0 0}.seal-label{border:1px solid #b69078;color:#985f4c;padding:5px 8px;line-height:1.2;border-radius:2px;font-family:"STKaiti","KaiTi",serif;font-size:12px;letter-spacing:.1em;transform:rotate(4deg)}.result-highlight{margin:18px 0 22px;min-height:204px;background:radial-gradient(circle at center, #fcfaf5 15%, #f8f6ef 78%);border:1px solid #efede5;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.result-highlight::before,.result-highlight::after{content:"";border:1px solid #eae3d6;border-radius:50%;width:260px;height:260px;position:absolute;pointer-events:none}.result-highlight::after{width:220px;height:220px;border-style:dashed;border-color:#eae5d9}.result-highlight>*{position:relative;z-index:1}.seal-top{color:#b3a68b;font-size:10px;letter-spacing:.28em}.seal-word{font-size:clamp(52px,7vw,68px);font-weight:600;color:var(--red);line-height:1.36;letter-spacing:.12em;padding-left:.12em;margin:5px 0}.seal-meaning{font-size:12px;letter-spacing:.15em;color:#687268;margin-bottom:8px}.verdict{display:inline-block;border:1px solid #d3e1d0;background:#f1f7ef;color:#527155;font-size:11px;padding:2px 12px;border-radius:999px}.verdict.caution{background:#faf1e9;color:#8d6b49;border-color:#eadac7}.result-meta{color:#93948b;font-size:11px;text-align:center;line-height:1.7;margin:-7px 0 14px;overflow-wrap:anywhere}.question-echo{background:#f8f5ec;padding:10px 12px;border-left:2px solid #b99b6e;color:#746a5c;font-size:12px;border-radius:0 5px 5px 0;margin-bottom:17px;overflow-wrap:anywhere}.detail-label{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:750;color:#887f6c;letter-spacing:.08em;margin:16px 0 10px}.detail-label:after{content:"";flex:1;height:1px;background:var(--line)}.palace-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.palace{border:1px solid #e9e9e1;border-radius:9px;background:#fafaf6;text-align:center;padding:10px 2px 7px;min-width:0;transition:.2s}.palace.active{border-color:#b96e5d;background:#fdf4ee;box-shadow:0 0 0 2px #ad574b12}.palace .position{font-size:10px;color:#aaa89d;display:block}.palace strong{font-size:20px;font-family:"STKaiti","KaiTi","STSong",serif;font-weight:600;color:#536052;display:block;line-height:1.7}.palace.active strong{color:var(--red)}.palace .pal-index{font-size:10px;color:#a9a297;display:block;min-height:16px}.palace.active .pal-index{color:#a35d4b;font-weight:750}.stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.stage{border-radius:9px;background:#f7f7f2;border:1px solid #eaeae1;padding:11px 6px;text-align:center;position:relative}.stage.final{background:#fcf3ee;border-color:#e8d5c9}.stage small{font-size:10px;color:#96988e;display:block;margin-bottom:3px}.stage strong{display:block;font-size:22px;font-weight:650;font-family:"STKaiti","KaiTi","STSong",serif;color:#5a695a}.stage.final strong{color:var(--red)}.calc{font-size:11px;color:#a0a094;margin:9px 0 0;text-align:center;line-height:1.7}.interpret-panel{padding:24px 29px 26px}.interpret-title{font-size:21px;font-weight:650;margin:4px 0 0}.copy-btn{border:1px solid #dbc7bc;color:#925a4a;border-radius:7px;background:transparent;font-size:11px;white-space:nowrap;padding:8px 11px}.copy-btn:hover{background:#f9f0e9}.interpret-copy{font-size:13px;color:#626c62;line-height:1.95;margin:17px 0 11px}.chips{display:flex;gap:7px;flex-wrap:wrap}.chip{font-size:11px;padding:3px 9px;color:#7d816a;background:#f4f4eb;border-radius:999px}.advice{border-top:1px solid var(--line);padding-top:14px;margin:16px 0 0;color:#687067;font-size:12px;line-height:1.85}.advice strong{color:var(--red)}
.rule-panel{padding:19px 25px;margin:19px 0 42px}.rule-panel summary{font-size:13px;color:#536352;cursor:pointer;font-weight:750}.rule-content{padding-top:11px;font-size:12px;color:#81877c;line-height:1.9}.rule-content p{margin:5px 0 11px}.rule-content strong{color:#576657}.hours{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;list-style:none;padding:0;margin:12px 0}.hours li{text-align:center;border-radius:5px;background:#f5f5ee;padding:6px 3px;font-size:10px;color:#6e776a;white-space:nowrap}.footer{text-align:center;color:#a4a79e;font-size:11px;padding:0 20px 27px}
/* Date panel, fully custom and shared on desktop/mobile */
.calendar-pop{position:absolute;top:calc(100% + 9px);left:0;width:324px;max-width:calc(100vw - 42px);background:#fffefa;border:1px solid #e1ded2;border-radius:13px;padding:17px;z-index:100;box-shadow:0 22px 60px rgba(25,45,30,.17)}.calendar-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.calendar-month{font-weight:800;font-size:15px;letter-spacing:.02em}.calendar-nav{display:flex;gap:6px}.calendar-nav button{border:1px solid #eceae1;border-radius:7px;width:29px;height:29px;background:#fffdfa;color:#758073;font-size:19px;line-height:1}.calendar-nav button:hover{border-color:#c8b491;background:#f8f5ec;color:var(--red)}.week-head,.calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}.week-head{margin-bottom:5px}.week-head span{text-align:center;color:#a4a59a;font-size:10px;padding:6px 0}.week-head span:last-child,.week-head span:nth-last-child(2){color:#aa7d71}.calendar-days button{border:0;background:transparent;border-radius:7px;height:37px;font-size:12px;font-variant-numeric:tabular-nums;color:#555f55;position:relative}.calendar-days button:not(.in-month){color:#c7c8be}.calendar-days button:hover{background:#f3ece0}.calendar-days button.today:after{content:"";position:absolute;bottom:4px;left:50%;transform:translateX(-50%);width:3px;height:3px;background:#bc966a;border-radius:50%}.calendar-days button.selected{background:var(--red);color:#fff!important;font-weight:800;box-shadow:0 4px 10px #85443a33}.calendar-days button.selected:after{background:#f7d3a5}.calendar-bottom{border-top:1px solid #efede7;margin-top:13px;padding-top:12px;display:flex;align-items:center;justify-content:space-between;gap:9px}.calendar-bottom small{color:#9d9b91;font-size:10px}.calendar-today{background:#f5f0e7;border:0;border-radius:6px;color:#8a6954;font-size:11px;padding:6px 10px}.calendar-today:hover{background:#ebdfcf}
@media(max-width:900px){.grid-layout{grid-template-columns:335px minmax(0,1fr);gap:14px}.control-panel{padding:22px}.result-panel{padding:24px 19px}.interpret-panel{padding:23px 19px}.hours{grid-template-columns:repeat(4,1fr)}.date-time-row{grid-template-columns:1fr}.calendar-pop{width:315px}}
@media(max-width:720px){.topbar{height:63px}.topbar-inner,.wrap{width:min(520px,calc(100% - 28px))}.nav-note{display:none}.hero{padding:35px 0 26px}.hero h1{font-size:43px}.grid-layout{grid-template-columns:1fr;gap:15px}.control-panel,.result-panel,.interpret-panel{padding:22px 21px}.right-stack{gap:15px}.date-time-row{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}.calendar-pop{width:321px}.result-highlight{min-height:196px}.rule-panel{margin:15px 0 31px;padding:18px 19px}.hours{grid-template-columns:repeat(4,1fr)}}
@media(max-width:390px){.date-time-row{grid-template-columns:1fr}.calendar-pop{width:min(314px,calc(100vw - 58px))}.palace-grid,.stages{gap:6px}.palace strong{font-size:18px}.hours{grid-template-columns:repeat(3,1fr)}.hero h1{font-size:38px}.control-panel,.result-panel,.interpret-panel{padding:19px 16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

.calendar-month{display:flex;align-items:center;gap:3px}.calendar-month select{appearance:none;border:0;border-bottom:1px solid #ddd3c3;background:transparent;color:var(--ink);font-weight:750;font-size:14px;padding:4px 1px;cursor:pointer;outline-offset:2px;text-align:center;text-align-last:center}.calendar-month select:first-child{width:53px}.calendar-month select:nth-of-type(2){width:29px}.calendar-month span{color:#8d8e83;font-size:11px;font-weight:500}


/* V4 controls only — light classical palette, no particle animation / Canvas */
.picker-anchor{position:relative;min-width:0}
.picker-copy .big-time{font-size:20px;font-variant-numeric:tabular-nums;letter-spacing:.035em;line-height:1.2}
.big-time span{color:#b69774;padding:0 1px}
.time-anchor .picker-icon{flex:none;width:33px;height:33px}
.time-anchor .picker-copy small{white-space:nowrap;font-size:9px}
.dropdown-pop{position:absolute;top:calc(100% + 10px);z-index:110;max-width:calc(100vw - 32px);background:#fffefa;border:1px solid #e1ded2;border-radius:14px;padding:16px;box-shadow:0 22px 55px rgba(55,46,34,.17);color:var(--ink);overflow:hidden}
.calendar-pop{left:0;width:328px}
.time-pop{right:0;width:328px}
.picker-panel-header{display:flex;justify-content:space-between;align-items:center;color:#6b624f;font-size:12px;font-weight:750;border-bottom:1px solid #eeebe3;padding:0 1px 11px;margin-bottom:12px}
.picker-panel-meta{font-size:10px;color:#aaa294;font-weight:500}
.calendar-heading{border:0;background:transparent;font-size:16px;font-weight:800;color:#3d4e41;padding:5px 2px}
.calendar-heading span{color:#a89172;margin-left:7px}
.calendar-nav{display:flex;gap:7px}
.calendar-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;min-height:258px;align-content:center}
.calendar-options button{border:1px solid #e8e3d8;background:#faf8f1;color:#65705f;border-radius:8px;padding:10px 4px;font-size:13px}
.calendar-options button.chosen,.calendar-options button:hover{border-color:#ad7d63;background:#f5ebe0;color:#86463c;font-weight:750}
.time-preview{display:flex;justify-content:center;align-items:baseline;gap:4px;font-size:38px;font-weight:750;font-variant-numeric:tabular-nums;color:var(--red);line-height:1.5;margin:0 0 12px}
.time-preview b{font-size:29px;font-weight:450;color:#ba9a75}
.time-preview small{font-size:11px;font-weight:700;color:#7f8977;margin-left:9px}
.time-dials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.time-dial{min-width:0}
.time-dial label{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:11px;color:#596659;font-weight:730;margin-bottom:8px}
.time-dial label small{font-size:9px;color:#a6a394;font-weight:400}
.time-edit{display:flex;align-items:center;gap:2px;background:#fbfbf6;border:1px solid #dedcd1;border-radius:9px;padding:4px;height:48px}
.time-edit button{height:32px;min-width:26px;border:none;border-radius:6px;color:#875c4d;background:#f1ece3;font-size:20px;line-height:1}
.time-edit button:hover{background:#e8d9c8}
.time-edit input{display:block;min-width:0;width:100%;padding:0;background:transparent;border:0;text-align:center;outline:none;color:#3e503f;font-size:20px;font-weight:800;font-variant-numeric:tabular-nums}
.time-edit input:focus-visible{outline:2px solid #a98662;border-radius:4px}
.time-presets{margin-top:17px}
.time-presets>span{display:block;color:#8d8f80;font-size:11px;margin-bottom:8px}
.time-presets>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.time-presets button{height:34px;border:1px solid #e2ded4;background:#faf8f2;border-radius:8px;color:#727c70;font-size:12px;font-weight:750}
.time-presets button:hover,.time-presets button.active{background:#f4e8df;color:var(--red);border-color:#c6a18c}
.time-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid #eeebe3;padding-top:13px;margin-top:15px}
.time-bottom button{border-radius:8px;font-size:11px;font-weight:700;padding:9px 12px}
.time-now{background:#faf9f3;color:#727c6e;border:1px solid #dfdfd4}
.time-done{background:var(--red);border:1px solid var(--red);color:#fff}
.time-done:hover{background:var(--red-dark)}
.picker-backdrop{display:none}
/* The desktop popups must be free to float beyond the left column. */
.control-panel{position:static;z-index:auto}
@media(max-width:720px){
  .picker-backdrop{display:block;position:fixed;inset:0;z-index:90;background:rgba(32,32,25,.4)}
  .dropdown-pop{position:fixed!important;left:50%!important;right:auto!important;top:auto!important;bottom:max(12px,env(safe-area-inset-bottom))!important;transform:translateX(-50%)!important;width:min(360px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 24px);overflow-y:auto;box-shadow:0 18px 80px rgba(28,32,22,.3);z-index:120}
}
@media(max-width:390px){.time-anchor .picker-copy strong{font-size:14px}.time-anchor .picker-copy small{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* V4.1: Hand-entered lunar calendar pickers use the same component system as date/time. */
.lunar-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:11px 13px;background:#fbfbf6;border:1px solid #dcded4;border-radius:9px;color:var(--ink);font-size:13px;text-align:left;transition:border-color .12s,background .12s,box-shadow .12s}
.lunar-select-trigger small{font-size:11px;color:#8c9088}
.lunar-select-trigger:hover,.lunar-select-trigger.active{background:#fffdf9;border-color:#b89469;box-shadow:0 0 0 3px #b8946915}
.lunar-select-chevron{flex:none;color:#a6a495}
.lunar-select-trigger.active .lunar-select-chevron{transform:rotate(180deg)}
.lunar-pop{width:328px;max-width:calc(100vw - 24px)}
.lunar-pop.above{top:auto;bottom:calc(100% + 10px)}
.month-pop,.hour-pop{left:0}
.day-pop{right:0}
.lunar-choice-grid{display:grid;gap:7px}
.lunar-month-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.lunar-day-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.lunar-hour-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.lunar-choice{background:#faf8f2;border:1px solid #e8e3d8;border-radius:8px;min-height:42px;min-width:0;padding:8px 3px;color:#4d5b51;font-size:12px;font-weight:650;transition:background .12s,border-color .12s}
.lunar-choice:hover{background:#f8efe5;border-color:#c5a689}
.lunar-choice.selected{background:#85443a;color:#fffefa;border-color:#85443a;box-shadow:0 4px 10px rgba(133,68,58,.12)}
.lunar-hour-grid .lunar-choice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:54px;padding:6px 2px}
.lunar-hour-grid .lunar-choice strong{font-size:12px;line-height:1.4}
.lunar-hour-grid .lunar-choice small{font-size:9px;white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:400;color:#999b92}
.lunar-hour-grid .lunar-choice.selected small{color:#f2dbce}
.lunar-pop .picker-panel-header{margin-bottom:13px}
.lunar-close{width:25px;height:25px;display:grid;place-items:center;color:#938d7f;border:1px solid #eae7df;background:#fffefa;border-radius:7px;line-height:1;font-size:20px}
.lunar-close:hover{border-color:#b89469;color:#85443a}
.lunar-pop-footnote{margin:13px 0 0;color:#a6a399;font-size:10px;text-align:center;line-height:1.5}
@media(max-width:720px){
  .lunar-pop .lunar-choice{min-height:45px}
  .lunar-pop .lunar-hour-grid .lunar-choice{min-height:54px}
}
@media(max-width:390px){
  .lunar-day-grid{gap:5px}
  .lunar-pop{padding:14px}
}