:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f7f4ee;--muted:#b9c3d5;--soft:#8291aa;--panel:#0c1326c7;--panel-strong:#111b36eb;--line:#ffffff24;--gold:#f2c16b;--coral:#e87966;--cyan:#7dd3fc;--green:#95d5b2;--shadow:0 24px 80px #00000059}*{box-sizing:border-box}html{background:#050812;min-height:100vh}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 20% 10%,#7dd3fc29,#0000 28rem),radial-gradient(circle at 80% 0,#e8796624,#0000 24rem),linear-gradient(155deg,#050812 0%,#0b1022 46%,#111827 100%);margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer;border:0}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #7dd3fccc}.app-shell{width:min(1120px,100% - 32px);min-height:100vh;margin:0 auto;padding:24px 0 48px}.hero{border:1px solid var(--line);min-height:430px;box-shadow:var(--shadow);background:linear-gradient(#0508121a,#050812f0),radial-gradient(circle at 65% 35%,#f2c16b38,#0000 4rem),linear-gradient(145deg,#07101f,#17162a 48%,#080a13);border-radius:8px;align-items:end;display:grid;position:relative;overflow:hidden}.starfield,.starfield:before,.starfield:after{opacity:.48;background-image:radial-gradient(circle,#ffffffeb 0 1px,#0000 1.5px),radial-gradient(circle,#7dd3fcc7 0 1px,#0000 1.6px);background-position:12px 18px,42px 8px;background-size:94px 78px,137px 121px;position:absolute;inset:0}.starfield:before,.starfield:after{content:""}.starfield:before{opacity:.35;transform:rotate(8deg)scale(1.16)}.starfield:after{opacity:.24;background-position:120px 36px;background-size:220px 180px}.hero-copy{z-index:1;max-width:760px;padding:34px;position:relative}.eyebrow{color:var(--gold);letter-spacing:0;text-transform:uppercase;margin:0 0 10px;font-size:.78rem;font-weight:800}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;margin-bottom:14px;font-family:Playfair Display,Georgia,serif;font-size:clamp(3.2rem,12vw,7rem);line-height:.9}h2{margin-bottom:0;font-size:1.4rem;line-height:1.2}h3{color:var(--cyan);margin-bottom:10px;font-size:.95rem}.lede{max-width:650px;color:var(--muted);font-size:1rem;line-height:1.7}.primary-button,.secondary-button,.ghost-button{color:#07101f;background:var(--gold);border-radius:8px;min-height:48px;padding:0 18px;font-weight:800}.secondary-button{color:#07101f;background:var(--cyan)}.ghost-button{color:var(--ink);border:1px solid var(--line);background:#ffffff14}.panel{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:8px;box-shadow:0 18px 48px #00000038}.status-panel{color:var(--muted);margin:18px 0;padding:16px 18px}.status-panel p{margin-bottom:0}.manual-location{gap:18px;margin-bottom:18px;padding:20px;display:grid}.manual-location[hidden],.result-grid[hidden]{display:none}.manual-location p{color:var(--muted);margin-bottom:0;line-height:1.55}.manual-form{gap:12px;display:grid}label{color:var(--muted);gap:8px;font-size:.9rem;font-weight:700;display:grid}input,textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#ffffff14;border-radius:8px}input{min-height:46px;padding:0 12px}textarea{resize:vertical;min-height:112px;margin-top:14px;padding:12px;display:none}textarea.is-visible{display:block}.result-grid{gap:18px;display:grid}.recommendation-card,.sky-card{padding:22px}.recommendation-card{background:linear-gradient(135deg, #f2c16b1f, transparent 44%), var(--panel-strong);position:relative;overflow:hidden}.section-heading{margin-bottom:18px}.score-ring{background:#f2c16b14;border:1px solid #f2c16b7a;border-radius:50%;place-items:center;width:114px;height:114px;margin:0 0 18px;display:grid}.score-ring span{font-size:1.75rem;font-weight:800;display:block}.score-ring small{color:var(--muted)}.explanation{color:var(--muted);font-size:1.05rem;line-height:1.65}.recipe-block{margin-top:22px}ul{color:var(--muted);margin:0;padding-left:1.1rem;line-height:1.8}.recipe-block p{color:var(--muted);margin-bottom:0;line-height:1.75}.button-row{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.constellation-list{gap:12px;margin-bottom:24px;display:grid}.constellation-item{border:1px solid var(--line);background:#ffffff0f;border-radius:8px}.constellation-item[open]{background:#ffffff14}.constellation-summary{cursor:pointer;justify-content:space-between;align-items:center;gap:14px;padding:12px;list-style:none;display:flex}.constellation-summary::-webkit-details-marker{display:none}.constellation-summary:after{content:"+";border:1px solid var(--line);width:24px;height:24px;color:var(--gold);border-radius:50%;flex:0 0 24px;place-items:center;font-weight:800;display:grid}.constellation-item[open] .constellation-summary:after{content:"-"}.constellation-body{gap:12px;min-width:0;padding:0 12px 12px;display:grid}.constellation-body img{object-fit:cover;filter:contrast(1.08)saturate(.85);border-radius:6px;width:100%;max-height:180px}.constellation-item strong{font-size:.95rem;display:block}.constellation-subtitle{color:var(--gold);margin-top:3px;font-size:.82rem;font-weight:700;display:block}.constellation-altitude{color:var(--soft);white-space:nowrap;margin-left:auto;font-weight:800}.constellation-meta{color:var(--muted);grid-template-columns:minmax(86px,.6fr) minmax(0,1.4fr);gap:6px 10px;margin:12px 0 0;font-size:.78rem;line-height:1.35;display:grid}.constellation-meta dt{color:var(--soft);font-weight:800}.constellation-meta dd{min-width:0;margin:0}.profile-bars{gap:12px;display:grid}.profile-bar{color:var(--muted);grid-template-columns:88px 1fr 38px;align-items:center;gap:10px;font-size:.86rem;font-weight:700;display:grid}.bar-track{background:#ffffff1f;border-radius:999px;height:9px;overflow:hidden}.bar-fill{border-radius:inherit;background:linear-gradient(90deg, var(--cyan), var(--green), var(--gold));height:100%}.share-preview{gap:12px;margin-top:14px;display:grid}.share-preview:empty{display:none}.share-preview img{border:1px solid var(--line);border-radius:8px;width:100%;box-shadow:0 18px 48px #00000047}.share-download{justify-self:start;place-items:center;min-height:42px;padding:0 14px;text-decoration:none;display:inline-grid}@media (width>=720px){.app-shell{width:min(1120px,100% - 56px);padding-top:36px}.hero{min-height:520px}.hero-copy{padding:54px}.manual-location{grid-template-columns:1fr 1.4fr;align-items:end}.manual-form{grid-template-columns:1fr 1fr auto;align-items:end}.result-grid{grid-template-columns:minmax(0,1.3fr) minmax(310px,.7fr);align-items:start}.recommendation-card,.sky-card{padding:28px}.constellation-body{grid-template-columns:94px 1fr;align-items:start}.constellation-body img{height:94px}}@media (width<=420px){.app-shell{width:min(100% - 22px,1120px)}.hero-copy{padding:24px}.profile-bar{grid-template-columns:74px 1fr 34px}}