:root{--ns-star-orange: #F2994A;--ns-star-orange-hover: #EB8C3A;--ns-tech-blue: #1E40AF;--ns-tech-blue-hover: #1D4ED8;--ns-primary: #1E40AF;--ns-primary-hover: #1D4ED8;--ns-accent: #F2994A;--ns-accent-hover: #EB8C3A;--ns-success: #10B981;--ns-danger: #EF4444;--ns-info: #0284C7;--ns-bg-main: #F8FAFC;--ns-bg-surface: #FFFFFF;--ns-bg-glass: rgba(255, 255, 255, .88);--ns-bg-glass-card: rgba(255, 255, 255, .95);--ns-bg-glass-hover: #F1F5F9;--ns-border-glass: #E2E8F0;--ns-border-glass-hover: #CBD5E1;--ns-border-brand-glow: rgba(242, 153, 74, .5);--ns-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--ns-text-title: #0F172A;--ns-text-main: #1E293B;--ns-text-muted: #475569;--ns-text-dim: #64748B;--ns-font-xs: 12px;--ns-font-sm: 14px;--ns-font-md: 16px;--ns-font-lg: 18px;--ns-font-xl: 22px;--ns-font-2xl: 28px;--ns-font-3xl: 36px;--ns-radius-sm: 8px;--ns-radius-md: 12px;--ns-radius-lg: 18px;--ns-radius-xl: 26px;--ns-radius-full: 9999px;--ns-shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--ns-shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--ns-shadow-lg: 0 10px 30px rgba(0, 0, 0, .12);--ns-shadow-brand: 0 4px 20px rgba(242, 153, 74, .25);--ns-backdrop-blur: blur(12px);--ns-transition-fast: .15s ease;--ns-transition-normal: .25s ease}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;min-width:320px;background:#e8eef5;color:var(--ns-text-main);font-family:var(--ns-font-family)}button,input,summary{font:inherit}button,summary{min-height:44px;border:1px solid #9eb1c7;border-radius:10px;background:#f9fbfd;color:#142a43;padding:.55rem .8rem;cursor:pointer}button:hover,summary:hover{background:#eef5fc;border-color:#4381bf}button:focus-visible,input:focus-visible,summary:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #ffad42;outline-offset:2px}.primary{background:#f2994a;border-color:#f2994a;color:#291403;font-weight:850}.primary:hover{background:#ffad55}.app-header{height:56px;padding:.25rem clamp(.65rem,2vw,1.5rem);display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:.8rem;background:#07192d;color:#fff;border-bottom:1px solid #29445f}.brand{color:#fff;text-decoration:none;font-weight:900;letter-spacing:.02em}.brand span{font-size:.62rem;color:#ffd59b;border:1px solid #c88636;border-radius:5px;padding:.12rem .3rem}.app-title small{display:block;color:#8faeca;font-size:.61rem;font-weight:800;letter-spacing:.08em}.app-title h1{margin:0;font-size:clamp(.95rem,2vw,1.35rem)}.mode-tabs{display:flex;padding:3px;border:1px solid #34516d;border-radius:12px;background:#0c2239}.mode-tabs button{min-height:44px;border:0;background:transparent;color:#b8cee1;padding:.35rem .7rem}.mode-tabs button.is-active{background:#275785;color:#fff}.icon-button{background:#142e49;border-color:#3b5874;color:#fff}.app-shell{height:calc(100dvh - 56px);display:grid;grid-template-rows:minmax(0,1fr) auto;padding:.55rem;gap:.55rem;overflow:hidden}.space-stage{min-height:0;position:relative;border-radius:18px;overflow:hidden;background:#020914;box-shadow:0 8px 28px #05152633}.scene-host{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.scene-host>canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;touch-action:none}.scene-topbar{position:absolute;z-index:5;left:12px;right:12px;top:10px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.scene-topbar>div:first-child{display:grid;gap:.1rem;padding:.45rem .6rem;border:1px solid rgba(142,182,218,.32);border-radius:10px;background:#030f1dc2;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);color:#f2f8fd}.scene-topbar span{font-size:.67rem;color:#a9c4dd}.camera-actions{display:flex;gap:.35rem;pointer-events:auto}.camera-actions button{background:#07192de0;border-color:#496a88;color:#e8f2fa;font-size:.75rem}.scene-invitation{position:absolute;z-index:4;left:50%;top:70px;transform:translate(-50%);padding:.4rem .7rem;border-radius:999px;background:#061425bf;color:#eaf5ff;font-size:.79rem;white-space:nowrap}.sun-cue{display:none;color:#ffe6a6;font-size:.68rem;pointer-events:none}.sun-cue b{font-size:1.2rem;letter-spacing:.15em}.earth-view-frame{position:absolute;z-index:6;right:14px;top:64px;width:clamp(235px,25vw,330px);height:clamp(220px,31vh,300px);border:1px solid #66829c;border-radius:16px;overflow:hidden;background:transparent;box-shadow:0 10px 34px #00000061;pointer-events:none}.inset-heading{position:absolute;z-index:3;top:0;left:0;right:0;display:flex;justify-content:space-between;padding:.45rem .55rem;background:linear-gradient(#07192deb,transparent);color:#d9eafb;font-size:.62rem;letter-spacing:.07em}.inset-heading b{color:#ffd590}.earth-reading{position:absolute;z-index:3;left:.5rem;right:.5rem;bottom:.5rem;display:flex;justify-content:space-between;align-items:end;gap:.5rem;padding:.4rem .5rem;border-radius:8px;background:#041220d1;color:#fff}.earth-reading strong{font-size:.82rem;min-width:0}.earth-reading span{flex:0 0 auto;white-space:nowrap}.earth-reading span{font-size:.67rem;color:#b9d0e4}.earth-view-cover{position:absolute;z-index:4;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;align-content:center;gap:.35rem;background:#061425;color:#dcebf7;text-align:center;padding:1rem}.earth-view-cover[hidden]{display:none}.earth-view-cover svg{width:96px;border-radius:50%;background:#01050b}.earth-view-cover span{font-size:.74rem}.loading-panel{position:absolute;z-index:20;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;align-content:center;gap:.5rem;background:radial-gradient(circle,#0b2945,#020914 68%);color:#eaf5ff}.loading-panel[hidden]{display:none}.loader-orbit{width:76px;height:76px;border:1px solid #5f83a3;border-radius:50%;position:relative}.loader-orbit i{position:absolute;left:31px;top:-6px;width:14px;height:14px;border-radius:50%;background:#f1e3bd;box-shadow:0 0 12px #fff1bc;animation:orbit 1.3s linear infinite;transform-origin:7px 44px}@keyframes orbit{to{transform:rotate(360deg)}}.loading-panel span{color:#a9c4dd;font-size:.8rem}.scene-error{position:absolute;z-index:21;left:50%;top:64%;transform:translate(-50%);max-width:34rem;padding:.65rem;border-radius:9px;background:#491d25;color:#ffe3e5}.activity-panel{position:absolute;z-index:9;right:14px;top:280px;bottom:14px;width:clamp(285px,29vw,390px);overflow:auto;padding:.75rem;border:1px solid #88a0b8;border-radius:16px;background:#f7fafdf5;box-shadow:0 10px 30px #00000042;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.activity-panel[hidden]{display:none}.activity-head,.target-row,.snapshot-pair,.capture-actions,.challenge-tabs{display:flex;gap:.45rem}.activity-head{justify-content:space-between;align-items:start}.activity-head span,.target-row small{font-size:.6rem;font-weight:900;letter-spacing:.1em;color:#436685}.activity-head h2{margin:.08rem 0;font-size:1rem;color:#142e49}.activity-head button{font-size:.72rem}.challenge-tabs{margin:.45rem 0}.challenge-tabs button{flex:1;min-height:44px;padding:.3rem;font-size:.72rem}.challenge-tabs .is-active{background:#1e5687;color:#fff}.target-row{align-items:center;padding:.45rem;border-radius:11px;background:#e9f1f8}.target-row svg{flex:0 0 74px;width:74px;background:#061425;border-radius:50%}.target-row p{margin:.2rem 0;font-size:.78rem;line-height:1.3}.activity-panel>.primary{width:100%;margin:.45rem 0}.revealed-tools p{margin:.35rem 0;font-size:.73rem}.capture-actions button{flex:1;min-height:44px;padding:.3rem;font-size:.72rem}.snapshot-pair{margin-top:.45rem}.snapshot-pair article{flex:1;min-width:0;position:relative;padding:.4rem;border:1px solid #c5d2de;border-radius:10px;background:#fff}.snapshot-pair article>b{position:absolute;left:.25rem;top:.2rem;color:#f2994a}.snapshot-pair article>div{min-height:63px;display:grid;grid-template-columns:36px 46px;align-items:center;gap:.15rem;padding-left:.45rem}.snapshot-pair svg{width:36px}.snapshot-pair span{grid-column:1/-1;font-size:.61rem;color:#37526b}.snapshot-pair button{width:100%;min-height:44px;padding:.2rem;font-size:.68rem}.compare-prompt{padding:.35rem;border-left:3px solid #f2994a;background:#fff4df}.control-dock{position:relative;z-index:30;display:grid;grid-template-columns:auto minmax(280px,1fr) auto;align-items:center;gap:.45rem .8rem;padding:.45rem .6rem;border:1px solid #c2d0dd;border-radius:14px;background:#f9fbfd;box-shadow:0 3px 14px #0a233a1a}.transport,.dock-actions{display:flex;gap:.35rem;align-items:center}.angle-control{display:grid;grid-template-columns:auto 1fr 3.2rem;align-items:center;gap:.5rem;font-size:.76rem;font-weight:800}.angle-control input{min-height:44px;width:100%;accent-color:#f2994a}.angle-control output{text-align:right;font-variant-numeric:tabular-nums}.dock-actions details{position:relative}.dock-actions summary{display:flex;align-items:center;list-style:none}.presets{position:absolute;z-index:31;right:0;bottom:48px;display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:.3rem;width:310px;padding:.45rem;border:1px solid #9fb2c4;border-radius:12px;background:#fff;box-shadow:0 8px 30px #00000038}.presets button{font-size:.7rem}.control-dock>p{grid-column:1/-1;margin:0;color:#526b82;font-size:.67rem}.prediction-concealed #preset-drawer,.prediction-concealed .angle-control output{visibility:hidden}dialog{width:min(610px,calc(100% - 2rem));max-height:calc(100dvh - 2rem);overflow:auto;border:0;border-radius:16px;padding:1.2rem;color:#17314a;box-shadow:0 24px 70px #0006}dialog::backdrop{background:#01080fc7}dialog h2{margin-top:0}dialog p{line-height:1.45}dialog form{text-align:right}.moon-dark{fill:#131c27}.moon-lit{fill:#f1e7ca}.moon-rim{fill:none;stroke:#8291a0;stroke-width:1.4}.mini-orbit{fill:none;stroke:#7890a7;stroke-width:2}.mini-earth{fill:#2876b7}.mini-moon{fill:#f2994a}body.activity-mode .earth-view-frame{top:10px;width:clamp(285px,29vw,390px);height:240px}body.activity-mode .activity-panel{top:260px;padding:.55rem}body.activity-mode .camera-actions{position:absolute;left:0;top:58px}body.activity-mode:not(.prediction-concealed) .target-row{padding:.2rem}body.activity-mode .challenge-tabs{margin:.25rem 0}body.activity-mode .snapshot-pair{margin-top:.25rem}body.activity-mode .compare-prompt{margin:.2rem 0 0}body.activity-mode:not(.prediction-concealed) .target-row svg{flex-basis:48px;width:48px}body.activity-mode:not(.prediction-concealed) .target-row p{font-size:.7rem}.revealed-tools>p:first-child{display:none}@media(max-width:1050px){body.activity-mode .earth-view-frame{top:10px;width:330px;height:170px}body.activity-mode .activity-panel{top:190px}.app-shell{padding:.35rem;gap:.35rem}.earth-view-frame{right:9px;top:60px;width:260px;height:235px}.activity-panel{right:9px;top:305px;bottom:9px;width:330px}.scene-topbar{left:9px;right:9px}.control-dock{grid-template-columns:auto 1fr auto}.app-title small{display:none}.scene-invitation{left:35%}.snapshot-pair article>div{grid-template-columns:30px 40px}.snapshot-pair svg{width:30px}}@media(max-width:700px){body.activity-mode .earth-view-frame{top:390px;left:12px;right:12px;width:auto;height:250px}body.activity-mode .activity-panel{inset:auto}.app-header{height:auto;min-height:56px;grid-template-columns:1fr auto;padding:.4rem .6rem}.app-title{grid-column:1/-1;grid-row:2}.mode-tabs{grid-column:1}.icon-button{grid-column:2}.app-shell{height:auto;display:block;overflow:visible}.space-stage{overflow:visible}.scene-host{position:relative;height:690px;border-radius:16px;overflow:hidden}.scene-topbar{display:block}.scene-topbar>div:first-child{width:max-content;max-width:70%}.camera-actions{position:absolute;left:0;right:auto;top:315px}.camera-actions button{padding:.35rem;font-size:.68rem}.scene-invitation{left:50%;top:88px;max-width:90%;white-space:normal;text-align:center}.earth-view-frame{top:390px;left:12px;right:12px;width:auto;height:250px}.activity-panel{position:relative;inset:auto;width:auto;margin-top:.5rem;max-height:none}.control-dock{margin-top:.5rem;grid-template-columns:1fr auto}.transport{grid-column:1/-1}.angle-control{grid-column:1/-1;grid-template-columns:1fr 3rem}.angle-control span{grid-column:1/-1}.dock-actions{grid-column:1/-1;flex-wrap:wrap}.presets{position:fixed;left:12px;right:12px;bottom:12px;width:auto;z-index:40}.control-dock>p{grid-column:1/-1}.sun-cue{bottom:315px}.brand{align-self:start}}@media(prefers-reduced-motion:reduce){.loader-orbit i{animation:none}}