:root{--void:#0a0d1f;--panel:#131a33;--panel-raised:#1a2340;--starlight:#f5f3ec;--dust:#8b93b8;--brass:#c08552;--brass-glow:#e0a870;--cyan:#5eead4;--cyan-glow:#9ff5e6;--border:#f5f3ec1a;--font-display:"Fraunces", Georgia, serif;--font-body:"Inter", -apple-system, sans-serif;--font-mono:"IBM Plex Mono", monospace}*{box-sizing:border-box}html,body{background:var(--void);color:var(--starlight);font-family:var(--font-body);margin:0}button{cursor:pointer;font-family:inherit}.app{flex-direction:column;min-height:100vh;display:flex;position:relative}.starfield-canvas{z-index:0;pointer-events:none;position:fixed;inset:0}.hero{z-index:1;text-align:center;flex-direction:column;align-items:center;padding:6rem 1.5rem 3rem;display:flex;position:relative}.hero-eyebrow{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dust);margin:0 0 1.25rem;font-size:.75rem}.hero-title{font-family:var(--font-display);letter-spacing:-.01em;margin:0 0 2.5rem;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:500;line-height:1.05}.search-form{gap:.6rem;width:100%;max-width:620px;display:flex}.search-input{background:var(--panel);border:1px solid var(--border);color:var(--starlight);font-family:var(--font-body);border-radius:999px;outline:none;flex:1;padding:.9rem 1.2rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.search-input::placeholder{color:var(--dust)}.search-input:focus-visible{border-color:var(--cyan);box-shadow:0 0 0 3px #5eead426}.search-button{background:var(--cyan);color:var(--void);border:none;border-radius:999px;padding:.9rem 1.6rem;font-size:.95rem;font-weight:600;transition:background .2s,transform .1s}.search-button:hover:not(:disabled){background:var(--cyan-glow)}.search-button:active:not(:disabled){transform:scale(.97)}.search-button:disabled{opacity:.6;cursor:default}.search-button:focus-visible,.search-input:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.mode-toggle{gap:.75rem;margin-top:1.75rem;display:flex}.mode-option{background:var(--panel);border:1px solid var(--border);color:var(--dust);border-radius:12px;align-items:center;gap:.5rem;padding:.6rem 1.1rem;font-size:.85rem;font-weight:500;transition:border-color .2s,color .2s,background .2s;display:flex;position:relative}.mode-caption{font-family:var(--font-mono);color:var(--dust);opacity:.7;margin-left:.15rem;font-size:.65rem}.mode-dot{background:var(--dust);border-radius:50%;width:8px;height:8px;transition:background .2s,box-shadow .2s}.mode-brass.active{border-color:var(--brass);color:var(--brass-glow);background:#c085521a}.mode-brass.active .mode-dot{background:var(--brass);box-shadow:0 0 8px var(--brass)}.mode-cyan.active{border-color:var(--cyan);color:var(--cyan-glow);background:#5eead41a}.mode-cyan.active .mode-dot{background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.mode-option:focus-visible{outline:2px solid var(--starlight);outline-offset:2px}.examples{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin-top:2rem;display:flex}.examples-label{font-family:var(--font-mono);color:var(--dust);margin-right:.25rem;font-size:.75rem}.example-chip{border:1px solid var(--border);color:var(--dust);background:0 0;border-radius:999px;padding:.4rem .9rem;font-size:.8rem;transition:border-color .2s,color .2s}.example-chip:hover{border-color:var(--cyan);color:var(--cyan-glow)}.results-section{z-index:1;flex:1;width:100%;max-width:1200px;margin:0 auto;padding:1rem 1.5rem 4rem;position:relative}.results-meta{color:var(--dust);border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;margin-bottom:1.25rem;padding-bottom:.75rem;font-size:.85rem;display:flex}.results-meta strong{color:var(--starlight)}.results-timing{font-family:var(--font-mono);font-size:.75rem}.status-banner{text-align:center;color:var(--dust);padding:2rem 1rem;font-size:.9rem}.status-error{color:#f2a5a5}.status-loading{justify-content:center;align-items:center;gap:.6rem;display:flex}.loading-pulse{background:var(--cyan);border-radius:50%;width:8px;height:8px;animation:1.1s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.results-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.1rem;display:grid}.result-card{background:var(--panel);border:1px solid var(--border);text-align:left;color:inherit;opacity:0;border-radius:14px;padding:0;transition:border-color .2s,transform .15s;animation:.4s forwards card-in;overflow:hidden}@keyframes card-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.result-card:hover{border-color:var(--cyan);transform:translateY(-2px)}.result-card:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.result-card-image-wrap{aspect-ratio:4/3;background:var(--void);position:relative;overflow:hidden}.result-card-image-wrap img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.result-card:hover .result-card-image-wrap img{transform:scale(1.05)}.result-card-date{font-family:var(--font-mono);color:var(--dust);background:#0a0d1fbf;border-radius:6px;padding:.2rem .5rem;font-size:.68rem;position:absolute;bottom:.5rem;left:.5rem}.result-card-body{padding:.9rem}.result-card-body h3{font-family:var(--font-display);margin:0 0 .7rem;font-size:1.02rem;font-weight:500;line-height:1.3}.score-readout{align-items:center;gap:.5rem;display:flex}.score-readout-track{background:#f5f3ec14;border-radius:3px;flex:1;height:5px;position:relative;overflow:visible}.score-readout-fill{background:linear-gradient(90deg, var(--brass), var(--cyan));border-radius:3px;height:100%}.score-readout-tick{background:#f5f3ec26;width:1px;height:9px;position:absolute;top:-2px}.score-readout-value{font-family:var(--font-mono);color:var(--dust);text-align:right;min-width:3.2em;font-size:.7rem}.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10;background:#0a0d1fd9;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-panel{background:var(--panel-raised);border:1px solid var(--border);border-radius:16px;width:100%;max-width:780px;max-height:88vh;position:relative;overflow-y:auto}.modal-close{color:var(--starlight);z-index:1;background:#0a0d1fb3;border:none;border-radius:50%;width:34px;height:34px;font-size:1.3rem;line-height:1;position:absolute;top:.75rem;right:.75rem}.modal-image{object-fit:cover;width:100%;max-height:420px;display:block}.modal-body{padding:1.5rem 1.75rem 1.75rem}.modal-meta{font-family:var(--font-mono);color:var(--dust);gap:.75rem;margin-bottom:.6rem;font-size:.75rem;display:flex}.modal-body h2{font-family:var(--font-display);margin:0 0 .9rem;font-size:1.6rem;font-weight:500;line-height:1.2}.modal-body p{color:var(--dust);margin:0 0 1.25rem;font-size:.95rem;line-height:1.65}.footer{z-index:1;text-align:center;font-family:var(--font-mono);color:var(--dust);opacity:.6;padding:2rem 1.5rem 2.5rem;font-size:.7rem;position:relative}@media (prefers-reduced-motion:reduce){.result-card,.loading-pulse{animation:none!important}}.planet-wrap{z-index:0;pointer-events:none;position:fixed;top:-6vw;right:-6vw}.planet-float{will-change:transform}.planet-sphere{background:radial-gradient(circle at 32% 30%,#e0a870 0%,#c08552 35%,#7a4e2c 65%,#3a2415 100%);border-radius:50%;width:22vw;min-width:180px;max-width:340px;height:22vw;min-height:180px;max-height:340px;box-shadow:-20px 10px 60px #c0855240}.planet-ring{aspect-ratio:6;border:2px solid #5eead459;border-radius:50%;width:34vw;min-width:280px;max-width:520px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-18deg);box-shadow:0 0 24px #5eead41f}@media (width<=720px){.planet-wrap{opacity:.5}}.legend-wrap{position:relative}.legend-trigger{border:1px solid var(--border);color:var(--dust);font-family:var(--font-mono);background:0 0;border-radius:999px;padding:.25rem .6rem;font-size:.7rem;transition:border-color .2s,color .2s}.legend-trigger:hover,.legend-trigger[aria-expanded=true]{border-color:var(--cyan);color:var(--cyan-glow)}.legend-popover{background:var(--panel-raised);border:1px solid var(--border);z-index:5;border-radius:12px;width:300px;padding:1rem 1.1rem;position:absolute;top:calc(100% + .6rem);right:0;box-shadow:0 12px 32px #0006}.legend-popover p{color:var(--dust);margin:0 0 .7rem;font-size:.8rem;line-height:1.55}.legend-popover p:last-child{margin-bottom:0}.legend-popover strong{color:var(--starlight)}.legend-note{font-family:var(--font-mono);opacity:.8;font-size:.7rem!important}@media (width<=500px){.legend-popover{width:260px;right:-60px}}*{cursor:none}.star-cursor-canvas{z-index:999;pointer-events:none;position:fixed;inset:0}@media (hover:none),(pointer:coarse){*{cursor:auto}.star-cursor-canvas{display:none}}