.telescope-app{--brass:#e9c98e;--brass-deep:#9b733f;--mark-mercury:#d9c6b3;--mark-venus:#fff6dc;--mark-mars:#f08a5a;--mark-jupiter:#f1d9b0;--mark-saturn:#e8d39b;--mark-moon:#eef2fa;flex-direction:column;gap:13px;min-height:100%;padding:16px 24px 12px;display:flex;container-type:inline-size}.scope-header{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px;display:flex}.scope-header small{color:var(--blue);letter-spacing:.16em;font:700 .56rem ui-monospace,monospace}.scope-header h2{letter-spacing:-.045em;margin:5px 0 0;font-family:DM Sans,sans-serif;font-size:1.65rem}.scope-clock{border:1px solid var(--line);border-radius:12px;align-items:center;gap:3px;padding:3px;display:flex}.scope-clock button{min-width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0 7px;font:600 .8rem DM Sans,sans-serif}.scope-clock button:hover:not(:disabled){background:var(--chrome-active);color:var(--text)}.scope-clock .scope-now{border:1px solid var(--line);margin-left:3px;font-size:.64rem}.scope-clock .scope-now:disabled{opacity:.45;cursor:default}.scope-clock span{text-align:center;min-width:132px;color:var(--muted);letter-spacing:.12em;text-transform:uppercase;padding:0 4px;font:700 .5rem ui-monospace,monospace;display:grid}.scope-clock b{color:var(--text);letter-spacing:0;text-transform:none;font:600 .68rem DM Sans,sans-serif}.scope-main{grid-template-columns:minmax(0,1fr) minmax(240px,290px);align-items:start;gap:22px;display:grid}.scope-stage{background:radial-gradient(at 50% 40%,#18233b,#070b15 72%);border-radius:20px;justify-items:center;gap:12px;padding:18px 16px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #91aac32e}.scope-eyepiece{aspect-ratio:1;width:min(100%,360px);box-shadow:0 0 0 2px #0a0e16,0 0 0 9px #1b2130,0 0 0 10px var(--brass-deep),0 0 0 11px var(--brass),0 0 0 13px #11151f,0 18px 50px #000a,0 0 80px #6f8fd61a;isolation:isolate;background:#02040a;border-radius:50%;position:relative;overflow:hidden}.scope-eyepiece:after{content:"";pointer-events:none;background:repeating-conic-gradient(from -.5deg,#c9d6ea38 0 1deg,transparent 1deg 10deg);border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(closest-side,#0000 calc(100% - 8px),#000 calc(100% - 7px));mask:radial-gradient(closest-side,#0000 calc(100% - 8px),#000 calc(100% - 7px))}.scope-field,.scope-field svg,.scope-overlay{width:100%;height:100%;display:block;position:absolute;inset:0}.scope-overlay{pointer-events:none}.scope-compass text{fill:#9fb3cc;opacity:.55;letter-spacing:.1em;font:700 11px ui-monospace,monospace}.scope-label{fill:#b9cbe0;paint-order:stroke;stroke:#03060dcc;stroke-width:3px;stroke-linejoin:round;pointer-events:none;font:600 10.5px DM Sans,sans-serif}.scope-glide{transition:transform .7s cubic-bezier(.3,.7,.2,1),opacity .4s}.scope-glare{pointer-events:none;background:radial-gradient(circle at 50% 120%,#9cc4ff55,#5e86c233 55%,#1b2b4a22);border-radius:50%;place-items:end center;padding-bottom:18%;display:grid;position:absolute;inset:0}.scope-glare span{color:#dbe7f6;background:#06101fcc;border-radius:999px;padding:6px 12px;font:600 .66rem DM Sans,sans-serif}.scope-field.is-slew{animation:.9s cubic-bezier(.25,.7,.2,1) both scope-slew}.scope-field.is-zoom{animation:.7s cubic-bezier(.25,.7,.2,1) both scope-zoom}@keyframes scope-slew{0%{translate:var(--slew) 0;filter:blur(7px);opacity:.25}55%{filter:blur(2.5px);opacity:1}to{filter:none;translate:0}}@keyframes scope-zoom{0%{filter:blur(8px);opacity:.3;scale:.9}60%{filter:blur(2px)}to{filter:none;scale:1}}.scope-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 10px;width:100%;display:flex}.scope-segments{border:1px solid #93a9c93a;border-radius:10px;padding:2px;display:flex}.scope-segments button,.scope-toggle{color:#9fb0c7;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:6px 12px;font:600 .66rem DM Sans,sans-serif}.scope-segments button[aria-pressed=true]{color:#f1f5fb;background:#ffffff1c}.scope-toggle{border:1px solid #93a9c93a;border-radius:10px}.scope-toggle[aria-pressed=true]{color:#f1f5fb;border-color:#e9c98e88}.scope-segments button:focus-visible,.scope-toggle:focus-visible{outline:2px solid var(--blue);outline-offset:1px}.scope-caption{text-align:center;color:#8193ab;letter-spacing:.08em;margin:0;font:600 .58rem ui-monospace,monospace}.scope-card{gap:12px;display:grid}.scope-when{border:1px solid var(--line);background:color-mix(in srgb,var(--text) 4%,transparent);border-radius:12px;margin:0;padding:10px 12px;font:600 .78rem/1.35 DM Sans,sans-serif}.scope-when:before{content:"";vertical-align:1px;background:#7fe0b0;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block;box-shadow:0 0 8px #7fe0b0}.scope-when.is-hidden:before{background:#e2a85f;box-shadow:0 0 8px #e2a85f}.scope-event{color:var(--blue);margin:0;font-size:.7rem;line-height:1.45}.scope-shower{border:1px dashed color-mix(in srgb,var(--brass-deep) 60%,var(--line));color:var(--text);border-radius:10px;margin:0;padding:8px 10px;font-size:.68rem;line-height:1.45}.scope-card dl{gap:8px;margin:0;display:grid}.scope-card dl div{grid-template-columns:84px 1fr;gap:10px;display:grid}.scope-card dt{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font:700 .52rem/1.75 ui-monospace,monospace}.scope-card dd{margin:0;font-size:.72rem;line-height:1.45}.scope-fact{border-top:1px solid var(--line);color:var(--muted);margin:0;padding-top:12px;font-size:.7rem;line-height:1.55}.scope-fact:before{content:"✦ ";color:var(--brass-deep)}.scope-finder-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:8px;display:flex}.scope-finder-head h3{margin:0;font-size:.78rem}.scope-finder-head span{color:var(--muted);font-size:.62rem}.scope-finder-scroll{scrollbar-width:thin;padding-bottom:2px;overflow-x:auto}.scope-finder{background:radial-gradient(circle at 20% 30%,#fff8 0 .8px,#0000 1.3px) 0 0/83px 71px,radial-gradient(circle at 70% 60%,#fff6 0 .8px,#0000 1.3px) 0 0/127px 59px,linear-gradient(#0a1324,#0d1a30 60%,#101d33);border-radius:16px;min-width:560px;height:108px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #91aac32e}.scope-sun{pointer-events:none;width:120px;height:240px;position:absolute;top:50%;translate:0 -50%}.scope-sun.is-left{background:radial-gradient(closest-side,#ffd88acc,#ff9f5a55 40%,#0000);left:-60px}.scope-sun.is-right{background:radial-gradient(closest-side,#ffe4a8cc,#8fb8ff44 45%,#0000);right:-60px}.scope-milky{pointer-events:none;background:linear-gradient(90deg,#0000,#c8d6ff14 30%,#dfe7ff1f 50%,#c8d6ff14 70%,#0000);width:7%;position:absolute;top:0;bottom:0;translate:-50%}.scope-ecliptic{pointer-events:none;background:linear-gradient(90deg,#ffd88a66,#e9c98e40 15% 85%,#ffe4a866);height:1px;position:absolute;top:60%;left:0;right:0}.scope-zodiac{color:#8ea2bf;opacity:.42;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;pointer-events:none;font:600 .5rem ui-monospace,monospace;position:absolute;bottom:5px;translate:-50%}.scope-meridian{pointer-events:none;border-left:1px dashed #9fb8d855;width:0;position:absolute;top:0;bottom:0}.scope-meridian span{color:#9fb8d8;opacity:.75;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;font:700 .48rem ui-monospace,monospace;position:absolute;top:5px;left:5px}.scope-mark{color:#d9e4f2;white-space:nowrap;cursor:pointer;z-index:1;background:0 0;border:0;border-radius:999px;align-items:center;gap:5px;padding:4px;font:600 .6rem DM Sans,sans-serif;display:flex;position:absolute;translate:-9px -50%}.scope-mark i{background:var(--mark,#c9d8ff);width:9px;height:9px;box-shadow:0 0 8px var(--mark,#c9d8ff);border-radius:50%;flex:none}.scope-mark.is-deep i{background:0 0;border:1.5px solid #b9c9f0;width:7px;height:7px;margin:1px;box-shadow:0 0 6px #9fb5ef66}.scope-mark.is-moon i{width:11px;height:11px}.scope-mark span{background:#06101f99;border-radius:6px;padding:1px 5px}.scope-mark.is-low span{position:absolute;top:calc(100% - 2px);left:-4px}.scope-mark.is-high span{position:absolute;bottom:calc(100% - 2px);left:-4px}.scope-mark.is-hidden{opacity:.38}.scope-mark:hover{z-index:2}.scope-mark:hover span{color:#fff}.scope-mark.is-picked{z-index:3}.scope-mark.is-picked i{outline:1.5px solid var(--brass);outline-offset:3px}.scope-mark.is-picked span{color:#1a1408;background:#e9c98e}.scope-mark:focus-visible{outline:2px solid var(--blue);outline-offset:0}.scope-axis{min-width:560px;color:var(--muted);letter-spacing:.12em;text-transform:uppercase;grid-template-columns:repeat(5,1fr);margin-top:5px;font:700 .5rem ui-monospace,monospace;display:grid}.scope-axis span{text-align:center}.scope-axis span:first-child{text-align:left}.scope-axis span:last-child{text-align:right}@container (width>=641px){.scope-controls{pointer-events:none;flex-direction:column;align-items:flex-start;gap:7px;width:auto;display:flex;position:absolute;bottom:14px;left:14px;right:14px}.scope-controls>*{pointer-events:auto}.scope-caption{text-align:right;max-width:118px;line-height:1.5;position:absolute;bottom:0;right:0}}@container (width<=640px){.telescope-app{padding:18px 16px}.scope-main{grid-template-columns:minmax(0,1fr)}.scope-stage{padding:18px 12px 12px}.scope-clock{justify-content:space-between;width:100%}.scope-caption{flex-basis:100%}}@media (prefers-reduced-motion:reduce){.scope-glide{transition:none}}