@font-face{font-family:'DM Sans';font-style:normal;font-weight:400;font-display:swap;src:url('assets/dm-sans-regular.ttf') format('truetype')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:500;font-display:swap;src:url('assets/dm-sans-medium.ttf') format('truetype')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:600;font-display:swap;src:url('assets/dm-sans-semibold.ttf') format('truetype')}
@font-face{font-family:'Libre Caslon Display';font-style:normal;font-weight:400;font-display:swap;src:url('assets/libre-caslon.ttf') format('truetype')}
:root{--paper:#eeeade;--ink:#405957;--muted:#7d8780;--line:#d3d6c9;--frame:#9aaea5;--serif:'Libre Caslon Display',Georgia,serif;--sans:'DM Sans',system-ui,sans-serif;--ease:cubic-bezier(.23,.78,.26,1);font-family:var(--sans);color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-height:100svh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 20% 12%,#fff9e980,transparent 55%),linear-gradient(115deg,transparent 65%,#b7c2b514 65% 70%,transparent 70%);overflow-x:hidden}button,a,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit;color:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #406b66;outline-offset:5px}button:disabled{cursor:wait}a{color:inherit}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.room-grain{position:fixed;inset:0;pointer-events:none;opacity:.08;z-index:30;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.5' filter='url(%23n)'/%3E%3C/svg%3E")}
.masthead{width:100%;display:flex;align-items:center;justify-content:space-between;padding:27px 4.3vw 23px;gap:20px}.brand{display:flex;align-items:center;text-decoration:none;gap:13px;font-family:var(--serif);font-size:27px;line-height:1}.brand-mark{font-family:Georgia,'Noto Serif CJK JP',serif;border:1px solid #9ba99c;width:39px;height:42px;display:grid;place-items:center;font-size:25px;color:#668479}.brand-sub{display:block;font:8px var(--sans);letter-spacing:2.2px;margin-top:8px;color:#7b887e}.header-actions{display:flex;align-items:center;gap:12px}.edition{font-size:9px;letter-spacing:1.4px;margin-right:17px;color:#75827b}.edition-dot{padding:0 7px}.icon-button{border:1px solid #bdc6b8;border-radius:50%;width:35px;height:35px;display:grid;place-items:center;background:#f7f3e84d;transition:background .2s}.icon-button:hover{background:#fff8ec}.icon-button svg{width:17px;height:17px}.sound-off{display:none}body.muted .sound-on{display:none}body.muted .sound-off{display:block}
main{width:min(1150px,90vw);margin:auto;flex:1;display:flex;flex-direction:column;justify-content:center}.above-window{display:flex;align-items:center;justify-content:space-between;margin:4px 2px 12px;gap:12px}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:500;color:#6f8278}.location-control{display:flex;align-items:center;gap:5px}.location-control>svg{width:15px;height:15px;stroke:#799488}.location-control select{border:0;background:transparent;font-size:11px;letter-spacing:.2px;cursor:pointer;padding:5px 1px;max-width:170px}.locate-button{border:0;border-left:1px solid #c6cdbf;background:none;padding:2px 0 2px 9px;margin-left:6px;display:grid;place-items:center}.locate-button svg{width:16px;height:16px}
.window-host{position:relative;isolation:isolate}.frame{height:clamp(300px,53vh,610px);position:relative;padding:17px 27px 16px 21px;background:linear-gradient(100deg,#8d9e96,#c5cbb9 45%,#93a99e);box-shadow:0 1px 1px #f8f5de,inset 1px 2px 2px #e5e7d5,inset -2px -2px 3px #6c857c66,0 10px 40px #3d524e20;border:1px solid #83978d;border-radius:2px}.window-view{position:relative;height:100%;overflow:hidden;background:#baccc3;border:2px solid #4e706a;box-shadow:inset 0 0 10px #162e3066;touch-action:none;perspective:1400px}.sky-scene{position:absolute;inset:0;background:#b7cac5}.sky-scene img{width:100%;height:100%;object-fit:cover;object-position:center 55%;transition:opacity .5s;filter:saturate(.9)}.sky-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0e3a4a66,transparent 48%,#193d4a0a)}.unknown-veil{position:absolute;inset:0;background:#bbc8bf;opacity:0;transition:opacity 1s}.sky-scene[data-band=unknown] .unknown-veil{opacity:.7}.sky-scene[data-band=unknown] img{filter:blur(8px) saturate(.3)}
.frame-top{position:absolute;left:0;right:0;top:0;height:16px;background:linear-gradient(#c6cdbb,#9db0a4 30%,#a5b7ab 65%,#698c8055);box-shadow:0 4px 8px #294f4733}.frame-left{position:absolute;left:0;top:0;bottom:0;width:20px;background:linear-gradient(90deg,#94a89d,#bdc8b5 45%,#829b8e);border-right:1px solid #769285}.frame-right{position:absolute;right:0;top:0;bottom:0;width:25px;background:linear-gradient(90deg,#8fa69b,#b9c7b4 65%,#829a8e);border-left:1px solid #6d887b}.sill{position:absolute;left:-15px;right:-15px;bottom:-14px;height:23px;background:linear-gradient(#d5d6c0,#b9c0a9 48%,#889b88 50%,#a6b19a 65%,#a5b098);box-shadow:0 2px 1px #7b8c7b55;clip-path:polygon(1.4% 0,98.6% 0,100% 50%,100% 100%,0 100%,0 50%)}.sill-shadow{position:absolute;left:0;right:0;bottom:-34px;height:20px;background:linear-gradient(#6a7b6433,transparent);filter:blur(5px);z-index:-1}
.louvres{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;perspective:1500px;pointer-events:none}.louvre{position:relative;flex:1;transform-style:preserve-3d;transform:rotateX(0);transition:transform 1.15s var(--ease),background 1.15s,border-color 1.15s;transform-origin:center center;background:linear-gradient(170deg,#e8eee17a,#99b8ae94 45%,#a7c0b1ac);backdrop-filter:blur(9px) saturate(.5);border-top:1px solid #f2f5de9c;border-bottom:3px solid #6d8f7fac;box-shadow:inset 0 -1px 0 #dce7cc88,0 2px 3px #30554844;margin-bottom:-1px}.louvre::after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 21%,#f8fae138 22%,#f8fae119 28%,transparent 29% 78%,#f8fae111 79%);opacity:.8}.is-open .louvre{transform:rotateX(-78deg);background:linear-gradient(#e3eadb66,#95aaa326);border-bottom-color:#5d807988;backdrop-filter:blur(1px);box-shadow:0 4px 8px #233d3c33}.glass-glint{position:absolute;inset:0;z-index:4;pointer-events:none;background:linear-gradient(116deg,transparent 0 14%,#ffffe818 14% 32%,transparent 32% 71%,#ffffe810 71% 76%,transparent 76%);transition:opacity .7s}.is-open .glass-glint{opacity:0}
.closed-intro{position:absolute;z-index:5;top:18%;left:0;right:0;text-align:center;pointer-events:none;transition:opacity .5s,transform .8s var(--ease);color:#fdfbeb;text-shadow:0 1px 8px #335e5570}.intro-overline{font-size:9px;letter-spacing:3.5px;color:#f2f5e6}.closed-intro p{font:clamp(36px,4.1vw,60px)/1.02 var(--serif);letter-spacing:-.7px;margin:19px 0}.intro-rule{height:1px;width:27px;display:block;margin:22px auto;background:#f2f5df9c}.is-open .closed-intro{opacity:0;transform:translateY(-18px)}.window-toggle{position:absolute;inset:0;border:0;background:none;z-index:8;cursor:grab;width:100%;height:100%;touch-action:none}.window-toggle:active{cursor:grabbing}.window-toggle:focus-visible{outline:3px solid #faffea;outline-offset:-8px}.gesture-hint{position:absolute;z-index:6;bottom:8%;left:0;right:0;display:flex;align-items:center;flex-direction:column;gap:6px;color:#fffdec;pointer-events:none;transition:opacity .5s;text-shadow:0 1px 5px #34564f66}.gesture-hint svg{width:25px;height:25px;animation:flick-hint 2.4s ease-in-out infinite}.gesture-hint>span:not(.hint-line){font-size:10px;letter-spacing:1.2px}.gesture-hint .hint-alternative{font-size:8px!important;opacity:.65;letter-spacing:.6px!important;margin-top:0}.hint-line{height:24px;width:1px;background:linear-gradient(transparent,#f4f7e9b3)}.is-open .gesture-hint{opacity:0}.is-open .gesture-hint svg{animation:none}@keyframes flick-hint{0%,100%{transform:translateY(3px);opacity:.5}50%{transform:translateY(-4px);opacity:1}}
.outside-caption{position:absolute;top:10%;left:5%;z-index:2;color:#fffef2;opacity:0;transform:translateY(12px);transition:opacity .8s .35s,transform .8s .35s;text-shadow:0 2px 10px #193b4a80}.is-open .outside-caption{opacity:1;transform:translateY(0)}.caption-label{font-size:9px;letter-spacing:2.5px}.outside-caption h1{font:clamp(42px,5vw,68px)/1 var(--serif);margin:8px 0 9px;letter-spacing:-.5px}.band-detail{font-size:10px;letter-spacing:.5px}.lever-plate{position:absolute;right:4px;top:56%;height:68px;width:15px;background:linear-gradient(90deg,#526f65,#c4cbbb 40%,#859d8e);border:1px solid #7b9285;border-radius:6px;box-shadow:1px 1px 2px #3f5d5044}.lever-plate::before,.lever-plate::after{content:'';position:absolute;width:3px;height:3px;background:#4b6559;border-radius:50%;left:5px}.lever-plate::before{top:4px}.lever-plate::after{bottom:4px}.lever{position:absolute;width:10px;height:49px;top:8px;left:2px;transform-origin:50% 15%;transform:rotate(8deg);transition:transform .9s .15s var(--ease);background:linear-gradient(90deg,#4b685e,#d4d8c4 45%,#8ca392);border-radius:3px;box-shadow:1px 2px 2px #334d4666}.lever span{position:absolute;width:16px;height:23px;bottom:-2px;left:-3px;background:linear-gradient(90deg,#677f71,#d5dac3 40%,#93ab96);border-radius:4px}.is-open .lever{transform:rotate(-82deg)}
.below-window{position:relative;padding-top:38px;min-height:184px;text-align:center}.closed-note{position:absolute;top:57px;left:0;right:0;font:17px var(--serif);color:#819183;display:flex;align-items:center;justify-content:center;gap:11px;transition:opacity .5s}.small-star{font:23px Georgia;color:#8eaa97}.readings{display:grid;grid-template-columns:repeat(3,1fr);width:min(690px,85%);margin:0 auto;opacity:0;transform:translateY(9px);transition:opacity .8s .35s,transform .8s .35s}.is-open-page .readings{opacity:1;transform:translateY(0)}.is-open-page .closed-note{opacity:0}.reading+.reading{border-left:1px solid #cdd2c4}.metric-label{font-size:10px;letter-spacing:1.2px;font-weight:600}.metric-label>span:not(.subscript){display:inline-block;font-size:7px;letter-spacing:.8px;color:#859185;margin-left:5px;font-weight:400}.subscript{font-size:7px;vertical-align:sub;letter-spacing:0}.metric-value{font:46px/1.1 var(--serif);margin:6px 0 5px;font-variant-numeric:lining-nums tabular-nums;color:#456b60}.metric-foot{font-size:8px;color:#7f8c7d;letter-spacing:.2px}.data-status{display:flex;align-items:center;justify-content:center;gap:6px;font-size:8px;color:#7b887c;letter-spacing:.3px;margin-top:20px;min-height:20px}.status-dot{display:inline-block;flex:none;width:4px;height:4px;background:#b4ac8a;border-radius:50%}.status-dot.fresh{background:#6f9e86}.status-dot.error{background:#b48970}.refresh-button{display:grid;place-items:center;border:0;background:transparent;padding:3px;color:#839283}.refresh-button svg{width:13px;height:13px}.refresh-button.busy svg{animation:spin 1.4s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.location-status{font-size:8px;letter-spacing:.2px;line-height:1.6;color:#7a897b;min-height:13px;margin-top:1px}footer{display:flex;justify-content:space-between;align-items:center;padding:12px 4.3vw 24px;gap:15px;font-size:8px;color:#8d9786;position:relative}.footer-mood{font-family:var(--serif);font-size:15px;font-style:italic;letter-spacing:.2px}.credits{display:flex;gap:8px;align-items:center}.credits a{text-decoration:none}.credits a:hover{text-decoration:underline}.close-window{border:0;border-bottom:1px solid #aebba7;background:none;padding:4px 0;font-size:9px;letter-spacing:.2px}.close-window span{margin-left:7px}.close-window[hidden]{display:none}
dialog{color:var(--ink);background:#f4f0e5;border:1px solid #c5cfbf;border-radius:4px;padding:35px;width:min(500px,calc(100% - 32px));max-height:85svh;box-shadow:0 20px 100px #26433c33;font-size:12px;line-height:1.7}dialog::backdrop{background:#1c383e66;backdrop-filter:blur(5px)}dialog h2{font:34px/1.1 var(--serif);margin:13px 0 20px}dialog p{color:#64796d}dialog dt{font-weight:600;font-size:11px;letter-spacing:.4px;margin-top:13px}dialog dd{margin:4px 0 0;color:#65796c;font-size:11px}.dialog-close{position:absolute;top:9px;right:13px;font:26px var(--serif);padding:1px 5px;border:0;background:none}.band-key{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;font-size:9px;margin-top:22px}.band-key span{border-top:2px solid #7caa8a;padding-top:6px}.band-key span:nth-child(2){border-color:#bca466}.band-key span:nth-child(3){border-color:#b17b66}.band-key span:nth-child(4){border-color:#9b6d82}.band-key b{display:block;font-weight:400}.small-copy{font-size:10px;line-height:1.7}.source-times{font-size:9px;padding:12px;background:#e8e9dd;white-space:pre-line}.dialog-links{display:flex;gap:20px;font-size:10px;margin-top:20px}.noscript{position:fixed;bottom:20px;left:20px;right:20px;padding:20px;z-index:50;background:#fff6de;text-align:center}
@media(min-width:1500px){main{width:min(1250px,85vw)}.frame{height:min(61vh,720px)}.below-window{padding-top:44px;min-height:205px}.metric-value{font-size:52px}}
@media(max-width:700px){.masthead{padding:20px 6vw 24px}.brand{font-size:23px;gap:9px}.brand-mark{width:32px;height:36px;font-size:22px}.brand-sub{font-size:6px;letter-spacing:1.6px;margin-top:7px}.header-actions{gap:8px}.edition{display:none}.icon-button{width:31px;height:31px}.icon-button svg{width:15px;height:15px}main{width:86vw;margin:0 auto;justify-content:center}.above-window{margin:0 -1px 10px}.eyebrow{font-size:7px;letter-spacing:1.3px}.location-control{gap:3px}.location-control select{font-size:10px;max-width:142px}.location-control>svg{width:13px}.locate-button{padding-left:7px;margin-left:3px}.frame{height:clamp(325px,52svh,620px);padding:13px 21px 13px 15px}.frame-top{height:12px}.frame-left{width:14px}.frame-right{width:20px}.window-view{border-width:1px}.sill{left:-10px;right:-10px;bottom:-12px;height:19px}.closed-intro{top:22%}.closed-intro p{font-size:41px;line-height:1.05;letter-spacing:-1px}.intro-overline{font-size:7px;letter-spacing:2.6px}.intro-rule{margin-top:22px}.gesture-hint{bottom:12%}.gesture-hint>span:not(.hint-line){font-size:8px;letter-spacing:.8px}.gesture-hint .hint-alternative{font-size:7px!important}.outside-caption{left:8%;top:13%}.caption-label{font-size:7px;letter-spacing:2px}.outside-caption h1{font-size:49px;margin:10px 0}.band-detail{font-size:8px}.sky-scene img{object-position:50% center}.lever-plate{right:2px;width:14px;height:61px}.lever{height:44px}.below-window{padding-top:34px;min-height:172px}.readings{width:100%}.metric-label{font-size:9px;letter-spacing:.5px;min-height:25px}.metric-label>span:not(.subscript){display:block;font-size:6px;letter-spacing:.6px;margin:4px 0 0}.metric-value{font-size:41px;margin-top:2px}.metric-foot{font-size:6.5px;letter-spacing:0}.reading+.reading{border-left:1px solid #cdd2c4}.data-status{font-size:7px;margin-top:16px;gap:5px}.closed-note{font-size:16px;top:58px}.location-status{font-size:7px;line-height:1.5;margin:2px 4px 0}footer{padding:6px 7vw 18px;gap:8px;flex-wrap:wrap;justify-content:center}.footer-mood{width:100%;text-align:center;font-size:14px;margin-bottom:4px}.credits{font-size:6px;gap:6px}.close-window{position:absolute;bottom:50px;right:7vw;font-size:8px}.is-open-page .footer-mood{visibility:hidden}.louvre{border-bottom-width:2px}dialog{padding:28px 24px}dialog h2{font-size:30px}}
@media(max-height:720px) and (min-width:701px){.masthead{padding:17px 4.3vw}.frame{height:46vh;min-height:260px}.below-window{min-height:161px;padding-top:29px}.metric-value{font-size:38px}.data-status{margin-top:14px}footer{padding-bottom:15px}.closed-intro{top:13%}.closed-intro p{font-size:40px;margin:14px 0}.intro-rule{margin:15px auto}.gesture-hint{bottom:7%}.hint-line{height:12px}}
@media(max-height:710px) and (max-width:700px){.masthead{padding-top:15px;padding-bottom:19px}.frame{height:46svh;min-height:270px}.below-window{min-height:162px;padding-top:29px}.closed-intro{top:16%}.closed-intro p{font-size:35px}.intro-rule{margin:15px auto}.gesture-hint{bottom:9%}.hint-line{height:13px}.metric-value{font-size:37px}footer{padding-bottom:12px}.closed-note{top:50px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition-duration:.01ms!important;transition-delay:0ms!important}.louvre{backdrop-filter:none}}


@media(max-width:380px){.masthead{gap:10px}.brand{font-size:20px;gap:7px}.brand-mark{width:28px;height:32px;font-size:20px}.brand-sub{font-size:5.5px;letter-spacing:1.3px}.header-actions{gap:6px}}
@media(max-height:600px) and (max-width:700px){.frame{height:40svh;min-height:230px}.below-window{min-height:150px;padding-top:25px}.metric-value{font-size:34px}.masthead{padding-top:12px;padding-bottom:15px}footer{padding-bottom:10px}}