@charset "UTF-8";
:root{--bg:#101c23;--surface:#17262e;--surface2:#1c2d35;--line:#30414a;--text:#eff2ed;--muted:#a2b3b9;--gold:#dec394;--wood:#77d9ac;--fire:#ff967d;--earth:#e7c56f;--metal:#d1dbe9;--water:#7fc9f4;--serif:"Noto Serif TC","Source Han Serif TC","PMingLiU",serif;--sans:"Segoe UI","Microsoft JhengHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.6}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-underline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button:disabled{opacity:.45;cursor:not-allowed}[hidden]{display:none!important}.muted,.footnote{color:var(--muted)}.wood{--element:var(--wood);color:var(--wood)}.fire{--element:var(--fire);color:var(--fire)}.earth{--element:var(--earth);color:var(--earth)}.metal{--element:var(--metal);color:var(--metal)}.water{--element:var(--water);color:var(--water)}.skip{position:fixed;top:-80px;left:20px;z-index:10;padding:12px;background:var(--gold);color:var(--bg)}.skip:focus{top:12px}
.site-header{max-width:1440px;margin:auto;padding:27px 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:30px}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;font-family:var(--serif);font-size:23px;letter-spacing:3px}.brand small{display:block;font:9px/1.8 var(--sans);letter-spacing:2px;color:var(--muted)}.seal{display:grid;place-items:center;width:44px;height:46px;color:var(--gold);border:1px solid var(--gold);border-radius:4px;font-size:31px;letter-spacing:0}.site-header nav{display:flex;gap:34px;font-size:14px}.site-header nav a{text-decoration:none;color:var(--muted);padding:10px 0}.site-header nav .active{color:var(--gold);box-shadow:0 2px var(--gold)}.offline{font-size:12px;letter-spacing:1px;color:var(--muted)}main{max-width:1344px;margin:auto;padding:0 40px}.intro{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:40px 0 30px}.eyebrow{margin:0 0 9px;color:var(--gold);font-size:12px;letter-spacing:3px;font-weight:500}h1,h2,h3,p{margin-top:0}h1{font:normal 38px/1.5 var(--serif);letter-spacing:3px;margin-bottom:8px}.intro .muted{font-size:14px;margin:0}.elements-legend{display:flex;gap:27px;padding-right:3px}.elements-legend>span{font-family:var(--serif);font-size:31px;text-align:center}.elements-legend small{display:block;font:9px/1.8 var(--sans);letter-spacing:1.5px;margin-top:7px}
.controls{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:23px 26px 14px;margin-bottom:32px}.control-grid{display:grid;grid-template-columns:1.25fr .85fr 1fr 1.25fr auto;gap:20px;align-items:end}.field{min-width:0}.field label{display:block;font-size:13px;color:var(--muted);margin-bottom:9px;letter-spacing:.4px}.field label span{font-size:11px;margin-left:5px;color:#8fa1aa}input,select{min-width:0;color:var(--text);border:1px solid #40505a;border-radius:6px;background:#122129;padding:10px 11px;font-size:14px;min-height:43px}input:focus,select:focus{border-color:var(--gold)}.field>input,.field>select{width:100%}.date-row{display:flex;align-items:center;border:1px solid #40505a;border-radius:6px;background:#122129}.date-row input{border:0;background:none;width:100%;padding:9px 2px}.date-row button{color:var(--muted);border:0;background:none;font-size:25px;padding:2px 10px}.today{padding:10px 15px;background:var(--gold);color:#1d2b2f;border:1px solid var(--gold);border-radius:6px;min-height:44px;font-size:14px;font-weight:600;white-space:nowrap}.today:hover{background:#efdab5}.options{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:20px;padding-top:16px;border-top:1px solid var(--line);font-size:13px}.switch-label{display:flex;align-items:center;gap:10px;cursor:pointer;position:relative}.switch-label input{position:absolute;opacity:0;width:36px;height:30px;left:0;min-height:0}.switch{display:inline-block;width:34px;height:20px;background:#43525b;border-radius:20px;position:relative}.switch:after{content:"";position:absolute;width:14px;height:14px;border-radius:100%;top:3px;left:3px;background:#cfdbdc;transition:transform .2s}.switch-label input:checked+.switch{background:#729a86}.switch-label input:checked+.switch:after{transform:translateX(14px);background:white}.switch-label input:focus-visible+.switch{outline:2px solid var(--gold);outline-offset:4px}.divider{width:1px;height:20px;background:var(--line)}.inline-field{display:flex;align-items:center;gap:8px;color:var(--muted)}.inline-field input{width:105px;min-height:32px;padding:4px 8px}.inline-field select{min-height:32px;padding:4px 28px 4px 8px}.rollover{margin-left:auto}.text-button{background:none;border:0;color:var(--gold);padding:4px 0;font-size:13px}.text-button:hover{text-decoration:underline}.control-foot{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px;margin-top:12px}.control-foot p{margin:0}.error,.notice{margin:14px 0 0;padding:12px 14px;font-size:14px;background:#463029;color:#ffd6bf;border-radius:5px}.notice{background:#253a3e;color:#bcdfdd}#fold-field{display:block;margin-top:15px;font-size:14px;color:var(--gold)}#fold-field select{margin-left:10px}
.overview{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:28px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.section-heading h2{margin:0;font-size:23px;font-weight:500;letter-spacing:1px}.section-heading .eyebrow{margin-bottom:5px;font-size:11px}.section-heading>.muted{font-size:13px}.pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.pillar{background:var(--surface);border:1px solid var(--line);border-radius:10px;overflow:hidden}.pillar-title{display:flex;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line);font-size:14px;letter-spacing:2px}.pillar-title small{font-size:10px;letter-spacing:1.5px;color:var(--muted)}.pillar.day .pillar-title{color:var(--gold);background:#26332f}.pillar.day{border-color:#657565}.stem-branch{display:flex;flex-direction:column;gap:8px;padding:19px 18px}.character{display:flex;align-items:center;justify-content:space-between;gap:10px}.character b{font:normal 58px/1.3 var(--serif)}.character>span{text-align:right;font-size:14px}.character small{display:block;font-size:11px;color:var(--muted);margin-bottom:4px;letter-spacing:2px}.element-chip{display:inline-block;font-size:12px;padding:3px 9px;border-radius:4px;background:color-mix(in srgb,var(--element) 12%,transparent);color:var(--element);line-height:1.5;white-space:nowrap}.pillar-hidden{border-top:1px solid var(--line);padding:13px 16px 16px;min-height:94px}.pillar-hidden>span{display:block;color:var(--muted);font-size:11px;margin-bottom:9px;letter-spacing:2px}.hidden-chips{display:flex;gap:5px;flex-wrap:wrap}.hidden-chips .element-chip{padding:3px 6px;font-size:12px}.term-strip{margin-top:16px;padding:15px 18px;background:#1c2d30;border:1px solid #334744;border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px}.term-strip strong{color:var(--gold);font-weight:500}.term-strip small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.term-progress{height:3px;background:#40504b;flex:1;max-width:120px;margin:0 15px}.term-progress span{display:block;background:var(--gold);height:3px}
.solar-panel{background:linear-gradient(150deg,#23373b,#192a30);border:1px solid #3c5053;border-radius:12px;padding:21px 20px 18px}.solar-title{display:flex;justify-content:space-between;align-items:center}.solar-title .eyebrow{font-size:12px;letter-spacing:2px;margin:0}.small-tag{font-size:10px;padding:2px 7px;background:#354a49;border-radius:3px;color:#c0d6ce}.solar-dial{height:242px;width:242px;max-width:100%;margin:15px auto 10px;position:relative;display:grid;place-items:center;border-radius:50%;background:repeating-conic-gradient(from 0deg,transparent 0deg 29.5deg,#66786f 29.5deg 30deg);border:1px solid #4c625e}.solar-dial:before{content:"";position:absolute;inset:13px;background:#203238;border-radius:50%;border:1px solid #435852}.solar-dial:after{content:"";position:absolute;inset:38px;border:1px solid #3d524e;border-radius:50%;pointer-events:none}.dial-center{z-index:1;display:flex;align-items:center;flex-direction:column;margin-top:9px}.dial-center>span{font-size:31px;font-weight:300;font-variant-numeric:tabular-nums;letter-spacing:1px}.dial-center small{color:var(--muted);font-size:10px;margin:1px 0 9px}.dial-center strong{font-size:12px;font-weight:400;color:var(--gold);letter-spacing:1px}.dial-label{position:absolute;font-size:10px;color:#acbfb5;z-index:2;background:#203238;padding:0 4px}.north{top:20px}.south{bottom:20px}.east{right:12px;writing-mode:vertical-rl}.west{left:12px;writing-mode:vertical-rl}.dial-hand{position:absolute;inset:5px;border-radius:50%;z-index:3;pointer-events:none}.dial-hand:before{content:"";display:block;width:6px;height:15px;position:absolute;top:-3px;left:calc(50% - 3px);background:var(--gold);border-radius:2px}.solar-details{border-top:1px solid #405453;padding-top:13px}.solar-details>div{display:flex;justify-content:space-between;gap:10px;font-size:12px;margin:7px 0;color:var(--muted)}.solar-details strong{font-weight:400;color:#e2e8df;font-variant-numeric:tabular-nums}.solar-caption{font-size:11px;color:var(--muted);margin:12px 0 0;line-height:1.7}
.hours-section{margin-top:42px}.outline-tag{border:1px solid #485b5c;border-radius:20px;padding:5px 12px;font-size:12px;color:var(--gold);white-space:nowrap}.section-description{font-size:13px;color:var(--muted);margin:-7px 0 20px;line-height:1.8}.hours-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.hour-card{position:relative;min-width:0;text-align:left;padding:16px 13px 13px;background:var(--surface);border:1px solid var(--line);border-radius:8px;color:var(--text);transition:border-color .15s,background .15s}.hour-card:hover{background:#23363e;border-color:#627974}.hour-card.is-current{border-color:var(--gold);background:#2b3835;box-shadow:inset 0 2px var(--gold)}.hour-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:4px}.hour-name{font-size:14px;letter-spacing:1px}.hour-index{font-size:10px;color:var(--muted)}.hour-ganzhi{font:normal 30px/1.4 var(--serif);letter-spacing:4px}.hour-elements{display:flex;gap:5px;flex-wrap:wrap;margin:8px 0 12px}.hour-elements .element-chip{font-size:11px;padding:2px 5px}.hour-time{font-size:11px;color:#c6d3d5;white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:-.15px}.hour-date{font-size:10px;color:var(--muted);margin-top:3px}.hour-hidden{font-size:11px;color:var(--muted);margin-top:10px;padding-top:9px;border-top:1px solid var(--line);display:flex;gap:5px;flex-wrap:wrap}.hour-hidden span{white-space:nowrap}.footnote{font-size:12px;line-height:1.9;margin:14px 0 0}
.bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:34px 0 44px}.element-panel,.reference-panel{padding:25px 27px;border:1px solid var(--line);border-radius:10px}.element-panel h2{font-size:18px;font-weight:400;letter-spacing:1px;margin:0 0 19px}.element-counts{display:flex;gap:14px}.count-column{flex:1;min-width:0}.count-label{display:flex;justify-content:space-between;font-size:13px}.count-label b{font-size:16px;font-weight:400}.count-track{height:5px;background:#2b3e46;margin-top:10px;border-radius:3px;overflow:hidden}.count-track span{display:block;height:100%;background:var(--element)}.element-reference{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:23px;gap:10px}.element-reference>div{border-right:1px solid var(--line);text-align:center}.element-reference>div:last-child{border:0}.element-reference b{font:normal 35px/1.4 var(--serif)}.element-reference span{display:block;font-size:13px;margin-top:12px}.element-reference small{display:block;font-size:10px;margin-top:7px;color:var(--muted);white-space:nowrap}.method{padding-top:26px;border-top:1px solid var(--line)}.method .section-heading{margin-bottom:25px}.method h2{font-size:22px}.method details{border-bottom:1px solid var(--line)}summary{padding:19px 4px;cursor:pointer;font-size:15px;list-style:none;display:flex;justify-content:space-between;gap:16px}summary:after{content:"+";font-size:20px;font-weight:300;color:var(--gold)}details[open] summary:after{content:"−"}.details-body{max-width:1000px;padding:0 4px 12px;font-size:14px;color:var(--muted);line-height:1.9}.details-body p{margin:0 0 13px}.details-body a{color:var(--gold)}footer{max-width:1264px;margin:42px auto 0;border-top:1px solid var(--line);padding:23px 0 32px;display:flex;gap:20px;align-items:center;font-size:11px;color:var(--muted)}.footer-brand{font:18px var(--serif);letter-spacing:3px;color:var(--gold)}footer p{margin:0}footer>span:last-child{margin-left:auto}
@media(min-width:1500px){main{padding-top:10px}.intro{padding-top:45px;padding-bottom:38px}.pillar-title{padding:19px}.stem-branch{padding:22px}.character b{font-size:64px}.solar-panel{padding:25px}.solar-dial{margin-top:25px}.hour-card{padding:19px 16px}}
@media(max-width:1150px){.site-header{padding:22px 30px}.offline{display:none}main{padding:0 28px}.control-grid{grid-template-columns:1.2fr 1fr 1fr;gap:16px}.zone-field{grid-column:1 / 3}.today{justify-self:stretch}.overview{grid-template-columns:minmax(0,1fr) 280px;gap:18px}.pillars{gap:10px}.pillar-title{padding:13px}.stem-branch{padding:14px}.character b{font-size:49px}.pillar-hidden{padding:12px 11px}.solar-panel{padding:18px 15px}.solar-dial{width:224px;height:224px}.dial-center>span{font-size:28px}.hours-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.bottom-grid{gap:18px}.element-panel,.reference-panel{padding:22px 18px}footer{margin-left:28px;margin-right:28px}}
@media(max-width:850px){.brand{font-size:20px}.site-header nav{gap:22px}.intro{gap:20px}h1{font-size:30px}.elements-legend{gap:16px}.elements-legend>span{font-size:25px}.overview{grid-template-columns:1fr}.solar-panel{display:grid;grid-template-columns:220px 1fr;gap:0 26px;padding:20px 26px;align-items:center}.solar-title{grid-column:2;grid-row:1}.solar-dial{grid-row:1 / 4;grid-column:1;width:200px;height:200px;margin:0}.dial-center>span{font-size:26px}.dial-label{font-size:9px}.solar-details{grid-row:2;grid-column:2;margin-top:8px}.solar-caption{grid-row:3;grid-column:2}.pillar-title{padding:16px 20px}.stem-branch{padding:18px 20px}.character b{font-size:59px}.pillar-hidden{padding:14px 18px}.bottom-grid{grid-template-columns:1fr 1fr}.element-reference{gap:4px}.element-reference small{white-space:normal}.rollover{margin-left:0}.options{gap:14px}.section-heading h2{font-size:21px}}
@media(max-width:600px){.site-header{padding:18px 20px;align-items:center}.brand{font-size:20px;letter-spacing:2px}.brand small{font-size:7px}.seal{width:37px;height:40px;font-size:27px}.site-header nav{gap:0}.site-header nav a{display:none}.site-header nav a:last-child{display:block;font-size:12px}main{padding:0 18px}.intro{display:block;padding:27px 0 24px}h1{font-size:28px;letter-spacing:2px}.intro .muted{font-size:12px}.elements-legend{display:none}.controls{padding:18px 16px 12px;margin-bottom:26px}.control-grid{grid-template-columns:1.2fr 1fr;gap:13px}.field label{font-size:12px}.field input,.field select{font-size:13px}.zone-field{grid-column:auto}.today{grid-column:1 / -1;width:100%;margin-top:2px}.control-grid>.field:nth-child(3){grid-column:1 / -1}.date-row button{padding:2px 7px}.date-row input{font-size:12px}.zone-field{grid-column:1 / -1}.options{gap:13px 12px;font-size:12px}.options .divider{display:none}.switch-label{width:100%;margin-bottom:2px}.text-button{font-size:12px}.rollover{width:100%}.rollover select{flex:1}.control-foot{font-size:11px;display:block}.control-foot>span{display:block;margin-top:4px}.section-heading h2{font-size:20px}.section-heading>.muted{font-size:12px}.pillars{gap:8px}.pillar-title{padding:11px;font-size:13px;letter-spacing:1px}.pillar-title small{font-size:8px;letter-spacing:1px}.stem-branch{padding:15px 10px;gap:12px}.character{gap:4px;align-items:center}.character b{font-size:39px}.character>span{font-size:11px}.character small{font-size:9px;letter-spacing:0}.character .element-chip{padding:2px 4px;font-size:10px}.pillar-hidden{padding:10px 9px;min-height:114px}.hidden-chips{gap:5px}.hidden-chips .element-chip{font-size:11px;padding:2px 4px}.term-strip{padding:12px;font-size:12px;gap:8px}.term-strip small{font-size:10px}.term-progress{display:none}.solar-panel{padding:18px 15px;grid-template-columns:155px minmax(0,1fr);gap:0 13px}.solar-dial{width:155px;height:155px}.solar-dial:after{inset:28px}.dial-center{margin-top:10px}.dial-center>span{font-size:20px;letter-spacing:0}.dial-center small{font-size:9px;margin-bottom:4px}.dial-center strong{font-size:10px}.dial-label{font-size:8px}.north{top:15px}.south{bottom:15px}.east{right:5px}.west{left:5px}.solar-title .eyebrow{font-size:10px;letter-spacing:1px}.solar-title .small-tag{font-size:9px;padding:1px 4px}.solar-details>div{font-size:10px;gap:3px;flex-wrap:wrap;margin:4px 0}.solar-caption{font-size:10px;margin-top:6px}.hours-section{margin-top:30px}.hours-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hour-card{padding:15px}.hour-time{font-size:12px}.hour-ganzhi{font-size:33px}.hour-hidden{font-size:12px}.hour-elements .element-chip{font-size:12px}.section-description{font-size:12px}.bottom-grid{grid-template-columns:1fr;margin-top:27px;margin-bottom:30px;gap:14px}.element-reference{margin-top:17px;gap:9px}.element-reference small{font-size:11px}.element-panel,.reference-panel{padding:21px}.method{padding-top:25px}.method .section-heading{display:block}.method .section-heading>.muted{display:block;margin-top:8px}.method h2{font-size:19px}summary{font-size:14px}.details-body{font-size:13px}footer{margin:28px 18px 0;padding-bottom:26px;gap:8px 18px;flex-wrap:wrap}footer>span:last-child{width:100%;margin:0;font-size:10px}}
@media(max-width:720px){.intro .elements-legend{display:none}}
@media(max-width:380px){h1{font-size:24px;letter-spacing:1px}.date-field{grid-column:1 / -1}.control-grid>.field:nth-child(2){grid-column:1 / -1}.date-row input{font-size:14px}.character b{font-size:30px}.pillar-title{padding:10px 8px}.pillar-title small{font-size:7px}.solar-panel{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:18px}.solar-dial{width:200px;height:200px;align-self:center}.dial-center>span{font-size:26px}.dial-center small{font-size:11px}.dial-center strong{font-size:12px}.solar-details>div{font-size:12px}.solar-caption{font-size:11px}.solar-title .eyebrow{font-size:12px}.north{top:18px}.south{bottom:18px}.east{right:8px}.west{left:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media print{body{background:white;color:#18262a}.site-header nav,.controls,.solar-panel,.method,footer,.skip{display:none}main{max-width:none;padding:0}.intro{padding:15px 0}.overview{display:block}.pillar,.hour-card,.element-panel,.reference-panel{break-inside:avoid;background:white;color:#18262a}.hours-grid{grid-template-columns:repeat(4,1fr)}.wood{color:#126843}.fire{color:#b63d28}.earth{color:#846315}.metal{color:#465b75}.water{color:#14618c}.muted,.footnote,.hour-date,.hour-time{color:#485b64}.character small{color:#485b64}}

/* Full cross-date hour windows and their internal pillar changes. */
.hour-card{align-self:start}.hour-time{white-space:normal;line-height:1.8}.hour-time>span{display:block;white-space:nowrap}#correction{color:var(--gold)}.solar-details>div{flex-wrap:wrap}

/* Keep rules optional and the hour grid compact; explain elements in a focused dialog. */
.day-rule{margin-top:14px;border-top:1px solid var(--line)}.day-rule summary{justify-content:flex-start;align-items:center;padding:13px 0 2px;gap:12px;font-size:13px;color:var(--muted)}.day-rule summary:after{margin-left:auto;font-size:17px}.day-rule summary span{color:var(--gold);font-size:12px}.day-rule-body{max-width:720px;padding:14px 0 3px;font-size:14px;color:var(--muted);line-height:1.85}.day-rule-body p{margin:0 0 12px}.day-rule-body strong{color:var(--text)}.day-rule-body label{display:block;margin-bottom:8px}.day-rule-body select{width:min(100%,410px)}#rollover-example{margin:12px 0 0;color:var(--gold);font-size:13px}
.hour-card{padding:0;display:flex;flex-direction:column;align-self:stretch;overflow:hidden}.hour-select{display:block;text-align:left;width:100%;flex:1;min-width:0;padding:16px 13px 13px;color:inherit;font:inherit;border:0;background:transparent;border-radius:8px 8px 0 0}.hour-select:focus-visible{outline-offset:-3px}.hour-date{display:block}.hour-detail-button{position:absolute;right:6px;bottom:6px;width:32px;height:32px;padding:0;border:0;border-radius:6px;color:var(--gold);background:transparent;display:grid;place-items:center;font-size:20px;line-height:1}.hour-select .hour-hidden{padding-right:32px;min-height:36px}.hour-detail-button:hover{background:#304443}.hour-detail-button:focus-visible{outline-offset:-3px}
#hour-dialog{width:min(720px,calc(100% - 32px));max-height:calc(100dvh - 48px);padding:26px;border:1px solid #526963;border-radius:14px;background:var(--surface);color:var(--text);box-shadow:0 20px 100px #0008}#hour-dialog::backdrop{background:#071016bd;backdrop-filter:blur(4px)}.dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.dialog-heading h2{margin:0;font-size:24px;font-weight:500}.dialog-heading .eyebrow{font-size:11px}.dialog-heading button{border:1px solid var(--line);border-radius:50%;width:36px;height:36px;flex-shrink:0;background:transparent;color:var(--text);font-size:24px;line-height:1}#hour-dialog-note{font-size:14px;color:var(--muted);line-height:1.8;margin:17px 0}.detail-segment{border:1px solid var(--line);border-radius:8px;overflow:hidden;margin-top:14px}.detail-time{padding:13px 16px;background:#24373b;display:flex;justify-content:space-between;gap:12px;align-items:center}.detail-time strong{font-size:14px;font-weight:500;line-height:1.8}.detail-time strong span{display:block}.detail-time small{color:var(--muted);font-size:12px;white-space:nowrap}.detail-pillars{display:grid;grid-template-columns:1fr 1fr}.detail-pillar{padding:16px}.detail-pillar+.detail-pillar{border-left:1px solid var(--line)}.detail-pillar h3{font-weight:400;font-size:14px;margin:0 0 12px}.detail-pillar h3 span{font:26px var(--serif)}.detail-pillar h3 span:first-child{margin-left:8px}.detail-elements{display:flex;flex-wrap:wrap;gap:7px}.detail-elements .element-chip{font-size:14px}.detail-hidden{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px;align-items:center}.detail-hidden>span:first-child{font-size:12px;color:var(--muted);width:100%}.detail-hidden .element-chip{font-size:12px}
@media(max-width:600px){.day-rule summary{flex-wrap:wrap;gap:2px 9px;font-size:12px}.day-rule summary span{font-size:11px}.day-rule-body{font-size:13px}.day-rule-body select{font-size:12px}.hour-select{padding:15px}.hour-elements .element-chip{font-size:11px}#hour-dialog{padding:18px;max-height:calc(100dvh - 24px)}.dialog-heading h2{font-size:21px}.detail-time{padding:12px;flex-wrap:wrap;gap:5px}.detail-pillars{grid-template-columns:1fr}.detail-pillar{padding:14px}.detail-pillar+.detail-pillar{border-left:0;border-top:1px solid var(--line)}}