:root{color-scheme:dark;font-family:Inter,"Segoe UI","Noto Sans JP",sans-serif;color:#e4ebf2;background:#080e18;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #a9ebd7;outline-offset:5px}header{height:86px;border-bottom:1px solid #22303a;display:flex;align-items:center;justify-content:space-between;padding:0 38px}.brand{display:flex;align-items:center;gap:12px;color:#f2f6f7;text-decoration:none;font-size:24px;font-weight:650;letter-spacing:-1px}.brand-mark{font-size:36px;color:#bcecd6;font-weight:300}.edition{font-size:9px;color:#778895;letter-spacing:2px;margin-left:16px}.live{font-size:10px;letter-spacing:2px;color:#98a9b4}.live i{display:inline-block;width:6px;height:6px;background:#a3e6c9;border-radius:50%;margin-right:10px}main{display:grid;grid-template-columns:minmax(0,1fr) 330px;min-height:calc(100svh - 138px)}.observatory{position:relative;min-height:720px;overflow:hidden;background:radial-gradient(ellipse at 55% 45%,#142233 0, #090f19 64%)}#viewport{position:absolute;inset:0}canvas{display:block;width:100%;height:100%;touch-action:none}.scene-heading{position:absolute;top:38px;left:38px;z-index:2;pointer-events:none}.eyebrow{font-size:9px;letter-spacing:2.1px;color:#88a398;font-weight:600}h1{font-weight:400;font-size:38px;letter-spacing:2px;line-height:1.55;margin:18px 0 12px}.scene-heading p{color:#81909e;font-size:12px;letter-spacing:.5px}.scene-bottom{position:absolute;bottom:26px;left:38px;right:30px;display:flex;flex-direction:column;gap:12px;color:#81919f;font-size:10px;pointer-events:none}.dot{display:inline-block;width:5px;height:5px;border-radius:50%;margin:0 6px 2px 0}.cyan{background:#72acb8}.lavender{background:#ab9bcd;margin-left:18px}.scene-index{position:absolute;right:30px;top:42px;color:#bed0d9;font-size:12px;letter-spacing:2px}.scene-index span{display:block;font-size:8px;letter-spacing:1px;margin-top:10px;color:#6d8190}aside{padding:28px 26px 16px;background:#101823;border-left:1px solid #28323d}.panel-top{display:flex;justify-content:space-between;align-items:center}.badge{font-size:8px;letter-spacing:1px;color:#90b6a5;border:1px solid #30423e;border-radius:4px;padding:4px 6px}.body-tabs{display:flex;background:#080f18;border:1px solid #25303b;padding:4px;margin:23px 0 25px;border-radius:8px;gap:3px}.body-tabs button{border:0;background:transparent;color:#7e8e9d;flex:1;padding:10px 4px;border-radius:5px;font-size:12px}.body-tabs button[aria-pressed=true]{background:#283e41;color:#b7ead7}.planet-icon{height:43px;width:43px;border:1px solid #385265;border-radius:50%;font-size:28px;color:#86c6dc;display:grid;place-items:center;margin-bottom:18px;background:radial-gradient(circle at 30% 25%,#3e7369,#152237)}h2{font-size:27px;font-weight:500;margin:8px 0 13px;letter-spacing:2px}h2 span{font-size:13px;color:#6f8598;font-weight:400;margin-left:8px;letter-spacing:0}article>p{color:#9eacb9;font-size:12px;line-height:1.95;min-height:70px;margin:0}dl{margin:20px 0}dl div{display:flex;justify-content:space-between;border-bottom:1px solid #26313d;padding:10px 0;font-size:11px}dt{color:#8193a2}dd{margin:0;color:#d0dde7}.insight{border-left:2px solid #789a8d;padding:1px 0 1px 12px;margin:18px 0}.insight>span{font-size:8px;letter-spacing:1.5px;color:#91b7a6}.insight p{font-size:11px;line-height:1.9;color:#94a6b3;margin:6px 0}.focus-button{width:100%;display:flex;justify-content:space-between;border:1px solid #3a5c55;background:#1e3834;color:#c0ead9;font-size:12px;border-radius:6px;padding:12px 14px;margin:18px 0 25px}.controls{border-top:1px solid #2a3541;padding-top:23px}.control-title{display:flex;justify-content:space-between;align-items:center}#elapsed{font-size:9px;color:#7f94a6;font-variant-numeric:tabular-nums}.play-row{display:flex;gap:8px;margin:17px 0}.play-row button{padding:11px 8px;border-radius:6px;border:1px solid #35414e;background:#1b2836;flex:1}.play-row button span{font-size:11px;margin-left:5px}.play-row button:first-child{background:#d2ecdF;color:#152b26;border-color:#d2ecdf}.speed-label{font-size:11px;display:flex;justify-content:space-between;margin-top:20px}output{color:#bbe8d4;font-variant-numeric:tabular-nums}input[type=range]{width:100%;height:26px;margin:8px 0 0;accent-color:#b1dfcd}.range-ticks{display:flex;justify-content:space-between;color:#657e8d;font-size:9px}.toggle-row{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin-top:19px;padding:12px 0;border-top:1px solid #273441}input[type=checkbox]{width:32px;height:20px;accent-color:#9bd4bd;cursor:pointer}.scale-note{font-size:9px;color:#6f8594;line-height:1.8}footer{height:52px;border-top:1px solid #22303a;display:flex;justify-content:space-between;align-items:center;padding:0 38px;color:#68808d;font-size:8px;letter-spacing:1.5px}kbd{font:9px monospace;border:1px solid #34424d;border-radius:3px;padding:3px 5px;margin:0 5px 0 10px}#labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}#labels>span{position:absolute;left:0;top:0;font-size:11px;white-space:nowrap;border-top:1px solid #7e9da380;padding:7px 2px;color:#c4d9de}#labels small{font-size:8px;letter-spacing:2px;color:#7997a6;margin-left:5px}#labels .selected{color:#c0f3de;border-color:#b1e9d3}#notice{position:absolute;z-index:5;left:50%;top:50%;transform:translate(-50%,-50%);width:min(80%,460px);background:#182534;border:1px solid #456071;padding:24px;border-radius:10px;font-size:13px;line-height:1.8}#notice[hidden]{display:none}button:hover{filter:brightness(1.15)}@media(min-width:1500px){main{grid-template-columns:minmax(0,1fr) 370px}aside{padding:34px}.observatory{min-height:780px}}@media(max-width:900px){header{padding:0 22px}.edition{display:none}main{grid-template-columns:minmax(0,1fr) 290px}aside{padding:24px 20px}.scene-heading{left:24px}h1{font-size:29px}.scene-index{display:none}footer{padding:0 22px}footer>span:last-child{display:none}.scene-bottom{left:24px;font-size:9px}}@media(max-width:650px){header{height:70px;padding:0 20px}.brand{font-size:22px}.live{font-size:8px;letter-spacing:1px}main{display:block}.observatory{min-height:550px;height:66svh;max-height:720px}.scene-heading{top:24px;left:22px}h1{font-size:27px;margin:10px 0}.scene-heading p{font-size:10px}.eyebrow{font-size:8px}.scene-bottom{bottom:20px;gap:8px;right:18px}.scene-bottom>span:last-child{font-size:8px}aside{border-left:0;border-top:1px solid #2a3946;padding:25px 24px}.body-tabs{margin:18px 0}.planet-icon{float:right;margin:16px 0 0 15px}article>p{min-height:0}dl{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.insight{margin-top:20px}footer{height:68px;flex-direction:column;justify-content:center;gap:13px;font-size:8px}.focus-button,.play-row button{min-height:44px}}