@font-face{font-family:Noto Sans Myanmar Local;src:url(/fonts/noto-sans-myanmar.woff2)format("woff2");font-style:normal;font-weight:400 700;font-display:swap;unicode-range:U+1000-109F,U+200C-200D,U+25CC,U+A92E,U+A9E0-A9FE,U+AA60-AA7F,U+116D0-116E3}@layer reset{*,:before,:after{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-behavior:smooth}body{min-width:0;min-height:100vh;margin:0;overflow-x:clip}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}img,svg{max-width:100%;display:block}}@layer tokens{:root{--background:#05080c;--background-soft:#080c12;--surface:#0c1117c7;--surface-elevated:#111820;--glass-fill:#11171eb3;--glass-border:#d6e1eb2e;--glass-highlight:#ffffff61;--text-primary:#f4f3ef;--text-secondary:#bec3c8;--text-muted:#808892;--dial-face:#080d14;--dial-face-highlight:#1a2736;--dial-marker:#eceae5;--dial-traditional:#d2a459;--watch-hand-shadow:#250b0a;--watch-hand-enamel:#8f3028;--watch-hand-highlight:#e58a67;--sun-accent:#e4af59;--moon-accent:#cad9e8;--metal-primary:#aeb5bd;--metal-secondary:#e5e8e9;--danger:#e48b7d;--warning:#e7b55f;--success:#78c9a2;--shadow-soft:0 16px 42px #00000047;--shadow-deep:0 30px 90px #0000009e;--blur-low:8px;--blur-medium:18px;--blur-high:30px;--radius-sm:12px;--radius-md:18px;--radius-lg:28px;--page-gutter:clamp(18px, 3.6vw, 56px);--content-max:1500px;--font-ui:Inter, Aptos, "Segoe UI Variable", "Segoe UI", sans-serif;--font-mm:"Noto Sans Myanmar Local", "Noto Sans Myanmar", "Myanmar Text", Padauk, sans-serif}:root[data-theme=sapphire]{--background:#030914;--background-soft:#071120;--surface:#0a1828c2;--surface-elevated:#102239;--dial-face:#071221;--dial-face-highlight:#234a70;--sun-accent:#e7b55f;--dial-traditional:#a9bfd7;--metal-primary:#99b5cf}:root[data-theme=mandalay]{--background:#0d0807;--background-soft:#15100d;--surface:#1f150fc4;--surface-elevated:#281c15;--dial-face:#110c09;--dial-face-highlight:#3c281b;--sun-accent:#d8a85c;--dial-traditional:#d7b16d;--metal-primary:#b88952}:root[data-theme=jade]{--background:#03100d;--background-soft:#071813;--surface:#09221bbd;--surface-elevated:#112b23;--dial-face:#07140f;--dial-face-highlight:#174a3b;--sun-accent:#e1b46a;--dial-traditional:#9dc6b5;--metal-primary:#b2c7bf}:root[data-theme=ivory]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#e9e3d6;--background-soft:#f4f0e8;--surface:#fffcf5db;--surface-elevated:#fffdf8;--glass-fill:#ffffffc2;--glass-border:#3a2f2538;--glass-highlight:#ffffffd6;--text-primary:#27231e;--text-secondary:#554d44;--text-muted:#7c7064;--dial-face:#e4ded1;--dial-face-highlight:#f8f5ed;--dial-marker:#28241f;--dial-traditional:#8b643b;--sun-accent:#a96f2f;--moon-accent:#516477;--metal-primary:#816b57;--metal-secondary:#ece6da;--shadow-soft:0 16px 42px #4a38271f;--shadow-deep:0 28px 80px #3e2f232e}:root[data-theme=sun]{--background:#080b10;--background-soft:#0c121b;--surface:#141920c7;--surface-elevated:#1a222c;--dial-face:#0a1119;--dial-face-highlight:#31485e;--sun-accent:#efb75f}:root[data-contrast=high]{--text-secondary:var(--text-primary);--text-muted:#c9cdd0;--glass-border:#ffffff6b}}@layer base{body{font-family:var(--font-ui);color:var(--text-primary);background:radial-gradient(circle at 20% 0%, color-mix(in srgb, var(--dial-face-highlight) 38%, transparent), transparent 28rem), linear-gradient(145deg, var(--background), var(--background-soft) 55%, var(--background));letter-spacing:.006em;background-attachment:fixed;line-height:1.5}body:before{content:"";pointer-events:none;opacity:.22;background-image:radial-gradient(circle at 1px 1px,#ffffff29 1px,#0000 0);background-size:44px 44px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 65%);mask-image:linear-gradient(#000,#0000 65%)}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--sun-accent);outline-offset:3px}input,select{color:var(--text-primary);background:var(--surface-elevated);border:1px solid var(--glass-border);border-radius:var(--radius-sm);min-height:46px;padding:0 14px}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.045em;margin-bottom:18px;font-size:clamp(42px,6vw,76px);font-weight:450;line-height:1}h2{letter-spacing:-.025em;margin-bottom:12px;font-size:clamp(25px,3vw,38px);font-weight:500;line-height:1.1}h3{letter-spacing:-.012em;font-weight:600}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.section-kicker{color:var(--sun-accent);letter-spacing:.15em;text-transform:uppercase;margin-bottom:10px;font-size:12px;font-weight:650;display:block}.method-note{color:var(--text-muted);font-size:13px;line-height:1.65}.icon-button{border:1px solid var(--glass-border);border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.icon-button svg{width:19px}.button-primary{border:1px solid color-mix(in srgb,var(--sun-accent),white 20%);background:color-mix(in srgb,var(--sun-accent) 16%,transparent);min-height:46px;color:var(--text-primary);border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:0 18px;font-size:14px;font-weight:600;display:inline-flex}.button-primary svg{width:18px}.field{color:var(--text-secondary);gap:7px;font-size:13px;display:grid}.field>span{font-weight:550}.field input,.field select{width:100%}.field-pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}}@layer components{.app-shell{min-height:100vh;padding-bottom:0}.app-header{z-index:30;height:76px;padding:0 var(--page-gutter);border-bottom:1px solid var(--glass-border);background:color-mix(in srgb,var(--background) 84%,transparent);-webkit-backdrop-filter:blur(var(--blur-medium));backdrop-filter:blur(var(--blur-medium));grid-template-columns:minmax(190px,280px) minmax(0,1fr) minmax(120px,280px);align-items:center;display:grid;position:sticky;top:0}.brand{align-items:center;gap:12px;width:max-content;display:flex}.brand>span:last-child{display:grid}.brand b{letter-spacing:.17em;font-size:20px;font-weight:500}.brand small{color:var(--text-muted);font-family:var(--font-mm);margin-top:-2px;font-size:12px}.brand-orbit{border:1px solid color-mix(in srgb,var(--sun-accent) 70%,transparent);border-radius:50%;width:42px;height:42px;display:block;position:relative}.brand-orbit:before{content:"";background:var(--sun-accent);box-shadow:0 0 18px color-mix(in srgb,var(--sun-accent) 45%,transparent);border-radius:50%;position:absolute;inset:12px}.brand-orbit i{border:1px solid var(--metal-primary);opacity:.55;border-radius:45% 55%;position:absolute;inset:5px;transform:rotate(60deg)}.brand-orbit i:nth-child(2){transform:rotate(120deg)}.brand-orbit i:nth-child(3){transform:rotate(180deg)}.app-header nav{justify-content:center;align-items:stretch;gap:clamp(24px,4vw,60px);height:100%;display:flex}.app-header nav a{color:var(--text-secondary);white-space:nowrap;align-items:center;font-size:14px;display:flex;position:relative}.app-header nav a.active{color:var(--text-primary)}.app-header nav a.active:after{content:"";background:var(--sun-accent);height:2px;box-shadow:0 0 12px var(--sun-accent);position:absolute;bottom:0;left:12%;right:12%}.header-place{color:var(--text-secondary);justify-self:end;align-items:center;gap:7px;font-size:14px;display:flex}.mobile-nav{display:none}.route-loading{min-height:70vh;color:var(--text-muted);place-content:center;justify-items:center;gap:18px;display:grid}.route-loading .brand-orbit{animation:2.4s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.update-prompt{z-index:90;border:1px solid var(--glass-border);background:var(--surface-elevated);box-shadow:var(--shadow-deep);border-radius:999px;align-items:center;gap:10px;padding:12px 14px 12px 18px;font-size:13px;display:flex;position:fixed;bottom:24px;right:24px}.setting-row{border-bottom:1px solid var(--glass-border);min-height:58px;color:var(--text-secondary);justify-content:space-between;align-items:center;gap:18px;padding:8px 0;display:flex}.setting-row>span{align-items:center;gap:10px;display:flex}.setting-row>span:has(small){gap:1px;display:grid}.setting-row small{color:var(--text-muted);font-size:12px;font-weight:400}.setting-row input[type=checkbox],.switch-label input[type=checkbox]{appearance:none;background:var(--surface-elevated);border:1px solid var(--glass-border);border-radius:999px;flex:none;width:46px;height:26px;min-height:0;padding:0;transition:all .25s;position:relative}.setting-row input[type=checkbox]:after,.switch-label input[type=checkbox]:after{content:"";background:var(--text-muted);border-radius:50%;width:18px;height:18px;transition:all .25s;position:absolute;top:3px;left:3px}.setting-row input[type=checkbox]:checked,.switch-label input[type=checkbox]:checked{background:color-mix(in srgb,var(--sun-accent) 30%,var(--surface-elevated));border-color:var(--sun-accent)}.setting-row input[type=checkbox]:checked:after,.switch-label input[type=checkbox]:checked:after{background:var(--sun-accent);transform:translate(20px)}.traditional-mode-selector{min-inline-size:0;border:0;border-top:1px solid var(--glass-border);width:100%;margin:18px 0 2px;padding:18px 0 0}.traditional-mode-selector legend{width:100%;color:var(--text-primary);letter-spacing:.015em;margin:0 0 12px;padding:0;font-size:13px;font-weight:560}.traditional-mode-options{gap:9px;display:grid}.traditional-mode-choice{border:1px solid var(--glass-border);border-radius:var(--radius-md);background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 88%,transparent),color-mix(in srgb,var(--background) 62%,transparent));cursor:pointer;grid-template-columns:42px minmax(0,1fr) 22px;align-items:start;gap:12px;min-height:112px;padding:15px;transition:border-color .2s,background .2s,box-shadow .2s,transform .2s;display:grid;position:relative}.traditional-mode-choice:hover{border-color:color-mix(in srgb,var(--sun-accent) 42%,var(--glass-border));background:color-mix(in srgb,var(--sun-accent) 5%,var(--surface))}.traditional-mode-choice:has(input:focus-visible){outline:2px solid var(--sun-accent);outline-offset:3px}.traditional-mode-choice.is-selected{border-color:color-mix(in srgb,var(--sun-accent) 78%,white 5%);background:linear-gradient(135deg,color-mix(in srgb,var(--sun-accent) 12%,var(--surface-elevated)),color-mix(in srgb,var(--surface) 94%,transparent));box-shadow:inset 0 1px color-mix(in srgb,var(--sun-accent) 28%,transparent),0 12px 30px #00000029}.traditional-mode-choice input{opacity:0;pointer-events:none;width:1px;height:1px;min-height:0;margin:0;padding:0;position:absolute}.traditional-mode-icon{border:1px solid var(--glass-border);width:42px;height:42px;color:var(--text-muted);background:color-mix(in srgb,var(--surface-elevated) 84%,transparent);box-shadow:inset 0 1px var(--glass-highlight);border-radius:50%;place-items:center;display:grid}.traditional-mode-icon svg{width:19px}.traditional-mode-choice.is-selected .traditional-mode-icon{color:var(--sun-accent);border-color:color-mix(in srgb,var(--sun-accent) 55%,transparent);box-shadow:inset 0 1px color-mix(in srgb,var(--sun-accent) 30%,transparent),0 0 18px color-mix(in srgb,var(--sun-accent) 12%,transparent)}.traditional-mode-copy{gap:3px;min-width:0;display:grid}.traditional-mode-title{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.traditional-mode-title strong{color:var(--text-primary);font-size:15px;font-weight:590}.traditional-mode-title small{color:var(--sun-accent);letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:620}.traditional-mode-formal{color:var(--sun-accent);letter-spacing:.075em;font-size:10px}.traditional-mode-description{color:var(--text-muted);font-size:11px;line-height:1.55}.traditional-mode-check{border:1px solid var(--glass-border);color:#0000;border-radius:50%;place-items:center;width:20px;height:20px;margin-top:1px;display:grid}.traditional-mode-check svg{stroke-width:3px;width:12px}.traditional-mode-choice.is-selected .traditional-mode-check{color:var(--background);border-color:var(--sun-accent);background:var(--sun-accent);box-shadow:0 0 12px color-mix(in srgb,var(--sun-accent) 28%,transparent)}.traditional-mode-note,.traditional-mode-fallback{color:var(--text-muted);align-items:flex-start;gap:8px;margin:12px 0 0;font-size:11px;line-height:1.55;display:flex}.traditional-mode-note{border-top:1px solid var(--glass-border);padding-top:11px}.traditional-mode-fallback{color:var(--warning)}.traditional-mode-fallback svg{flex:none;width:16px;margin-top:1px}.traditional-mode-selector--compact{margin-top:20px}.traditional-mode-selector--compact .traditional-mode-choice{min-height:98px;padding:13px}.segmented{background:var(--surface);border:1px solid var(--glass-border);border-radius:999px;padding:3px;display:flex}.segmented button{min-height:44px;color:var(--text-muted);text-transform:capitalize;border-radius:999px;padding:0 14px;font-size:12px}.segmented button.active{color:var(--text-primary);background:var(--surface-elevated);box-shadow:var(--shadow-soft)}.instrument-panel{border:1px solid var(--glass-border);background:var(--glass-fill);-webkit-backdrop-filter:blur(var(--blur-low));backdrop-filter:blur(var(--blur-low));box-shadow:var(--shadow-soft), inset 0 1px var(--glass-highlight);border-radius:var(--radius-lg)}.modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000ad;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.layer-sheet,.custom-location-modal{background:var(--surface-elevated);border:1px solid var(--glass-border);border-radius:var(--radius-lg);width:min(620px,100%);max-height:min(760px,90vh);box-shadow:var(--shadow-deep);padding:26px;overflow:auto}.layer-sheet>header,.custom-location-modal>header{justify-content:space-between;align-items:flex-start;display:flex}.time-utility-row{grid-template-columns:1fr auto 1fr;gap:18px;display:grid}.time-utility-row .utility-start{justify-self:start}.time-utility-row .utility-end{justify-self:end}.time-view-selector{border:1px solid var(--glass-border);background:color-mix(in srgb,var(--surface) 78%,transparent);border-radius:999px;grid-template-columns:1fr 1fr;width:min(390px,38vw);padding:3px;display:grid;box-shadow:inset 0 1px #ffffff0f}.time-view-selector button{min-height:42px;color:var(--text-muted);letter-spacing:.015em;white-space:nowrap;border-radius:999px;padding:0 18px;font-size:13px;font-weight:540;transition:color .2s,background .2s,box-shadow .2s}.time-view-selector button.active{color:var(--sun-accent);background:color-mix(in srgb,var(--sun-accent) 8%,var(--surface-elevated));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sun-accent) 78%,transparent),0 8px 24px #00000040}.view-label-compact{display:none}.ancient-guide{border-block:1px solid color-mix(in srgb,var(--sun-accent) 38%,var(--glass-border));background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--sun-accent) 6%,var(--surface)),transparent);grid-template-columns:42px minmax(0,1fr) auto;align-items:start;gap:16px;max-width:1180px;margin:18px auto 24px;padding:18px 20px;display:grid}.ancient-guide>svg{width:24px;color:var(--sun-accent);margin-top:2px}.ancient-guide h2{letter-spacing:0;margin:0 0 5px;font-size:17px}.ancient-guide ol{color:var(--text-secondary);flex-wrap:wrap;gap:8px 30px;margin:0;padding-left:18px;font-size:12px;display:flex}.ancient-guide button{border:1px solid var(--sun-accent);min-height:42px;color:var(--sun-accent);border-radius:999px;padding:0 18px;font-size:13px}.ancient-instrument{view-transition-name:time-instrument;grid-template-columns:minmax(480px,1.08fr) minmax(440px,.92fr);align-items:center;gap:clamp(36px,5vw,86px);min-height:calc(100vh - 168px);display:grid}.ancient-dial-stage{place-items:center;min-width:0;display:grid}.ancient-watch-dial{aspect-ratio:1;filter:drop-shadow(0 38px 62px #00000094);width:min(100%,690px,100vh - 184px)}.ancient-watch-dial svg{width:100%;height:100%;overflow:visible}.ancient-sector path{fill:color-mix(in srgb,var(--surface-elevated) 80%,#050505);stroke:color-mix(in srgb,var(--dial-traditional) 34%,#ffffff14);stroke-width:1.2px;transition:fill .32s,stroke .32s,opacity .32s}.ancient-sector text{fill:var(--text-muted);font-family:var(--font-mm);letter-spacing:0;font-size:13px;font-weight:520}.ancient-sector.is-complete path{fill:color-mix(in srgb,var(--dial-traditional) 5%,#07090b)}.ancient-sector.is-complete text{fill:color-mix(in srgb,var(--text-muted) 88%,var(--dial-traditional))}.ancient-sector.is-active path{fill:color-mix(in srgb,var(--dial-traditional) 18%,#12100c);stroke:var(--sun-accent);stroke-width:2px;filter:drop-shadow(0 0 7px color-mix(in srgb,var(--sun-accent) 35%,transparent))}.ancient-sector.is-active text{fill:var(--sun-accent);font-size:14px;font-weight:620}.ancient-sector.is-upcoming{opacity:.6}.ancient-progress-track{transition:stroke-dasharray .9s linear}.ancient-minute-track line{stroke:color-mix(in srgb,var(--dial-traditional) 72%,var(--text-primary));stroke-width:1px;opacity:.75}.ancient-minute-track line:nth-child(15n+1){stroke-width:2.4px;opacity:1}.ancient-minute-track text{fill:var(--dial-traditional);font-family:var(--font-ui);letter-spacing:.04em;font-size:11px}.ancient-dial-caption{fill:var(--text-muted);font-family:var(--font-ui);letter-spacing:.18em;font-size:9px;font-weight:650}.ancient-dial-mode{fill:var(--dial-traditional);font-family:var(--font-ui);letter-spacing:.12em;font-size:9px;font-weight:650}.ancient-watch-hand{transition:transform .94s linear}.ancient-signal-wave{opacity:0;stroke-width:2px}.ancient-watch-dial.is-signaling .ancient-signal-wave{animation:2.1s ease-out ancient-signal-wave}.ancient-watch-dial.is-signaling{animation:2.1s ease-out ancient-signal-light}.ancient-reading-stage{min-width:0;padding-right:clamp(0px,2vw,24px)}.ancient-place-date{border-bottom:1px solid var(--glass-border);color:var(--text-secondary);justify-items:center;gap:7px;padding-bottom:20px;display:grid}.ancient-place-date span{color:var(--text-primary);align-items:center;gap:8px;font-size:clamp(20px,2vw,28px);display:flex}.ancient-place-date svg{width:18px}.ancient-place-date em{color:var(--sun-accent);font-family:var(--font-mm);font-size:.72em;font-style:normal}.ancient-place-date time{font-size:13px}.ancient-primary-reading{justify-items:center;width:100%;padding:24px 8px 18px;display:grid}.ancient-primary-reading strong{color:var(--text-primary);font-family:var(--font-mm);letter-spacing:0;text-shadow:0 6px 26px #00000085;font-size:clamp(31px,3.7vw,54px);font-weight:500;line-height:1.55}.ancient-primary-reading span{color:var(--sun-accent);letter-spacing:.03em;font-size:clamp(22px,2.1vw,31px);font-weight:520}.ancient-primary-reading small{color:var(--text-muted);letter-spacing:.025em;margin-top:6px;font-size:11px}.ancient-progress-copy{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:12px;display:flex}.ancient-progress-copy strong{color:var(--sun-accent);font-size:13px}.ancient-progress-bar{background:color-mix(in srgb,var(--surface-elevated) 82%,transparent);border-radius:999px;height:7px;margin:8px 0 22px;overflow:hidden;box-shadow:inset 0 1px 3px #0000008c}.ancient-progress-bar i{width:var(--ancient-progress);border-radius:inherit;background:linear-gradient(90deg,#7e4d20,var(--sun-accent),#f1cd85);height:100%;box-shadow:0 0 12px color-mix(in srgb,var(--sun-accent) 45%,transparent);transition:width .9s linear;display:block}.ancient-signal-grid{border-block:1px solid var(--glass-border);grid-template-columns:repeat(3,1fr);margin-bottom:18px;display:grid}.ancient-signal-grid>div{align-content:start;gap:4px;min-width:0;padding:15px 16px;display:grid}.ancient-signal-grid>div+div{border-left:1px solid var(--glass-border)}.ancient-signal-grid span{color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:650}.ancient-signal-grid strong{font-variant-numeric:tabular-nums;font-size:clamp(17px,1.5vw,23px);font-weight:520}.ancient-signal-grid small{color:var(--text-muted);font-family:var(--font-mm);text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.55;overflow:hidden}.ancient-method-rail{border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--surface) 74%,transparent);grid-template-columns:1fr 1fr;align-items:stretch;display:grid;overflow:hidden}.ancient-method-rail>div{align-content:center;gap:3px;min-width:0;padding:11px 13px;display:grid}.ancient-method-rail>div+div{border-left:1px solid var(--glass-border)}.ancient-method-rail>div:nth-child(3),.ancient-method-rail>div:nth-child(4){border-top:1px solid var(--glass-border)}.ancient-method-rail>div:nth-child(3){border-left:0}.ancient-method-rail span{color:var(--text-muted);font-size:9px}.ancient-method-rail strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:550;overflow:hidden}.ancient-method-rail>button{border-top:1px solid var(--glass-border);min-height:48px;color:var(--sun-accent);white-space:nowrap;grid-column:1/-1;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:11px;display:flex}.ancient-method-rail>button svg{width:15px}.ancient-method-rail>button svg:last-child{width:13px}.ancient-action-rail{border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--surface) 66%,transparent);grid-template-columns:repeat(4,1fr);margin-top:12px;display:grid}.ancient-action-rail button{min-height:52px;color:var(--text-secondary);justify-content:center;align-items:center;gap:8px;padding:0 10px;font-size:11px;display:flex}.ancient-action-rail button+button{border-left:1px solid var(--glass-border)}.ancient-action-rail svg{width:17px;color:var(--sun-accent)}.ancient-action-rail button.is-active{color:var(--sun-accent);background:color-mix(in srgb,var(--sun-accent) 7%,transparent)}.ambient-exit{border:1px solid var(--glass-border);min-height:46px;color:var(--text-secondary);border-radius:999px;justify-content:center;align-items:center;gap:9px;margin:18px auto 0;padding:0 18px;font-size:12px;display:flex}.ancient-explorer{border-block:1px solid var(--glass-border);margin-top:30px;padding:22px 0 24px}.ancient-explorer header{justify-content:space-between;align-items:end;margin-bottom:18px;display:flex}.ancient-explorer header span,.ancient-story>header span{color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:650}.ancient-explorer h2{color:var(--sun-accent);font-variant-numeric:tabular-nums;margin:2px 0 0;font-size:22px}.ancient-explorer header button{min-height:40px;color:var(--sun-accent);align-items:center;gap:7px;font-size:12px;display:flex}.ancient-explorer header button svg{width:16px}.ancient-explorer input[type=range]{appearance:none;background:linear-gradient(90deg,color-mix(in srgb,var(--sun-accent) 78%,#6e4824),var(--surface-elevated));border:0;border-radius:999px;width:100%;height:7px;min-height:0;padding:0}.ancient-explorer input[type=range]::-webkit-slider-thumb{appearance:none;border:3px solid var(--background);background:var(--sun-accent);width:22px;height:22px;box-shadow:0 0 0 1px var(--sun-accent),0 0 18px color-mix(in srgb,var(--sun-accent) 42%,transparent);border-radius:50%}.ancient-explorer input[type=range]::-moz-range-thumb{border:3px solid var(--background);background:var(--sun-accent);width:18px;height:18px;box-shadow:0 0 0 1px var(--sun-accent),0 0 18px color-mix(in srgb,var(--sun-accent) 42%,transparent);border-radius:50%}.ancient-explorer-scale{color:var(--text-muted);justify-content:space-between;margin-top:9px;font-size:9px;display:flex}.ancient-story{padding:34px 0 16px}.ancient-story>header{justify-content:space-between;align-items:end;gap:24px;margin-bottom:26px;display:flex}.ancient-story h2{max-width:620px;margin:5px 0 0;font-size:clamp(24px,2.4vw,34px)}.ancient-story>header a{color:var(--sun-accent);align-items:center;gap:8px;font-size:12px;display:flex}.ancient-story>header a svg{width:16px}.ancient-story-rail{grid-template-columns:repeat(8,1fr);gap:0;display:grid;position:relative}.ancient-story-rail:before{content:"";background:var(--glass-border);height:1px;position:absolute;top:66px;left:5%;right:5%}.ancient-story-rail button{text-align:center;align-content:start;justify-items:center;min-width:0;min-height:112px;padding:0 7px;display:grid;position:relative}.ancient-story-rail button>span{color:var(--text-muted);font-size:9px}.ancient-story-rail button strong{max-width:100%;color:var(--text-secondary);font-family:var(--font-mm);text-overflow:ellipsis;white-space:nowrap;margin:5px 0;font-size:11px;line-height:1.45;overflow:hidden}.ancient-story-rail button small{color:var(--text-muted);font-size:10px}.ancient-story-rail button i{z-index:1;border:1px solid var(--dial-traditional);background:var(--background);border-radius:50%;width:11px;height:11px;position:absolute;top:61px}.ancient-story-rail button.is-active strong,.ancient-story-rail button.is-active small{color:var(--sun-accent)}.ancient-story-rail button.is-active i{background:var(--sun-accent);box-shadow:0 0 15px var(--sun-accent)}.ancient-story>p{max-width:980px;color:var(--text-muted);align-items:flex-start;gap:10px;margin:8px auto 0;font-size:12px;line-height:1.7;display:flex}.ancient-story>p svg{width:17px;color:var(--sun-accent);flex:none;margin-top:3px}.calculation-sheet{border:1px solid var(--glass-border);border-radius:var(--radius-lg);background:var(--surface-elevated);width:min(940px,100%);max-height:min(860px,92vh);box-shadow:var(--shadow-deep),inset 0 1px var(--glass-highlight);padding:28px;overflow:auto}.calculation-sheet>header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:flex-start;gap:24px;padding-bottom:20px;display:flex}.calculation-sheet>header h2{margin-bottom:7px}.calculation-sheet>header p{max-width:650px;color:var(--text-secondary);margin:0;font-size:13px}.calculation-live-status{border-bottom:1px solid var(--glass-border);align-items:center;gap:9px;min-height:52px;font-size:12px;display:flex}.calculation-live-status .live-dot{background:var(--success);width:8px;height:8px;box-shadow:0 0 12px var(--success);border-radius:50%}.calculation-live-status strong{font-weight:570}.calculation-live-status small{color:var(--text-muted);align-items:center;gap:6px;margin-left:auto;display:flex}.calculation-live-status small svg{width:15px}.calculation-ledger{grid-template-columns:1fr 1fr;margin:0;display:grid}.calculation-ledger>div{border-bottom:1px solid var(--glass-border);grid-template-columns:minmax(120px,.8fr) minmax(0,1.2fr);gap:14px;min-height:54px;padding:10px 14px;display:grid}.calculation-ledger>div:nth-child(odd){border-right:1px solid var(--glass-border)}.calculation-ledger dt{color:var(--text-muted);font-size:10px}.calculation-ledger dd{font-variant-numeric:tabular-nums;margin:0;font-size:12px}.calculation-ledger dd small{color:var(--text-muted);font-family:var(--font-mm);text-overflow:ellipsis;white-space:nowrap;font-size:9px;display:block;overflow:hidden}.calculation-equation{grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:12px;margin:22px 0;display:grid}.calculation-equation>span{border-block:1px solid var(--glass-border);justify-items:center;padding:15px 8px;display:grid}.calculation-equation b{color:var(--sun-accent);font-size:26px;font-weight:500}.calculation-equation small{color:var(--text-secondary);font-size:11px}.calculation-equation em{color:var(--text-muted);font-size:9px;font-style:normal}.calculation-equation>i{color:var(--text-muted);font-style:normal}.calculation-formula{grid-template-columns:1fr 1fr;gap:7px;display:grid}.calculation-formula code{border:1px solid var(--glass-border);color:var(--text-secondary);background:#0003;border-radius:8px;padding:10px 12px;font-size:10px}.calculation-sheet>footer{border-top:1px solid var(--glass-border);flex-wrap:wrap;gap:10px;margin-top:20px;padding-top:18px;display:flex}.calculation-sheet>footer button,.calculation-sheet>footer a{border:1px solid var(--glass-border);min-height:44px;color:var(--text-secondary);border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:11px;display:flex}.calculation-sheet>footer svg{width:16px}}@layer screens{.feature-page,.time-screen{width:min(var(--content-max),100%);padding:clamp(26px,4vw,64px) var(--page-gutter) 100px;margin:0 auto;position:relative}.feature-hero{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;gap:50px;min-height:230px;margin-bottom:42px;padding:16px 0 48px;display:flex}.feature-hero>div:first-child{max-width:700px}.feature-hero p{max-width:650px;color:var(--text-secondary);margin-bottom:0;font-size:clamp(16px,1.6vw,20px);line-height:1.7}.time-screen{padding-top:28px}.time-utility-row{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.round-control{border:1px solid var(--glass-border);min-height:46px;color:var(--text-secondary);letter-spacing:.06em;text-transform:uppercase;background:var(--glass-fill);border-radius:999px;align-items:center;gap:9px;padding:0 15px;font-size:12px;display:flex}.round-control svg{width:18px}.mobile-brand{text-align:center;display:none}.mobile-current-place{display:none}.mobile-brand b{letter-spacing:.16em;font-size:18px;font-weight:500;display:block}.mobile-brand small{font-family:var(--font-mm);color:var(--sun-accent)}.exploring-banner{border:1px solid var(--sun-accent);width:max-content;max-width:100%;color:var(--text-secondary);background:color-mix(in srgb,var(--sun-accent) 8%,var(--surface));border-radius:999px;justify-content:center;align-items:center;gap:10px;margin:0 auto 18px;padding:8px 10px 8px 16px;font-size:13px;display:flex}.exploring-banner button{background:color-mix(in srgb,var(--sun-accent) 16%,transparent);min-height:34px;color:var(--text-primary);border-radius:999px;align-items:center;gap:6px;padding:0 11px;display:flex}.hero-instrument{grid-template-columns:minmax(460px,1.15fr) minmax(390px,.85fr);align-items:center;gap:clamp(34px,5vw,84px);min-height:calc(100vh - 168px);display:grid}.dial-stage{place-items:center;min-width:0;display:grid;container-type:inline-size}.timepiece{aspect-ratio:1;filter:drop-shadow(0 38px 58px #0000007a);width:min(100%,690px,100vh - 190px);position:relative;container-type:inline-size}.timepiece:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(135deg,#ffffff29,#0000 23% 62%,#ffffff0d);border-radius:50%;position:absolute;inset:3%;-webkit-mask-image:radial-gradient(circle,#0000 0 74%,#000 76%);mask-image:radial-gradient(circle,#0000 0 74%,#000 76%)}.timepiece-svg{width:100%;height:100%;overflow:visible}.dial-hour{fill:var(--dial-marker);paint-order:stroke;stroke:var(--background);stroke-width:3px;font-family:Georgia,Times New Roman,serif;font-size:24px;font-weight:400}.dial-burmese{fill:var(--text-secondary);font-family:var(--font-mm);font-size:12px}.dial-mode-label{fill:var(--sun-accent);letter-spacing:.13em;text-transform:uppercase;font-size:10px}.solar-timeline-label{fill:var(--sun-accent);letter-spacing:.14em;paint-order:stroke;stroke:var(--dial-face);stroke-width:2px;font-size:7px;font-weight:650}.celestial-marker{transition:transform 1s linear}.sky-compass-collar{fill:color-mix(in srgb,var(--moon-accent) 5%,transparent);stroke:color-mix(in srgb,var(--moon-accent) 34%,transparent);stroke-width:1px;stroke-dasharray:2 5}.sky-compass-horizon{fill:#02050847;stroke:color-mix(in srgb,var(--dial-traditional) 60%,transparent);stroke-width:1.2px}.sky-compass-axis{stroke:color-mix(in srgb,var(--moon-accent) 34%,transparent);stroke-width:.8px;stroke-dasharray:2 4}.sky-compass-cardinal{fill:var(--dial-traditional);paint-order:stroke;stroke:var(--dial-face);stroke-width:2px;font-family:Georgia,Times New Roman,serif;font-size:9px;font-weight:600}.sky-compass-zenith-dot{fill:var(--sun-accent);opacity:.7}.sky-compass-zenith-label{fill:var(--text-muted);letter-spacing:.08em;font-size:5.5px}.sky-bearing{stroke-width:.8px;stroke-dasharray:2 3;opacity:.48}.sun-bearing{stroke:var(--sun-accent)}.moon-bearing{stroke:var(--moon-accent)}.sky-bearing.below-horizon{opacity:.2}.sky-object{pointer-events:none}.sky-sun-marker line{stroke:var(--sun-accent);stroke-width:1.2px}.sky-sun-marker circle{fill:var(--sun-accent);stroke:#fff4d2;stroke-width:1px}.sky-moon-marker{filter:drop-shadow(0 2px 3px #000000b8)}.sky-object.below-horizon{opacity:.34;filter:saturate(.45)drop-shadow(0 1px 2px #0000008c)}.traditional-watch-hand{pointer-events:none;filter:drop-shadow(0 4px 4px #000c) drop-shadow(0 0 5px color-mix(in srgb,var(--watch-hand-enamel) 28%,transparent))}.traditional-watch-hand-shadow{fill:#030406;stroke:#ffffff12;stroke-width:4px;stroke-linejoin:round;opacity:.86}.traditional-watch-hand-body{stroke:color-mix(in srgb,var(--watch-hand-shadow),black 24%);stroke-width:1.1px;stroke-linejoin:round}.traditional-watch-hand-inlay{fill:none;stroke:color-mix(in srgb,var(--watch-hand-highlight),white 18%);stroke-width:.7px;stroke-linecap:round;opacity:.72}.traditional-watch-hand-spear{fill:var(--watch-hand-enamel);stroke:var(--dial-traditional);stroke-width:1px;stroke-linejoin:round}.traditional-watch-hand-jewel{fill:var(--dial-traditional);stroke:color-mix(in srgb,var(--dial-traditional),white 48%);stroke-width:.8px;filter:drop-shadow(0 0 3px color-mix(in srgb,var(--dial-traditional) 72%,transparent))}.civil-hour-hand{filter:drop-shadow(0 2px 1px #00000061)}.seconds-hand-keyline{stroke:#000000c2;stroke-width:4.4px;stroke-linecap:round}.moon-complication{pointer-events:none;filter:drop-shadow(0 7px 9px #000000b8)}.moon-complication-well{fill:#010203;stroke:#ffffff12;stroke-width:1px}.moon-complication-bezel{stroke:color-mix(in srgb,var(--dial-traditional) 82%,#4b3420);stroke-width:2.2px}.moon-complication-seat{fill:#010306;stroke:#000000e0;stroke-width:4px}.moon-complication-glass{fill:#ffffff05;stroke:#ffffff24;stroke-width:.7px}.setting-row>.layer-setting-label:has(small){align-items:center;gap:10px;display:flex}.layer-setting-label>span{gap:1px;display:grid}.layer-setting-label strong{color:var(--text-secondary);font-weight:550}.dial-minimal .dial-burmese,.dial-minimal .dial-mode-label{opacity:.42}.dial-observatory .dial-hour{font-family:var(--font-ui);font-size:20px}.dial-instrument .dial-hour{font-family:var(--font-ui);font-size:18px}.dial-heritage .dial-hour{fill:var(--sun-accent)}.reading-stage{min-width:0;padding-right:clamp(0px,2vw,20px)}.place-date{border-bottom:1px solid var(--glass-border);color:var(--text-secondary);justify-items:center;gap:8px;padding-bottom:26px;display:grid}.place-date span{color:var(--text-primary);align-items:center;gap:8px;font-size:clamp(19px,2vw,28px);display:flex}.place-date em{color:var(--sun-accent);font-family:var(--font-mm);font-size:.72em;font-style:normal}.place-date time{letter-spacing:.04em;font-size:14px}.digital-reading{justify-content:center;align-items:baseline;gap:14px;padding:28px 0 18px;display:flex}.digital-reading span{letter-spacing:.025em;font-variant-numeric:tabular-nums;text-shadow:0 3px 18px #00000059;font-size:clamp(54px,6.2vw,98px);font-weight:300;line-height:1}.digital-reading b{color:var(--sun-accent);font-size:clamp(16px,2vw,28px);font-weight:500}.burmese-reading{justify-items:center;gap:8px;padding-bottom:22px;display:grid}.burmese-reading>button{border-radius:var(--radius-sm);min-height:52px;color:var(--sun-accent);font-family:var(--font-mm);text-align:center;text-underline-offset:8px;border:1px solid #0000;padding:2px 14px;font-size:clamp(24px,3vw,42px);font-weight:500;line-height:1.5;transition:border-color .22s,background .22s,transform .22s}.burmese-reading>button:hover,.burmese-reading>button[aria-expanded=true]{border-color:color-mix(in srgb,var(--sun-accent) 64%,transparent);background:color-mix(in srgb,var(--sun-accent) 6%,transparent)}.burmese-reading span{color:var(--text-secondary);letter-spacing:.06em;align-items:center;gap:7px;font-size:13px;display:flex}.burmese-reading .mode-status{letter-spacing:.045em;border:1px solid #0000;border-radius:999px;min-height:26px;padding:2px 9px;font-size:11px}.burmese-reading .mode-status--warning{color:var(--warning);border-color:color-mix(in srgb,var(--warning) 36%,transparent);background:color-mix(in srgb,var(--warning) 7%,transparent)}.celestial-summary{border-block:1px solid var(--glass-border);grid-template-columns:1fr 1.5fr 1fr;align-items:center;gap:0;padding:16px 0;display:grid}.celestial-summary>div{justify-content:center;align-items:center;gap:10px;min-width:0;padding:0 12px;display:flex}.celestial-summary>div+div{border-left:1px solid var(--glass-border)}.celestial-summary svg{width:30px;color:var(--sun-accent);flex:none}.celestial-summary span{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:10px;display:grid}.celestial-summary strong{color:var(--text-primary);letter-spacing:0;text-transform:none;white-space:nowrap;font-size:14px;font-weight:550}.moon-summary svg{width:48px;color:var(--moon-accent)}.reading-details{grid-template-columns:repeat(4,1fr);gap:12px;padding:20px 0;display:grid}.reading-details div{text-align:center;gap:3px;display:grid}.reading-details span{color:var(--text-muted);font-size:11px}.reading-details strong{font-size:13px;font-weight:550}.reading-details .interval-detail strong{font-family:var(--font-mm);font-size:12px;line-height:1.55}.reading-explanation{border:1px solid var(--glass-border);border-top:2px solid var(--sun-accent);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--surface-elevated) 88%,transparent);box-shadow:var(--shadow-soft);overflow:hidden}.reading-stage.is-explaining .place-date{padding-bottom:18px}.reading-stage.is-explaining .digital-reading{padding:18px 0 10px}.reading-stage.is-explaining .digital-reading span{font-size:clamp(52px,5.6vw,84px)}.reading-stage.is-explaining .burmese-reading{padding-bottom:14px}.reading-stage.is-explaining .burmese-reading>button{min-height:48px;font-size:clamp(23px,2.5vw,35px)}.reading-explanation>header{justify-content:space-between;align-items:flex-start;gap:20px;padding:22px 24px 15px;display:flex}.reading-explanation h2{color:var(--text-primary);font-family:var(--font-mm);letter-spacing:0;margin:0 0 4px;font-size:clamp(22px,2.1vw,31px);font-weight:500;line-height:1.55}.reading-explanation header p{color:var(--text-secondary);margin:0;font-size:13px}.signal-timeline{grid-template-columns:1fr 1fr 1fr;gap:14px;padding:5px 24px 34px;display:grid;position:relative}.signal-timeline>div{gap:2px;display:grid}.signal-timeline>div:nth-child(2){color:var(--sun-accent);justify-items:center}.signal-timeline>div:nth-child(3){justify-items:end}.signal-timeline span{color:var(--text-muted);font-size:11px}.signal-timeline strong{font-variant-numeric:tabular-nums;font-size:16px;font-weight:520}.signal-timeline>i{background:var(--glass-border);border-radius:2px;height:2px;position:absolute;bottom:18px;left:24px;right:24px}.signal-timeline>i:before{content:"";width:var(--signal-progress);border-radius:inherit;background:var(--sun-accent);position:absolute;inset:0 auto 0 0}.signal-timeline>i:after,.signal-timeline>i>b{content:"";background:var(--text-muted);border-radius:50%;width:7px;height:7px;position:absolute;top:50%;transform:translate(-50%,-50%)}.signal-timeline>i:after{left:100%}.signal-timeline>i>b{left:var(--signal-progress);background:var(--sun-accent);width:11px;height:11px;box-shadow:0 0 14px color-mix(in srgb,var(--sun-accent) 54%,transparent)}.explanation-facts{margin:0;padding:0 24px 16px}.explanation-facts>div{border-top:1px solid var(--glass-border);grid-template-columns:120px 1fr;gap:14px;padding:12px 0;display:grid}.explanation-facts dt{color:var(--text-muted);font-size:12px}.explanation-facts dt:has(svg){color:var(--text-secondary);align-items:center;gap:8px;display:flex}.explanation-facts dt svg{width:17px;color:var(--sun-accent)}.explanation-facts dd{color:var(--text-primary);margin:0;font-size:13px}.reading-explanation>footer{border-top:1px solid var(--glass-border);grid-template-columns:1fr 1fr;display:grid}.reading-explanation>footer button{min-height:52px;color:var(--text-secondary);justify-content:center;align-items:center;gap:8px;font-size:13px;display:flex}.reading-explanation>footer button+button{border-left:1px solid var(--glass-border)}.reading-explanation>footer svg{width:17px}.next-moment{border:1px solid var(--glass-border);border-radius:var(--radius-sm);width:100%;min-height:54px;color:var(--text-secondary);background:color-mix(in srgb,var(--surface) 88%,transparent);text-align:left;grid-template-columns:auto minmax(0,1fr) auto 18px;align-items:center;gap:10px;margin:14px 0 10px;padding:0 16px;display:grid}.next-moment>span{color:var(--text-muted);align-items:center;gap:7px;font-size:11px;display:flex}.next-moment>span svg{width:17px;color:var(--sun-accent)}.next-moment>strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:520;overflow:hidden}.next-moment>small{color:var(--sun-accent);white-space:nowrap;font-size:12px}.next-moment>svg{width:16px}.date-stepper{border:1px solid var(--glass-border);background:var(--surface);border-radius:999px;grid-template-columns:46px 1fr 46px;align-items:center;max-width:450px;margin:4px auto 0;display:grid}.date-stepper>button{border-radius:50%;place-items:center;height:46px;display:grid}.date-stepper svg{width:18px}.date-stepper label{color:var(--text-secondary);justify-content:center;align-items:center;gap:8px;font-size:13px;display:flex;position:relative}.date-stepper input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.year-chart{border-top:1px solid var(--glass-border);grid-template-columns:230px 1fr;align-items:center;gap:28px;margin-top:30px;padding:22px 0;display:grid}.year-chart h2{margin:0;font-size:18px}.year-chart svg text{fill:var(--text-muted);font-size:10px}.watch-mode{width:100%;max-width:none;min-height:100vh;padding:12px max(18px,env(safe-area-inset-left)) max(12px,env(safe-area-inset-bottom))}.watch-mode .hero-instrument{max-width:1500px;min-height:calc(100vh - 80px);margin:auto}.watch-mode .time-utility-row{z-index:20;opacity:.4;position:fixed;top:16px;left:18px;right:18px}.watch-mode .time-utility-row:hover,.watch-mode .time-utility-row:focus-within{opacity:1}.watch-mode .time-utility-row>:first-child{visibility:hidden}.watch-mode .place-date{padding-top:12px}.layer-sheet .method-note,.layer-sheet .field{margin-top:18px}.sky-orbit{border:1px solid var(--glass-border);background:radial-gradient(circle at 50% 100%,color-mix(in srgb,var(--sun-accent) 16%,transparent),transparent 48%),var(--surface);width:250px;height:190px;box-shadow:inset 0 1px var(--glass-highlight);border-radius:50% 50% 12px 12px;flex:none;position:relative;overflow:hidden}.sky-orbit:before,.sky-orbit:after{content:"";border:1px solid var(--glass-border);border-radius:50%;position:absolute;inset:28px 22px -60px}.sky-orbit:after{inset:58px 50px -70px}.horizon-line{background:linear-gradient(90deg,transparent,var(--sun-accent),transparent);height:1px;position:absolute;top:70%;left:0;right:0}.orbit-sun,.orbit-moon{z-index:2;transform-origin:14px 14px;color:var(--sun-accent);position:absolute;top:calc(100% - 16px);left:calc(50% - 14px)}.orbit-sun svg{filter:drop-shadow(0 0 10px var(--sun-accent))}.orbit-moon{transform-origin:21px 21px;color:var(--moon-accent);top:calc(100% - 22px);left:calc(50% - 21px)}.sky-orbit>span{color:var(--text-muted);font-size:9px;position:absolute}.sky-orbit>span:nth-last-child(4){top:6px;left:50%}.sky-orbit>span:nth-last-child(3){top:70%;right:7px}.sky-orbit>span:nth-last-child(2){bottom:2px;left:50%}.sky-orbit>span:last-child{top:70%;left:7px}.sky-primary-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.sun-panel,.moon-panel{min-width:0;padding:28px}.sun-panel>header,.moon-panel>header{border-bottom:1px solid var(--glass-border);align-items:center;gap:16px;padding-bottom:22px;display:flex}.sun-panel>header>svg{width:50px;height:50px;color:var(--sun-accent)}.sun-panel header div,.moon-panel header div{display:grid}.sun-panel header span,.moon-panel header span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;font-size:11px}.sun-panel header strong,.moon-panel header strong{font-size:24px;font-weight:500}.moon-panel header small{color:var(--text-secondary)}.event-row{justify-content:space-between;gap:16px;padding:24px 0;display:flex}.event-row>svg{width:22px;color:var(--sun-accent);flex:none}.moon-panel .event-row>svg{color:var(--moon-accent)}.event-row span{color:var(--text-muted);flex:1;font-size:11px;display:grid}.event-row strong{color:var(--text-primary);white-space:nowrap;font-size:15px;font-weight:550}.definition-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin:0;display:grid}.definition-grid div{gap:3px;display:grid}.definition-grid dt{color:var(--text-muted);font-size:10px}.definition-grid dd{margin:0;font-size:13px}.moon-panel .definition-grid{grid-template-columns:1fr 1fr}.solar-time-panel{border-block:1px solid var(--glass-border);grid-template-columns:320px 1fr;gap:50px;margin:50px 0;padding:38px 0;display:grid}.solar-time-panel>div:first-child p{color:var(--text-secondary)}.solar-time-readings{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.solar-time-readings article{border-left:1px solid var(--glass-border);align-content:center;gap:8px;padding:24px;display:grid}.solar-time-readings span{color:var(--text-muted);font-size:11px}.solar-time-readings strong{font-variant-numeric:tabular-nums;font-size:clamp(24px,2.8vw,40px);font-weight:350}.solar-time-readings small{color:var(--sun-accent)}.solar-time-panel>.method-note{grid-column:2}.twilight-panel{padding:28px}.twilight-panel>header{justify-content:space-between;align-items:center;display:flex}.switch-label{color:var(--text-secondary);align-items:center;gap:10px;font-size:13px;display:flex}.twilight-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px;display:grid}.twilight-grid div{border:1px solid var(--glass-border);border-radius:var(--radius-md);gap:6px;padding:18px;display:grid}.twilight-grid svg{color:var(--moon-accent)}.twilight-grid span,.twilight-grid small{color:var(--text-muted);font-size:11px}.twilight-grid strong{font-size:16px}.place-hero-reading{border:1px solid var(--glass-border);border-radius:var(--radius-lg);background:var(--surface);justify-items:center;min-width:240px;padding:25px;display:grid}.place-hero-reading>svg{color:var(--sun-accent);margin-bottom:10px}.place-hero-reading strong{font-size:24px;font-weight:500}.place-hero-reading span{font-family:var(--font-mm);color:var(--sun-accent)}.place-hero-reading small{color:var(--text-muted);margin-top:7px}.place-workspace{grid-template-columns:390px minmax(0,1fr);align-items:start;gap:42px;display:grid}.place-browser,.place-detail{min-width:0}.place-browser{position:sticky;top:100px}.search-field{border:1px solid var(--glass-border);background:var(--surface);border-radius:999px;grid-template-columns:24px 1fr 38px;align-items:center;gap:7px;padding:0 8px 0 16px;display:grid}.search-field>svg{width:19px;color:var(--text-muted)}.search-field input{background:0 0;border:0;min-width:0;padding:0}.search-field button{place-items:center;height:38px;display:grid}.search-field button svg{width:17px}.browser-controls{justify-content:space-between;gap:8px;margin:14px 0;display:flex}.icon-segment button{place-items:center;width:40px;padding:0;display:grid}.icon-segment svg{width:18px}.place-list{scrollbar-width:thin;height:min(660px,100vh - 330px);min-height:390px;padding-right:7px;overflow:auto}.place-list article{border-bottom:1px solid var(--glass-border);grid-template-columns:1fr 46px;align-items:center;display:grid}.place-list article.active{background:linear-gradient(90deg,color-mix(in srgb,var(--sun-accent) 11%,transparent),transparent)}.place-select{text-align:left;justify-content:space-between;align-items:center;gap:10px;min-height:65px;padding:8px 10px;display:flex}.place-select>span{display:grid}.place-select strong{font-size:14px}.place-select em{font-family:var(--font-mm);color:var(--sun-accent);font-size:12px;font-style:normal}.place-select small{color:var(--text-muted);text-align:right;font-size:10px}.favorite-button{width:44px;height:44px;color:var(--sun-accent);place-items:center;display:grid}.favorite-button svg{width:18px}.location-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;display:grid}.location-actions button{border:1px solid var(--glass-border);border-radius:var(--radius-sm);min-height:46px;color:var(--text-secondary);justify-content:center;align-items:center;gap:7px;font-size:12px;display:flex}.location-actions svg{width:17px}.privacy-status{color:var(--success);font-size:12px;line-height:1.5}.empty-state{text-align:center;min-height:260px;color:var(--text-muted);place-items:center;padding:30px;display:grid}.empty-state svg{width:34px}.empty-state h3{color:var(--text-primary);margin:14px 0 4px}.map-figure{background:var(--surface);border:1px solid var(--glass-border);border-radius:var(--radius-lg);justify-items:center;height:min(660px,100vh - 330px);min-height:420px;padding:14px;display:grid}.map-figure svg{height:100%}.map-figure small{color:var(--text-muted);font-size:9px}.map-pin{cursor:pointer;outline:none}.map-pin circle{fill:var(--moon-accent);stroke:var(--background);stroke-width:2px;transition:all .2s}.map-pin:hover circle,.map-pin:focus circle,.map-pin.active circle{fill:var(--sun-accent);filter:drop-shadow(0 0 7px var(--sun-accent))}.place-detail>header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:start;padding-bottom:20px;display:flex}.place-detail h2 small{font-family:var(--font-mm);color:var(--sun-accent);font-size:.52em}.favorite-large{border:1px solid var(--glass-border);min-height:44px;color:var(--sun-accent);border-radius:999px;align-items:center;gap:7px;padding:0 14px;font-size:12px;display:flex}.favorite-large svg{width:17px}.historical-note{border-left:2px solid var(--sun-accent);background:color-mix(in srgb,var(--sun-accent) 7%,transparent);color:var(--text-secondary);gap:10px;margin:18px 0;padding:14px 16px;font-size:13px;display:flex}.historical-note svg{width:17px;color:var(--sun-accent);flex:none}.place-time-grid{border-block:1px solid var(--glass-border);grid-template-columns:repeat(3,1fr);margin:25px 0;display:grid}.place-time-grid article{gap:5px;padding:24px;display:grid}.place-time-grid article+article{border-left:1px solid var(--glass-border)}.place-time-grid span,.place-time-grid small{color:var(--text-muted);font-size:11px}.place-time-grid strong{font-variant-numeric:tabular-nums;font-size:clamp(24px,2.6vw,36px);font-weight:350}.place-time-grid small{color:var(--sun-accent)}.place-facts{grid-template-columns:repeat(4,1fr);margin:0;display:grid}.place-facts div{border-bottom:1px solid var(--glass-border);gap:4px;padding:15px 10px;display:grid}.place-facts dt{color:var(--text-muted);font-size:10px}.place-facts dd{margin:0;font-size:13px}.compare-section{border-top:1px solid var(--glass-border);margin-top:45px;padding-top:28px}.compare-section>header{justify-content:space-between;align-items:start;display:flex}.compare-section>header>span{color:var(--text-muted);font-size:11px}.compare-picker{scrollbar-width:thin;gap:8px;padding:8px 0 16px;display:flex;overflow:auto}.compare-picker label{border:1px solid var(--glass-border);min-height:44px;color:var(--text-secondary);border-radius:999px;flex:none;align-items:center;gap:7px;padding:0 12px;font-size:11px;display:flex}.compare-picker input{width:16px;height:16px;min-height:0;accent-color:var(--sun-accent)}.comparison-table{border-top:1px solid var(--glass-border);display:grid}.comparison-row{border-bottom:1px solid var(--glass-border);grid-template-columns:1.15fr repeat(4,1fr);align-items:center;gap:12px;min-height:54px;font-size:12px;display:grid}.comparison-row.head{color:var(--text-muted);text-transform:uppercase;font-size:10px}.comparison-row span:last-child{font-family:var(--font-mm)}.custom-location-modal .field-pair{margin-top:16px}.custom-location-modal>.button-primary{width:100%;margin:18px 0 8px}.form-error{color:var(--danger);margin:10px 0;font-size:12px}.history-hero .rmt-compare{border:1px solid var(--glass-border);border-radius:var(--radius-lg);background:var(--surface);grid-template-columns:1fr auto;gap:6px 25px;min-width:360px;padding:24px;display:grid}.rmt-compare span{color:var(--text-muted);font-size:11px}.rmt-compare strong{font-variant-numeric:tabular-nums;font-weight:450}.rmt-compare i{color:var(--sun-accent);text-align:center;border-block:1px solid var(--glass-border);grid-column:1/-1;padding:8px 0;font-size:12px;font-style:normal}.history-timeline{max-width:980px;margin:0 auto 70px}.history-timeline article{border-bottom:1px solid var(--glass-border);grid-template-columns:60px 1fr;display:grid}.timeline-index{color:var(--sun-accent);border-right:1px solid var(--glass-border);place-items:center;font-size:11px;display:grid}.history-timeline article>button{text-align:left;justify-content:space-between;align-items:center;min-height:96px;padding:12px 0 12px 26px;display:flex}.history-timeline article>button>span{display:grid}.history-timeline button small{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:10px}.history-timeline button strong{font-size:20px;font-weight:500}.history-timeline button em{color:var(--sun-accent);font-family:var(--font-mm);font-size:13px;font-style:normal}.history-timeline button>svg{width:19px;transition:all .25s}.history-timeline article.open button>svg{transform:rotate(180deg)}.timeline-detail{color:var(--text-secondary);grid-column:2;padding:0 40px 28px 26px}.timeline-detail p{line-height:1.7}.timeline-detail .evidence-label{color:var(--sun-accent);font-size:12px}.timeline-detail div{flex-wrap:wrap;gap:8px;display:flex}.timeline-detail a{border:1px solid var(--glass-border);min-height:44px;color:var(--text-muted);border-radius:999px;align-items:center;padding:6px 10px;font-size:10px;display:inline-flex}.dual-time-demo{border-block:1px solid var(--glass-border);grid-template-columns:1fr 360px;align-items:center;gap:60px;margin:70px 0;padding:50px;display:grid}.dual-time-demo p{max-width:620px;color:var(--text-secondary);line-height:1.8}.dual-dial{aspect-ratio:1;border:8px double var(--metal-primary);background:radial-gradient(circle,var(--dial-face-highlight),var(--dial-face) 67%);width:320px;box-shadow:var(--shadow-deep);border-radius:50%;position:relative}.dual-dial .roman{color:var(--text-secondary);font-family:Georgia,serif;position:absolute}.dual-dial .n{top:12px;left:calc(50% - 8px)}.dual-dial .e{top:calc(50% - 10px);right:18px}.dual-dial .s{bottom:12px;left:calc(50% - 5px)}.dual-dial .w{top:calc(50% - 10px);left:18px}.dual-dial .hand{transform-origin:50% 100%;background:var(--metal-secondary);border-radius:99px 99px 3px 3px;width:6px;height:34%;position:absolute;bottom:50%;left:calc(50% - 3px);transform:rotate(64deg)}.dual-dial .rangoon{border-left:2px dashed var(--sun-accent);background:0 0;width:3px;height:39%;transform:rotate(61.3deg)}.dual-dial b{background:var(--sun-accent);border:4px solid var(--metal-secondary);border-radius:50%;width:18px;height:18px;position:absolute;top:calc(50% - 9px);left:calc(50% - 9px)}.water-clock-section,.gong-section{grid-template-columns:1fr 1fr;align-items:center;gap:50px;margin:35px 0;padding:42px;display:grid}.water-copy p,.gong-section p{color:var(--text-secondary);line-height:1.8}.simulation-controls{gap:10px;display:flex}.simulation-controls>button:not(.button-primary){border:1px solid var(--glass-border);border-radius:999px;align-items:center;gap:8px;min-height:46px;padding:0 16px;display:flex}.simulation-controls svg{width:17px}.progress-readout{border-top:1px solid var(--glass-border);color:var(--text-muted);grid-template-columns:22px 1fr auto;align-items:center;gap:8px;margin-top:22px;padding-top:14px;font-size:12px;display:grid}.progress-readout svg{color:var(--sun-accent)}.progress-readout strong{color:var(--text-primary)}.water-vessel{border:5px solid var(--metal-primary);width:min(100%,440px);height:330px;box-shadow:inset 0 -24px 60px #00000052,var(--shadow-deep);background:linear-gradient(#0000 15%,#2d73992b 16%,#14466785);border-top:0;border-radius:20px 20px 150px 150px;justify-self:center;position:relative;overflow:hidden}.water-surface{background:#8cc9e4;height:3px;position:absolute;top:15%;left:0;right:0;box-shadow:0 0 18px #6aafd2}.floating-bowl{z-index:3;border:4px solid var(--sun-accent);border-top:0;border-radius:10px 10px 80px 80px;width:116px;height:65px;transition:transform .1s linear;position:absolute;top:22px;left:50%;overflow:hidden}.floating-bowl:before{content:"";background:var(--background);border-radius:50%;width:5px;height:8px;position:absolute;bottom:-1px;left:50%}.bowl-water{background:#52a2c7c2;position:absolute;bottom:0;left:0;right:0}.ripple{border:1px solid #8dcce966;border-radius:50%;width:150px;height:24px;position:absolute;top:15%;left:50%;transform:translate(-50%,-50%)}.ripple.two{opacity:.4;width:220px;height:40px}.sink-signal{background:var(--surface-elevated);color:var(--sun-accent);white-space:nowrap;border-radius:999px;padding:8px 14px;font-size:11px;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.gong-instrument{justify-items:center;gap:20px;display:grid}.gong{aspect-ratio:1;width:220px;box-shadow:var(--shadow-deep),inset 0 0 40px #00000075;background:radial-gradient(circle at 42% 36%,#f4ca75,#a96c2f 40%,#3b2012 74%);border:10px double #c5964f;border-radius:50%;place-items:center;display:grid;position:relative}.gong i{border:1px solid #37190866;border-radius:50%;position:absolute;inset:18px}.gong span{color:#3b210e;font-size:38px}.gong.struck{animation:.7s ease-out gongPulse}@keyframes gongPulse{50%{filter:brightness(1.2);transform:scale(1.025)}}.strike-buttons{gap:8px;display:flex}.strike-buttons button{border:1px solid var(--glass-border);border-radius:999px;min-height:40px;padding:0 12px;font-size:11px}.volume-controls{align-items:center;gap:10px;display:flex}.volume-controls input{min-height:0;accent-color:var(--sun-accent)}.history-caution{color:var(--text-muted);align-items:flex-start;gap:10px;max-width:850px;margin:30px auto 0;font-size:12px;display:flex}.history-caution svg{color:var(--moon-accent);flex:none}.more-hero{min-height:190px}.more-layout{grid-template-columns:260px 1fr;align-items:start;gap:50px;display:grid}.more-nav{border-block:1px solid var(--glass-border);display:grid;position:sticky;top:104px}.more-nav button{text-align:left;min-height:58px;color:var(--text-secondary);border-bottom:1px solid var(--glass-border);grid-template-columns:24px 1fr 18px;align-items:center;gap:10px;display:grid}.more-nav button>svg{width:18px}.more-nav button>svg:last-child{width:15px;color:var(--text-muted)}.more-nav button.active{color:var(--sun-accent)}.more-content{min-width:0}.more-panel>header{max-width:780px;margin-bottom:34px}.more-panel>header p{color:var(--text-secondary);line-height:1.8}.calendar-instrument{border-block:1px solid var(--glass-border);grid-template-columns:.85fr 1.15fr;display:grid}.gregorian-date,.myanmar-date{align-content:center;justify-items:center;min-height:330px;padding:40px;display:grid}.gregorian-date{border-right:1px solid var(--glass-border)}.gregorian-date span,.myanmar-date>span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;font-size:12px}.gregorian-date>strong{font-size:100px;font-weight:250;line-height:1.1}.gregorian-date b{font-size:20px;font-weight:450}.myanmar-date>strong{font-size:48px;font-weight:350}.myanmar-date>strong small{color:var(--text-muted);font-size:14px}.myanmar-date>b{color:var(--sun-accent);font-family:var(--font-mm);font-size:26px;font-weight:500}.myanmar-date p{text-align:center;color:var(--text-secondary);margin:14px 0 0}.myanmar-date p span{font-family:var(--font-mm);color:var(--sun-accent)}.calendar-controls{gap:10px;margin-top:20px;display:flex}.calendar-controls button{border:1px solid var(--glass-border);border-radius:var(--radius-sm);align-items:center;gap:8px;min-height:46px;padding:0 14px;display:flex}.calendar-controls svg{width:17px}.settings-groups{grid-template-columns:1fr 1fr;gap:24px;display:grid}.settings-groups>section{border:1px solid var(--glass-border);border-radius:var(--radius-lg);background:var(--surface);padding:22px}.settings-groups h3{border-bottom:1px solid var(--glass-border);align-items:center;gap:9px;padding-bottom:16px;display:flex}.settings-groups h3 svg{width:19px;color:var(--sun-accent)}.traditional-celestial-settings{grid-column:1/-1}.traditional-celestial-settings .traditional-mode-options{grid-template-columns:1fr 1fr}.select-setting select{min-width:190px}.restore-button{border:1px solid var(--glass-border);min-height:46px;color:var(--text-secondary);border-radius:999px;align-items:center;gap:8px;margin-top:22px;padding:0 16px;display:flex}.restore-button svg{width:17px}.methodology-list{display:grid}.methodology-list article{border-bottom:1px solid var(--glass-border);grid-template-columns:50px 1fr;gap:20px;padding:24px 0;display:grid}.methodology-list>article>span{color:var(--sun-accent);font-size:11px}.methodology-list h3{margin-bottom:6px}.methodology-list p{color:var(--text-secondary);margin:0;line-height:1.75}.source-list{display:grid}.source-list article{border-bottom:1px solid var(--glass-border);grid-template-columns:1fr 48px;gap:18px;padding:24px 0;display:grid}.source-list article>div>span{color:var(--sun-accent);text-transform:uppercase;letter-spacing:.1em;font-size:10px}.source-list h3{margin:5px 0 7px}.source-list p{color:var(--text-secondary);margin-bottom:8px}.source-list small{color:var(--text-muted)}.source-list a{border:1px solid var(--glass-border);border-radius:50%;align-self:center;place-items:center;width:44px;height:44px;display:grid}.source-list svg{width:17px}.license-note{color:var(--text-muted);margin-top:22px;font-size:12px}.about-mark{border-block:1px solid var(--glass-border);justify-items:center;gap:10px;padding:44px;display:grid}.about-mark .brand-orbit{width:74px;height:74px}.about-mark .brand-orbit:before{inset:24px}.about-mark strong{letter-spacing:.18em;font-size:34px;font-weight:450}.about-mark small{color:var(--sun-accent);text-transform:uppercase;letter-spacing:.13em}.principle-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin:24px 0;display:grid}.principle-grid article{border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:22px}.principle-grid svg{color:var(--sun-accent)}.principle-grid h3{margin:12px 0 5px}.principle-grid p{color:var(--text-secondary);margin:0;line-height:1.7}.install-button{margin-top:10px}}@layer responsive{@container (width<=400px){.dial-hour{font-size:21px}.dial-burmese{font-size:11px}.dial-mode-label{display:none}}@media (max-width:1400px) and (min-width:1101px){.app-header{grid-template-columns:210px minmax(0,1fr) 150px;padding-inline:30px}.app-header nav{gap:22px}.app-header nav a,.header-place{font-size:12px}}@media (max-width:1100px){.app-header{grid-template-columns:220px 1fr 180px}.app-header nav{gap:24px}.app-header nav a{font-size:12px}.hero-instrument{grid-template-columns:minmax(390px,1fr) minmax(340px,.8fr);gap:30px}.digital-reading span{font-size:58px}.celestial-summary>div{padding:0 8px}.celestial-summary strong{font-size:12px}.year-chart{grid-template-columns:190px 1fr}.place-workspace{grid-template-columns:330px 1fr;gap:28px}.place-facts,.definition-grid{grid-template-columns:repeat(2,1fr)}.solar-time-panel{grid-template-columns:260px 1fr;gap:30px}.solar-time-readings article{padding:16px}.more-layout{grid-template-columns:220px 1fr;gap:30px}}@media (orientation:portrait) and (min-width:821px) and (max-width:1100px){.hero-instrument{flex-direction:column;gap:18px;min-height:0;padding-top:34px;display:flex}.dial-stage{width:min(100%,680px)}.timepiece{width:min(100%,640px)}.reading-stage{width:min(100%,680px);padding:0}.year-chart{grid-template-columns:1fr}}@media (max-width:820px){.app-header{display:none}.app-shell{padding-bottom:calc(72px + env(safe-area-inset-bottom))}.mobile-nav{z-index:40;height:calc(68px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--glass-border);background:color-mix(in srgb,var(--background) 88%,transparent);-webkit-backdrop-filter:blur(var(--blur-medium));backdrop-filter:blur(var(--blur-medium));grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav a{color:var(--text-muted);align-content:center;place-items:center;gap:3px;font-size:10px;display:grid;position:relative}.mobile-nav a svg{width:21px;height:21px}.mobile-nav a.active{color:var(--sun-accent)}.mobile-nav a.active:before{content:"";background:var(--sun-accent);height:2px;position:absolute;top:0;left:24%;right:24%}.feature-page,.time-screen{padding:18px clamp(14px,3.5vw,28px) 50px}.feature-hero{min-height:auto;margin-bottom:28px;padding:28px 0 34px}.feature-hero h1{font-size:52px}.feature-hero>div:last-child{display:none}.time-utility-row{margin-bottom:8px}.mobile-brand{display:block}.round-control{border-radius:50%;justify-content:center;width:46px;padding:0}.round-control span{display:none}.mobile-current-place{color:var(--text-secondary);justify-items:center;gap:3px;margin:8px 0 4px;display:grid}.mobile-current-place span{color:var(--text-primary);align-items:center;gap:6px;font-size:16px;display:flex}.mobile-current-place em{font-family:var(--font-mm);color:var(--sun-accent);font-size:12px;font-style:normal}.mobile-current-place time{font-size:11px}.hero-instrument{flex-direction:column;gap:6px;min-height:0;display:flex}.dial-stage{width:min(100%,680px)}.timepiece{width:min(100%,640px)}.reading-stage{width:min(100%,680px);padding:0}.reading-stage .place-date{display:none}.digital-reading{padding:18px 0 10px}.digital-reading span{font-size:clamp(48px,12vw,76px)}.burmese-reading{padding-bottom:16px}.celestial-summary{padding:12px 0}.reading-details{padding:14px 0}.reading-explanation>footer{z-index:2;background:var(--surface-elevated);position:sticky;bottom:0}.year-chart{grid-template-columns:1fr;margin-top:28px}.year-chart>div{justify-content:space-between;align-items:end;display:flex}.year-chart .section-kicker{margin:0}.sky-primary-grid,.solar-time-panel{grid-template-columns:1fr}.solar-time-panel>.method-note{grid-column:1}.solar-time-readings{grid-template-columns:repeat(3,1fr)}.solar-time-readings article{border-left:0;border-top:1px solid var(--glass-border)}.twilight-grid,.place-workspace{grid-template-columns:1fr}.place-browser{position:relative;top:0}.place-list,.map-figure{height:480px}.place-detail{border-top:1px solid var(--glass-border);padding-top:30px}.place-time-grid{grid-template-columns:repeat(3,1fr)}.comparison-table{overflow:auto}.comparison-row{min-width:650px}.history-timeline article{grid-template-columns:44px 1fr}.dual-time-demo{grid-template-columns:1fr;padding:36px 0}.dual-dial{justify-self:center}.water-clock-section,.gong-section{grid-template-columns:1fr;padding:28px}.water-vessel{grid-row:1}.gong-section>div:first-child{text-align:center}.history-hero .rmt-compare{display:none}.more-layout{grid-template-columns:1fr}.more-nav{scrollbar-width:none;border-top:0;padding-bottom:8px;display:flex;position:relative;top:0;overflow:auto}.more-nav button{border:1px solid var(--glass-border);border-radius:999px;flex:none;gap:7px;min-height:44px;padding:0 14px;display:flex}.more-nav button>svg:last-child{display:none}.settings-groups{grid-template-columns:1fr}.traditional-celestial-settings{grid-column:auto}.traditional-celestial-settings .traditional-mode-options{grid-template-columns:1fr}}@media (max-width:560px){.time-screen{padding-inline:12px}.time-utility-row{padding-inline:4px}.exploring-banner{justify-content:space-between;width:100%;font-size:11px}.place-date span{font-size:18px}.place-date time{font-size:12px}.digital-reading span{font-size:clamp(44px,13vw,64px)}.digital-reading b{font-size:16px}.burmese-reading>button{font-size:clamp(21px,6.8vw,30px)}.celestial-summary{grid-template-columns:1fr 1.2fr 1fr}.celestial-summary>div{text-align:center;justify-items:center;gap:4px;padding:0 6px;display:grid}.celestial-summary>div>svg{width:25px}.celestial-summary .moon-summary>svg{width:40px}.celestial-summary span{font-size:8px}.celestial-summary strong{font-size:10px}.reading-details{grid-template-columns:1fr 1fr;gap:12px 4px}.reading-details strong{font-size:11px}.date-stepper{max-width:100%}.year-chart svg{min-height:95px}.reading-explanation>header{padding:18px 16px 12px}.signal-timeline{padding-inline:16px}.signal-timeline>i{left:16px;right:16px}.explanation-facts{padding-inline:16px}.explanation-facts>div{grid-template-columns:1fr;gap:5px}.next-moment{grid-template-columns:auto minmax(0,1fr) auto 16px;padding-inline:12px}.next-moment>span{font-size:0}.next-moment>span svg{width:18px}.feature-page{padding-inline:16px}.feature-hero h1{font-size:46px}.feature-hero p{font-size:15px}.sun-panel,.moon-panel,.twilight-panel{padding:20px}.event-row{grid-template-columns:24px 1fr;display:grid}.definition-grid{grid-template-columns:1fr 1fr}.solar-time-readings{grid-template-columns:1fr}.solar-time-readings strong{font-size:34px}.twilight-panel>header{align-items:flex-start;gap:15px}.browser-controls{align-items:center}.segmented button{padding:0 10px}.place-list,.map-figure{height:420px}.location-actions{grid-template-columns:1fr}.place-detail>header{gap:12px}.favorite-large{justify-content:center;width:44px;padding:0;font-size:0}.place-time-grid{grid-template-columns:1fr}.place-time-grid article+article{border-left:0;border-top:1px solid var(--glass-border)}.place-facts{grid-template-columns:1fr 1fr}.field-pair{grid-template-columns:1fr}.timeline-detail{padding-right:10px}.history-timeline button strong{font-size:17px}.dual-time-demo{margin:40px 0}.dual-dial{width:min(300px,88vw)}.water-clock-section,.gong-section{padding:20px}.water-vessel{height:280px}.simulation-controls{display:grid}.strike-buttons{grid-template-columns:1fr 1fr;display:grid}.gong{width:190px}.calendar-instrument{grid-template-columns:1fr}.gregorian-date{border-right:0;border-bottom:1px solid var(--glass-border);min-height:230px}.myanmar-date{min-height:260px;padding:28px 18px}.calendar-controls{display:grid}.settings-groups>section{padding:17px}.select-setting{gap:9px;display:grid}.select-setting select{width:100%;min-width:0}.traditional-mode-choice{grid-template-columns:38px minmax(0,1fr);gap:10px;padding:13px}.traditional-mode-icon{width:38px;height:38px}.traditional-mode-title{justify-content:start;gap:2px;padding-right:24px;display:grid}.traditional-mode-title small{margin:0}.traditional-mode-check{position:absolute;top:13px;right:13px}.principle-grid{grid-template-columns:1fr}.about-mark{padding:34px 10px}.source-list article{grid-template-columns:1fr 44px}.update-prompt{left:12px;right:12px;bottom:calc(80px + env(safe-area-inset-bottom));border-radius:var(--radius-md)}.update-prompt>span{flex:1}.update-prompt .button-primary{padding:0 12px}}@media (max-width:350px){.feature-page,.time-screen{padding-inline:10px}.mobile-brand b{font-size:15px}.round-control{width:44px;height:44px;min-height:44px}.digital-reading span{font-size:42px}.celestial-summary>div{padding:0 3px}.place-facts{grid-template-columns:1fr}.browser-controls{grid-template-columns:1fr auto;display:grid}.segmented button{padding:0 8px}}@media (orientation:landscape) and (max-height:560px) and (min-width:600px){.app-header{display:none}.app-shell{padding-bottom:0}.mobile-nav{z-index:40;border-top:0;border-left:1px solid var(--glass-border);background:color-mix(in srgb,var(--background) 88%,transparent);width:76px;height:100vh;-webkit-backdrop-filter:blur(var(--blur-medium));backdrop-filter:blur(var(--blur-medium));grid-template-rows:repeat(5,1fr);grid-template-columns:1fr;padding-bottom:0;display:grid;position:fixed;inset:0 0 0 auto}.mobile-nav a{color:var(--text-muted);align-content:center;place-items:center;gap:3px;font-size:10px;display:grid;position:relative}.mobile-nav a svg{width:21px;height:21px}.mobile-nav a.active{color:var(--sun-accent)}.mobile-nav a.active:before{content:"";background:var(--sun-accent);width:2px;height:auto;position:absolute;inset:20% auto 20% 0}.feature-page{padding-right:92px}.time-screen{padding:4px 92px 4px 14px}.time-utility-row{z-index:4;pointer-events:none;margin:0;position:absolute;top:10px;left:16px;right:90px}.time-utility-row button{pointer-events:auto}.mobile-brand,.mobile-current-place{display:none}.hero-instrument{grid-template-columns:minmax(340px,1.1fr) minmax(330px,.9fr);gap:22px;min-height:calc(100vh - 8px);display:grid}.dial-stage{width:auto;height:calc(100vh - 8px)}.timepiece{width:auto;height:min(100%,650px)}.reading-stage{width:auto}.reading-stage .place-date{border-top:0;padding:6px 0 10px;display:grid}.reading-stage .place-date span{display:none}.place-date time{font-size:11px}.digital-reading{padding:10px 0 5px}.digital-reading span{font-size:clamp(44px,7.5vw,76px)}.burmese-reading{padding-bottom:8px}.burmese-reading>button{font-size:clamp(22px,3vw,34px)}.celestial-summary{padding:8px 0}.reading-details{display:none}.date-stepper{margin-top:10px}.year-chart{display:none}.exploring-banner{z-index:5;position:absolute;top:8px;left:50%;transform:translate(-50%)}.reading-explanation{max-height:52vh;overflow:auto}.reading-explanation>header{padding:12px 14px 8px}.reading-explanation h2{font-size:19px}.signal-timeline{padding:2px 14px 27px}.signal-timeline>i{bottom:14px;left:14px;right:14px}.explanation-facts{padding:0 14px 8px}.explanation-facts>div{grid-template-columns:105px 1fr;padding:7px 0}.reading-explanation>footer button{min-height:44px}.next-moment{min-height:44px;margin:7px 0}}@media (min-width:1800px){.app-header{padding-left:max(var(--page-gutter),calc((100vw - 1700px)/2));padding-right:max(var(--page-gutter),calc((100vw - 1700px)/2))}.feature-page,.time-screen{width:min(1700px,100%);padding-left:56px;padding-right:56px}.hero-instrument{min-height:780px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root[data-motion=reduced] *,:root[data-motion=reduced] :before,:root[data-motion=reduced] :after{transition-duration:.01ms!important;animation-duration:.01ms!important}::view-transition-old(root){animation:.18s both route-out}::view-transition-new(root){animation:.26s cubic-bezier(.2,.75,.2,1) both route-in}::view-transition-old(more-panel){animation:.12s both panel-out}::view-transition-new(more-panel){animation:.22s both panel-in}@keyframes route-out{to{opacity:0;transform:translateY(-3px)}}@keyframes route-in{0%{opacity:0;transform:translateY(5px)}}@keyframes panel-out{to{opacity:0;transform:translate(-5px)}}@keyframes panel-in{0%{opacity:0;transform:translate(7px)}}:root[data-quality=premium] body:before{opacity:.3;background-size:42px 42px}:root[data-quality=premium] .app-header,:root[data-quality=premium] .mobile-nav{-webkit-backdrop-filter:blur(var(--blur-high)) saturate(1.22);backdrop-filter:blur(var(--blur-high)) saturate(1.22);box-shadow:0 12px 40px #0003}:root[data-quality=premium] .timepiece{filter:drop-shadow(0 42px 66px #00000094) drop-shadow(0 0 18px color-mix(in srgb,var(--sun-accent) 9%,transparent))}:root[data-quality=premium] .timepiece:before{background:radial-gradient(circle at var(--pointer-x,28%) var(--pointer-y,20%),#ffffff3d,transparent 20%),linear-gradient(135deg,#ffffff21,transparent 28%,transparent 66%,#ffffff0e);transition:background-position .16s linear}:root[data-quality=premium] .traditional-watch-hand{filter:drop-shadow(0 4px 4px #000c) drop-shadow(0 0 6px color-mix(in srgb,var(--watch-hand-enamel) 36%,transparent))}:root[data-quality=premium] .traditional-watch-hand-jewel{filter:drop-shadow(0 0 5px color-mix(in srgb,var(--dial-traditional) 82%,transparent))}:root[data-quality=premium] .moon-complication{filter:drop-shadow(0 8px 11px #000000d1) drop-shadow(0 0 5px color-mix(in srgb,var(--dial-traditional) 12%,transparent))}:root[data-quality=premium] .digital-reading span{text-shadow:0 4px 22px #00000073,0 0 32px color-mix(in srgb,var(--sun-accent) 7%,transparent)}:root[data-quality=premium] .reading-explanation,:root[data-quality=premium] .instrument-panel{box-shadow:0 24px 64px #00000061,inset 0 1px #ffffff30}:root[data-quality=premium] .burmese-reading>button:hover{transform:translateY(-1px)}@media (min-width:821px) and (prefers-reduced-motion:no-preference){:root[data-quality=auto] .app-header{-webkit-backdrop-filter:blur(var(--blur-high)) saturate(1.15);backdrop-filter:blur(var(--blur-high)) saturate(1.15)}:root[data-quality=auto] .timepiece{filter:drop-shadow(0 42px 66px #0000008a) drop-shadow(0 0 16px color-mix(in srgb,var(--sun-accent) 7%,transparent))}:root[data-quality=auto] .timepiece:before{background:radial-gradient(circle at 28% 20%,#fff3,#0000 20%),linear-gradient(135deg,#ffffff21,#0000 28% 66%,#ffffff0d)}:root[data-quality=auto] .digital-reading span{text-shadow:0 4px 22px #0000006b,0 0 28px color-mix(in srgb,var(--sun-accent) 6%,transparent)}}:root[data-motion=reduced]::view-transition-old(root){animation:none}:root[data-motion=reduced]::view-transition-new(root){animation:none}:root[data-motion=reduced]::view-transition-old(more-panel){animation:none}:root[data-motion=reduced]::view-transition-new(more-panel){animation:none}:root[data-quality=efficient] .instrument-panel,:root[data-quality=efficient] .app-header,:root[data-quality=efficient] .mobile-nav{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}:root[data-quality=efficient] .timepiece{filter:none}:root[data-quality=efficient] .timepiece:before{display:none}@keyframes ancient-signal-wave{0%{opacity:.8;transform:scale(.82)}70%{opacity:.12}to{opacity:0;transform:scale(1.18)}}@keyframes ancient-signal-light{0%,to{filter:drop-shadow(0 38px 62px #00000094)}18%{filter:drop-shadow(0 38px 62px #00000094) drop-shadow(0 0 28px color-mix(in srgb,var(--sun-accent) 58%,transparent))}}:root[data-quality=premium] .ancient-watch-dial{filter:drop-shadow(0 44px 72px #000000ad) drop-shadow(0 0 18px color-mix(in srgb,var(--sun-accent) 12%,transparent))}:root[data-quality=premium] .ancient-instrument:before{content:"";z-index:-1;background:radial-gradient(circle,color-mix(in srgb,var(--sun-accent) 5%,transparent),transparent 67%);pointer-events:none;border-radius:50%;width:46vw;height:46vw;position:absolute;left:0}:root[data-quality=efficient] .ancient-watch-dial{filter:none}.ancient-time-screen.watch-mode{padding-top:12px}.ancient-time-screen.watch-mode .ancient-instrument{width:min(1500px,100%);min-height:calc(100vh - 30px);margin:auto}.ancient-time-screen.watch-mode .ancient-guide,.ancient-time-screen.watch-mode .mobile-current-place,.ancient-time-screen.watch-mode .exploring-banner,.ancient-time-screen.watch-mode .ancient-primary-reading small,.ancient-time-screen.watch-mode .ancient-method-rail,.ancient-time-screen.watch-mode .ancient-action-rail{display:none}@media (max-width:1100px){.time-view-selector{width:min(330px,35vw)}.ancient-instrument{grid-template-columns:minmax(390px,1fr) minmax(390px,.95fr);gap:28px}}@media (orientation:portrait) and (min-width:821px) and (max-width:1100px){.ancient-instrument{flex-direction:column;min-height:0;display:flex}.ancient-watch-dial{width:min(100%,640px)}.ancient-reading-stage{width:min(100%,720px);padding:0}}@media (max-width:820px){.time-utility-row{grid-template-columns:46px minmax(0,1fr) 46px;gap:8px;display:grid}.time-utility-row .mobile-brand{grid-area:1/2}.time-utility-row .utility-start{grid-area:1/1}.time-utility-row .utility-end{grid-area:1/3}.time-view-selector{grid-area:2/1/auto/-1;width:100%;margin-top:6px}.time-view-selector button{min-height:44px;font-size:11px}.view-label-full{display:none}.view-label-compact{display:inline}.ancient-time-screen .mobile-current-place{margin-top:12px}.ancient-guide{grid-template-columns:28px minmax(0,1fr);margin:14px 0;padding:15px 8px}.ancient-guide ol{gap:5px;display:grid}.ancient-guide button{grid-column:2;justify-self:start}.ancient-instrument{flex-direction:column;gap:8px;min-height:0;display:flex}.ancient-watch-dial{width:min(100%,620px)}.ancient-reading-stage{width:min(100%,680px);padding:0}.ancient-place-date{display:none}.ancient-primary-reading{padding-top:15px}.ancient-primary-reading strong{font-size:clamp(27px,8vw,42px)}.ancient-primary-reading span{font-size:22px}.ancient-signal-grid>div{text-align:center;padding:12px 8px}.ancient-signal-grid span{font-size:8px}.ancient-signal-grid strong{font-size:16px}.ancient-method-rail{grid-template-columns:1fr 1fr}.ancient-action-rail{grid-template-columns:repeat(4,1fr)}.ancient-action-rail button{align-content:center;place-items:center;gap:2px;min-height:58px;font-size:9px;display:grid}.ancient-explorer{margin-top:24px}.ancient-story>header{align-items:start}.ancient-story>header a{text-align:right;max-width:145px}.ancient-story-rail{scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:-12px;padding:0 12px 8px;display:flex;overflow-x:auto}.ancient-story-rail:before{left:12px;right:12px}.ancient-story-rail button{scroll-snap-align:start;flex:0 0 118px}.calculation-sheet{border-radius:var(--radius-md);padding:20px 16px}.calculation-ledger{grid-template-columns:1fr}.calculation-ledger>div:nth-child(odd){border-right:0}.calculation-equation{grid-template-columns:1fr auto 1fr}.calculation-equation>span:nth-of-type(3),.calculation-equation>span:nth-of-type(4){margin-top:6px}.calculation-formula{grid-template-columns:1fr}}@media (max-width:560px){.ancient-watch-dial{width:calc(100vw - 24px)}.ancient-primary-reading small{text-align:center;font-size:9px}.ancient-progress-copy{font-size:10px}.ancient-signal-grid small{white-space:normal}.ancient-method-rail>div{padding:10px}.ancient-method-rail>div:nth-child(3),.ancient-method-rail>div:nth-child(4){display:none}.ancient-explorer header{align-items:center}.ancient-explorer header button{justify-content:center;width:44px;font-size:0}.ancient-story>header{display:grid}.ancient-story>header a{text-align:left;max-width:none}.calculation-live-status{grid-template-columns:auto 1fr;padding-block:10px;display:grid}.calculation-live-status small{grid-column:2;margin-left:0}.calculation-ledger>div{grid-template-columns:112px 1fr;padding-inline:6px}.calculation-equation{gap:5px}.calculation-equation b{font-size:22px}.calculation-sheet>footer{display:grid}}@media (orientation:landscape) and (max-height:560px) and (min-width:600px){.ancient-time-screen{padding-right:92px}.ancient-time-screen .time-utility-row{right:90px}.ancient-time-screen .time-view-selector{width:290px}.ancient-instrument{grid-template-columns:minmax(340px,1fr) minmax(330px,.9fr);gap:22px;min-height:calc(100vh - 8px);display:grid}.ancient-watch-dial{width:auto;height:min(100vh - 12px,620px)}.ancient-primary-reading{padding:5px 0}.ancient-primary-reading strong{font-size:24px}.ancient-place-date,.ancient-primary-reading small,.ancient-method-rail,.ancient-action-rail,.ancient-explorer,.ancient-story{display:none}.ancient-signal-grid{margin-bottom:5px}}@media (prefers-reduced-motion:reduce){.ancient-watch-hand,.ancient-progress-track,.ancient-progress-bar i{transition:none}.ancient-watch-dial.is-signaling,.ancient-watch-dial.is-signaling .ancient-signal-wave{animation:none}}:root[data-motion=reduced] .ancient-watch-hand,:root[data-motion=reduced] .ancient-progress-track,:root[data-motion=reduced] .ancient-progress-bar i{transition:none}}