:root{--bg:#f7f3ec;--surface:#fffdf9;--surface-2:#f1ebe0;--text:#2a2420;--muted:#6b6159;--border:#ddd3c4;--accent:#8a3322;--accent-text:#fff;--focus:#1f6feb;--error:#b42318;--error-bg:#fdecea;--wood:#2f7d4f;--fire:#c2410c;--earth:#a16207;--metal:#64748b;--water:#1d4ed8;--map-sea:#dce9f2;--map-land:#efe8da;--map-land-stroke:#b9ad99;--map-area-stroke:#cfc3af;--map-selected:#f2c9a5;--map-grid:#c9dae6;--radius:12px;--shadow:0 1px 2px #0000000f, 0 4px 16px #0000000d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#171412;--surface:#211d1a;--surface-2:#2b2622;--text:#efe8de;--muted:#b0a597;--border:#3d3530;--accent:#e0846b;--accent-text:#1a1210;--focus:#79b0ff;--error:#ff8a80;--error-bg:#3a1d1a;--wood:#5fbf86;--fire:#f0844f;--earth:#d6a43b;--metal:#a5b4c8;--water:#7aa2ff;--map-sea:#1b2731;--map-land:#3a332d;--map-land-stroke:#6d6153;--map-area-stroke:#54493f;--map-selected:#8a5a3a;--map-grid:#243442;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#171412;--surface:#211d1a;--surface-2:#2b2622;--text:#efe8de;--muted:#b0a597;--border:#3d3530;--accent:#e0846b;--accent-text:#1a1210;--focus:#79b0ff;--error:#ff8a80;--error-bg:#3a1d1a;--wood:#5fbf86;--fire:#f0844f;--earth:#d6a43b;--metal:#a5b4c8;--water:#7aa2ff;--map-sea:#1b2731;--map-land:#3a332d;--map-land-stroke:#6d6153;--map-area-stroke:#54493f;--map-selected:#8a5a3a;--map-grid:#243442;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);margin:0;font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}#app{max-width:760px;margin:0 auto;padding:24px 16px 48px}h1,h2,h3,h4{margin:0 0 .5em;line-height:1.25}h1{letter-spacing:-.01em;font-size:clamp(1.6rem,5vw,2.2rem)}h2{font-size:1.35rem}h3{font-size:1.1rem}h4{margin-top:1.25em;font-size:1rem}p{margin:0 0 .75em}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.site-header{margin-bottom:20px}.tagline{color:var(--muted);font-size:1.05rem}.privacy{background:var(--surface-2);border-radius:999px;padding:4px 12px;font-size:.9rem;display:inline-block}.privacy:before{content:"🔒 "}.card,.result{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.result{margin-top:24px;scroll-margin-top:16px}.field{margin-bottom:20px}.label{margin-bottom:2px;font-weight:600;display:block}.hint{color:var(--muted);margin-bottom:6px;font-size:.9rem}input[type=date],input[type=time],select{font:inherit;color:inherit;background:var(--surface);border:1px solid var(--border);border-radius:8px;width:100%;max-width:360px;min-height:44px;padding:10px 12px}input:disabled{opacity:.5}.checkbox,.radio{cursor:pointer;align-items:center;gap:10px;min-height:32px;margin-top:10px;display:flex}.checkbox input,.radio input{width:20px;height:20px;accent-color:var(--accent);flex:none}fieldset{border:0;margin:0;padding:0}legend{padding:0;font-weight:600}.tabs{border-bottom:1px solid var(--border);gap:4px;margin:6px 0 12px;display:flex}.tabs [role=tab]{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;min-height:44px;padding:8px 12px}.tabs [role=tab][aria-selected=true]{color:var(--text);border-bottom-color:var(--accent);font-weight:600}.advanced{margin-bottom:20px}.advanced summary{cursor:pointer;color:var(--muted);min-height:32px}.advanced fieldset{margin-top:8px}button{font:inherit}.primary,.secondary{cursor:pointer;border-radius:999px;min-height:48px;padding:12px 24px;font-weight:600}.primary{background:var(--accent);color:var(--accent-text);border:0;width:100%;max-width:360px}.secondary{color:var(--text);border:1px solid var(--border);background:0 0;margin-top:16px}.place-picker.is-disabled{opacity:.45}.form-error,.error{color:var(--error);background:var(--error-bg);border-radius:8px;margin-bottom:16px;padding:10px 12px}.map-frame{border:1px solid var(--border);background:var(--map-sea);border-radius:10px;position:relative;overflow:hidden}.map-svg{aspect-ratio:960/500;touch-action:none;cursor:crosshair;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}@media (max-width:520px){.map-svg{aspect-ratio:4/3}}.map-sphere{fill:var(--map-sea)}.map-graticule{fill:none;stroke:var(--map-grid);stroke-width:.5px;vector-effect:non-scaling-stroke}.map-countries path{fill:var(--map-land);stroke:var(--map-land-stroke);stroke-width:.6px;vector-effect:non-scaling-stroke}.map-areas path{fill:none;stroke:var(--map-area-stroke);stroke-width:.5px;vector-effect:non-scaling-stroke}.map-countries path.is-selected{fill:var(--map-selected)}.map-areas path.is-selected{fill:var(--map-selected);stroke:var(--accent)}.map-pin path{fill:var(--accent);stroke:var(--surface);stroke-width:1.5px}.map-pin circle{fill:var(--surface)}.map-controls{flex-direction:column;gap:6px;display:flex;position:absolute;top:8px;right:8px}.map-btn{border:1px solid var(--border);background:var(--surface);width:40px;height:40px;color:var(--text);cursor:pointer;box-shadow:var(--shadow);border-radius:8px;font-size:1.2rem;line-height:1}.map-status{min-height:1.5em;margin-top:10px}.map-status.is-error{color:var(--error)}.map-selected{margin-bottom:2px;font-weight:600}.map-tz,.map-note{color:var(--muted);font-size:.9rem}.map-alts{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.chip{border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;border-radius:999px;min-height:40px;padding:6px 14px}.summary{color:var(--muted)}.pillars{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0;display:grid}@media (max-width:520px){.pillars{grid-template-columns:repeat(2,minmax(0,1fr))}}.pillar{background:var(--surface-2);text-align:center;border-radius:10px;flex-direction:column;gap:10px;padding:12px 10px;display:flex}.pillar.is-uncertain{outline:2px dashed var(--earth);outline-offset:-2px}.pillar-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0;font-size:.85rem}.pillar-part{flex-direction:column;align-items:center;gap:2px;display:flex}.glyph{font-family:Noto Serif TC,Noto Serif CJK TC,Songti TC,PMingLiU,serif;font-size:2.4rem;line-height:1.1}.pillar-glyphs{color:var(--muted);font-size:2.4rem}.romaji{font-weight:600}.pillar-meta{color:var(--muted);font-size:.8rem}.pillar-alt{color:var(--text);margin:0;font-size:.8rem}.badge{text-transform:uppercase;letter-spacing:.06em;background:var(--accent);color:var(--accent-text);border-radius:999px;padding:1px 8px;font-size:.7rem}.el-wood .glyph,.dm-title.el-wood{color:var(--wood)}.el-fire .glyph,.dm-title.el-fire{color:var(--fire)}.el-earth .glyph,.dm-title.el-earth{color:var(--earth)}.el-metal .glyph,.dm-title.el-metal{color:var(--metal)}.el-water .glyph,.dm-title.el-water{color:var(--water)}.notes{border-left:4px solid var(--earth);background:var(--surface-2);border-radius:0 10px 10px 0;margin:16px 0;padding:12px 16px}.notes ul{margin:0;padding-left:1.2em}.notes li+li,.inline-choice{margin-top:8px}.reading{margin-top:20px}.bars{gap:8px;margin:8px 0 16px;display:grid}.bar{grid-template-columns:4.5em 1fr 1.5em;align-items:center;gap:10px;display:grid}.bar-track{background:var(--surface-2);border-radius:999px;height:12px;overflow:hidden}.bar-fill{height:100%;width:var(--w,0%);border-radius:999px;display:block}.bar-fill.el-wood{background:var(--wood)}.bar-fill.el-fire{background:var(--fire)}.bar-fill.el-earth{background:var(--earth)}.bar-fill.el-metal{background:var(--metal)}.bar-fill.el-water{background:var(--water)}.bar-count{text-align:right;font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.small{font-size:.85rem}.site-footer{color:var(--muted);margin-top:32px;font-size:.85rem}.noscript{padding:16px}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}