:root{color-scheme:dark;--bg:#101b29;--ink:#f0ecdf;--gold:#cfb979;--muted:#8f9cae;--line:#a9c7e51f}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 24% 40%,#1d3045 0,transparent 51%),#101b29;color:var(--ink);font:14px 'Yu Mincho','Hiragino Mincho ProN',serif}button,input,select,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #e1c781;outline-offset:4px}header{padding:24px 5%;max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:18px}.wordmark{color:#d6dceb;text-decoration:none;font:10px Arial,sans-serif;letter-spacing:2.4px}.wordmark b{font-size:28px;color:var(--gold);margin-right:12px;vertical-align:middle}.focus-launch{border:1px solid #eddda4;background:linear-gradient(125deg,#f0e0a9,#bd9b52);color:#1c2430;border-radius:5px;padding:14px 28px;font-size:20px;letter-spacing:1px;box-shadow:0 5px 24px #bd9b5225}.focus-launch small{font:9px Arial;letter-spacing:1.4px;display:block;margin-top:4px;opacity:.7}main{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;max-width:1270px;margin:auto;padding:36px 5% 54px;align-items:center}.exhibit{min-width:0;position:relative}.exhibit-label{display:flex;justify-content:space-between;gap:10px;font:8px Arial;letter-spacing:1.5px;color:#99a8bc}.exhibit-label span:first-child{color:var(--gold)}.clock-wrap{position:relative;width:100%;max-width:570px;margin:18px auto 8px;filter:drop-shadow(0 20px 26px #0009);isolation:isolate}.clock-wrap svg{display:block;width:100%;height:auto}.halo{position:absolute;inset:5% -8%;z-index:-1;background:radial-gradient(ellipse,#e5d69315,transparent 69%)}.exhibit-caption{text-align:center;font-size:11px;color:#c4cbd4;letter-spacing:.6px;min-height:18px}.motion-legend{display:flex;justify-content:center;gap:10px;color:#8899ad;font:9px Arial;margin:18px 0 12px}.motion-legend i{color:var(--gold);font-style:normal}.quiet{display:block;margin:auto;background:none;border:0;color:#c7b987;font-size:11px;padding:10px}.eyebrow{font:9px Arial;color:var(--gold);letter-spacing:2px;margin-bottom:22px}h1{font-size:43px;line-height:1.4;font-weight:400;letter-spacing:3px;margin:0 0 22px}h1 em{font-style:normal;color:var(--gold);font-size:36px}h1 span{display:block;font-size:16px;letter-spacing:3px;margin-top:10px}.intro{font-size:12px;color:#aebac8;line-height:2.15;margin-bottom:27px}.time-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin-bottom:23px}#digital{font:32px Georgia,serif;letter-spacing:2px}#digital span{font-size:18px;color:#93a4b9;margin-left:2px}#date{font:10px Arial;color:#9aabbe}.track-head{display:flex;justify-content:space-between;font:8px Arial;letter-spacing:1.7px;color:#96a4b7;margin-bottom:10px}.track-picker{display:flex;border:1px solid #7f9ab239;background:#132334;border-radius:4px;overflow:hidden}.track-picker button{border:0;background:transparent;color:var(--gold);padding:4px 13px;font-size:25px}.track-picker select{min-width:0;width:100%;background:transparent;border:0;color:#eae7db;font-size:12px;padding:13px 2px}.track-picker select option,.setting select option{background:#152537}.source{font-size:10px;line-height:1.6;color:#90a1b6;margin:9px 0 18px;min-height:16px}.play{display:flex;gap:12px;align-items:center;width:100%;border:1px solid #dfca8e;border-radius:4px;padding:18px 17px;background:linear-gradient(130deg,#ead99f,#c0a15c);color:#202838;font-size:15px}.play small{font:10px Arial;opacity:.65;margin-left:auto}#playIcon{font:14px Arial}.play:hover,.focus-launch:hover{filter:brightness(1.08)}.progress-track{height:2px;background:#809ab226;margin-top:7px;overflow:hidden}#progress{height:100%;background:#e6d094;width:0}.performance{display:flex;justify-content:space-between;margin:9px 0;color:#8fa4bc;font:9px Arial}.random-play{display:flex;gap:9px;justify-content:center;align-items:center;width:100%;background:#1b354a;border:1px solid #7096b54d;border-radius:4px;color:#d0e4f0;padding:12px;font-size:13px;margin:13px 0 19px}.random-play small{color:#7eabc5;font:9px Arial;margin-left:8px;letter-spacing:1px}.settings{border-top:1px solid var(--line);padding-top:12px}.setting{display:flex;align-items:center;gap:12px;margin:11px 0;font-size:11px;color:#b1bdcb}.setting input{flex:1;min-width:0;accent-color:#c5ad70}.setting output{width:30px;text-align:right;font:10px Arial}.setting select{margin-left:auto;max-width:220px;background:#142536;color:#c2ceda;border:1px solid var(--line);padding:7px 11px;border-radius:3px;font-size:10px}.toggle{display:flex;align-items:center;gap:8px;color:#a7b6c6;font-size:11px;margin:13px 0}.toggle input{accent-color:#d4bd7e}.toggle small{font:8px Arial;color:#70869d;margin-left:auto}.buttons{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.buttons button{background:none;border:1px solid var(--line);color:#aabbcc;padding:9px;font-size:10px;border-radius:3px}.buttons button:hover{border-color:#b9a777}#status{color:#b3c6d9;font-size:11px;line-height:1.8;min-height:20px}.next-hour{color:#758da5;font:10px Arial;letter-spacing:.3px}details{margin-top:22px;border-top:1px solid var(--line);padding-top:16px}summary{cursor:pointer;color:#9eafbf;font-size:10px}details p{color:#8296aa;font-size:10px;line-height:1.95}a{color:#cfbd8b}footer{max-width:1440px;margin:auto;border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:22px 5%;color:#6e8399;font-size:9px}footer span:last-child{font:8px Arial;letter-spacing:1px}dialog{width:min(900px,94vw);border:1px solid #99b4cd44;background:#101d2d;border-radius:9px;color:#c9d7e7;padding:22px;max-height:94dvh}dialog::backdrop{background:#040b14de;backdrop-filter:blur(6px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px;font:10px Arial;letter-spacing:1.5px;color:#c8b87f}.dialog-head button{border:1px solid var(--line);color:#cbd9e9;background:none;padding:8px 13px;border-radius:3px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.detail-grid figure{margin:0}.detail-grid img{display:block;width:100%;border-radius:4px}.detail-grid figcaption,dialog p{font-size:11px;line-height:1.9;color:#9caec2}#film{display:block;width:100%;max-height:73dvh;object-fit:contain;background:#050b12}#exitFocus{display:none;position:fixed;bottom:15px;right:15px;color:#d6e2ec;background:#152537d9;border:1px solid #c8d8e344;padding:10px 18px;border-radius:20px;font-size:11px;z-index:10}.focus header,.focus .controls,.focus footer,.focus .exhibit-label,.focus .exhibit-caption,.focus .motion-legend,.focus #inspect{display:none}.focus main{display:block;max-width:none;padding:0}.focus .clock-wrap{width:min(98vw,98dvh);max-width:none;margin:1dvh auto}.focus #exitFocus{display:block}#hour,#minute,#second{will-change:transform}@media(min-width:761px) and (max-height:850px){main{padding-top:26px;gap:6%}.intro{margin-bottom:18px}h1{font-size:37px;margin-bottom:16px}.eyebrow{margin-bottom:14px}.time-row{padding:13px 0;margin-bottom:18px}}@media(max-width:760px){header{padding:18px 6%;flex-wrap:wrap}.wordmark{font-size:8px}.focus-launch{width:100%;font-size:20px;min-height:57px}main{display:block;padding:26px 6% 40px}.clock-wrap{max-width:490px;margin:15px auto}.controls{margin-top:36px}h1{font-size:37px}.eyebrow{font-size:8px}footer{gap:15px;line-height:1.8}.detail-grid{grid-template-columns:1fr}.exhibit-label{font-size:7px}.motion-legend{font-size:8px}#date{font-size:9px}.intro{font-size:12px}.play{font-size:14px}.focus .clock-wrap{width:min(99vw,97dvh);margin:1dvh auto}}@media(prefers-reduced-motion:reduce){.halo{display:none}}