:root{--bg:#0d0d1a;--surface:#13132b;--surface-2:#1a1a3a;--accent:#7b61ff;--accent-2:#a78bfa;--accent-3:#c4b5fd;--border:#2e2b5f;--text:#e0e0ff;--text-muted:#9896c8;--danger:#ff4d6d}body{background-color:var(--bg);color:var(--text);margin:0;font-family:Inter,sans-serif}._navbar_a1r5w_1{background:linear-gradient(180deg, var(--surface), #0f1021);border-right:1px solid var(--border);box-sizing:border-box;z-index:100;flex-direction:column;align-items:center;width:240px;height:100vh;padding:24px 16px;display:flex;position:fixed;top:0;left:0}._navbarLogo_a1r5w_17{border-bottom:1px solid var(--border);justify-content:center;width:100%;padding-bottom:24px;display:flex}._logoImage_a1r5w_25{width:170px;height:auto}._navbarLinks_a1r5w_30{flex-direction:column;gap:10px;width:100%;margin:24px 0 0;padding:0;list-style:none;display:flex}._navbarLinks_a1r5w_30 a{color:var(--text);background:var(--surface-2);border:1px solid #0000;border-radius:10px;padding:10px 12px;font-weight:600;text-decoration:none;transition:background-color .2s,border-color .2s;display:block}._navbarLinks_a1r5w_30 a:hover{border-color:var(--accent-2);background:#7b61ff29}body{padding-left:240px}@media (width<=900px){._navbar_a1r5w_1{flex-direction:row;justify-content:space-between;width:100%;height:auto;padding:12px 14px;position:sticky}._navbarLogo_a1r5w_17{border-bottom:none;width:auto;padding-bottom:0}._logoImage_a1r5w_25{width:120px}._navbarLinks_a1r5w_30{flex-direction:row;gap:8px;width:auto;margin:0}._navbarLinks_a1r5w_30 a{padding:8px 10px;font-size:.9rem}body{padding-left:0}}.loaderWrap{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:32px 16px;display:flex}.loader{border:4px solid var(--surface-2);border-top-color:var(--accent);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.photoCard{background:var(--surface);border:1px solid var(--border);border-radius:16px;width:min(900px,100%);overflow:hidden;box-shadow:0 12px 30px #0000004d}.mediaWrap{background:#090914}.mediaWrap img,.mediaWrap iframe{width:100%;min-height:300px;display:block}.content{padding:20px}.date{color:var(--accent-3);margin:0 0 6px;font-size:.9rem}.explanation{color:var(--text-muted);margin:14px 0 0;line-height:1.55}.homePage{place-items:center;min-height:calc(100vh - 90px);padding:24px 16px 40px;display:grid}.homeError{color:#ffd2dc;background:#ff4d6d1f;border:1px solid #ff4d6d66;border-radius:12px;width:min(700px,100%);padding:14px 16px}.asteroidCard{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:10px;padding:16px;display:flex}.header{justify-content:space-between;align-items:center;gap:12px;display:flex}.name{margin:0;font-size:1rem}.badge{border:1px solid #0000;border-radius:999px;padding:4px 8px;font-size:.75rem}.hazard{color:#ffd2dc;background:#ff4d6d33;border-color:#ff4d6d66}.safe{color:#b5f2d4;background:#25d36626;border-color:#25d36659}.meta{color:var(--text-muted);margin:0;font-size:.88rem}.link{color:var(--accent-3);margin-top:4px;font-weight:600;text-decoration:none}.link:hover{text-decoration:underline}.favoriteButton{border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;border-radius:10px;margin-top:6px;padding:10px 12px;font-weight:600}.favoriteButton:hover{border-color:var(--accent-2)}.favoriteActive{border-color:var(--accent-2);background:#7b61ff2e}.asteroidsPage{max-width:1100px;min-height:calc(100vh - 90px);margin:0 auto;padding:24px 16px 40px}.title{margin:0;font-size:clamp(1.6rem,3vw,2.2rem)}.filters{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:16px;display:grid}.inputGroup{flex-direction:column;gap:6px;display:flex}.inputGroup label{color:var(--text-muted);font-size:.88rem}.inputGroup input{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:10px}.submitButton{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;align-self:end;padding:10px 14px;font-weight:600}.submitButton:hover{filter:brightness(1.06)}.errorBox{color:#ffd2dc;background:#ff4d6d1f;border:1px solid #ff4d6d66;border-radius:12px;margin-bottom:16px;padding:14px 16px}.resultsInfo{color:var(--text-muted);margin:0 0 16px}.favoritesPage{max-width:1100px;min-height:calc(100vh - 90px);margin:0 auto;padding:24px 16px 40px}.heading{margin:0;font-size:clamp(1.5rem,3vw,2.1rem)}.subtitle{color:var(--text-muted);margin:8px 0 20px}.actions{justify-content:flex-end;margin-bottom:16px;display:flex}.clearButton{color:#ffd2dc;cursor:pointer;background:#ff4d6d1a;border:1px solid #ff4d6d59;border-radius:8px;padding:8px 12px;font-weight:600}.clearButton:hover{background:#ff4d6d33}.emptyBox{background:var(--surface);border:1px dashed var(--border);color:var(--text-muted);border-radius:12px;padding:20px}.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}