:root{--paper:#fcfbf9;--ink:#292d36;--muted:#777a81;--gold:#ddbf82;--line:#e3e1db;--night:#060b19;--blue:#8cbded;font-family:"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI","Yu Gothic",Meiryo,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible,summary:focus-visible{outline:2px solid #79aeef;outline-offset:4px}a{color:inherit;text-decoration:none}button{border:1px solid var(--line);background:transparent;color:inherit;border-radius:5px;font-size:max(var(--sky-text-min, 0px), calc((14px) * var(--sky-text-scale, 1)));min-height:40px;padding:8px 15px}button:hover{background:#b4a07912}input,select{min-width:0;max-width:100%;color:inherit;background:#fff;border:1px solid var(--line);border-radius:4px;padding:10px;font-size:max(var(--sky-text-min, 0px), calc((15px) * var(--sky-text-scale, 1)))}input[type=checkbox]{accent-color:#b3955c;width:16px;height:16px}input[type=range]{accent-color:#ab8a50;padding:0}label{font-size:max(var(--sky-text-min, 0px), calc((14px) * var(--sky-text-scale, 1)))}[hidden]{display:none!important}.topbar{height:68px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line)}.brand{font-family:serif;font-size:max(var(--sky-text-min, 0px), calc((25px) * var(--sky-text-scale, 1)));letter-spacing:.12em;white-space:nowrap}.brand span{font-family:Arial,sans-serif;font-size:max(var(--sky-text-min, 0px), calc((10px) * var(--sky-text-scale, 1)));letter-spacing:.2em;margin-left:12px}.edition{font-size:max(var(--sky-text-min, 0px), calc((13px) * var(--sky-text-scale, 1)));letter-spacing:.16em}.edition i,footer i{font-style:normal;color:#b1a58b;margin:0 10px}.topbar>a:last-child{font-size:max(var(--sky-text-min, 0px), calc((12px) * var(--sky-text-scale, 1)));color:#767571}.observatory{height:clamp(610px,78vh,860px);position:relative;background:var(--night);color:#e8edf4;overflow:hidden}.observatory:fullscreen{height:100vh}#viewport{position:absolute;inset:0;touch-action:none;outline-offset:-4px}#viewport canvas{display:block;width:100%;height:100%}.scene-top{position:absolute;top:24px;left:30px;right:30px;display:flex;justify-content:space-between;gap:10px;pointer-events:none}.scene-top>*{pointer-events:auto}.mode-tabs{display:flex;padding:4px;background:#0b1425bd;border:1px solid #adbee42a;border-radius:7px;backdrop-filter:blur(12px)}.mode-tabs button{border:0;color:#9aa8bc;padding:9px 19px;min-height:40px;font-size:max(var(--sky-text-min, 0px), calc((13px) * var(--sky-text-scale, 1)));white-space:nowrap}.mode-tabs button span{margin-right:7px;font-size:max(var(--sky-text-min, 0px), calc((16px) * var(--sky-text-scale, 1)))}.mode-tabs button.active{background:#263345;color:#f7e6c6;box-shadow:inset 0 0 0 1px #ddbf822b}.icon-button{font-size:max(var(--sky-text-min, 0px), calc((24px) * var(--sky-text-scale, 1)));padding:1px 10px;color:#b9c8da;border-color:#c3d5f52b;background:#0b142566}.scene-title{position:absolute;top:114px;left:44px;pointer-events:none}.eyebrow{font-size:max(var(--sky-text-min, 0px), calc((10px) * var(--sky-text-scale, 1)));letter-spacing:.23em;line-height:1.8;color:#abbcd0;margin:0 0 12px}.eyebrow.dark{color:#8a7755;letter-spacing:.18em}.scene-title h1{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-weight:400;font-size:max(var(--sky-text-min, 0px), calc((40px) * var(--sky-text-scale, 1)));letter-spacing:.2em;margin:0 0 12px;color:#f1eee7}.scene-title>p:last-child{font-size:max(var(--sky-text-min, 0px), calc((13px) * var(--sky-text-scale, 1)));letter-spacing:.12em;color:#9cabbd}.scene-status{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:13px;background:#060b19b0;z-index:3;font-size:max(var(--sky-text-min, 0px), calc((14px) * var(--sky-text-scale, 1)));pointer-events:none}.loader{width:20px;height:20px;border:1px solid #dfbe7950;border-top-color:var(--gold);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.selection{position:absolute;right:40px;top:154px;width:196px;background:linear-gradient(110deg,#0d17298c,#0d17292b);border-top:1px solid #c7d7f230;border-bottom:1px solid #c7d7f220;padding:20px 0 16px 20px;backdrop-filter:blur(8px)}.selection .eyebrow{font-size:max(var(--sky-text-min, 0px), calc((9px) * var(--sky-text-scale, 1)));margin-bottom:15px}.focus-name{display:flex;align-items:center;gap:13px}.focus-name>span{font-family:"Segoe UI Symbol",serif;font-size:max(var(--sky-text-min, 0px), calc((38px) * var(--sky-text-scale, 1)));color:#f1d69b;text-shadow:0 0 24px #ffcc7070}.focus-name h2{font-weight:400;font-size:max(var(--sky-text-min, 0px), calc((22px) * var(--sky-text-scale, 1)));letter-spacing:.14em;margin:0}.focus-sign{font-family:serif;font-size:max(var(--sky-text-min, 0px), calc((17px) * var(--sky-text-scale, 1)));letter-spacing:.04em;color:#e5d1ae;margin:10px 0 20px}.selection dl{font-size:max(var(--sky-text-min, 0px), calc((12px) * var(--sky-text-scale, 1)));margin:0}.selection dl>div{display:flex;justify-content:space-between;gap:12px;margin:11px 0}.selection dt{color:#94a4bb}.selection dd{margin:0;font-variant-numeric:tabular-nums}.detail-note{font-size:max(var(--sky-text-min, 0px), calc((11px) * var(--sky-text-scale, 1)));color:#9aaabd;line-height:1.9;margin:20px 0 10px}.text-button{border:0;border-top:1px solid #b6c7e11c;border-radius:0;padding:12px 0 0;font-size:max(var(--sky-text-min, 0px), calc((11px) * var(--sky-text-scale, 1)));width:100%;text-align:left;color:#dfcfaf}.text-button span{float:right}.scene-bottom{position:absolute;bottom:56px;left:36px;right:36px;display:flex;align-items:center;justify-content:space-between;gap:10px}.scene-tools{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.scene-tools button,.scene-tools label{font-size:max(var(--sky-text-min, 0px), calc((11px) * var(--sky-text-scale, 1)));border-color:#adc3e32d;border-radius:4px;background:#0a15259c;color:#c6d1df;min-height:36px;padding:8px 11px}.scene-tools label{display:flex;align-items:center;gap:5px;border:1px solid #adc3e32d}.scene-tools input{margin:0;width:13px;height:13px}.scene-tools button[aria-pressed=true]{color:#eed9a6;border-color:#c4a873}.gesture-hint{font-size:max(var(--sky-text-min, 0px), calc((10px) * var(--sky-text-scale, 1)));letter-spacing:.05em;color:#92a0b6}.scene-caption{position:absolute;bottom:18px;left:36px;right:30px;font-size:max(var(--sky-text-min, 0px), calc((10px) * var(--sky-text-scale, 1)));color:#788ba6;line-height:1.6;pointer-events:none}.fallback{position:absolute;left:10%;right:10%;top:43%;text-align:center;z-index:2;color:#d6e0ee;background:#0c1729e0;border:1px solid #6b7c9866;padding:18px;font-size:max(var(--sky-text-min, 0px), calc((14px) * var(--sky-text-scale, 1)))}.fallback a{color:var(--gold);text-decoration:underline}.time-panel{padding:25px 4% 23px;border-bottom:1px solid var(--line)}.time-header{display:flex;align-items:center;justify-content:space-between;gap:15px}.time-header .eyebrow{margin-bottom:5px;font-size:max(var(--sky-text-min, 0px), calc((10px) * var(--sky-text-scale, 1)))}.time-header time{font-family:Georgia,"Yu Mincho",serif;font-size:max(var(--sky-text-min, 0px), calc((27px) * var(--sky-text-scale, 1)));font-variant-numeric:tabular-nums;letter-spacing:.02em}.timezone{font-size:max(var(--sky-text-min, 0px), calc((10px) * var(--sky-text-scale, 1)));margin-left:13px;color:var(--muted)}.time-actions{display:flex;gap:8px}.time-actions button{font-size:max(var(--sky-text-min, 0px), calc((12px) * var(--sky-text-scale, 1)));min-height:34px;padding:6px 13px}.playback{display:flex;align-items:center;gap:22px;margin-top:20px}.play-button{color:#fcfbf9;background:#303d50;border:0;border-radius:50%;width:44px;height:44px;flex:none;padding:0;font-size:max(var(--sky-text-min, 0px), calc((14px) * var(--sky-text-scale, 1)))}.play-button:hover{background:#455875}.slider-wrap{flex:1;min-width:0}.slider-wrap input{display:block;width:100%;height:16px;background:transparent;cursor:pointer}.range-labels{display:flex;justify-content:space-between;font-size:max(var(--sky-text-min, 0px), calc((10px) * var(--sky-text-scale, 1)));color:#8e8e91;margin-top:7px}.range-labels span:nth-child(2){color:#ada393}.speed-label{display:flex;align-items:center;gap:10px;flex:none;font-size:max(var(--sky-text-min, 0px), calc((11px) * var(--sky-text-scale, 1)));color:var(--muted)}.speed-label select{font-size:max(var(--sky-text-min, 0px), calc((12px) * var(--sky-text-scale, 1)));background:transparent;padding:7px 10px}.date-row{display:flex;align-items:center;gap:10px;margin-top:18px;flex-wrap:wrap;font-size:max(var(--sky-text-min, 0px), calc((11px) * var(--sky-text-scale, 1)));color:#8a8d92}.date-row label{font-size:max(var(--sky-text-min, 0px), calc((11px) * var(--sky-text-scale, 1)));display:flex;align-items:center;gap:12px}.date-row input{font-size:max(var(--sky-text-min, 0px), calc((12px) * var(--sky-text-scale, 1)));padding:5px 8px;background:transparent}.date-row button{font-size:max(var(--sky-text-min, 0px), calc((11px) * var(--sky-text-scale, 1)));min-height:30px;padding:4px 12px}.notice{color:#8a683b}.birth-section{padding:42px 4%;display:grid;grid-template-columns:1fr 1.8fr;gap:65px;max-width:1380px;margin:auto}.birth-intro h2{font:normal max(var(--sky-text-min, 0px), calc(26px * var(--sky-text-scale, 1)))/1.5 "Yu Mincho",serif;letter-spacing:.1em;margin:0 0 16px}.birth-intro>p:not(.eyebrow){font-size:max(var(--sky-text-min, 0px), calc((13px) * var(--sky-text-scale, 1)));color:#7e8188;line-height:1.9}.birth-summary{font-size:max(var(--sky-text-min, 0px), calc((11px) * var(--sky-text-scale, 1)))!important;color:#9b8764!important}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-grid>label,.coordinates label{display:flex;flex-direction:column;gap:7px;font-size:max(var(--sky-text-min, 0px), calc((12px) * var(--sky-text-scale, 1)));color:#727782}.form-grid input,.form-grid select{width:100%;background:transparent;font-size:max(var(--sky-text-min, 0px), calc((14px) * var(--sky-text-scale, 1)))}.coordinates{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:22px;gap:10px}.unknowns{display:flex;gap:20px}.unknowns label{font-size:max(var(--sky-text-min, 0px), calc((12px) * var(--sky-text-scale, 1)));display:flex;align-items:center;gap:5px}.primary{background:#303d50;color:#fff;border:0;padding:12px 19px;font-size:max(var(--sky-text-min, 0px), calc((13px) * var(--sky-text-scale, 1)))}.primary:hover{background:#43546e}.primary span{margin-left:20px}.form-note{font-size:max(var(--sky-text-min, 0px), calc((10px) * var(--sky-text-scale, 1)));color:#96989b;margin:16px 0 0}#form-error{color:#a14739;font-size:max(var(--sky-text-min, 0px), calc((13px) * var(--sky-text-scale, 1)));margin:10px 0 0}.data-section{margin:0 4% 35px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;font-size:max(var(--sky-text-min, 0px), calc((13px) * var(--sky-text-scale, 1)))}.data-section summary{cursor:pointer;font-size:max(var(--sky-text-min, 0px), calc((14px) * var(--sky-text-scale, 1)))}.data-section summary span{margin-left:20px;color:#98999b;font-size:max(var(--sky-text-min, 0px), calc((11px) * var(--sky-text-scale, 1)))}.data-section p{font-size:max(var(--sky-text-min, 0px), calc((11px) * var(--sky-text-scale, 1)));color:#8a8d93;line-height:1.9}.table-wrap{margin-top:20px}table{width:100%;border-collapse:collapse;font-size:max(var(--sky-text-min, 0px), calc((13px) * var(--sky-text-scale, 1)));font-variant-numeric:tabular-nums}td,th{text-align:left;padding:10px;border-bottom:1px solid var(--line)}th{font-size:max(var(--sky-text-min, 0px), calc((11px) * var(--sky-text-scale, 1)));font-weight:400;color:#80858c}td button{border:0;padding:0;min-height:28px;font-size:max(var(--sky-text-min, 0px), calc((13px) * var(--sky-text-scale, 1)))}.retro{color:#ae654f}footer{display:flex;justify-content:space-between;padding:0 4% 24px;font-size:max(var(--sky-text-min, 0px), calc((11px) * var(--sky-text-scale, 1)));color:#85888d}.star-label{position:absolute;pointer-events:none;color:#e0e8f3;font-size:max(var(--sky-text-min, 0px), calc((11px) * var(--sky-text-scale, 1)));white-space:nowrap;text-shadow:0 1px 5px #000,0 0 8px #000;background:#070e1c80;border-radius:4px;padding:3px 6px;border-left:1px solid #c9b28888}.star-label.selected{color:#ffe9b7;border-color:#eacc84;background:#202839bb}
@media(min-width:1500px){.selection{right:5%;width:230px}.scene-title{left:5%;top:130px}.scene-title h1{font-size:max(var(--sky-text-min, 0px), calc((46px) * var(--sky-text-scale, 1)))}}
@media(max-width:900px){.scene-title{left:25px;top:110px}.scene-title h1{font-size:max(var(--sky-text-min, 0px), calc((30px) * var(--sky-text-scale, 1)))}.selection{right:22px;width:156px;top:190px;padding-left:13px}.focus-name h2{font-size:max(var(--sky-text-min, 0px), calc((18px) * var(--sky-text-scale, 1)))}.focus-sign{font-size:max(var(--sky-text-min, 0px), calc((14px) * var(--sky-text-scale, 1)))}.gesture-hint{display:none}.scene-tools{gap:5px}.birth-section{gap:30px}.brand span{display:none}}
@media(max-width:600px){.topbar{height:56px;padding:0 17px}.brand{font-size:max(var(--sky-text-min, 0px), calc((22px) * var(--sky-text-scale, 1)))}.edition{font-size:max(var(--sky-text-min, 0px), calc((10px) * var(--sky-text-scale, 1)));letter-spacing:.06em}.edition i{margin:0 4px}.topbar>a:last-child{font-size:max(var(--sky-text-min, 0px), calc((10px) * var(--sky-text-scale, 1)))}.observatory{height:670px}.scene-top{top:16px;left:12px;right:12px;gap:6px}.mode-tabs{flex:1;justify-content:space-between;padding:3px}.mode-tabs button{padding:8px 9px;font-size:max(var(--sky-text-min, 0px), calc((11px) * var(--sky-text-scale, 1)));min-height:34px}.mode-tabs button span{font-size:max(var(--sky-text-min, 0px), calc((14px) * var(--sky-text-scale, 1)));margin-right:4px}.icon-button{font-size:max(var(--sky-text-min, 0px), calc((21px) * var(--sky-text-scale, 1)));min-height:36px;padding:2px 7px}.scene-title{top:92px;left:23px}.scene-title .eyebrow{font-size:max(var(--sky-text-min, 0px), calc((8px) * var(--sky-text-scale, 1)));margin-bottom:7px}.scene-title h1{font-size:max(var(--sky-text-min, 0px), calc((30px) * var(--sky-text-scale, 1)));margin-bottom:9px}.scene-title>p:last-child{font-size:max(var(--sky-text-min, 0px), calc((11px) * var(--sky-text-scale, 1)))}.selection{top:auto;bottom:104px;right:17px;left:17px;width:auto;padding:10px 12px;display:grid;grid-template-columns:1fr 1fr;column-gap:14px;background:#0b1626c9;border:1px solid #adbee425;border-radius:5px;backdrop-filter:blur(7px)}.selection .eyebrow,.selection .detail-note,.selection .text-button{display:none}.focus-name{gap:8px;grid-column:1}.focus-name>span{font-size:max(var(--sky-text-min, 0px), calc((28px) * var(--sky-text-scale, 1)))}.focus-name h2{font-size:max(var(--sky-text-min, 0px), calc((17px) * var(--sky-text-scale, 1)))}.focus-sign{font-size:max(var(--sky-text-min, 0px), calc((13px) * var(--sky-text-scale, 1)));margin:0;grid-column:1}.selection dl{grid-column:2;grid-row:1/3;align-self:center;font-size:max(var(--sky-text-min, 0px), calc((11px) * var(--sky-text-scale, 1)))}.selection dl>div{margin:6px 0}.scene-bottom{bottom:55px;left:15px;right:15px}.scene-tools{width:100%;justify-content:center;gap:5px}.scene-tools button,.scene-tools label{font-size:max(var(--sky-text-min, 0px), calc((10px) * var(--sky-text-scale, 1)));padding:6px 8px;min-height:32px}.scene-caption{left:19px;right:19px;bottom:14px;font-size:max(var(--sky-text-min, 0px), calc((9px) * var(--sky-text-scale, 1)))}.time-panel{padding:22px 19px}.time-header time{font-size:max(var(--sky-text-min, 0px), calc((22px) * var(--sky-text-scale, 1)))}.timezone{display:block;margin:4px 0 0;font-size:max(var(--sky-text-min, 0px), calc((9px) * var(--sky-text-scale, 1)))}.time-header .eyebrow{font-size:max(var(--sky-text-min, 0px), calc((8px) * var(--sky-text-scale, 1)))}.time-actions{gap:5px}.time-actions button{padding:5px 8px;font-size:max(var(--sky-text-min, 0px), calc((10px) * var(--sky-text-scale, 1)))}.playback{gap:13px;flex-wrap:wrap;margin-top:15px}.play-button{height:39px;width:39px}.slider-wrap{min-width:220px}.speed-label{margin-left:auto;gap:10px}.date-row{margin-top:13px;gap:8px}.date-row label{gap:6px;font-size:max(var(--sky-text-min, 0px), calc((10px) * var(--sky-text-scale, 1)))}.date-row input{font-size:max(var(--sky-text-min, 0px), calc((11px) * var(--sky-text-scale, 1)));max-width:180px}.date-row button{font-size:max(var(--sky-text-min, 0px), calc((10px) * var(--sky-text-scale, 1)));padding:5px 9px}#range-note{font-size:max(var(--sky-text-min, 0px), calc((9px) * var(--sky-text-scale, 1)))}.birth-section{display:block;padding:30px 20px}.birth-intro h2{font-size:max(var(--sky-text-min, 0px), calc((23px) * var(--sky-text-scale, 1)))}.birth-intro p br{display:none}.birth-intro .eyebrow{font-size:max(var(--sky-text-min, 0px), calc((9px) * var(--sky-text-scale, 1)))}.birth-intro>p:not(.eyebrow){font-size:max(var(--sky-text-min, 0px), calc((12px) * var(--sky-text-scale, 1)))}.birth-intro{margin-bottom:25px}.form-grid{gap:15px 12px}.form-grid>label,.coordinates label{font-size:max(var(--sky-text-min, 0px), calc((11px) * var(--sky-text-scale, 1)))}.form-grid input,.form-grid select{font-size:max(var(--sky-text-min, 0px), calc((13px) * var(--sky-text-scale, 1)));padding:9px 7px}.coordinates{gap:6px}.unknowns{gap:8px}.unknowns label{font-size:max(var(--sky-text-min, 0px), calc((10px) * var(--sky-text-scale, 1)));gap:3px}.unknowns input{width:13px;height:13px}.primary{font-size:max(var(--sky-text-min, 0px), calc((11px) * var(--sky-text-scale, 1)));padding:11px 12px}.primary span{margin-left:5px}.form-note{font-size:max(var(--sky-text-min, 0px), calc((9px) * var(--sky-text-scale, 1)));line-height:1.8}.data-section{margin:0 20px 28px}.data-section summary{font-size:max(var(--sky-text-min, 0px), calc((12px) * var(--sky-text-scale, 1)))}.data-section summary span{font-size:max(var(--sky-text-min, 0px), calc((9px) * var(--sky-text-scale, 1)));margin-left:8px}th,td{padding:9px 4px;font-size:max(var(--sky-text-min, 0px), calc((10px) * var(--sky-text-scale, 1)))}td button{font-size:max(var(--sky-text-min, 0px), calc((11px) * var(--sky-text-scale, 1)))}td:nth-child(4),th:nth-child(4){display:none}footer{padding:0 20px 20px;font-size:max(var(--sky-text-min, 0px), calc((9px) * var(--sky-text-scale, 1)))}.star-label{font-size:max(var(--sky-text-min, 0px), calc((10px) * var(--sky-text-scale, 1)));padding:2px 4px}.fallback{left:5%;right:5%;top:35%;font-size:max(var(--sky-text-min, 0px), calc((12px) * var(--sky-text-scale, 1)))}}


.star-label{left:0;top:0}.focus-sign{font-size:max(var(--sky-text-min, 0px), calc((15px) * var(--sky-text-scale, 1)));line-height:1.7}

.star-label{font-size:max(var(--sky-text-min, 0px), calc((12px) * var(--sky-text-scale, 1)))}.selection .focus-name h2{font-size:max(var(--sky-text-min, 0px), calc((20px) * var(--sky-text-scale, 1)))}.selection .focus-sign{font-size:max(var(--sky-text-min, 0px), calc((14px) * var(--sky-text-scale, 1)))}.scene-title h1{text-shadow:0 0 40px #b5ceff22}@media(max-width:600px){.star-label{font-size:max(var(--sky-text-min, 0px), calc((11px) * var(--sky-text-scale, 1)))}.selection .focus-sign{font-size:max(var(--sky-text-min, 0px), calc((12px) * var(--sky-text-scale, 1)));white-space:nowrap}.selection .focus-name h2{font-size:max(var(--sky-text-min, 0px), calc((16px) * var(--sky-text-scale, 1)))}}

.journey-note{position:absolute;left:50%;bottom:118px;transform:translateX(-50%);padding:12px 25px;text-align:center;border-top:1px solid #d8c08966;background:linear-gradient(90deg,#09142300,#0c192cbf,#09142300);pointer-events:none;white-space:nowrap;min-width:230px;text-shadow:0 2px 15px #000}.journey-note span{display:block;font-size:max(var(--sky-text-min, 0px), calc((9px) * var(--sky-text-scale, 1)));letter-spacing:.26em;color:#9fb7d4}.journey-note strong{display:block;font:normal max(var(--sky-text-min, 0px), calc(19px * var(--sky-text-scale, 1)))/1.8 Georgia,serif;color:#f1dbaa;letter-spacing:.08em}
@media(min-width:1000px){.observatory{height:clamp(430px,calc(100svh - 290px),900px)}.scene-title{top:110px;left:3.2%}.scene-title h1{font-size:max(var(--sky-text-min, 0px), calc((36px) * var(--sky-text-scale, 1)))}.selection{right:3.2%;top:128px;width:210px;padding:19px 16px}.selection .eyebrow{font-size:max(var(--sky-text-min, 0px), calc((10px) * var(--sky-text-scale, 1)))}.selection .focus-sign{font-size:max(var(--sky-text-min, 0px), calc((14px) * var(--sky-text-scale, 1)));white-space:nowrap}.selection .detail-note{font-size:max(var(--sky-text-min, 0px), calc((12px) * var(--sky-text-scale, 1)))}.time-panel{padding:18px 3.2%}.time-header time{font-size:max(var(--sky-text-min, 0px), calc((28px) * var(--sky-text-scale, 1)))}.playback{margin-top:15px}.date-row{margin-top:11px}.scene-bottom{bottom:54px}.scene-top{left:3.2%;right:3.2%}.scene-tools button,.scene-tools label{font-size:max(var(--sky-text-min, 0px), calc((12px) * var(--sky-text-scale, 1)))}.star-label{font-size:max(var(--sky-text-min, 0px), calc((13px) * var(--sky-text-scale, 1)))}.birth-section{padding-top:35px}.observatory:fullscreen{height:100svh}}
@media(min-width:1000px) and (max-height:800px){.scene-title h1{font-size:max(var(--sky-text-min, 0px), calc((29px) * var(--sky-text-scale, 1)))}.scene-title{top:105px}.selection{top:100px;width:200px}.selection .detail-note{margin-top:13px}.focus-sign{margin-bottom:12px}.scene-caption{bottom:16px}.mode-tabs button{padding:7px 17px}}
@media(max-width:600px){.journey-note{bottom:235px;padding:9px 15px}.journey-note strong{font-size:max(var(--sky-text-min, 0px), calc((15px) * var(--sky-text-scale, 1)))}.journey-note span{font-size:max(var(--sky-text-min, 0px), calc((8px) * var(--sky-text-scale, 1)))}}

.launching .scene-title,.launching .selection,.launching .star-label,.launching .gesture-hint{opacity:0;pointer-events:none}.launching .scene-tools button:not(:first-child),.launching .scene-tools label{display:none}.launching .journey-note{bottom:105px;background:linear-gradient(90deg,#09142300,#061121a8,#09142300);border-color:#d8dfea66;padding:16px 40px}.launching .journey-note strong{font-size:max(var(--sky-text-min, 0px), calc((24px) * var(--sky-text-scale, 1)))}.launching #intro-replay{background:#09182bcc;color:#e9e3d7;border-color:#a5b9d766}.launching .scene-caption{color:#c1cfdf}.launching .mode-tabs{opacity:.75}@media(max-width:600px){.launching .journey-note{bottom:135px;padding:13px 20px}.launching .journey-note strong{font-size:max(var(--sky-text-min, 0px), calc((17px) * var(--sky-text-scale, 1)))}}

@media(min-width:1000px) and (max-height:780px){.selection .detail-note{display:none}.selection{padding-top:13px;padding-bottom:13px}.selection .focus-sign{margin-bottom:10px}}

/* Planetary map controls are separate from the rotatable surface. */
.map-view .scene-title,.map-view .selection,.map-view .gesture-hint{display:none}
#map-ui{pointer-events:none;position:absolute;inset:0;color:#dfe9f6}
#map-ui button{pointer-events:auto}.map-heading{position:absolute;left:3.2%;top:103px}.map-heading h2{font:normal max(var(--sky-text-min, 0px), calc(32px * var(--sky-text-scale, 1)))/1.3 "Yu Mincho",serif;letter-spacing:.18em;margin:0 0 8px}.map-heading>p:not(.eyebrow){font-size:max(var(--sky-text-min, 0px), calc((12px) * var(--sky-text-scale, 1)));color:#aec1d9;margin:0 0 18px}.map-views{display:flex;gap:5px}.map-views button{font-size:max(var(--sky-text-min, 0px), calc((11px) * var(--sky-text-scale, 1)));background:#0c1929b8;border-color:#bfd3ed3b;min-height:31px}.map-views [aria-pressed=true]{background:#d8e3ee20;border-color:#c7d9ed88;color:#fff}
#map-palette{position:absolute;left:3.2%;right:3.2%;bottom:99px;background:#081525bb;backdrop-filter:blur(8px);border:1px solid #d7e2f01c;border-radius:7px;padding:10px 12px;pointer-events:auto}#map-planets{display:flex;gap:5px;flex-wrap:wrap}#map-planets button{font-size:max(var(--sky-text-min, 0px), calc((11px) * var(--sky-text-scale, 1)));color:var(--planet-color,#d8e5f5);border-color:transparent;padding:5px 8px;min-height:29px}#map-planets [aria-pressed=true]{border-color:var(--planet-color,#d8e5f5);background:#dce8f512}.map-line-types{display:flex;gap:6px;align-items:center;margin-top:8px;flex-wrap:wrap}.map-line-types button{font-size:max(var(--sky-text-min, 0px), calc((10px) * var(--sky-text-scale, 1)));min-height:26px;padding:3px 8px;border-color:#b4c9e52b;opacity:.45}.map-line-types [aria-pressed=true]{opacity:1;border-color:#b4c9e57a}.map-line-types span{margin-left:5px;color:#b0c1d6}#map-message{font-size:max(var(--sky-text-min, 0px), calc((10px) * var(--sky-text-scale, 1)));margin:0 0 0 8px;color:#a9bed6}.unavailable #map-planets,.unavailable .map-line-types button{opacity:.35}
#map-relocation{pointer-events:auto;position:absolute;right:3.2%;top:103px;width:176px;border:1px solid #afc8e73d;border-radius:8px;padding:16px;background:#071422dd;backdrop-filter:blur(10px)}#map-relocation .eyebrow{font-size:max(var(--sky-text-min, 0px), calc((8px) * var(--sky-text-scale, 1)))}#map-relocation p{font-size:max(var(--sky-text-min, 0px), calc((10px) * var(--sky-text-scale, 1)));line-height:1.6;margin:5px 0}#map-mini-chart{width:100%;display:block}#map-close-place{position:absolute;right:3px;top:2px;border:0;min-height:24px;padding:1px 7px;font-size:max(var(--sky-text-min, 0px), calc((20px) * var(--sky-text-scale, 1)))}#map-angles{font-variant-numeric:tabular-nums;font-size:max(var(--sky-text-min, 0px), calc((9px) * var(--sky-text-scale, 1)))!important}.launching #map-ui{opacity:0;pointer-events:none}.launching #map-ui button{pointer-events:none}
@media(max-width:600px){.mode-tabs button{padding:7px 6px;font-size:max(var(--sky-text-min, 0px), calc((10px) * var(--sky-text-scale, 1)))}.mode-tabs button span{margin-right:2px;font-size:max(var(--sky-text-min, 0px), calc((12px) * var(--sky-text-scale, 1)))}.map-heading{left:22px;top:88px}.map-heading h2{font-size:max(var(--sky-text-min, 0px), calc((25px) * var(--sky-text-scale, 1)))}.map-heading .eyebrow{font-size:max(var(--sky-text-min, 0px), calc((7px) * var(--sky-text-scale, 1)))}.map-heading>p:not(.eyebrow){font-size:max(var(--sky-text-min, 0px), calc((10px) * var(--sky-text-scale, 1)));margin-bottom:9px}.map-views button{font-size:max(var(--sky-text-min, 0px), calc((10px) * var(--sky-text-scale, 1)));min-height:29px;padding:4px 10px}#map-palette{left:14px;right:14px;bottom:99px;padding:8px}#map-planets{gap:3px}#map-planets button{font-size:max(var(--sky-text-min, 0px), calc((10px) * var(--sky-text-scale, 1)));padding:4px 6px;min-height:26px}.map-line-types{gap:4px;margin-top:7px}.map-line-types button{padding:3px 6px;font-size:max(var(--sky-text-min, 0px), calc((9px) * var(--sky-text-scale, 1)))}.map-line-types span{margin-left:3px}#map-message{margin:2px 0 0;font-size:max(var(--sky-text-min, 0px), calc((9px) * var(--sky-text-scale, 1)));width:100%}#map-relocation{width:124px;right:14px;top:108px;padding:12px 8px}#map-relocation .eyebrow{font-size:max(var(--sky-text-min, 0px), calc((6px) * var(--sky-text-scale, 1)))}#map-relocation p{font-size:max(var(--sky-text-min, 0px), calc((8px) * var(--sky-text-scale, 1)))}#map-angles{font-size:max(var(--sky-text-min, 0px), calc((7px) * var(--sky-text-scale, 1)))!important}.map-view .scene-tools label{display:none}}

@media(min-width:901px){.map-view #map-palette{left:3.2%;right:auto;top:242px;bottom:auto;width:218px;padding:9px}.map-view #map-planets{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.map-view #map-planets button{font-size:max(var(--sky-text-min, 0px), calc((10px) * var(--sky-text-scale, 1)));padding:3px;min-height:25px}.map-view .map-line-types{display:grid;grid-template-columns:repeat(2,1fr);gap:5px}.map-view .map-line-types button{font-size:max(var(--sky-text-min, 0px), calc((9px) * var(--sky-text-scale, 1)));padding:3px}.map-view #map-message{grid-column:1/-1;margin:3px 0 0;font-size:max(var(--sky-text-min, 0px), calc((10px) * var(--sky-text-scale, 1)));line-height:1.6}}
@media(min-width:901px) and (max-height:800px){.map-view .map-heading{top:88px}.map-view .map-heading h2{font-size:max(var(--sky-text-min, 0px), calc((25px) * var(--sky-text-scale, 1)))}.map-view .map-heading>p:not(.eyebrow){margin-bottom:9px}.map-view #map-palette{top:209px}.map-view #map-message{display:none}.map-view #map-planets button{min-height:22px}.map-view .map-line-types button{min-height:22px}}

/* Observatory edition: dark mineral surfaces and restrained gold. */
:root{--paper:#070a12;--ink:#e7e2d7;--muted:#a4adbd;--gold:#c9a227;--line:#bda2602b;color-scheme:dark;font-family:"Yu Mincho","Hiragino Mincho ProN",serif}
.topbar{background:#070a12}.topbar>a:last-child{color:#bca777}.brand{color:#e1c67e}.edition{color:#afb9c8}.time-panel{background:linear-gradient(135deg,#101827,#0b101c)}.time-header time{color:#eddfbf}.eyebrow.dark{color:#bca674}.range-labels,.form-grid>label,.coordinates label,.birth-intro>p:not(.eyebrow),.data-section p{color:#a8b2c1}.form-note{color:#8e9caf}input,select{background:#101927;color:#e6eaf1;border-color:#839ab338}select option{background:#111b2b}.form-grid input,.form-grid select{background:#101927}.primary,.play-button{background:#b59a5e;color:#0a101a}.primary:hover,.play-button:hover{background:#dac186}.notice{color:#d9bd80}.timezone{color:#a6b3c6}.mode-tabs{flex-wrap:wrap}.mode-tabs button{padding:7px 13px}
.explore-panel{padding:30px 4%;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 5% 0%,#22304255,transparent 65%),#0a101b}.explore-heading h2{font-size:max(var(--sky-text-min, 0px), calc((25px) * var(--sky-text-scale, 1)));font-weight:400;margin:0 0 22px;letter-spacing:.08em}.explore-heading .eyebrow{color:#ad9360;margin-bottom:7px}.explore-actions{display:flex;flex-wrap:wrap;gap:10px}.explore-actions>*{font-size:max(var(--sky-text-min, 0px), calc((13px) * var(--sky-text-scale, 1)));padding:12px 18px;border:1px solid #a58d533d;border-radius:5px;background:#14203480;color:#decba0}.explore-actions>*:hover{background:#25344c}.return-controls{display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin-top:24px;padding-top:22px;border-top:1px solid var(--line)}.return-controls label{display:flex;flex-direction:column;gap:6px;font-size:max(var(--sky-text-min, 0px), calc((11px) * var(--sky-text-scale, 1)));color:#a8b7cb}.return-controls select,.return-controls input{font-size:max(var(--sky-text-min, 0px), calc((13px) * var(--sky-text-scale, 1)));padding:9px}.return-controls input{width:95px}.return-controls button{font-size:max(var(--sky-text-min, 0px), calc((12px) * var(--sky-text-scale, 1)));min-height:38px}.return-controls p{flex-basis:100%;font-size:max(var(--sky-text-min, 0px), calc((12px) * var(--sky-text-scale, 1)));line-height:1.8;color:#c7b58e;margin:0}
.exploration-view .scene-title,.exploration-view .selection{display:none}.exploration-view .scene-tools label{display:none}#expedition-ui{pointer-events:none;position:absolute;inset:0}.expedition-bar{position:absolute;top:92px;left:3.2%;right:3.2%;display:flex;gap:7px;flex-wrap:wrap;pointer-events:auto}.expedition-bar>*{font-family:inherit;background:#0a1428d9;border-color:#91a7c137;padding:7px 12px;font-size:max(var(--sky-text-min, 0px), calc((12px) * var(--sky-text-scale, 1)));min-height:35px}.expedition-title{position:absolute;left:4%;top:165px;max-width:230px}.expedition-title h2{font:normal max(var(--sky-text-min, 0px), calc(44px * var(--sky-text-scale, 1)))/1.5 "Yu Mincho",serif;letter-spacing:.24em;margin:0 0 14px;color:#ecd9af}.expedition-title p:not(.eyebrow){font-size:max(var(--sky-text-min, 0px), calc((12px) * var(--sky-text-scale, 1)));color:#adbbd0;line-height:1.9}.expedition-title #tour-status{font-size:max(var(--sky-text-min, 0px), calc((10px) * var(--sky-text-scale, 1)));color:#cfb585;max-width:190px}
#shot-ui{position:absolute;top:100px;left:3.2%;width:245px;padding:15px;background:#071220e8;border:1px solid #a8bfde2a;border-radius:7px}#shot-ui h2{font-weight:400;font-size:max(var(--sky-text-min, 0px), calc((22px) * var(--sky-text-scale, 1)));margin:0 0 12px}#shot-ui>.eyebrow{font-size:max(var(--sky-text-min, 0px), calc((7px) * var(--sky-text-scale, 1)));margin:0 0 3px}#shot-ui label{display:block;font-size:max(var(--sky-text-min, 0px), calc((11px) * var(--sky-text-scale, 1)));color:#b9c7d9;margin:8px 0}#shot-ui label>input[type=range]{display:block;width:100%;margin-top:6px}#shot-alt{width:80px;font-size:max(var(--sky-text-min, 0px), calc((11px) * var(--sky-text-scale, 1)));padding:5px}#shot-ui p{font-size:max(var(--sky-text-min, 0px), calc((9px) * var(--sky-text-scale, 1)));line-height:1.7;color:#a8bbd1;margin:6px 0}#shot-ui button{font-size:max(var(--sky-text-min, 0px), calc((10px) * var(--sky-text-scale, 1)));padding:6px 8px;min-height:29px}#shot-time{width:100%;margin-top:12px}#shot-result{color:#e0c788!important}#shot-ui output{color:#f0dfb3;font-variant-numeric:tabular-nums}
#sky-star-ui{position:absolute;top:103px;left:4%;font-size:max(var(--sky-text-min, 0px), calc((12px) * var(--sky-text-scale, 1)));color:#b9cbe1}#sky-star-ui label{font-size:max(var(--sky-text-min, 0px), calc((12px) * var(--sky-text-scale, 1)));margin-right:16px}#sky-star-ui p{font-size:max(var(--sky-text-min, 0px), calc((11px) * var(--sky-text-scale, 1)));color:#889bb4}.launching #expedition-ui,.launching #shot-ui,.launching #sky-star-ui{visibility:hidden}
@media(max-width:900px){.expedition-title{top:174px;left:5%;max-width:190px}.expedition-title h2{font-size:max(var(--sky-text-min, 0px), calc((34px) * var(--sky-text-scale, 1)))}.expedition-title p:not(.eyebrow){font-size:max(var(--sky-text-min, 0px), calc((10px) * var(--sky-text-scale, 1)))}}
@media(max-width:600px){.mode-tabs button{font-size:max(var(--sky-text-min, 0px), calc((9px) * var(--sky-text-scale, 1)));padding:6px 4px}.mode-tabs button span{display:none}.mode-tabs{flex-wrap:nowrap}.explore-panel{padding:25px 19px}.explore-heading h2{font-size:max(var(--sky-text-min, 0px), calc((21px) * var(--sky-text-scale, 1)))}.explore-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.explore-actions>*{font-size:max(var(--sky-text-min, 0px), calc((11px) * var(--sky-text-scale, 1)));padding:10px;line-height:1.6;text-align:center}.return-controls{gap:9px}.return-controls label:first-child{flex:1}.return-controls select{max-width:100%}.return-controls button{font-size:max(var(--sky-text-min, 0px), calc((11px) * var(--sky-text-scale, 1)))}.return-controls p{font-size:max(var(--sky-text-min, 0px), calc((10px) * var(--sky-text-scale, 1)))}.return-controls #return-list{max-width:100%}.expedition-bar{left:14px;right:14px;top:73px;gap:5px}.expedition-bar>*{font-size:max(var(--sky-text-min, 0px), calc((10px) * var(--sky-text-scale, 1)));padding:5px 8px;min-height:29px}.expedition-title{top:145px;left:24px;max-width:210px}.expedition-title h2{font-size:max(var(--sky-text-min, 0px), calc((31px) * var(--sky-text-scale, 1)));margin-bottom:4px}.expedition-title .eyebrow{font-size:max(var(--sky-text-min, 0px), calc((7px) * var(--sky-text-scale, 1)));margin-bottom:3px}.expedition-title p:not(.eyebrow){margin:3px 0;font-size:max(var(--sky-text-min, 0px), calc((10px) * var(--sky-text-scale, 1)))}.expedition-title #tour-status{font-size:max(var(--sky-text-min, 0px), calc((9px) * var(--sky-text-scale, 1)))}#shot-ui{top:auto;bottom:100px;left:14px;right:14px;width:auto;padding:11px;display:grid;grid-template-columns:1fr 1fr;gap:0 12px}#shot-ui h2{font-size:max(var(--sky-text-min, 0px), calc((18px) * var(--sky-text-scale, 1)))}#shot-ui>.eyebrow,#shot-guide,#shot-result,#shot-date,#shot-ui>div,#shot-time{grid-column:1/-1}#shot-ui>.eyebrow{display:none}#shot-ui label{font-size:max(var(--sky-text-min, 0px), calc((10px) * var(--sky-text-scale, 1)));margin:4px 0}#shot-ui #shot-alt{width:65px}#shot-ui .shot-direction{grid-column:2;font-size:max(var(--sky-text-min, 0px), calc((8px) * var(--sky-text-scale, 1)))}#shot-ui #shot-time{margin-top:8px}#shot-ui p{font-size:max(var(--sky-text-min, 0px), calc((8px) * var(--sky-text-scale, 1)));margin:3px 0}#sky-star-ui{top:91px;left:19px;right:19px}#sky-star-ui label{font-size:max(var(--sky-text-min, 0px), calc((10px) * var(--sky-text-scale, 1)))}#sky-star-ui p{font-size:max(var(--sky-text-min, 0px), calc((9px) * var(--sky-text-scale, 1)))}.form-grid{grid-template-columns:1fr 1fr}.form-grid>.coordinates{grid-column:1/-1}}

#time-visuals{padding:28px 4%;background:#0a0e1a;border-bottom:1px solid var(--line)}.visual-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.visual-controls h2{font-size:max(var(--sky-text-min, 0px), calc((22px) * var(--sky-text-scale, 1)));font-weight:400;margin:0 auto 0 0}.visual-controls label{font-size:max(var(--sky-text-min, 0px), calc((11px) * var(--sky-text-scale, 1)));color:#b0bfcd}.visual-controls input{width:85px}.visual-controls input,.visual-controls select,.visual-controls button{font-size:max(var(--sky-text-min, 0px), calc((12px) * var(--sky-text-scale, 1)));padding:7px;min-height:34px}#visual-status{font-size:max(var(--sky-text-min, 0px), calc((12px) * var(--sky-text-scale, 1)));color:#adbdcf}#visual-svg{overflow:auto;max-height:650px;border:1px solid #aebfda20;border-radius:6px}#visual-svg svg{display:block;width:100%;min-width:720px;height:auto}#visual-svg .bodies{filter:drop-shadow(0 0 2px #aec3f045)}#visual-events{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:8px;margin-top:20px;max-height:360px;overflow:auto}#visual-events button{text-align:left;font-size:max(var(--sky-text-min, 0px), calc((12px) * var(--sky-text-scale, 1)));background:#1520395e;min-height:65px}#visual-events time{display:block;font-size:max(var(--sky-text-min, 0px), calc((10px) * var(--sky-text-scale, 1)));color:#9faec3;margin-bottom:7px}#visual-events span{color:#dcc59b}@media(max-width:600px){#time-visuals{padding:24px 19px}.visual-controls{gap:8px}.visual-controls h2{width:100%;font-size:max(var(--sky-text-min, 0px), calc((20px) * var(--sky-text-scale, 1)));margin-bottom:10px}.visual-controls input{width:74px}#visual-status{font-size:max(var(--sky-text-min, 0px), calc((10px) * var(--sky-text-scale, 1)))}#visual-events{grid-template-columns:1fr 1fr;gap:6px}#visual-events button{font-size:max(var(--sky-text-min, 0px), calc((10px) * var(--sky-text-scale, 1)));padding:8px}#visual-events time{font-size:max(var(--sky-text-min, 0px), calc((8px) * var(--sky-text-scale, 1)))}}

.tour-identity{display:flex;align-items:center;gap:16px}.tour-identity h2{margin:0}.tour-symbol{font:max(var(--sky-text-min, 0px), calc(42px * var(--sky-text-scale, 1)))/1 "Segoe UI Symbol",sans-serif;color:#d5b570;text-shadow:0 0 25px #ecc96d66}.tour-navigation{position:absolute;right:3.2%;bottom:105px;width:230px;padding:12px 16px;border:1px solid #a9c1db26;border-radius:8px;background:#071220bb;pointer-events:none}.tour-navigation p{font-size:max(var(--sky-text-min, 0px), calc((12px) * var(--sky-text-scale, 1)));color:#e4cf9a;margin:0}.tour-navigation svg{width:100%;height:135px;display:block}.tour-navigation span,.tour-navigation small{display:block;font-size:max(var(--sky-text-min, 0px), calc((10px) * var(--sky-text-scale, 1)));color:#a9bbce}.tour-progress-track{height:2px;background:#8b9fb32b;margin:8px 0}.tour-progress-track i{display:block;height:100%;background:#dcbe7e;width:0}.launching .tour-navigation{visibility:hidden}@media(max-width:600px){.tour-identity{gap:11px}.tour-symbol{font-size:max(var(--sky-text-min, 0px), calc((33px) * var(--sky-text-scale, 1)))}.tour-navigation{width:144px;right:14px;bottom:104px;padding:8px 10px}.tour-navigation svg{height:84px}.tour-navigation p{font-size:max(var(--sky-text-min, 0px), calc((10px) * var(--sky-text-scale, 1)))}.tour-navigation span,.tour-navigation small{font-size:max(var(--sky-text-min, 0px), calc((8px) * var(--sky-text-scale, 1)))}}

.scene-clock{position:absolute;z-index:4;top:21px;right:85px;display:flex;align-items:center;gap:10px;color:#d9d6cb;pointer-events:none;font-family:"Segoe UI",sans-serif}.scene-clock svg{width:42px;height:42px;fill:none;stroke:#c7b989;stroke-width:1}.scene-clock #clock-hour{stroke-width:2;stroke-linecap:round}.scene-clock #clock-minute{stroke-width:1.3;stroke-linecap:round}.scene-clock #clock-second{stroke:#86bdd4;stroke-width:.6}.scene-clock .clock-pin{fill:#dccfa7;stroke:0}.scene-clock small,.scene-clock span,.scene-clock time{display:block}.scene-clock #clock-state{font-size:max(var(--sky-text-min, 0px), calc((8px) * var(--sky-text-scale, 1)));letter-spacing:.06em;color:#8298ac}.scene-clock #clock-date{font-size:max(var(--sky-text-min, 0px), calc((10px) * var(--sky-text-scale, 1)));letter-spacing:.12em;margin-top:3px}.scene-clock #clock-time{font-size:max(var(--sky-text-min, 0px), calc((19px) * var(--sky-text-scale, 1)));font-weight:300;letter-spacing:.1em;line-height:1.25;font-variant-numeric:tabular-nums}.scene-clock .clock-zone{font-size:max(var(--sky-text-min, 0px), calc((7px) * var(--sky-text-scale, 1)));color:#7b91a5}.scene-clock.live #clock-state{color:#8ed3c5}.launching .scene-clock{visibility:hidden}.clock-presets{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:0 0 22px;padding-bottom:18px;border-bottom:1px solid #bfa56725}.clock-presets label{font-size:max(var(--sky-text-min, 0px), calc((12px) * var(--sky-text-scale, 1)));color:#b6c4d4}.clock-presets select,.clock-presets button{font-size:max(var(--sky-text-min, 0px), calc((12px) * var(--sky-text-scale, 1)));padding:8px 12px}.clock-presets p{margin:0;font-size:max(var(--sky-text-min, 0px), calc((11px) * var(--sky-text-scale, 1)));color:#849ab1}@media(max-width:900px){.scene-clock{top:123px;right:20px;background:#06101b88;border-radius:7px;padding:7px 10px}.scene-clock svg{width:32px;height:32px}.scene-clock #clock-time{font-size:max(var(--sky-text-min, 0px), calc((16px) * var(--sky-text-scale, 1)))}.scene-clock #clock-date{font-size:max(var(--sky-text-min, 0px), calc((9px) * var(--sky-text-scale, 1)))}.scene-clock #clock-state{font-size:max(var(--sky-text-min, 0px), calc((7px) * var(--sky-text-scale, 1)))}.scene-clock .clock-zone{font-size:max(var(--sky-text-min, 0px), calc((6px) * var(--sky-text-scale, 1)))}.clock-presets{gap:9px}.clock-presets select,.clock-presets button{font-size:max(var(--sky-text-min, 0px), calc((11px) * var(--sky-text-scale, 1)));padding:7px}.clock-presets p{width:100%;font-size:max(var(--sky-text-min, 0px), calc((10px) * var(--sky-text-scale, 1)))}.map-view:has(#map-relocation:not([hidden])) .scene-clock{visibility:hidden}}

.language-control{display:flex;align-items:center;gap:7px;font:max(var(--sky-text-min, 0px), calc(10px * var(--sky-text-scale, 1))) "Segoe UI",sans-serif;color:#aeb8c8}.language-control select{font-size:max(var(--sky-text-min, 0px), calc((10px) * var(--sky-text-scale, 1)));padding:5px;max-width:155px}.bilingual-label::after{content:attr(data-en);display:block;font-family:"Segoe UI",sans-serif;font-size:max(var(--sky-caption-min, 0px), .72em);font-weight:400;letter-spacing:.015em;line-height:1.35;color:#9dafa9;margin-top:3px}.mode-tabs button.bilingual-label::after{font-size:max(var(--sky-caption-min, 0px), calc((8px) * var(--sky-text-scale, 1)));line-height:1.2;color:#9aacbe}.scene-title h1.bilingual-label::after{font-size:max(var(--sky-caption-min, 0px), calc((17px) * var(--sky-text-scale, 1)));letter-spacing:.1em}.expedition-title h2.bilingual-label::after{font-size:max(var(--sky-caption-min, 0px), calc((14px) * var(--sky-text-scale, 1)));letter-spacing:.04em}.scene-caption.bilingual-label::after{display:none}.scene-clock small.bilingual-label::after{font-size:max(var(--sky-caption-min, 0px), calc((6px) * var(--sky-text-scale, 1)));margin-top:0}.scene-tools button.bilingual-label::after{font-size:max(var(--sky-caption-min, 0px), calc((8px) * var(--sky-text-scale, 1)))}.clock-presets label.bilingual-label::after{font-size:max(var(--sky-caption-min, 0px), calc((9px) * var(--sky-text-scale, 1)))}.form-grid label.bilingual-label::after{font-size:max(var(--sky-caption-min, 0px), calc((9px) * var(--sky-text-scale, 1)))}.topbar{gap:16px}.mode-tabs button{white-space:normal}.scene-toolbar .mode-tabs{max-width:calc(100% - 300px)}html[lang=en]{font-family:"Segoe UI",sans-serif}html[lang=en] .expedition-title h2{font-family:"Segoe UI",sans-serif;letter-spacing:.02em;font-size:max(var(--sky-text-min, 0px), calc((36px) * var(--sky-text-scale, 1)))}html[lang=en] .scene-title h1{font-family:"Segoe UI",sans-serif;letter-spacing:.04em}html[lang=en] .mode-tabs button{font-size:max(var(--sky-text-min, 0px), calc((11px) * var(--sky-text-scale, 1)))}@media(max-width:900px){.scene-toolbar .mode-tabs{max-width:calc(100% - 44px)}}@media(max-width:600px){.topbar{gap:8px;flex-wrap:wrap}.topbar .edition{display:none}.language-control{font-size:0;margin-left:auto;gap:0}.language-control select{font-size:max(var(--sky-text-min, 0px), calc((9px) * var(--sky-text-scale, 1)));max-width:135px}.mode-tabs{width:100%}.mode-tabs button{flex:1;min-width:0;overflow-wrap:anywhere;padding:5px 3px}.mode-tabs button.bilingual-label::after{font-size:max(var(--sky-caption-min, 0px), calc((6px) * var(--sky-text-scale, 1)));max-width:63px;margin-top:2px}.bilingual-label::after{font-size:max(var(--sky-caption-min, 0px), .68em)}.scene-tools button{font-size:max(var(--sky-text-min, 0px), calc((8px) * var(--sky-text-scale, 1)));padding:4px 7px}.scene-tools button.bilingual-label::after{font-size:max(var(--sky-caption-min, 0px), calc((6px) * var(--sky-text-scale, 1)))}.expedition-bar{top:81px}.expedition-bar>*{font-size:max(var(--sky-text-min, 0px), calc((9px) * var(--sky-text-scale, 1)));padding:4px 6px}.expedition-title{top:166px}.expedition-title h2.bilingual-label::after{font-size:max(var(--sky-caption-min, 0px), calc((12px) * var(--sky-text-scale, 1)))}.scene-clock{top:143px;right:14px}.tour-navigation{bottom:128px}.scene-bottom{bottom:46px}html[lang=en] .mode-tabs button{font-size:max(var(--sky-text-min, 0px), calc((8px) * var(--sky-text-scale, 1)))}html[lang=en] .expedition-title h2{font-size:max(var(--sky-text-min, 0px), calc((29px) * var(--sky-text-scale, 1)))}.scene-title h1.bilingual-label::after{font-size:max(var(--sky-caption-min, 0px), calc((13px) * var(--sky-text-scale, 1)))}.explore-actions>*{min-height:55px}}

/* A tablet desk clock with the current sky behind it. */
.scene-actions{display:flex;gap:8px;align-items:stretch}.mode-tabs #clock-mode-toggle,#clock-open-large{background:linear-gradient(145deg,#ecda9b,#b9994f);color:#111929;border:1px solid #f6e4b5;box-shadow:0 3px 22px #d9b76225;font-weight:600;margin-left:5px}.mode-tabs #clock-mode-toggle:hover,#clock-open-large:hover{background:#f0dca1}.mode-tabs #clock-mode-toggle.bilingual-label::after,#clock-open-large.bilingual-label::after{color:#293747}.scene-clock #clock-weekday,.scene-clock #clock-linked{display:none}
body.desk-clock{overflow:hidden;background:#060b19}.desk-clock>.topbar,.desk-clock>footer,.desk-clock main>section:not(#observatory){display:none}.observatory.clock-view{height:100vh;height:100dvh;min-height:0}.clock-view .scene-top{z-index:8;justify-content:flex-end;left:32px;right:32px;top:24px}.clock-view .mode-tabs{margin-left:auto;background:none;border:0;padding:0;backdrop-filter:none;width:auto}.clock-view .mode-tabs [data-mode]{display:none}.clock-view #clock-mode-toggle{font-size:max(var(--sky-text-min, 0px), calc((13px) * var(--sky-text-scale, 1)));min-height:46px;padding:7px 17px;white-space:nowrap}.clock-view .scene-title,.clock-view .selection,.clock-view .scene-bottom,.clock-view .scene-caption,.clock-view #map-ui,.clock-view #expedition-ui,.clock-view #tour-navigation,.clock-view #sky-star-ui,.clock-view #shot-ui,.clock-view .journey-note,.clock-view .star-label{display:none!important}
#clock-stage-controls{position:absolute;z-index:7;left:36px;top:25px;display:flex;align-items:center;gap:32px;max-width:calc(100% - 285px)}.clock-stage-brand>span{font-size:max(var(--sky-text-min, 0px), calc((13px) * var(--sky-text-scale, 1)));letter-spacing:.2em;color:#cfb779}.clock-stage-brand>p{margin:4px 0 0;font-size:max(var(--sky-text-min, 0px), calc((21px) * var(--sky-text-scale, 1)));color:#ece1c9;white-space:nowrap}.clock-stage-brand>p.bilingual-label::after{font-size:max(var(--sky-caption-min, 0px), calc((9px) * var(--sky-text-scale, 1)));letter-spacing:.18em;text-transform:uppercase}#clock-stage-controls>label{display:flex;flex-direction:column;gap:5px;font-size:max(var(--sky-text-min, 0px), calc((10px) * var(--sky-text-scale, 1)));color:#aab8ca}#clock-scene-select{font-size:max(var(--sky-text-min, 0px), calc((15px) * var(--sky-text-scale, 1)));min-height:47px;max-width:240px;border-color:#c8ab6855;background:#0c182bbb;backdrop-filter:blur(8px)}
.clock-view .scene-clock{top:auto;right:auto;left:4%;bottom:95px;z-index:5;gap:22px;background:none;padding:22px 0;border:0;visibility:visible!important;text-shadow:0 2px 22px #0009}.clock-view .scene-clock:before{content:'';position:absolute;z-index:-1;inset:-50px -90px;background:radial-gradient(ellipse,#05101ed9,transparent 70%);pointer-events:none}.clock-view .scene-clock svg{width:104px;height:104px;stroke:#d6c18d;flex:none}.clock-view .scene-clock #clock-state{font-size:max(var(--sky-text-min, 0px), calc((10px) * var(--sky-text-scale, 1)));letter-spacing:.13em;color:#8cd8c6}.clock-view .scene-clock #clock-state.bilingual-label::after{font-size:max(var(--sky-caption-min, 0px), calc((8px) * var(--sky-text-scale, 1)));margin-top:4px}.clock-view .scene-clock #clock-date{font-size:max(var(--sky-text-min, 0px), calc((16px) * var(--sky-text-scale, 1)));letter-spacing:.19em;margin-top:12px}.clock-view .scene-clock #clock-weekday{display:block;font-size:max(var(--sky-text-min, 0px), calc((11px) * var(--sky-text-scale, 1)));margin-top:5px;color:#b4bfd0}.clock-view .scene-clock #clock-weekday.bilingual-label::after{display:inline;margin-left:8px;font-size:max(var(--sky-caption-min, 0px), calc((10px) * var(--sky-text-scale, 1)))}.clock-view .scene-clock #clock-time{font-size:max(var(--sky-text-min, 0px), calc((clamp(52px,6.8vw,104px)) * var(--sky-text-scale, 1)));font-weight:250;letter-spacing:.025em;line-height:1.25;color:#f4eddc;white-space:nowrap}.clock-view .scene-clock .clock-zone{font-size:max(var(--sky-text-min, 0px), calc((9px) * var(--sky-text-scale, 1)));letter-spacing:.12em;color:#b0b6c7}.clock-view .scene-clock #clock-linked{display:block;font-size:max(var(--sky-text-min, 0px), calc((10px) * var(--sky-text-scale, 1)));letter-spacing:.04em;color:#99bdba;margin:15px 0 0}.clock-view .scene-clock #clock-linked::before{content:'';display:inline-block;width:5px;height:5px;margin-right:7px;border-radius:50%;background:#8cdbba;box-shadow:0 0 8px #8cdbba88}
#clock-stage-settings{position:absolute;z-index:8;left:4%;right:4%;bottom:22px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;color:#aebccd}#clock-stage-settings>label{display:flex;align-items:center;gap:6px;font-size:max(var(--sky-text-min, 0px), calc((11px) * var(--sky-text-scale, 1)));min-height:40px}#clock-stage-settings input{margin:0}#clock-stage-settings button{min-height:44px;font-size:max(var(--sky-text-min, 0px), calc((12px) * var(--sky-text-scale, 1)));background:#101d2ebd;border-color:#c3ac7250;padding:8px 14px}#clock-stage-settings p{font-size:max(var(--sky-text-min, 0px), calc((10px) * var(--sky-text-scale, 1)));margin:0;color:#bdb69c}#clock-stage-settings #clock-awake-status{margin-left:auto;color:#879cab}.clock-view .scene-status{z-index:6}
@media(max-width:1100px){.clock-view .scene-clock svg{width:82px;height:82px}.clock-view .scene-clock{gap:16px;bottom:115px}.clock-view .scene-clock #clock-time{font-size:max(var(--sky-text-min, 0px), calc((clamp(52px,7.5vw,82px)) * var(--sky-text-scale, 1)))}#clock-stage-settings{gap:10px}#clock-stage-controls{gap:20px}.clock-view .scene-clock #clock-date{font-size:max(var(--sky-text-min, 0px), calc((14px) * var(--sky-text-scale, 1)))}}
@media(max-width:600px){.mode-tabs #clock-mode-toggle{flex:1.25;padding:5px 3px;font-size:max(var(--sky-text-min, 0px), calc((9px) * var(--sky-text-scale, 1)));margin-left:2px}.clock-view .scene-top{left:15px;right:15px;top:17px}.clock-view #clock-mode-toggle{font-size:max(var(--sky-text-min, 0px), calc((10px) * var(--sky-text-scale, 1)));min-height:43px;padding:6px 10px}.clock-view .icon-button{min-height:43px;font-size:max(var(--sky-text-min, 0px), calc((21px) * var(--sky-text-scale, 1)));padding:4px 9px}#clock-stage-controls{left:20px;right:20px;top:20px;max-width:none;display:block;pointer-events:none}.clock-stage-brand>span{font-size:max(var(--sky-text-min, 0px), calc((10px) * var(--sky-text-scale, 1)))}.clock-stage-brand>p{font-size:max(var(--sky-text-min, 0px), calc((17px) * var(--sky-text-scale, 1)))}.clock-stage-brand>p.bilingual-label::after{font-size:max(var(--sky-caption-min, 0px), calc((8px) * var(--sky-text-scale, 1)))}#clock-stage-controls>label{margin-top:20px;pointer-events:auto;font-size:max(var(--sky-text-min, 0px), calc((9px) * var(--sky-text-scale, 1)));width:100%}#clock-scene-select{max-width:100%;width:100%;font-size:max(var(--sky-text-min, 0px), calc((13px) * var(--sky-text-scale, 1)));min-height:45px}.clock-view .scene-clock{left:22px;right:18px;bottom:138px;gap:13px;padding:0}.clock-view .scene-clock svg{width:57px;height:57px}.clock-view .scene-clock #clock-time{font-size:max(var(--sky-text-min, 0px), calc((clamp(38px,10.3vw,60px)) * var(--sky-text-scale, 1)))}.clock-view .scene-clock #clock-date{font-size:max(var(--sky-text-min, 0px), calc((12px) * var(--sky-text-scale, 1)));margin-top:9px}.clock-view .scene-clock #clock-weekday{font-size:max(var(--sky-text-min, 0px), calc((10px) * var(--sky-text-scale, 1)))}.clock-view .scene-clock #clock-state{font-size:max(var(--sky-text-min, 0px), calc((8px) * var(--sky-text-scale, 1)))}.clock-view .scene-clock #clock-linked{font-size:max(var(--sky-text-min, 0px), calc((9px) * var(--sky-text-scale, 1)));margin-top:12px}.clock-view .scene-clock .clock-zone{font-size:max(var(--sky-text-min, 0px), calc((8px) * var(--sky-text-scale, 1)))}#clock-stage-settings{left:20px;right:20px;bottom:18px;gap:6px 12px}#clock-stage-settings>label{font-size:max(var(--sky-text-min, 0px), calc((10px) * var(--sky-text-scale, 1)));min-height:36px}#clock-stage-settings button{font-size:max(var(--sky-text-min, 0px), calc((10px) * var(--sky-text-scale, 1)));min-height:40px;padding:6px 12px}#clock-stage-settings #clock-awake-status{margin-left:0}#clock-stage-settings p{font-size:max(var(--sky-text-min, 0px), calc((9px) * var(--sky-text-scale, 1)))}.clock-awake-control{order:3}#clock-awake-status{order:4}#clock-save-status{flex-basis:100%;order:5}}
@media(min-width:601px) and (orientation:portrait){.clock-view .scene-clock{bottom:145px;left:6%}.clock-view .scene-clock #clock-time{font-size:max(var(--sky-text-min, 0px), calc((82px) * var(--sky-text-scale, 1)))}#clock-stage-settings{bottom:30px;left:6%;right:6%}.clock-view .scene-clock svg{width:92px;height:92px}}

.clock-view .mode-tabs{flex:0 0 auto!important;width:auto!important}.clock-view #clock-mode-toggle{flex:0 0 auto!important;width:auto!important}.clock-view .scene-top{gap:8px}

#clock-daily{position:absolute;z-index:6;left:4%;right:4%;bottom:92px;color:#c0cbd7}.clock-daily-location{display:flex;align-items:center;gap:14px;margin-bottom:9px}.clock-daily-location>span{font-size:max(var(--sky-text-min, 0px), calc((11px) * var(--sky-text-scale, 1)));color:#d2bc8e}.clock-daily-location>small{font:max(var(--sky-text-min, 0px), calc(10px * var(--sky-text-scale, 1))) system-ui;color:#91a8b7}.clock-daily-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr .75fr;gap:1px;background:#afc9dd22;border:1px solid #afc9dd22;border-radius:8px;overflow:hidden}.clock-daily-grid article{padding:13px 18px;background:#071421d9;backdrop-filter:blur(6px);display:flex;flex-direction:column;gap:5px}.clock-daily-grid p{font-size:max(var(--sky-text-min, 0px), calc((10px) * var(--sky-text-scale, 1)));color:#9babbc;margin:0}.clock-daily-grid strong{font-size:max(var(--sky-text-min, 0px), calc((21px) * var(--sky-text-scale, 1)));font-weight:400;color:#e1d2b1}.clock-daily-grid article>span{font-size:max(var(--sky-text-min, 0px), calc((10px) * var(--sky-text-scale, 1)));color:#b1c0cd;line-height:1.6}.clock-daily-grid .bilingual-label::after{font-size:max(var(--sky-caption-min, 0px), calc((8px) * var(--sky-text-scale, 1)))}#clock-daily-note{display:block;font-size:max(var(--sky-text-min, 0px), calc((8px) * var(--sky-text-scale, 1)));color:#708c9e;margin-top:7px}.clock-view .scene-clock{bottom:275px}.clock-view .scene-clock #clock-linked{display:none}
@media(max-width:1100px){.clock-daily-grid article{padding:11px 12px}.clock-daily-grid strong{font-size:max(var(--sky-text-min, 0px), calc((18px) * var(--sky-text-scale, 1)))}.clock-daily-grid article>span{font-size:max(var(--sky-text-min, 0px), calc((9px) * var(--sky-text-scale, 1)))}.clock-view .scene-clock{bottom:285px}}
@media(min-width:601px) and (orientation:portrait){.clock-daily-grid{grid-template-columns:1fr 1fr}.clock-view .scene-clock{bottom:395px}#clock-daily{bottom:135px}}
@media(max-width:600px){#clock-daily{left:20px;right:20px;bottom:116px}.clock-daily-grid{grid-template-columns:1fr 1fr}.clock-daily-grid article{padding:8px 10px;gap:3px}.clock-daily-grid p{font-size:max(var(--sky-text-min, 0px), calc((8px) * var(--sky-text-scale, 1)))}.clock-daily-grid strong{font-size:max(var(--sky-text-min, 0px), calc((15px) * var(--sky-text-scale, 1)))}.clock-daily-grid article>span{font-size:max(var(--sky-text-min, 0px), calc((8px) * var(--sky-text-scale, 1)))}.clock-daily-grid .bilingual-label::after{font-size:max(var(--sky-caption-min, 0px), calc((6px) * var(--sky-text-scale, 1)))}.clock-daily-location{gap:7px;margin-bottom:5px;align-items:flex-end}.clock-daily-location>span{font-size:max(var(--sky-text-min, 0px), calc((9px) * var(--sky-text-scale, 1)))}.clock-daily-location>small{font-size:max(var(--sky-text-min, 0px), calc((8px) * var(--sky-text-scale, 1)))}#clock-daily-note{display:none}.clock-view .scene-clock{bottom:345px;gap:12px}.clock-view .scene-clock #clock-date{margin-top:5px}.clock-view .scene-clock #clock-weekday{display:none}.clock-view .scene-clock #clock-time{font-size:max(var(--sky-text-min, 0px), calc((42px) * var(--sky-text-scale, 1)))}.clock-view .scene-clock #clock-state{font-size:max(var(--sky-text-min, 0px), calc((7px) * var(--sky-text-scale, 1)))}}

#clock-moon-event{font-size:max(var(--sky-text-min, 0px), calc((10px) * var(--sky-text-scale, 1)));color:#c9b483;line-height:1.5;margin:9px 0 0}#clock-moon-event::before{content:"☾ ";color:#e5cfa4}@media(max-width:600px){#clock-moon-event{font-size:max(var(--sky-text-min, 0px), calc((8px) * var(--sky-text-scale, 1)));margin:6px 0 0}.clock-view .scene-clock{bottom:385px}#clock-moon-event.bilingual-label::after{font-size:max(var(--sky-caption-min, 0px), calc((6px) * var(--sky-text-scale, 1)))}}

.clock-moon-main{display:flex;gap:8px;align-items:center}.clock-moon-main strong{font-size:max(var(--sky-text-min, 0px), calc((19px) * var(--sky-text-scale, 1)))}.clock-moon-main svg{display:block}#clock-moon-phases{display:flex;gap:7px;justify-content:space-between;margin:3px 0 4px}#clock-moon-phases>div{display:flex;flex-direction:column;align-items:center;gap:3px;color:#7e95aa}#clock-moon-phases span{font:max(var(--sky-text-min, 0px), calc(8px * var(--sky-text-scale, 1))) system-ui}#clock-moon-phases .today{color:#e2bf84}#clock-moon-phases .today svg{filter:drop-shadow(0 0 5px #ebce8640)}#clock-moon-phases .bilingual-label::after{display:none}.clock-daily-grid article.rokuyo-card{padding:0}.rokuyo-card button{display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:17px 18px;border:0;border-radius:0;background:transparent;color:#b1c0cd;width:100%;height:100%;text-align:left;cursor:pointer}.rokuyo-card button:hover,.rokuyo-card button:focus-visible{background:#d7bd7514}.rokuyo-card button>span{font-size:max(var(--sky-text-min, 0px), calc((10px) * var(--sky-text-scale, 1)))}.rokuyo-card button>small{font-size:max(var(--sky-text-min, 0px), calc((9px) * var(--sky-text-scale, 1)));color:#d3b578}.rokuyo-card strong{font-size:max(var(--sky-text-min, 0px), calc((27px) * var(--sky-text-scale, 1)))}.clock-view .scene-clock{bottom:365px}
#clock-calendar{width:min(610px,calc(100vw - 32px));box-sizing:border-box;max-height:90dvh;overflow:auto;padding:24px;border:1px solid #d2b87855;border-radius:15px;background:#091421;color:#dce1e7;box-shadow:0 30px 120px #000b}#clock-calendar::backdrop{background:#010611c9;backdrop-filter:blur(8px)}.calendar-heading{display:flex;justify-content:space-between;gap:15px;align-items:start}.calendar-heading h2{font-size:max(var(--sky-text-min, 0px), calc((25px) * var(--sky-text-scale, 1)));font-weight:400;margin:8px 0 20px}.calendar-heading .eyebrow{font-size:max(var(--sky-text-min, 0px), calc((9px) * var(--sky-text-scale, 1)))}.calendar-heading>button{font-size:max(var(--sky-text-min, 0px), calc((26px) * var(--sky-text-scale, 1)));min-width:42px;background:none;border:0}.calendar-controls{display:flex;align-items:center;gap:8px;margin-bottom:19px}.calendar-controls button{min-width:42px;min-height:42px}.calendar-controls>button:last-child{margin-left:auto;font-size:max(var(--sky-text-min, 0px), calc((11px) * var(--sky-text-scale, 1)))}.calendar-controls input{max-width:190px;font-size:max(var(--sky-text-min, 0px), calc((17px) * var(--sky-text-scale, 1)));background:#101f30;border-color:#adc4de33}.calendar-weekdays,#calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.calendar-weekdays{font-size:max(var(--sky-text-min, 0px), calc((11px) * var(--sky-text-scale, 1)));color:#96aabd;text-align:center;margin-bottom:9px}.calendar-weekdays .bilingual-label::after{font-size:max(var(--sky-caption-min, 0px), calc((7px) * var(--sky-text-scale, 1)))}.calendar-day{min-height:64px;border:1px solid #9fb9d81d;border-radius:7px;padding:8px 3px;display:flex;flex-direction:column;align-items:center;gap:6px;background:#11203277}.calendar-day time{font:max(var(--sky-text-min, 0px), calc(17px * var(--sky-text-scale, 1))) system-ui}.calendar-day span{font-size:max(var(--sky-text-min, 0px), calc((10px) * var(--sky-text-scale, 1)));color:#95a8bd}.calendar-day .bilingual-label::after{font:max(var(--sky-caption-min, 0px), calc(7px * var(--sky-text-scale, 1))) system-ui}.calendar-day.taian span{color:#dfbf78}.calendar-day.today{border-color:#d5b373;background:#d5b37315}.calendar-day:nth-child(7n+1) time{color:#d39ba0}.calendar-day:nth-child(7n) time{color:#8fbce4}#calendar-status{font-size:max(var(--sky-text-min, 0px), calc((10px) * var(--sky-text-scale, 1)));line-height:1.7;color:#8fa4b7;margin:16px 0 0}
@media(max-width:1100px){.clock-view .scene-clock{bottom:380px}#clock-moon-phases{gap:1px}#clock-moon-phases svg{width:24px;height:24px}.clock-moon-main strong{font-size:max(var(--sky-text-min, 0px), calc((16px) * var(--sky-text-scale, 1)))}.rokuyo-card button{padding:14px 12px}.clock-moon-main svg{width:37px;height:37px}}
@media(min-width:601px) and (orientation:portrait){.clock-view .scene-clock{bottom:505px}}
@media(max-width:600px){.clock-view .scene-clock{bottom:425px}.clock-moon-main strong{font-size:max(var(--sky-text-min, 0px), calc((13px) * var(--sky-text-scale, 1)))}.clock-moon-main{gap:4px}.clock-moon-main svg{width:32px;height:32px}#clock-moon-phases svg{width:16px;height:16px}#clock-moon-phases span{font-size:max(var(--sky-text-min, 0px), calc((6px) * var(--sky-text-scale, 1)))}#clock-moon-phases{margin:1px 0 2px}.rokuyo-card button{padding:8px 10px;gap:5px}.rokuyo-card button>span{font-size:max(var(--sky-text-min, 0px), calc((8px) * var(--sky-text-scale, 1)))}.rokuyo-card button>small{font-size:max(var(--sky-text-min, 0px), calc((7px) * var(--sky-text-scale, 1)))}.rokuyo-card strong{font-size:max(var(--sky-text-min, 0px), calc((22px) * var(--sky-text-scale, 1)))}#clock-calendar{padding:18px 12px}.calendar-day{min-height:55px;gap:5px}.calendar-day time{font-size:max(var(--sky-text-min, 0px), calc((15px) * var(--sky-text-scale, 1)))}.calendar-day span{font-size:max(var(--sky-text-min, 0px), calc((9px) * var(--sky-text-scale, 1)))}.calendar-day .bilingual-label::after{font-size:max(var(--sky-caption-min, 0px), calc((6px) * var(--sky-text-scale, 1)))}.calendar-controls{gap:5px}.calendar-controls input{max-width:155px;font-size:max(var(--sky-text-min, 0px), calc((15px) * var(--sky-text-scale, 1)))}.calendar-controls button{min-width:35px;min-height:39px}}

.clock-night .observatory.clock-view{filter:brightness(.5)}#clock-next-phases{font-size:max(var(--sky-text-min, 0px), calc((10px) * var(--sky-text-scale, 1)));color:#a7bccc;line-height:1.5;margin:8px 0 0}#clock-settings-dialog{width:min(480px,calc(100vw - 32px));box-sizing:border-box;max-height:90dvh;overflow:auto;padding:24px;border:1px solid #d2b87855;border-radius:15px;background:#091421;color:#dce1e7}#clock-settings-dialog::backdrop{background:#010611c9;backdrop-filter:blur(8px)}#clock-settings-form>p{font-size:max(var(--sky-text-min, 0px), calc((11px) * var(--sky-text-scale, 1)));line-height:1.8;color:#a3b4c6}#clock-settings-form label{display:flex;flex-direction:column;gap:7px;font-size:max(var(--sky-text-min, 0px), calc((12px) * var(--sky-text-scale, 1)));margin:12px 0}#clock-settings-form .night-enabled{flex-direction:row;align-items:center;gap:10px;margin-top:25px}.clock-office-coordinates{display:grid;grid-template-columns:1fr 1fr;gap:14px}#clock-settings-form input,#clock-settings-form select{min-width:0;width:100%;box-sizing:border-box;background:#102032;border-color:#a3bdd633;font-size:max(var(--sky-text-min, 0px), calc((15px) * var(--sky-text-scale, 1)))}#clock-settings-form input[type=checkbox]{width:auto}.clock-view .scene-clock{bottom:395px}@media(max-width:1100px){.clock-view .scene-clock{bottom:405px}}@media(min-width:601px) and (orientation:portrait){.clock-view .scene-clock{bottom:535px}}@media(max-width:600px){#clock-next-phases{font-size:max(var(--sky-text-min, 0px), calc((8px) * var(--sky-text-scale, 1)))}.clock-view .scene-clock{bottom:455px}#clock-stage-settings{gap:4px 7px}#clock-stage-settings button{font-size:max(var(--sky-text-min, 0px), calc((9px) * var(--sky-text-scale, 1)));padding:5px 8px;min-height:36px}.clock-daily-grid article{padding:7px 9px}#clock-settings-dialog{padding:18px}}

.clock-view{--daily-bottom:92px}.clock-view .scene-clock{bottom:calc(var(--daily-bottom) + var(--daily-height,220px) + 24px)}@media(min-width:601px) and (orientation:portrait){.clock-view{--daily-bottom:135px}}@media(max-width:600px){.clock-view{--daily-bottom:116px}.clock-view .scene-clock{bottom:calc(var(--daily-bottom) + var(--daily-height,280px) + 18px)}}

.clock-stage-brand>span{font-size:max(var(--sky-text-min, 0px), calc((38px) * var(--sky-text-scale, 1)));letter-spacing:.14em;color:#e4d0a1}.clock-stage-brand>p{font-size:max(var(--sky-text-min, 0px), calc((12px) * var(--sky-text-scale, 1)));letter-spacing:.22em;margin-top:4px}.clock-stage-brand>p.bilingual-label::after{font-size:max(var(--sky-caption-min, 0px), calc((8px) * var(--sky-text-scale, 1)))}#clock-stage-settings #clock-customization{font-size:max(var(--sky-text-min, 0px), calc((10px) * var(--sky-text-scale, 1)));color:#a99472;order:6;flex-basis:100%;text-align:right}#clock-customization a{color:inherit;text-underline-offset:3px}#clock-customization.bilingual-label::after{font-size:max(var(--sky-caption-min, 0px), calc((7px) * var(--sky-text-scale, 1)))}@media(max-width:600px){.clock-stage-brand>span{font-size:max(var(--sky-text-min, 0px), calc((28px) * var(--sky-text-scale, 1)))}.clock-stage-brand>p{font-size:max(var(--sky-text-min, 0px), calc((10px) * var(--sky-text-scale, 1)))}.clock-stage-brand>p.bilingual-label::after{font-size:max(var(--sky-caption-min, 0px), calc((7px) * var(--sky-text-scale, 1)))}#clock-stage-settings #clock-customization{font-size:max(var(--sky-text-min, 0px), calc((8px) * var(--sky-text-scale, 1)));text-align:left;line-height:1.4}#clock-customization.bilingual-label::after{font-size:max(var(--sky-caption-min, 0px), calc((6px) * var(--sky-text-scale, 1)))}#clock-stage-settings{bottom:10px}.clock-view #clock-daily{bottom:145px}.clock-view{--daily-bottom:145px}}

@media(max-width:600px){.clock-view #clock-daily{bottom:116px}.clock-view{--daily-bottom:116px}}

/* Keep the brand readable on narrow tablet and phone layouts. */
.topbar .brand{white-space:nowrap;flex-shrink:0}
.clock-stage-brand{flex:0 0 auto}
.clock-stage-brand>span{display:inline-block;white-space:nowrap;font-size:max(var(--sky-text-min, 0px), calc((clamp(28px,3.8vw,38px)) * var(--sky-text-scale, 1)))}
#clock-stage-controls>label{min-width:0;flex:1 1 240px}
#clock-scene-select{width:100%}
@media(max-width:600px){.clock-stage-brand>span{font-size:max(var(--sky-text-min, 0px), calc((clamp(22px,7.5vw,28px)) * var(--sky-text-scale, 1)))}}

/* Give the sky its own space above a compact calendar dock. */
.clock-view{--daily-bottom:78px;background:radial-gradient(ellipse at 65% 28%,#112038,#060b19 75%)}
.clock-view #clock-daily{bottom:var(--daily-bottom);left:3%;right:3%}
.clock-view #viewport{top:78px;left:26%;bottom:calc(var(--daily-bottom) + var(--daily-height,170px) + 12px)}
.clock-view .scene-clock{top:150px;left:3%;right:auto;bottom:auto;gap:12px;padding:0;flex-direction:column;align-items:flex-start}
.clock-view .scene-clock svg{width:66px;height:66px}
.clock-view .scene-clock #clock-time{font-size:max(var(--sky-text-min, 0px), calc((clamp(44px,5vw,76px)) * var(--sky-text-scale, 1)))}
.clock-view .scene-clock #clock-date{font-size:max(var(--sky-text-min, 0px), calc((13px) * var(--sky-text-scale, 1)));margin-top:7px}
.clock-daily-location{margin-bottom:5px;gap:10px}
.clock-daily-location>span,.clock-daily-location>small{font-size:max(var(--sky-text-min, 0px), calc((9px) * var(--sky-text-scale, 1)))}
.clock-daily-grid{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr) minmax(0,1fr) minmax(80px,.52fr);background:none;border-radius:5px}
.clock-daily-grid article{min-width:0;padding:8px 12px;gap:3px;background:#071421b8;justify-content:center}
.clock-daily-grid p{font-size:max(var(--sky-text-min, 0px), calc((9px) * var(--sky-text-scale, 1)))}.clock-daily-grid strong{font-size:max(var(--sky-text-min, 0px), calc((17px) * var(--sky-text-scale, 1)))}.clock-daily-grid article>span{font-size:max(var(--sky-text-min, 0px), calc((9px) * var(--sky-text-scale, 1)))}
.clock-daily-grid .bilingual-label::after{font-size:max(var(--sky-caption-min, 0px), calc((7px) * var(--sky-text-scale, 1)));margin-top:1px}
.clock-moon-main{gap:6px}.clock-moon-main svg{width:28px;height:28px}.clock-moon-main strong{font-size:max(var(--sky-text-min, 0px), calc((16px) * var(--sky-text-scale, 1)))}
#clock-moon-phases{justify-content:flex-start;gap:12px;margin:1px 0}#clock-moon-phases svg{width:21px;height:21px}#clock-moon-phases>div{gap:1px}#clock-moon-phases span{font-size:max(var(--sky-text-min, 0px), calc((7px) * var(--sky-text-scale, 1)))}
.rokuyo-card button{padding:8px 10px;gap:4px;justify-content:center}.rokuyo-card button>span{font-size:max(var(--sky-text-min, 0px), calc((9px) * var(--sky-text-scale, 1)))}.rokuyo-card button>span:nth-of-type(2){display:none}.rokuyo-card strong{font-size:max(var(--sky-text-min, 0px), calc((23px) * var(--sky-text-scale, 1)))}.rokuyo-card button>small{font-size:max(var(--sky-text-min, 0px), calc((8px) * var(--sky-text-scale, 1)))}
#clock-next-phases,#clock-moon-event{display:inline-block;font-size:max(var(--sky-text-min, 0px), calc((9px) * var(--sky-text-scale, 1)));line-height:1.5;margin:5px 16px 0 0;vertical-align:top}#clock-next-phases.bilingual-label::after,#clock-moon-event.bilingual-label::after{font-size:max(var(--sky-caption-min, 0px), calc((7px) * var(--sky-text-scale, 1)));margin-top:0}
#clock-daily-note{font-size:max(var(--sky-text-min, 0px), calc((7px) * var(--sky-text-scale, 1)));margin-top:3px}
#clock-stage-settings{bottom:15px;left:3%;right:3%;gap:8px 12px}#clock-stage-settings button{min-height:36px;font-size:max(var(--sky-text-min, 0px), calc((10px) * var(--sky-text-scale, 1)));padding:5px 10px}#clock-stage-settings>label{min-height:30px;font-size:max(var(--sky-text-min, 0px), calc((10px) * var(--sky-text-scale, 1)))}#clock-stage-settings p{font-size:max(var(--sky-text-min, 0px), calc((8px) * var(--sky-text-scale, 1)))}
@media(max-width:900px){
 .clock-view #viewport{left:0;top:190px}
 .clock-view .scene-clock{top:110px;left:4%;flex-direction:row;gap:14px;align-items:center}
 .clock-view .scene-clock #clock-time{font-size:max(var(--sky-text-min, 0px), calc((54px) * var(--sky-text-scale, 1)));line-height:1.08}
 .clock-view .scene-clock #clock-state,.clock-view .scene-clock #clock-weekday,.clock-view .scene-clock .clock-zone{display:none}
 .clock-view .scene-clock #clock-date{font-size:max(var(--sky-text-min, 0px), calc((12px) * var(--sky-text-scale, 1)));margin-top:0}
 .clock-view .scene-clock svg{width:55px;height:55px}
 .clock-daily-grid{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr) minmax(0,.95fr) 82px}
 .clock-daily-grid article{padding:7px 9px}.clock-daily-grid strong{font-size:max(var(--sky-text-min, 0px), calc((15px) * var(--sky-text-scale, 1)))}.rokuyo-card strong{font-size:max(var(--sky-text-min, 0px), calc((20px) * var(--sky-text-scale, 1)))}
 #clock-moon-phases{gap:6px}#clock-moon-phases svg{width:18px;height:18px}
}
@media(max-width:600px){
 .clock-view{--daily-bottom:96px}.clock-view #clock-daily{left:14px;right:14px}
 .clock-view #viewport{top:222px;bottom:calc(var(--daily-bottom) + var(--daily-height,185px) + 8px)}
 .clock-view .scene-clock{top:159px;left:22px;right:auto;bottom:auto;gap:12px}
 .clock-view .scene-clock #clock-time{font-size:max(var(--sky-text-min, 0px), calc((40px) * var(--sky-text-scale, 1)))}.clock-view .scene-clock #clock-date{font-size:max(var(--sky-text-min, 0px), calc((10px) * var(--sky-text-scale, 1)))}.clock-view .scene-clock svg{width:44px;height:44px}
 .clock-daily-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) 64px}
 .clock-daily-grid article:first-child{grid-row:1/3;grid-column:1}
 .clock-daily-grid article:nth-child(2){grid-column:2/4}
 .clock-daily-grid article:nth-child(3){grid-column:2;grid-row:2}
 .clock-daily-grid article.rokuyo-card{grid-column:3;grid-row:2}
 .clock-daily-grid article{padding:6px 7px;gap:2px}.clock-daily-grid p{font-size:max(var(--sky-text-min, 0px), calc((8px) * var(--sky-text-scale, 1)))}.clock-daily-grid strong{font-size:max(var(--sky-text-min, 0px), calc((13px) * var(--sky-text-scale, 1)))}.clock-daily-grid article>span{font-size:max(var(--sky-text-min, 0px), calc((8px) * var(--sky-text-scale, 1)));line-height:1.3}.clock-daily-grid .bilingual-label::after{font-size:max(var(--sky-caption-min, 0px), calc((6px) * var(--sky-text-scale, 1)))}
 .clock-moon-main{gap:3px}.clock-moon-main svg{width:25px;height:25px}.clock-moon-main strong{font-size:max(var(--sky-text-min, 0px), calc((12px) * var(--sky-text-scale, 1)))}
 #clock-moon-phases{gap:0;justify-content:space-between;margin:4px 0}#clock-moon-phases svg{width:14px;height:14px}#clock-moon-phases span{font-size:max(var(--sky-text-min, 0px), calc((6px) * var(--sky-text-scale, 1)))}
 .rokuyo-card button{padding:5px;gap:3px}.rokuyo-card button>span{font-size:max(var(--sky-text-min, 0px), calc((8px) * var(--sky-text-scale, 1)))}.rokuyo-card strong{font-size:max(var(--sky-text-min, 0px), calc((19px) * var(--sky-text-scale, 1)))}.rokuyo-card button>small{font-size:max(var(--sky-text-min, 0px), calc((6px) * var(--sky-text-scale, 1)))}
 #clock-next-phases,#clock-moon-event{font-size:max(var(--sky-text-min, 0px), calc((7px) * var(--sky-text-scale, 1)));margin:4px 0 0;display:block}#clock-next-phases.bilingual-label::after,#clock-moon-event.bilingual-label::after{font-size:max(var(--sky-caption-min, 0px), calc((5px) * var(--sky-text-scale, 1)))}
 #clock-stage-settings{left:14px;right:14px;bottom:10px;gap:3px 7px}#clock-stage-settings button{font-size:max(var(--sky-text-min, 0px), calc((8px) * var(--sky-text-scale, 1)));padding:4px 7px;min-height:32px}#clock-stage-settings>label{font-size:max(var(--sky-text-min, 0px), calc((9px) * var(--sky-text-scale, 1)));min-height:26px}#clock-stage-settings p{font-size:max(var(--sky-text-min, 0px), calc((7px) * var(--sky-text-scale, 1)))}
}

.clock-view{background:#060b19}
.clock-view #viewport{mask-image:linear-gradient(to bottom,transparent,#000 22px,#000 calc(100% - 22px),transparent),linear-gradient(to right,transparent,#000 22px,#000 calc(100% - 22px),transparent);mask-composite:intersect}
@media(max-width:900px){.clock-view .scene-clock{top:calc(var(--clock-controls-bottom,100px) + 10px)}.clock-view #viewport{top:calc(var(--clock-controls-bottom,100px) + 94px)}}
@media(max-width:600px){.clock-view #viewport{top:calc(var(--clock-controls-bottom,145px) + 70px)}}

/* Explicit text leading avoids excessive Mincho line-box height. */
#clock-stage-controls{line-height:1.25}.clock-stage-brand>span{line-height:1.2}.clock-stage-brand>p{line-height:1.25}
#clock-stage-controls>label{line-height:1.25;gap:3px}
.clock-daily-location,.clock-daily-grid p,.clock-daily-grid strong,.clock-daily-grid article>span,.rokuyo-card button,.rokuyo-card button>span,.rokuyo-card button>small{line-height:1.3}
.clock-daily-grid p.bilingual-label::after{display:inline;margin-left:5px}
.clock-daily-grid .bilingual-label::after{line-height:1.2}
@media(max-width:600px){#clock-stage-controls>label{margin-top:10px}#clock-scene-select{min-height:38px;padding:7px 10px}.clock-daily-grid p.bilingual-label::after{display:block;margin-left:0}.clock-daily-location{margin-bottom:4px}.rokuyo-card button{gap:2px}}