:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#e6e8e3;--paper-2:#d9dcd5;--paper-3:#f2f3f0;--glass:#f2f3f0e6;--ink:#1e2226;--ink-soft:#4c5258;--line:#b3b8b2;--grain:#1e222609;--seal:#b3261e;--on-seal:#fff8f6;--error-bg:#f3e3e1;--shadow:0 24px 48px -28px #1e222659;--wood:#4e7a64;--fire:#b3261e;--earth:#b8893a;--metal:#8e959b;--water:#2e4a6b;--serif:"Gowun Batang", "Noto Serif KR", serif;--sans:var(--serif)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#15181b;--paper-2:#2a2f34;--paper-3:#1e2226;--glass:#1e2226e6;--ink:#e8eae5;--ink-soft:#a9afb4;--line:#4a5056;--grain:#e8eae508;--seal:#d9483d;--on-seal:#fff8f6;--error-bg:#3a2220;--shadow:0 24px 48px -28px #000c;--wood:#70a589;--fire:#d9483d;--earth:#d6a651;--metal:#aeb5bb;--water:#6e93be}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#15181b;--paper-2:#2a2f34;--paper-3:#1e2226;--glass:#1e2226e6;--ink:#e8eae5;--ink-soft:#a9afb4;--line:#4a5056;--grain:#e8eae508;--seal:#d9483d;--on-seal:#fff8f6;--error-bg:#3a2220;--shadow:0 24px 48px -28px #000c;--wood:#70a589;--fire:#d9483d;--earth:#d6a651;--metal:#aeb5bb;--water:#6e93be}:root:lang(ja){--serif:"Klee One", serif;--sans:"Noto Sans JP", sans-serif}:root:lang(en){--serif:"Gentium Book Plus", "Noto Serif KR", serif;--sans:"Noto Sans KR", sans-serif}:root:lang(ko) body,:root:lang(ko) body :not(.ms,b,pre){font-weight:700}.i18n-pending body{visibility:hidden}*{box-sizing:border-box;margin:0}body{background:var(--paper);color:var(--ink);font:400 16px/1.6 var(--sans);background-image:radial-gradient(var(--grain) 1px, transparent 1px);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background-size:3px 3px;min-height:100vh;overflow-x:hidden}img{-webkit-user-drag:none}input{-webkit-user-select:text;user-select:text}button,input{font:inherit;color:inherit}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--seal);outline-offset:3px;border-radius:8px}.mark-wrap{border-radius:14px;place-items:center;display:inline-grid}.mark{object-fit:contain;mix-blend-mode:multiply;display:block}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .mark-wrap{background:#f2f3f0}}:root[data-theme=dark] .mark-wrap{background:#f2f3f0}.dial{display:block;overflow:visible}.dial .track{fill:none;stroke:var(--line)}.dial .tick{stroke:var(--line);stroke-linecap:round}.dial .tick.major{stroke:var(--ink-soft)}.dial text{fill:var(--ink-soft);font:400 20px var(--sans)}.dial text.jeol{fill:var(--ink);font-weight:600}.dial .season{fill:var(--ink-soft);font:400 17px var(--sans);opacity:.7}.entry>.dial text{font-size:13px}.entry>.dial .season{font-size:11px}.dial .needle{stroke:var(--seal);stroke-width:2.5px;stroke-linecap:round}.dial .knob{fill:var(--seal)}::view-transition-old(root){animation-duration:.5s;animation-timing-function:cubic-bezier(.4,0,.2,1)}::view-transition-new(root){animation-duration:.5s;animation-timing-function:cubic-bezier(.4,0,.2,1)}.theme-switching,.theme-switching *,.theme-switching :before,.theme-switching :after{transition:none!important}.pill{background:var(--paper-3);color:var(--ink);cursor:pointer;border:0;border-radius:999px;padding:8px 16px;font-size:14px}.pill:hover{background:var(--paper-2)}.ms{letter-spacing:normal;text-transform:none;white-space:nowrap;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;direction:ltr;font-family:Material Symbols Rounded;font-size:20px;font-style:normal;font-weight:400;line-height:1;display:inline-block}.icon-button{place-items:center;width:38px;height:38px;padding:0;display:inline-grid}.lang-button{align-items:center;gap:6px;padding-left:12px;display:inline-flex}.tools{align-items:center;gap:8px;display:flex}.entry-tools{z-index:1;position:absolute;top:16px;right:16px}.entry{isolation:isolate;place-items:center;min-height:100vh;padding:150px 16px 48px;display:grid;position:relative;overflow:hidden}.entry>.dial{z-index:-1;opacity:.45;width:min(880px,150vw);height:auto;animation:300s linear infinite spin;position:absolute;top:50%;left:50%;translate:-50% -50%}@keyframes spin{to{rotate:360deg}}.entry-inner{background:var(--glass);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:min(580px,100%);box-shadow:var(--shadow);border-radius:28px;grid-template-columns:auto 1fr;gap:36px;padding:36px 36px 32px;display:grid;position:relative}.mascot{pointer-events:none;z-index:1;width:184px;position:absolute;bottom:calc(100% - 1px);right:12px}.mascot svg{width:100%;height:auto;display:block;overflow:visible}.brand{writing-mode:vertical-rl;font:800 48px/1 var(--serif);letter-spacing:.2em;align-self:start;align-items:center;gap:20px;display:flex}.brand small{font:400 15px/1.8 var(--serif);letter-spacing:.3em;color:var(--ink-soft)}.brand .mark-wrap{padding:4px}.brand .mark{width:56px;height:56px}:root:lang(en) .brand{letter-spacing:.04em}:root:lang(en) .brand small{letter-spacing:.12em}form{gap:20px;display:grid}form h1{font:700 23px/1.4 var(--serif)}form p.lede{color:var(--ink-soft);margin-top:-12px;font-size:14px}.field{gap:6px;display:grid}.field>label,.field>span{color:var(--ink-soft);padding-left:4px;font-size:14px;font-weight:500}.field small{font-weight:400}.in{background:var(--paper-2);height:50px;font:500 17px/1.5 var(--sans);color:var(--ink);border:1px solid #0000;border-radius:14px;align-items:center;width:100%;min-width:0;padding:0 16px;transition:border-color .15s,background .15s;display:flex}.in::placeholder{color:var(--ink-soft);opacity:.8}.in:focus,.in:focus-visible{border-color:var(--ink);background:var(--paper-3);outline:none}.in:disabled{opacity:.4;cursor:not-allowed}input[type=number].in{appearance:textfield}input[type=number].in::-webkit-inner-spin-button{-webkit-appearance:none}.name-row{grid-template-columns:4fr minmax(92px,1fr);align-items:end;gap:10px;display:grid}.date-row,.time-row{grid-template-columns:1.4fr 1fr 1fr;align-items:center;gap:10px;display:grid}.time-row .seg,.seg.gender{height:50px}.time-row .seg span,.seg.gender span{padding:9px 0}.time-row .seg,.seg.gender{border-radius:14px}.time-row .seg span,.seg.gender span{border-radius:10px}.picker{cursor:pointer;text-align:left;justify-content:space-between;gap:10px}.picker .ms{color:var(--ink-soft);flex:none}#place-value{white-space:nowrap;align-items:baseline;gap:8px;min-width:0;display:flex;overflow:hidden}#place-value small{color:var(--ink-soft);text-overflow:ellipsis;font-size:13px;font-weight:400;overflow:hidden}#place-value .placeholder{color:var(--ink-soft);font-weight:400}.unit{display:block;position:relative}.unit .in{font-variant-numeric:tabular-nums;padding-right:36px}.unit span{color:var(--ink-soft);pointer-events:none;font-size:15px;position:absolute;top:50%;right:14px;translate:0 -50%}.unit span:empty{display:none}.unit:has(span:empty) .in{padding-right:14px}.help{color:var(--ink-soft);padding-left:4px;font-size:13px;line-height:1.6}.field:has(.in:disabled) .help{opacity:.6}.seg{background:var(--paper-2);border-radius:999px;padding:4px;display:flex}.seg label{flex:1;position:relative}.seg input{opacity:0;cursor:pointer;position:absolute;inset:0}.seg span{text-align:center;color:var(--ink-soft);border-radius:999px;padding:8px 0;font-size:15px;transition:background .2s,color .2s;display:block}.seg input:checked+span{background:var(--ink);color:var(--paper-3);font-weight:500}.seg input:focus-visible+span{outline:2px solid var(--seal);outline-offset:1px}.label-row{justify-content:space-between;align-items:center;gap:12px;padding-left:4px;display:flex}.label-row>span{color:var(--ink-soft);font-size:14px;font-weight:500}.check{color:var(--ink-soft);cursor:pointer;align-items:center;gap:7px;font-size:13px;display:inline-flex}.check input{appearance:none;cursor:pointer;border:1.5px solid var(--line);background:var(--paper-3);border-radius:6px;flex:none;place-items:center;width:18px;height:18px;margin:0;transition:background .15s,border-color .15s;display:grid}.check input:after{content:"";border:solid var(--paper-3);border-width:0 2px 2px 0;width:5px;height:9px;margin-top:-2px;transition:scale .15s;rotate:45deg;scale:0}.check input:checked{background:var(--ink);border-color:var(--ink)}.check input:checked:after{scale:1}.check input:focus-visible{outline:2px solid var(--seal);outline-offset:2px}.form-error{color:var(--seal);background:var(--error-bg);border-radius:12px;padding:10px 14px;font-size:14px}.submit{background:var(--ink);color:var(--paper-3);cursor:pointer;font:700 17px/1 var(--serif);letter-spacing:.08em;border:0;border-radius:999px;margin-top:6px;padding:16px;transition:opacity .15s,scale .15s}.submit:hover{opacity:.88}.submit:active{scale:.98}.submit:disabled{opacity:.6;cursor:progress}.sample{color:var(--ink-soft);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;margin-top:-8px;font-size:14px;text-decoration:underline}.note{color:var(--ink-soft);text-align:center;margin-top:-8px;font-size:13px}.sheet{background:var(--paper-3);width:min(560px,100% - 32px);height:min(680px,100% - 48px);color:var(--ink);box-shadow:var(--shadow);border:0;border-radius:24px;flex-direction:column;margin:auto;padding:0}.sheet[open]{animation:.22s cubic-bezier(.2,.8,.2,1) rise;display:flex}.sheet::backdrop{background:#0a0c0e73}@keyframes rise{0%{opacity:0;translate:0 12px}}.sheet-head{justify-content:space-between;align-items:center;padding:18px 20px 8px;display:flex}.sheet-head h2{margin:0}.sheet-head .pill{background:var(--paper-2)}.sheet-search{border-bottom:1px solid var(--paper-2);padding:4px 16px 12px}.sheet-search .in{background:var(--paper-2)}.place-list{overscroll-behavior:contain;padding:8px 16px 20px;overflow-y:auto}.place-group+.place-group{margin-top:14px}.place-group h3{font:600 13px var(--sans);color:var(--ink-soft);margin:6px 4px 8px}.place-group h3 span{margin-left:4px;font-weight:400}.place-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:6px;display:grid}.place-option{text-align:left;cursor:pointer;background:var(--paper-2);color:var(--ink);font:500 15px/1.3 var(--sans);border:0;border-radius:12px;gap:2px;padding:10px 12px;display:grid}.place-option small{color:var(--ink-soft);font-size:12px;font-weight:400}.place-option:hover{background:var(--line)}.place-option[aria-pressed=true]{background:var(--ink);color:var(--paper-3)}.place-option[aria-pressed=true] small{color:inherit;opacity:.75}.place-group:first-child>.place-option{width:100%}.sheet.compact{width:min(360px,100% - 32px);height:fit-content}.lang-list{gap:6px;padding:8px 16px 20px;display:grid}.lang-option{cursor:pointer;background:var(--paper-2);color:var(--ink);font:500 16px/1.2 var(--sans);text-align:left;border:0;border-radius:12px;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.lang-option:hover{background:var(--line)}.lang-option .ms{visibility:hidden}.lang-option[aria-pressed=true]{background:var(--ink);color:var(--paper-3)}.lang-option[aria-pressed=true] .ms{visibility:visible}.sheet-search{position:relative}.sheet-search .ms{color:var(--ink-soft);pointer-events:none;position:absolute;top:calc(50% - 4px);left:30px;translate:0 -50%}.sheet-search .in{padding-left:44px}.sheet.license-sheet{width:min(560px,100% - 32px);max-height:min(680px,100% - 48px)}.license-list{overscroll-behavior:contain;gap:8px;padding:4px 16px 20px;display:grid;overflow-y:auto}.license-note{color:var(--ink-soft);margin:0 4px;font-size:14px}.license{background:var(--paper-2);border-radius:12px;gap:4px;padding:12px 14px;font-size:14px;display:grid}.license h3{font:600 16px/1.4 var(--sans);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.license p,.license a{color:var(--ink-soft)}.license a{text-underline-offset:3px;justify-self:start}.license summary{cursor:pointer;color:var(--ink-soft);margin-top:4px}.license pre{white-space:pre-wrap;color:var(--ink-soft);background:var(--paper-3);border-radius:8px;margin-top:8px;padding:10px 12px;font:400 12px/1.6 ui-monospace,monospace}.license-group{font:600 13px var(--sans);color:var(--ink-soft);margin:10px 4px 0}.badge{font:500 12px/1 var(--sans);background:var(--paper-3);color:var(--ink-soft);border-radius:999px;padding:4px 8px}.place-empty{color:var(--ink-soft);text-align:center;padding:24px 4px}.result.static *{animation:none!important}.result{max-width:980px;margin:0 auto;padding:24px 16px 40px;display:none}body.done .entry{display:none}body.done .result{display:block}body:not(.done) .site-footer{display:none}.top{justify-content:space-between;align-items:center;gap:12px;display:flex}.top .logo{font:800 22px var(--serif);align-items:center;gap:10px;display:flex}.top .logo .mark-wrap{border-radius:10px;padding:2px}.top .logo .mark{width:34px;height:34px}.top .actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.banner{background:var(--paper-3);color:var(--ink-soft);border-radius:16px;margin-top:20px;padding:12px 16px;font-size:14px}.hero{grid-template-columns:340px 1fr;align-items:center;gap:44px;margin-top:28px;display:grid}.moment{position:relative}.moment .dial{width:100%;height:auto}.moment .marker{transform-box:fill-box;transform-origin:50%;rotate:var(--deg)}body.done .moment .marker{animation:1.6s cubic-bezier(.3,0,.1,1) .2s both sweep}@keyframes sweep{0%{rotate:0deg}}.moment .center{text-align:center;pointer-events:none;place-content:center;display:grid;position:absolute;inset:0}.moment .center b{font:800 26px/1.25 var(--serif)}.moment .center span{color:var(--ink-soft);font-size:14px}.who h1{font:700 clamp(24px, 3.2vw, 32px)/1.4 var(--serif)}.who .meta{color:var(--ink-soft);margin-top:4px;font-size:15px}.chart{direction:rtl;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:24px;display:grid}.pillar{background:var(--paper-3);direction:ltr;border-radius:22px;align-content:start;justify-items:center;gap:8px;padding:14px 6px 16px;display:grid}.pillar .pos{font:500 14px/1 var(--sans);color:var(--ink-soft)}.glyph{justify-items:center;display:grid;position:relative}.glyph b{font:800 clamp(44px, 6.4vw, 72px)/1.1 var(--serif);z-index:1;position:relative}.glyph i{color:var(--ink-soft);font-size:12px;font-style:normal}.tg{background:var(--paper-2);border-radius:999px;padding:2px 10px;font-size:13px}.pillar.me{box-shadow:inset 0 0 0 1.5px var(--seal)}.pillar.me .pos,.pillar.me .tg.self{color:var(--seal)}.pillar.me .glyph:first-of-type b{color:var(--on-seal)}.pillar.me .glyph:first-of-type:before{content:"";background:var(--seal);border-radius:.28em;width:1.08em;height:1.04em;font-size:clamp(44px,6.4vw,72px);animation:.5s cubic-bezier(.2,.9,.3,1.3) 1.2s both stamp;position:absolute;top:3px;left:50%;transform:rotate(-4deg)}@keyframes stamp{0%{opacity:0;transform:scale(1.6)rotate(-10deg)}}.pillar.empty{color:var(--ink-soft);box-shadow:inset 0 0 0 1.5px var(--paper-2);background:0 0;align-content:center}.pillar.empty b{font:800 clamp(44px, 6.4vw, 72px)/1.1 var(--serif);color:var(--line)}.pillar.empty p,.pillar.multi p{text-align:center;font-size:13px}.pillar.multi .cands{justify-items:center;gap:4px;display:grid}.pillar.multi .cands b{font:800 clamp(26px, 3.6vw, 36px)/1.1 var(--serif)}.chart-cap{color:var(--ink-soft);margin-top:10px;font-size:14px}.grid2{grid-template-columns:1fr 1fr;gap:20px;margin-top:48px;display:grid}.card{background:var(--paper-3);border-radius:24px;padding:26px 26px 24px}h2{font:700 20px/1.4 var(--serif);margin-bottom:14px}h2 small{font:400 14px var(--sans);color:var(--ink-soft);margin-left:6px}.daymaster p{font:400 16px/1.9 var(--sans)}.daymaster p+p{color:var(--ink-soft);margin-top:10px;font-size:14px}.elements{gap:12px;display:grid}.el{grid-template-columns:62px 1fr 34px;align-items:center;gap:12px;font-size:15px;display:grid}.el .name{font:600 15px var(--sans);align-items:center;gap:7px;display:flex}.el .name:before{content:"";background:var(--c);border-radius:50%;width:9px;height:9px}.el .bar{background:var(--paper-2);border-radius:999px;height:12px;overflow:hidden}.el .bar:after{content:"";height:100%;width:var(--w);background:var(--c);border-radius:999px;animation:.9s cubic-bezier(.2,.8,.2,1) .6s both fill;display:block}@keyframes fill{0%{width:0}}.el .n{text-align:right;font-variant-numeric:tabular-nums}.el.zero .name,.el.zero .n{color:var(--ink-soft)}.el.zero .bar{box-shadow:inset 0 0 0 1px var(--line);background:0 0}.small{color:var(--ink-soft);margin-top:14px;font-size:14px}.wood{--c:var(--wood)}.fire{--c:var(--fire)}.earth{--c:var(--earth)}.metal{--c:var(--metal)}.water{--c:var(--water)}.luck{margin-top:20px}.luck ol{background:var(--paper-2);border-radius:20px;grid-template-columns:repeat(8,minmax(84px,1fr));gap:4px;padding:4px;list-style:none;display:grid;overflow-x:auto}.luck li{text-align:center;border-radius:16px;padding:12px 4px}.luck li b{font:700 24px/1.3 var(--serif);display:block}.luck li span{color:var(--ink-soft);white-space:nowrap;font-size:13px;display:block}.luck li.now{background:var(--ink);color:var(--paper-3)}.luck li.now span{color:inherit;opacity:.8}.luck .empty-luck{color:var(--ink-soft);font-size:15px}.luck li small{color:var(--ink-soft);margin-top:2px;font-size:12px;line-height:1.4;display:block}.luck li.now small{color:inherit;opacity:.8}.yearly ol{grid-template-columns:repeat(2,minmax(120px,1fr))}.pillar .stage{color:var(--ink-soft);font-size:12px}.chart-cap+.chart-cap{margin-top:4px}.grid2.more{margin-top:20px}.groups .el{--c:var(--ink-soft);grid-template-columns:104px 1fr 34px}.relations{gap:10px;padding:0;list-style:none;display:grid}.relations li{flex-wrap:wrap;align-items:baseline;gap:4px 10px;font-size:15px;display:flex}.relations b{font:700 20px/1.2 var(--serif)}.relations small{color:var(--ink-soft);font-size:13px}.voids{margin-top:16px;font-size:15px}.void-hits{margin-top:4px}.chart>.extra-cap,.chart>.pillar-extra{grid-column:1/-1}.extra-cap{color:var(--ink-soft);direction:ltr;margin-top:2px;font-size:13px}.pillar-extra{grid-template-columns:repeat(4,1fr);grid-template-columns:subgrid;direction:rtl;gap:10px;display:grid}.pillar-extra>div{background:var(--paper-2);direction:ltr;border-radius:12px;justify-items:center;gap:2px;padding:6px 0;display:grid}.pillar-extra>div:empty{background:0 0}.pillar-extra .han{font:700 17px/1.3 var(--serif);letter-spacing:.08em}.pillar-extra small{color:var(--ink-soft);font-size:12px}.story{margin-top:48px}.moment-card,.meanings,.relations-card,.stems-card{margin-top:20px}.section-title{margin:28px 4px 0}.grid2.season{margin-top:12px}.story .lead{grid-template-columns:auto 1fr;gap:6px 16px;margin:4px 0 14px;display:grid}.story .lead dt{color:var(--ink-soft);padding-top:3px;font-size:14px}.story .lead dd{font:400 16px/1.7 var(--sans);margin:0}.story blockquote{border-left:3px solid var(--seal);font:700 20px/1.5 var(--serif);margin:4px 0 14px;padding-left:14px}.strip{text-align:center;grid-template-columns:repeat(4,1fr);margin:8px 0 14px;padding:0;list-style:none;display:grid;position:relative}.strip:before{content:"";background:var(--line);height:1px;position:absolute;top:9px;left:12.5%;right:12.5%}.strip li{color:var(--ink-soft);padding-top:24px;font-size:13px;position:relative}.strip li:before{content:"";background:var(--line);border-radius:50%;width:9px;height:9px;margin-left:-4.5px;position:absolute;top:5px;left:50%}.strip li b{font:700 15px/1.4 var(--serif);color:var(--ink);display:block}.strip li.birth:before{background:var(--seal);width:15px;height:15px;margin-left:-7.5px;top:2px}.strip li.birth b{color:var(--seal)}.moment-card .small+.small{margin-top:6px}.read{border-top:1px solid var(--paper-2);padding:14px 0}.card h2+.read,.card>.read:first-child,.sub+.read{border-top:0;padding-top:4px}.relations+.read{margin-top:14px}.read :is(h3,h4){font:700 16px/1.5 var(--serif)}.read .sum{color:var(--ink-soft);margin-top:2px;font-size:14px}.read p:not(.sum){margin-top:6px;font-size:15px;line-height:1.85}.sub{font:700 17px/1.4 var(--serif);margin-top:22px}.relations-card>p:not(.small){margin-top:6px;font-size:15px;line-height:1.85}.luck .luck-list{background:0 0;border-radius:0;grid-template-columns:1fr;gap:4px;padding:0;display:grid;overflow:visible}.luck .luck-list li{text-align:left;border-radius:14px;flex-wrap:wrap;align-items:baseline;gap:2px 14px;padding:9px 12px;display:flex}.luck .luck-list li b{font:700 22px/1.2 var(--serif);order:-1;min-width:2.4em;display:inline}.luck .luck-list li span{font-size:14px;display:inline}.luck .luck-list li .gods{color:var(--ink)}.luck .luck-list li.now{background:var(--paper-2);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--seal)}.luck .luck-list li.now span{opacity:1}.luck .luck-list li p{flex-basis:100%;margin-top:6px;font-size:14px;line-height:1.75}.caption{color:var(--ink-soft);margin:16px 0 6px;font-size:13px}.yearly ol.years{grid-template-columns:repeat(5,minmax(0,1fr))}.yearly ol.months{grid-template-columns:repeat(6,minmax(0,1fr))}.yearly ol.years li,.yearly ol.months li{padding:8px 2px}.yearly ol.years li b,.yearly ol.months li b{font-size:18px}.yearly ol.months li span{white-space:normal;font-size:12px}.yearly ol.months li.now{background:var(--paper-3);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--seal)}.yearly ol.months li small.this{color:var(--seal);opacity:1}.days{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.days span{background:var(--paper-2);border-radius:999px;padding:6px 12px;font-size:14px}.stems{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:0;list-style:none;display:grid}.stems li{background:var(--paper-2);text-align:center;color:var(--ink-soft);border-radius:14px;justify-items:center;gap:4px;padding:10px 6px;font-size:12px;line-height:1.4;display:grid}.stems li b{font:800 28px/1.2 var(--serif);color:var(--ink)}.stems li.mine{background:var(--seal);color:var(--on-seal)}.stems li.mine b{color:var(--on-seal)}@media (width<=560px){.pillar-extra{gap:6px}.yearly ol.months{grid-template-columns:repeat(4,minmax(0,1fr))}.stems li span{display:none}}.reading-note{text-align:center;color:var(--ink-soft);margin-top:28px;font-size:14px}.site-footer{max-width:980px;color:var(--ink-soft);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px;margin:0 auto;padding:0 16px 48px;font-size:14px;display:flex}.site-footer p{line-height:1.6}.link-button{font:inherit;color:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.notification{background:var(--ink);color:var(--paper-3);opacity:0;pointer-events:none;border-radius:999px;padding:10px 18px;font-size:14px;transition:opacity .2s,translate .2s;position:fixed;bottom:24px;left:50%;translate:-50% 16px}.notification.visible{opacity:1;translate:-50%}.noscript{text-align:center;padding:16px}@media (width<=820px){.hero{grid-template-columns:1fr;gap:20px}.moment{width:100%;max-width:320px;margin:0 auto}.grid2{grid-template-columns:1fr}}@media (width<=560px){.entry-inner{grid-template-columns:1fr;gap:24px;padding:28px 20px}.mascot{width:152px;right:0}.brand{writing-mode:horizontal-tb;flex-wrap:wrap;gap:12px;font-size:34px}.brand .mark{width:42px;height:42px}.chart{gap:6px}.pillar{border-radius:16px}.top .logo>span:last-child{display:none}.pill{padding:8px 12px;font-size:13px}.date-row,.time-row{gap:8px}.unit .in{padding:0 28px 0 12px}.name-row{grid-template-columns:4fr minmax(84px,1fr);gap:8px}.sheet{width:100%;max-width:none;height:86%;padding-bottom:env(safe-area-inset-bottom);border-radius:24px 24px 0 0;margin:auto 0 0}.sheet[open]{animation-name:slide}.sheet.compact{width:100%;height:fit-content}@keyframes slide{0%{translate:0 100%}}.entry-tools{top:12px;right:12px}.unit span{right:10px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.seg input:disabled+span{opacity:.4;cursor:not-allowed}.who .meta.correction{margin-top:2px;font-size:13px}.ad-slot{border:1.5px dashed var(--line);color:var(--ink-soft);background:repeating-linear-gradient(135deg, transparent 0 10px, var(--grain) 10px 20px);font:500 13px var(--sans);border-radius:12px;place-content:center;justify-items:center;gap:4px;display:grid}.ad-slot small{font-variant-numeric:tabular-nums;font-size:12px;font-weight:400}.ad-rail-left,.ad-rail-right{display:none}@media (width>=1360px){.ad-rail-left,.ad-rail-right{z-index:1;width:160px;height:600px;display:grid;position:fixed;top:96px}.ad-rail-left{right:calc(50% + 514px)}.ad-rail-right{left:calc(50% + 514px)}}.ad-banner{width:min(728px,100%);height:90px;margin:20px auto 0}@media (width<=760px){.ad-banner{width:300px;height:250px}}