#pipControls{position:absolute;z-index:8;right:20px;top:88px;width:min(290px,calc(100% - 40px));padding:17px;border:2px solid #89aea1;border-radius:20px;background:#fff7e8;box-shadow:0 10px 28px #17394c30;color:#17394c}
#pipControls .pip-tricks button:last-child{grid-column:1/-1}
#pipControls[hidden]{display:none}#pipControls header{display:flex;align-items:center;justify-content:space-between;gap:12px}#pipControls h2{font-size:21px;margin:0}#pipControls p{font-size:14px;line-height:1.5;margin:12px 0}#pipControls header button{padding:5px 10px}#pipControls .pip-tricks{display:grid;grid-template-columns:1fr 1fr;gap:8px}#pipControls button{font:inherit;color:#17394c;border:1px solid #b4c5b5;border-radius:12px;background:#edf0dc;padding:10px;cursor:pointer}#pipControls button[aria-pressed=true]{background:#ffe3a2;border-color:#a17b2d}
#telescope{border:2px solid #b6c7b8;border-radius:24px;padding:0;width:min(1120px,calc(100% - 30px));max-width:none;max-height:calc(100dvh - 26px);color:#193b50;background:#fff7e8;box-shadow:0 22px 90px #071d38a0}#telescope::backdrop{background:#0d253bc9}.scope-shell{padding:22px;display:flex;flex-direction:column;max-height:calc(100dvh - 30px);box-sizing:border-box}.scope-shell header{flex:none;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.scope-shell h2{font-size:26px;margin:4px 0 0}.scope-shell small{font-size:11px;letter-spacing:1.8px}.scope-shell button,.scope-shell select{font:inherit;border:1px solid #b5c3b1;border-radius:12px;background:#edf0dc;color:#17394c;padding:11px 14px;cursor:pointer}.scope-shell button:focus-visible,.scope-shell select:focus-visible,.scope-sky:focus-visible{outline:3px solid #c99334;outline-offset:3px}.scope-content{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;overflow:auto;min-height:0;overscroll-behavior:contain;padding:4px}.scope-stage{position:relative;min-height:480px;height:min(60vh,590px);overflow:hidden;border-radius:22px;background:#102b40;isolation:isolate}.scope-sky{position:absolute;inset:0;touch-action:none;cursor:grab}.scope-sky:active{cursor:grabbing}.scope-sky canvas{display:block;width:100%;height:100%}.scope-vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 85px 24px #071b33;border:8px solid #29485a;border-radius:22px}.scope-target{position:absolute;top:24px;left:25px;color:#dfeadf;pointer-events:none}.scope-target strong{display:block;font-size:24px;margin-top:5px}.scope-crosshair{position:absolute;inset:50% auto auto 50%;color:#b4d1c844;font-size:26px;transform:translate(-50%,-50%);pointer-events:none}.scope-drag{position:absolute;bottom:16px;left:10px;right:10px;text-align:center;font-size:12px;color:#b3c7c6;pointer-events:none}.scope-star-label{position:absolute;transform:translate(-50%,14px);font-size:11px;white-space:nowrap;color:#d4ded4;pointer-events:none;text-shadow:0 1px 4px #071b33}.scope-select{display:grid;gap:8px;font-size:13px;font-weight:700}.scope-shell h3{font-size:21px;margin:23px 0 10px}.scope-fact{min-height:195px}.scope-fact h4{font-size:18px;line-height:1.4;margin:0 0 12px}.scope-fact p{font-size:16px;line-height:1.65;margin:0}.scope-fact-dots{display:flex;justify-content:center;gap:6px;margin:14px 0 0}.scope-shell .scope-fact-dots button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;box-shadow:none;touch-action:manipulation}.scope-fact-dots button::before{content:"";width:10px;height:10px;border-radius:50%;background:#b3c4b9;transition:background .15s,transform .15s}.scope-fact-dots button[aria-current=true]::before{background:#326b63;transform:scale(1.3)}.scope-notice{font-size:14px;line-height:1.5}.scope-footer{display:flex;flex:none;align-items:center;gap:18px;padding-top:16px;margin-top:18px;border-top:1px solid #dbe0cd}.scope-lines[aria-pressed=true]{background:#d8e8dc}.scope-tools{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 0 auto}.scope-tools button{min-width:46px;min-height:46px;font-size:22px}.scope-tools output{min-width:48px;text-align:center}.scope-footer .scope-close{margin-left:auto}
.scope-select{position:relative}.scope-select select[hidden],.scope-picker-options[hidden]{display:none}
.scope-shell .scope-picker-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:46px;padding:11px 17px;text-align:left}
.scope-picker-toggle svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.scope-picker-toggle[aria-expanded=true] svg{transform:rotate(180deg)}
.scope-picker-options{position:absolute;z-index:10;top:calc(100% + 7px);left:0;right:0;padding:6px;max-height:min(220px,42vh);overflow:auto;overscroll-behavior:contain;border:1px solid #b5c3b1;border-radius:17px;background:#fff7e8;box-shadow:0 10px 26px #17394c28}
.scope-shell .scope-picker-options button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:46px;padding:11px 13px;border:0;border-radius:11px;background:transparent;text-align:left;box-shadow:none;transform:none}
.scope-shell .scope-picker-options button[aria-selected=true]{background:#d8e8dc;font-weight:700}.scope-picker-options button[aria-selected=true]::after{content:'✓'}
.scope-shell .scope-picker-options button:focus-visible{outline-offset:-3px;background:#ecedda}
@media(hover:hover){.scope-shell .scope-picker-options button:hover{background:#ecedda}}
.scope-reading-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;margin:20px 0 10px}.scope-reading-heading h3{margin:0}.scope-reading-heading .narration{flex-wrap:nowrap;margin:0}.scope-reading-heading .narration button{width:44px;height:44px;padding:0;border-radius:50%}.scope-reading-heading .narration-notice{grid-column:1/-1;margin:0}
@media(max-width:760px){.scope-shell{padding:14px}.scope-content{grid-template-columns:1fr;gap:18px}.scope-stage{height:38vh;min-height:270px}.scope-shell header{gap:10px;margin-bottom:14px}.scope-shell h2{font-size:20px}.scope-shell aside{min-width:0}.scope-reading-heading{margin:16px 0}.scope-fact{min-height:180px}.scope-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-top:12px;padding-top:12px}.scope-footer .scope-lines{grid-column:1/-1}.scope-footer .scope-tools{justify-content:flex-start;margin:0;gap:7px}.scope-footer .scope-close{max-width:145px;min-height:46px;font-size:12px;padding:10px;margin:0}.scope-target strong{font-size:20px}.scope-star-label{font-size:10px}}
@media(max-width:600px){#pipControls{right:12px;top:86px;padding:12px;width:240px}#pipControls h2{font-size:18px}#pipControls p{font-size:12px;margin:8px 0}.scope-drag{font-size:10px}}
@media(max-height:550px) and (min-width:761px){.scope-stage{min-height:350px}.scope-shell header{margin-bottom:12px}}