﻿:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f7f8fb;background:#10131a;--bg:#10131a;--paper:#f4f1e9;--muted:#aeb5c2;--line:rgba(255,255,255,.14);--panel:rgba(255,255,255,.075);--lime:#b6ff5c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 16% 12%,rgba(182,255,92,.12),transparent 24rem),#10131a}body,button{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.site-header{position:fixed;inset:0 0 auto;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem clamp(1rem,4vw,3rem);background:rgba(16,19,26,.74);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.brand,.nav,.eyebrow,.button,.status,.hero-strip span{display:inline-flex;align-items:center}.brand{gap:.65rem;font-weight:900}.brand-mark{display:grid;place-items:center;width:2.35rem;height:2.35rem;color:#10131a;background:var(--lime);border-radius:8px}.nav{gap:.35rem}.nav a{padding:.65rem .85rem;color:#e9edf5;border-radius:8px}.nav a:hover{color:#10131a;background:var(--paper)}.icon-button{display:none;width:2.45rem;height:2.45rem;place-items:center;color:#fff;background:var(--panel);border:1px solid var(--line);border-radius:8px}.hero{position:relative;display:grid;min-height:92vh;padding:8rem clamp(1rem,4vw,3rem) 2rem;overflow:hidden;border-bottom:1px solid var(--line)}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:58% center;opacity:.78}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,19,26,.96),rgba(16,19,26,.58) 50%,rgba(16,19,26,.26)),linear-gradient(180deg,transparent,#10131a 96%)}.hero-content,.hero-strip{position:relative;z-index:1}.hero-content{align-self:center;max-width:780px}.eyebrow{gap:.45rem;width:fit-content;margin-bottom:1rem;color:var(--lime);font-size:.78rem;font-weight:900;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1}.hero h1{margin-bottom:1.2rem;font-size:clamp(3rem,9vw,6.4rem)}.hero p{max-width:650px;color:#d8deea;font-size:clamp(1.05rem,2vw,1.25rem)}.actions{display:flex;flex-wrap:wrap;gap:.75rem}.button{justify-content:center;gap:.45rem;min-height:2.75rem;padding:.75rem 1rem;color:#10131a;font-weight:900;background:var(--lime);border:1px solid transparent;border-radius:8px}.button:hover{transform:translateY(-2px)}.button.ghost,.button.dark,.button.disabled{color:#f7f8fb;background:rgba(255,255,255,.08);border-color:var(--line)}.button.disabled{cursor:not-allowed}.symbol{display:inline-grid;place-items:center;min-width:1.1rem;font-weight:900}.hero-strip{align-self:end;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-top:4rem}.hero-strip span{gap:.5rem;min-height:3.25rem;padding:.85rem 1rem;background:rgba(255,255,255,.08);border:1px solid var(--line);border-radius:8px;backdrop-filter:blur(14px)}.section,.page-shell{width:min(1180px,calc(100% - 2rem));margin:0 auto}.section{padding:clamp(4rem,7vw,6rem) 0}.section-heading,.page-intro{max-width:800px;margin-bottom:1.5rem}.section-heading h2,.page-intro h1{margin-bottom:.85rem;font-size:clamp(2rem,5vw,4rem)}.section-heading p,.page-intro p,.mission-band p,.tool-card p,.finder-result p,.install-card p,.about-grid p,.detail-grid p,.detail-hero p,.map-node p{color:var(--muted)}.mission-band{display:grid;grid-template-columns:.95fr 1.05fr;gap:2rem;align-items:start}.mission-band h2{font-size:clamp(2rem,4vw,3.4rem)}.filter-tabs{display:flex;gap:.55rem;padding:.25rem;margin-bottom:1.4rem;overflow-x:auto;border:1px solid var(--line);border-radius:8px}.filter-tabs button,.finder-options button{color:#f7f8fb;white-space:nowrap;background:transparent;border:1px solid transparent}.filter-tabs button{padding:.65rem .8rem;border-radius:8px}.filter-tabs button.active,.finder-options button.active{color:#10131a;background:var(--paper)}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.tool-card,.finder-result,.install-card,.about-grid article,.detail-grid article,.detail-hero aside{background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.055));border:1px solid var(--line);border-radius:8px;box-shadow:0 24px 90px rgba(0,0,0,.22)}.tool-card{position:relative;display:flex;flex-direction:column;min-height:465px;padding:1rem;overflow:hidden}.tool-card:before,.finder-result:before,.detail-hero:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:4px;background:var(--accent)}.card-topline{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:2rem;margin-bottom:1rem;color:var(--muted);font-size:.78rem}.status{padding:.35rem .5rem;color:#f7f8fb;text-transform:capitalize;background:rgba(255,255,255,.08);border:1px solid var(--line);border-radius:999px}.tool-card h3,.finder-result h3{margin-bottom:.7rem;font-size:1.55rem}.decision-problem{display:grid;gap:.35rem;padding:.9rem 0;margin-top:auto;border-top:1px solid var(--line)}.decision-problem strong{color:var(--accent);font-size:.78rem;text-transform:uppercase}.concept-row{display:flex;flex-wrap:wrap;gap:.45rem;margin:1rem 0}.concept-row span{padding:.38rem .55rem;color:#e9edf5;font-size:.78rem;background:rgba(255,255,255,.08);border:1px solid var(--line);border-radius:999px}.center-action{display:flex;justify-content:center;margin-top:1.5rem}.finder-grid{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr);gap:1rem}.finder-options{display:grid;gap:.65rem}.finder-options button{min-height:3.3rem;padding:.8rem 1rem;text-align:left;background:rgba(255,255,255,.07);border-color:var(--line);border-radius:8px}.finder-result{position:relative;overflow:hidden;padding:1.35rem}.result-prompt{color:#f7f8fb!important;font-size:1.25rem}.decision-map{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;min-height:450px;padding:1rem;background:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px),rgba(255,255,255,.055);background-size:46px 46px;border:1px solid var(--line);border-radius:8px}.map-core,.map-node{border-radius:8px}.map-core{grid-column:2/5;align-self:center;justify-self:center;display:grid;place-items:center;width:min(100%,320px);min-height:160px;color:#10131a;background:var(--paper)}.map-core span{font-size:2rem;font-weight:900}.map-core small{color:#40444d;font-weight:900;text-transform:uppercase}.map-node{display:grid;gap:.35rem;align-content:start;min-height:170px;padding:1rem;background:rgba(16,19,26,.82);border:1px solid color-mix(in srgb,var(--accent),white 22%)}.map-node span{color:var(--accent)}.install-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:1rem}.install-card,.about-grid article,.detail-grid article{padding:1.25rem}.download-table{overflow:hidden;border:1px solid var(--line);border-radius:8px}.download-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1rem;background:rgba(255,255,255,.055);border-bottom:1px solid var(--line)}.download-row div{display:grid}.download-row span{color:var(--muted)}.download-row a{color:var(--lime);font-weight:900}.page-shell{padding-top:8rem}.about-grid,.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;padding-bottom:5rem}.detail-hero{position:relative;display:grid;grid-template-columns:1fr minmax(240px,.35fr);gap:1rem;padding:1.5rem;margin-bottom:1rem;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--accent),transparent 75%),transparent),rgba(255,255,255,.075);border:1px solid var(--line);border-radius:8px}.detail-hero h1{font-size:clamp(2.6rem,7vw,5rem)}.detail-hero aside{display:grid;align-content:center;gap:.4rem;padding:1rem}.detail-hero aside span{color:var(--muted);font-size:.8rem;text-transform:uppercase}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid ul,.install-card ul{padding-left:1.2rem;color:var(--muted)}@media (max-width:900px){.icon-button{display:grid}.nav{position:absolute;top:calc(100% + .5rem);left:1rem;right:1rem;display:none;flex-direction:column;align-items:stretch;padding:.5rem;background:rgba(16,19,26,.95);border:1px solid var(--line);border-radius:8px}.nav-open{display:flex}.hero{min-height:auto;padding-top:7rem}.hero-overlay{background:linear-gradient(90deg,rgba(16,19,26,.95),rgba(16,19,26,.72)),linear-gradient(180deg,transparent,#10131a 96%)}.hero-strip,.tool-grid,.mission-band,.finder-grid,.install-layout,.about-grid,.detail-grid,.detail-hero,.decision-map{grid-template-columns:1fr}.map-core,.download-table{grid-column:auto;grid-row:auto}}@media (max-width:560px){.hero h1{font-size:3rem}.actions{flex-direction:column}.button{width:100%}.tool-card{min-height:auto}.download-row{align-items:flex-start;flex-direction:column}}
.version{padding:.35rem .5rem;color:#10131a;background:var(--lime);border-radius:999px;font-size:.78rem;font-weight:900}.tool-preview{display:grid;grid-template-columns:1fr;gap:.45rem;padding:.8rem;margin:.9rem 0;background:rgba(0,0,0,.2);border:1px solid color-mix(in srgb,var(--accent),white 18%);border-radius:8px}.tool-preview strong{color:var(--accent);font-size:.72rem;text-transform:uppercase}.tool-preview span{position:relative;padding:.45rem .55rem .45rem 1.55rem;color:#f7f8fb;background:rgba(255,255,255,.07);border:1px solid var(--line);border-radius:7px}.tool-preview span:before{content:"";position:absolute;left:.55rem;top:50%;width:.45rem;height:.45rem;background:var(--accent);border-radius:999px;transform:translateY(-50%)}.detail-preview{margin:0}.download-row em{color:var(--lime);font-style:normal;font-size:.8rem}@media (max-width:560px){.card-topline{align-items:flex-start;flex-wrap:wrap}}

.sync-row{display:flex;align-items:center;gap:.55rem;margin:.7rem 0;color:var(--muted);font-size:.82rem}.sync-badge{display:inline-flex;align-items:center;width:fit-content;min-height:1.75rem;padding:.35rem .55rem;color:#10131a;background:var(--paper);border-radius:999px;font-size:.74rem;font-weight:900}.sync-badge.account-sync-ready,.sync-badge.ready-for-shared-pattern{background:var(--lime)}.sync-badge.next-integration-target{background:#ffd447}.sync-badge.in-progress{background:#78df67}.sync-badge.future-integration{background:#6ee7ff}.sync-badge.skipped-for-now,.sync-badge.local-only,.sync-badge.coming-soon,.sync-badge.not-connected-yet{color:#f7f8fb;background:rgba(255,255,255,.12);border:1px solid var(--line)}.account-shell{padding-bottom:5rem}.account-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:1rem;align-items:stretch;margin-bottom:1rem;padding:1.25rem;background:linear-gradient(135deg,rgba(182,255,92,.14),rgba(255,255,255,.06)),rgba(255,255,255,.07);border:1px solid var(--line);border-radius:8px}.account-hero.command{background:linear-gradient(120deg,rgba(182,255,92,.16),rgba(110,231,255,.1) 48%,rgba(241,91,181,.12)),rgba(255,255,255,.07)}.account-hero h1{max-width:820px;margin-bottom:1rem;font-size:clamp(2.5rem,7vw,5.4rem)}.account-hero p{max-width:700px;color:#d8deea}.account-card,.profile-card,.sync-meter,.connection-card{background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.06));border:1px solid var(--line);border-radius:8px;box-shadow:0 24px 90px rgba(0,0,0,.2)}.account-card{padding:1.2rem}.profile-card,.sync-meter{display:grid;align-content:center;gap:.6rem;padding:1.25rem}.profile-card .avatar{display:grid;place-items:center;width:5.2rem;height:5.2rem;color:#10131a;background:var(--lime);border-radius:8px;font-size:2.2rem;font-weight:900}.profile-card strong,.sync-meter strong{font-size:1.5rem}.profile-card span,.profile-card small,.sync-meter span,.stat-card p,.connection-card p,.form-message{color:var(--muted)}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;margin-bottom:1rem;padding:.25rem;border:1px solid var(--line);border-radius:8px}.auth-tabs a{display:grid;place-items:center;min-height:2.5rem;border-radius:7px}.auth-tabs a.active{color:#10131a;background:var(--paper);font-weight:900}.auth-form,.profile-form{display:grid;gap:.85rem}.auth-form label,.profile-form label{display:grid;gap:.35rem;color:#d8deea;font-weight:800}.auth-form input,.profile-form input,.profile-form select{width:100%;min-height:2.8rem;padding:.75rem .85rem;color:#10131a;background:#f7f8fb;border:1px solid transparent;border-radius:8px}.auth-actions{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin-top:.75rem}.form-message{min-height:1.5rem;margin:.85rem 0 0}.sync-alert{margin:1rem 0;padding:.85rem;color:#fff;background:rgba(255,115,92,.16);border:1px solid rgba(255,115,92,.45);border-radius:8px}.sync-alert code,.account-card code{padding:.12rem .28rem;color:#10131a;background:var(--paper);border-radius:5px}.account-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1rem}.wide-card{grid-column:span 3}.stat-card{display:grid;gap:.45rem}.stat-card span{text-transform:uppercase;color:var(--lime);font-size:.78rem;font-weight:900}.stat-card strong{font-size:2.7rem;line-height:1}.compact-section{padding:2rem 0}.connection-grid,.recent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.connection-card{display:grid;gap:.65rem;align-content:start;min-height:170px;padding:1rem}.connection-card strong{font-size:1.1rem}.connection-card a{color:var(--lime);font-weight:900}.connection-card span:not(.sync-badge){color:var(--muted)}.toggle-row{display:flex;flex-wrap:wrap;gap:1rem}.toggle-row label{display:inline-flex;align-items:center;gap:.45rem}.toggle-row input{width:auto;min-height:auto}.trust-grid{padding-bottom:1rem}@media (max-width:900px){.account-hero,.account-grid,.connection-grid,.recent-grid{grid-template-columns:1fr}.wide-card{grid-column:auto}.auth-actions{grid-template-columns:1fr}}@media (max-width:560px){.account-hero h1{font-size:2.5rem}.profile-card .avatar{width:4.3rem;height:4.3rem}.stat-card strong{font-size:2.2rem}}
.auth-disabled{opacity:.68;cursor:not-allowed}
.account-plan-chip{display:inline-flex;width:fit-content;margin-top:.35rem;padding:.25rem .45rem;color:#10131a;background:var(--lime);border-radius:999px;font-size:.68rem;font-weight:900;text-transform:uppercase}.account-plan-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.7fr);gap:1rem;align-items:center;margin-bottom:1rem;padding:1.2rem;background:linear-gradient(135deg,rgba(182,255,92,.16),rgba(110,231,255,.08)),rgba(255,255,255,.06);border:1px solid var(--line);border-radius:8px}.account-plan-panel h2{margin-bottom:.45rem;font-size:2rem}.account-plan-panel p{margin:0;color:var(--muted)}.plan-disclosure{display:grid;gap:.3rem;padding:.9rem;background:rgba(0,0,0,.2);border:1px solid var(--line);border-radius:8px}.plan-disclosure span{color:var(--muted);line-height:1.45}@media (max-width:700px){.account-plan-panel{grid-template-columns:1fr}}
.auth-actions.single{grid-template-columns:1fr}
.tool-sync-meta{display:grid;gap:.25rem;padding:.6rem;background:rgba(0,0,0,.18);border:1px solid var(--line);border-radius:8px}.tool-sync-meta span{color:#d8deea!important;font-size:.78rem}
.site-footer{width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:2rem 0 2.5rem;color:var(--muted);display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--line);font-weight:800}.site-footer span:first-child{color:var(--lime)}@media (max-width:560px){.site-footer{flex-direction:column}}
.mode-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.mode-option{display:grid!important;gap:.45rem;padding:.85rem;background:rgba(255,255,255,.07);border:1px solid var(--line);border-radius:8px}.mode-option span{display:flex;align-items:center;gap:.45rem;color:#f7f8fb}.mode-option input{width:auto!important;min-height:auto!important}.mode-option small{color:var(--muted);font-weight:700;line-height:1.45}@media (max-width:700px){.mode-options{grid-template-columns:1fr}}
.page-shell>.section{width:100%}.observatory-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 38%,rgba(110,231,255,.16) 38.2%,transparent 39.2% 61%,rgba(255,212,71,.14) 61.2%,transparent 62.2%);mix-blend-mode:screen;opacity:.7;pointer-events:none;animation:observatory-scan 7s linear infinite}.observatory-hero .hero-content{max-width:860px}.observatory-hero h1{font-size:clamp(3.2rem,8.5vw,7rem)}.observatory-strip span{position:relative;overflow:hidden}.observatory-strip span:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--lime),#6ee7ff,#f15bb5);transform-origin:left;animation:meter-sweep 3.5s ease-in-out infinite}.observatory-deck,.weather-panel,.trail-panel,.lens-panel{position:relative}.observatory-grid,.weather-grid,.trail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.observatory-card,.weather-card,.trail-card,.lens-result article{position:relative;overflow:hidden;padding:1.15rem;background:linear-gradient(160deg,rgba(255,255,255,.12),rgba(255,255,255,.055));border:1px solid var(--line);border-radius:8px;box-shadow:0 24px 90px rgba(0,0,0,.22)}.observatory-card:before,.weather-card:before,.trail-card:before,.lens-result article:before,.observatory-signal:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:3px;background:linear-gradient(90deg,var(--lime),#6ee7ff,#ffd447,#f15bb5)}.observatory-card span,.weather-card span,.trail-card span{display:block;color:var(--muted);font-size:.78rem;font-weight:900;text-transform:uppercase}.observatory-card strong,.weather-card strong{display:block;margin:.35rem 0;font-size:clamp(2.2rem,5vw,4.2rem);line-height:.95}.observatory-card p,.weather-card p,.trail-card p,.lens-note span,.lens-rack span{color:var(--muted)}.observatory-card.primary{background:linear-gradient(135deg,rgba(182,255,92,.22),rgba(110,231,255,.08)),rgba(255,255,255,.07)}.weather-card.good strong{color:var(--lime)}.weather-card.watch strong{color:#ffd447}.weather-card.quiet strong{color:#6ee7ff}.lens-panel{padding-top:clamp(4rem,7vw,6rem)}.lens-grid{align-items:stretch}.lens-rack{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:1rem 0}.lens-rack button{display:grid;gap:.35rem;min-height:7rem;padding:1rem;color:#f7f8fb;text-align:left;background:rgba(255,255,255,.07);border:1px solid var(--line);border-radius:8px}.lens-rack button.active,.lens-rack button:hover{color:#10131a;background:var(--paper)}.lens-rack button.active span,.lens-rack button:hover span{color:#3d424b}.lens-note{display:grid;gap:.25rem;margin:1rem 0;padding:.8rem;background:rgba(0,0,0,.18);border:1px solid var(--line);border-radius:8px}.lens-result article{padding:1.25rem}.lens-result h3{max-width:760px;font-size:clamp(1.5rem,3vw,2.4rem)}.lens-tool-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:1rem}.lens-tool-strip a{display:grid;gap:.3rem;padding:.9rem;background:rgba(255,255,255,.075);border:1px solid color-mix(in srgb,var(--accent),white 28%);border-radius:8px}.lens-tool-strip a strong{color:var(--accent)}.lens-tool-strip a span{color:var(--muted)}.trail-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.trail-card strong{display:block;margin:.45rem 0;font-size:1.25rem}.trail-card.empty{grid-column:span 2}.observatory-signal{position:relative}.signal-bars{display:grid;gap:.55rem;margin-top:1rem}.signal-bars span{position:relative;display:flex;justify-content:space-between;gap:1rem;padding:.7rem .8rem;overflow:hidden;color:#f7f8fb;background:rgba(255,255,255,.07);border:1px solid var(--line);border-radius:8px}.signal-bars span:before{content:"";position:absolute;inset:0 auto 0 0;width:var(--level);background:linear-gradient(90deg,color-mix(in srgb,var(--accent),transparent 45%),transparent);z-index:-1}.tool-card,.connection-card,.observatory-card,.weather-card,.trail-card{transition:transform .2s ease,border-color .2s ease,background .2s ease}.tool-card:hover,.connection-card:hover,.observatory-card:hover,.weather-card:hover,.trail-card:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.28)}@keyframes observatory-scan{0%{transform:translateX(-18%)}100%{transform:translateX(18%)}}@keyframes meter-sweep{0%,100%{transform:scaleX(.22);opacity:.65}50%{transform:scaleX(1);opacity:1}}@media (prefers-reduced-motion:reduce){.observatory-hero:after,.observatory-strip span:after{animation:none}.tool-card,.connection-card,.observatory-card,.weather-card,.trail-card{transition:none}}@media (max-width:1000px){.observatory-grid,.weather-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trail-grid,.lens-tool-strip{grid-template-columns:1fr 1fr}.lens-rack{grid-template-columns:1fr}}@media (max-width:640px){.observatory-grid,.weather-grid,.trail-grid,.lens-tool-strip{grid-template-columns:1fr}.trail-card.empty{grid-column:auto}.observatory-card strong,.weather-card strong{font-size:2.4rem}}

