:root{color-scheme:dark;--bg:#05070b;--surface:#0d1118;--surface2:#141a24;--line:rgba(255,255,255,.12);--line2:rgba(255,255,255,.2);--text:#f7f8fa;--muted:rgba(247,248,250,.66);--soft:rgba(247,248,250,.42);--blue:#91e3ff;--violet:#8d7cff;--green:#8df0b3;--amber:#ffd985;--danger:#ff918a;--safe-bottom:max(18px,env(safe-area-inset-bottom))}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg);scroll-behavior:smooth}body{min-height:100%;margin:0;overflow-x:hidden;background:radial-gradient(circle at 50% -220px,rgba(78,111,210,.28),transparent 36%),linear-gradient(180deg,#090d14 0,#05070b 42%,#020305 100%);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.srOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.appShell{width:min(1180px,100%);margin:0 auto;padding:14px 18px var(--safe-bottom)}
.appHeader{position:sticky;top:10px;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 13px;border:1px solid var(--line);border-radius:22px;background:rgba(8,11,17,.74);backdrop-filter:blur(26px) saturate(1.2);box-shadow:0 24px 80px rgba(0,0,0,.34)}.brand{display:flex;align-items:center}.brand img{display:block;width:136px;height:auto}.headerActions{display:flex;align-items:center;gap:9px}.connection{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 12px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:12px;font-weight:760}.connection i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(141,240,179,.09)}.connection.isOffline i{background:var(--amber);box-shadow:0 0 0 4px rgba(255,217,133,.09)}.iconButton{display:grid;width:40px;height:40px;place-items:center;border:1px solid var(--line);border-radius:50%;background:rgba(255,255,255,.045);color:var(--text);cursor:pointer}.iconButton svg,.searchBox svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:24px;align-items:center;min-height:560px;padding:72px 30px 46px}.eyebrow{display:block;margin-bottom:10px;color:var(--blue);font-size:11px;font-weight:850;letter-spacing:.15em;text-transform:uppercase}.hero h1{max-width:780px;margin:0;font-size:clamp(48px,7vw,88px);font-weight:870;letter-spacing:-.045em;line-height:.92;text-wrap:balance}.hero p{max-width:680px;margin:20px 0 0;color:var(--muted);font-size:clamp(17px,2vw,22px);line-height:1.45}.heroActions,.dialogActions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.primaryButton,.secondaryButton{display:inline-flex;min-height:48px;align-items:center;justify-content:center;border-radius:999px;padding:12px 18px;font-weight:820;text-decoration:none;cursor:pointer}.primaryButton{border:1px solid rgba(255,255,255,.8);background:#f7f8fa;color:#06070a}.secondaryButton{border:1px solid var(--line2);background:rgba(255,255,255,.045);color:var(--text)}.primaryButton:hover,.secondaryButton:hover,.iconButton:hover{transform:translateY(-1px);filter:brightness(1.08)}.heroSignal{position:relative;min-height:360px;overflow:hidden;border:1px solid var(--line);border-radius:34px;background:radial-gradient(circle at 70% 10%,rgba(145,227,255,.16),transparent 34%),linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.018));box-shadow:0 36px 110px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.08)}.signalOrbit{position:absolute;inset:0}.signalOrbit:before,.signalOrbit:after,.signalOrbit i{content:"";position:absolute;border:1px solid rgba(145,227,255,.2);border-radius:50%;transform:rotate(-18deg)}.signalOrbit:before{width:420px;height:180px;right:-130px;top:20px}.signalOrbit:after{width:520px;height:240px;right:-168px;top:58px;border-color:rgba(141,124,255,.18)}.signalOrbit i:first-child{width:600px;height:290px;right:-205px;top:92px;border-color:rgba(255,255,255,.1)}.signalOrbit i:nth-child(2){width:8px;height:8px;right:74px;top:108px;border:0;background:#fff;box-shadow:0 0 0 7px rgba(255,255,255,.12),0 0 30px rgba(145,227,255,.9)}.signalOrbit span{position:absolute;width:120px;height:120px;right:58px;top:118px;border-radius:50%;background:radial-gradient(circle at 38% 32%,#b7ecff,#5369dc 48%,#13182d 70%);box-shadow:0 26px 80px rgba(59,85,197,.46)}.signalCopy{position:absolute;left:24px;right:24px;bottom:24px;padding:20px;border:1px solid var(--line);border-radius:22px;background:rgba(4,7,12,.64);backdrop-filter:blur(18px)}.signalCopy span,.signalCopy small{display:block;color:var(--soft);font-size:11px;font-weight:760;text-transform:uppercase;letter-spacing:.08em}.signalCopy strong{display:block;margin:8px 0;font-size:25px;line-height:1.1}.signalCopy small{color:var(--green);text-transform:none;letter-spacing:0}
.controls{position:sticky;top:85px;z-index:20;display:grid;grid-template-columns:auto minmax(260px,430px);justify-content:space-between;gap:14px;padding:12px;border:1px solid var(--line);border-radius:22px;background:rgba(7,10,15,.76);backdrop-filter:blur(24px)}.segmented{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.035)}.segmented button{min-height:38px;border:0;border-radius:999px;padding:8px 15px;background:transparent;color:var(--muted);font-weight:780;cursor:pointer}.segmented button.isActive{background:#f7f8fa;color:#05070b}.segmented span{display:inline-flex;min-width:18px;justify-content:center;margin-left:4px;padding:2px 5px;border-radius:999px;background:rgba(127,127,127,.25);font-size:10px}.searchBox{display:flex;align-items:center;gap:9px;min-height:46px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.035);color:var(--soft)}.searchBox:focus-within{border-color:rgba(145,227,255,.48);box-shadow:0 0 0 3px rgba(145,227,255,.08)}.searchBox input{width:100%;border:0;outline:0;background:transparent;color:var(--text)}.searchBox input::placeholder{color:var(--soft)}
.feedSection{padding:72px 0 28px}.feedHeader{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 4px 22px}.feedHeader h2{margin:0;font-size:clamp(34px,4vw,54px);line-height:1.02;letter-spacing:-.025em}.updated{color:var(--soft);font-size:12px}.missionGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.missionCard{position:relative;min-width:0;min-height:360px;overflow:hidden;border:1px solid var(--line);border-radius:26px;background:#10141c;isolation:isolate}.missionCard.isHero{grid-column:1/-1;min-height:570px}.missionBackdrop{position:absolute;inset:0;background:linear-gradient(135deg,#1a2230,#080a0f);background-position:center;background-size:cover;transform:scale(1.01);transition:transform .45s ease}.missionCard:hover .missionBackdrop{transform:scale(1.035)}.missionCard:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,4,8,.04) 10%,rgba(2,4,8,.24) 42%,rgba(2,4,8,.94) 100%),linear-gradient(90deg,rgba(2,4,8,.48),transparent 72%)}.missionContent{position:relative;z-index:1;display:flex;min-height:inherit;flex-direction:column;justify-content:space-between;padding:20px}.missionCard.isHero .missionContent{padding:clamp(24px,4vw,42px)}.missionTop,.missionMeta{display:flex;flex-wrap:wrap;align-items:center;gap:7px}.chip,.countdown{display:inline-flex;width:max-content;max-width:100%;align-items:center;border:1px solid var(--line2);border-radius:999px;background:rgba(8,11,17,.62);backdrop-filter:blur(16px);padding:7px 10px;color:#fff;font-size:11px;font-weight:820}.countdown{border-color:rgba(255,255,255,.68);background:rgba(247,248,250,.94);color:#05070b}.chip.isGo{border-color:rgba(141,240,179,.45);color:#caffdc}.chip.isWarning{border-color:rgba(255,217,133,.5);color:#ffe6a8}.chip.isDanger{border-color:rgba(255,145,138,.5);color:#ffd0cc}.missionBottom{max-width:780px}.missionBottom h3{margin:12px 0 0;font-size:clamp(27px,3vw,38px);line-height:1.03;letter-spacing:-.025em;text-wrap:balance}.missionCard.isHero h3{font-size:clamp(38px,6vw,72px);line-height:.97}.missionBottom p{max-width:650px;margin:10px 0 0;color:rgba(255,255,255,.74);font-size:15px;line-height:1.44}.missionActions{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.trackButton,.detailsButton{display:inline-flex;min-height:42px;align-items:center;justify-content:center;border-radius:999px;padding:9px 14px;font-size:13px;font-weight:820;cursor:pointer}.trackButton{border:1px solid rgba(255,255,255,.72);background:#f7f8fa;color:#05070b}.trackButton.isTracked{border-color:rgba(141,240,179,.48);background:rgba(9,45,25,.78);color:#caffdc}.detailsButton{border:1px solid var(--line2);background:rgba(8,11,17,.58);color:#fff}.skeleton{min-height:360px;border-radius:26px;background:linear-gradient(105deg,rgba(255,255,255,.035) 25%,rgba(255,255,255,.08) 42%,rgba(255,255,255,.035) 58%);background-size:220% 100%;animation:shimmer 1.3s linear infinite}.skeletonHero{grid-column:1/-1;min-height:570px}@keyframes shimmer{to{background-position:-220% 0}}.emptyState{padding:72px 20px;text-align:center;border:1px dashed var(--line2);border-radius:28px}.emptyGlyph{display:grid;width:64px;height:64px;place-items:center;margin:0 auto;border:1px solid var(--line2);border-radius:50%;background:rgba(145,227,255,.08);color:var(--blue);font-size:26px;font-weight:900}.emptyState h3{margin:18px 0 0;font-size:28px}.emptyState p{margin:8px auto 20px;color:var(--muted)}
.privacyNote{display:grid;grid-template-columns:.8fr 1.3fr auto;gap:24px;align-items:center;margin:58px 0 22px;padding:28px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,rgba(145,227,255,.08),rgba(255,255,255,.025))}.privacyNote h2{margin:0;font-size:32px}.privacyNote p{margin:0;color:var(--muted);line-height:1.5}.privacyNote a{color:var(--blue);font-weight:780;text-decoration:none}.appFooter{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 4px;color:var(--soft);font-size:12px}.appFooter nav{display:flex;gap:16px}.appFooter a{color:var(--muted);text-decoration:none}
.missionDialog{width:min(720px,calc(100% - 24px));max-height:min(88vh,820px);overflow:auto;padding:0;border:1px solid var(--line2);border-radius:30px;background:#0b0f16;color:var(--text);box-shadow:0 50px 160px rgba(0,0,0,.68)}.missionDialog::backdrop{background:rgba(0,0,0,.7);backdrop-filter:blur(12px)}.dialogClose{position:absolute;right:14px;top:14px;z-index:3;display:grid;width:42px;height:42px;place-items:center;border:1px solid var(--line2);border-radius:50%;background:rgba(7,9,13,.72);color:#fff;font-size:25px;cursor:pointer}.dialogMedia{min-height:280px;background:linear-gradient(135deg,#1c2635,#090c12);background-position:center;background-size:cover}.dialogMedia:after{content:"";display:block;min-height:280px;background:linear-gradient(180deg,transparent,rgba(11,15,22,.72))}.dialogBody{padding:24px}.dialogChips{display:flex;flex-wrap:wrap;gap:7px}.dialogBody h2{margin:16px 0 0;font-size:clamp(32px,5vw,52px);line-height:1.02}.dialogBody>p{margin:14px 0 0;color:var(--muted);font-size:16px;line-height:1.5}.dialogFacts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:22px 0 0}.dialogFacts div{padding:13px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025)}.dialogFacts dt{color:var(--soft);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.dialogFacts dd{margin:6px 0 0;font-weight:730;line-height:1.3}.toast{position:fixed;left:50%;bottom:max(22px,env(safe-area-inset-bottom));z-index:60;max-width:min(520px,calc(100% - 28px));transform:translateX(-50%);padding:13px 17px;border:1px solid var(--line2);border-radius:999px;background:rgba(16,21,30,.94);box-shadow:0 24px 80px rgba(0,0,0,.5);color:#fff;font-size:13px;font-weight:720;text-align:center;backdrop-filter:blur(16px)}
@media(max-width:820px){.hero{grid-template-columns:1fr;padding:58px 10px 36px}.heroSignal{min-height:300px}.controls{top:80px;grid-template-columns:1fr}.missionGrid{grid-template-columns:1fr}.missionCard.isHero,.skeletonHero{grid-column:auto;min-height:500px}.privacyNote{grid-template-columns:1fr}.privacyNote a{width:max-content}.connection span{display:none}.connection{padding:0;width:38px;justify-content:center}.appFooter{align-items:flex-start;flex-direction:column}.dialogFacts{grid-template-columns:1fr}}
@media(max-width:560px){.appShell{padding:8px 10px var(--safe-bottom)}.appHeader{top:6px;border-radius:19px}.brand img{width:120px}.hero{min-height:0;padding-top:48px}.hero h1{font-size:clamp(42px,13vw,62px)}.hero p{font-size:16px}.heroActions{display:grid}.primaryButton,.secondaryButton{width:100%}.heroSignal{min-height:270px;border-radius:24px}.controls{top:74px;padding:9px;border-radius:19px}.segmented{display:grid;grid-template-columns:1fr 1fr}.segmented button{padding:8px 10px}.feedSection{padding-top:54px}.feedHeader{display:grid;gap:8px}.missionCard,.missionCard.isHero{min-height:440px;border-radius:21px}.missionContent,.missionCard.isHero .missionContent{padding:17px}.missionCard.isHero h3,.missionBottom h3{font-size:30px}.missionBottom p{font-size:14px}.missionActions{display:grid;grid-template-columns:1fr 1fr}.privacyNote{padding:20px;border-radius:22px}.missionDialog{border-radius:22px}.dialogMedia,.dialogMedia:after{min-height:220px}.dialogBody{padding:19px}.dialogActions{display:grid}}
@media(display-mode:standalone){.appHeader{top:max(8px,env(safe-area-inset-top))}.appShell{padding-top:max(8px,env(safe-area-inset-top))}#installButton{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}}