.search-field span{font-size:12px;color:#e6eef8b3}:root{--bg: #0F1C2E;--topbar-height: 88px;--mini-player-height: 64px;--accent: #5E2BFF;--neon: #00F3FF;--muted: #98A2B3;--starfield-image: none;--nebula-a: #0f1c2e;--nebula-b: #5e2bff;--nebula-c: #00f3ff;--bg-filter: brightness(1) contrast(1) saturate(1);--bg-overlay-opacity: .32}*{box-sizing:border-box}html,body,#root{height:100%}.body,body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;color:#e6eef8}body{background-image:var(--starfield-image),radial-gradient(ellipse at 10% 10%,#1e243899,#080c16f2 40%,#030409);background-size:cover,cover;background-position:center center,10% 10%;background-repeat:no-repeat,no-repeat;background-attachment:fixed;color:#e6eef8}.topbar{display:flex;flex-direction:column;gap:12px;padding:16px 24px;background:transparent;position:fixed;top:0;left:0;right:0;z-index:200;min-height:var(--topbar-height)}.logo{font-weight:800;letter-spacing:1px;font-size:20px;transition:color .3s ease,transform .3s ease,text-shadow .3s ease}.logo-focused{color:var(--neon);text-shadow:0 0 14px rgba(0,243,255,.45);transform:translateY(-2px)}.subbar{display:flex;align-items:center;gap:16px;justify-content:space-between}.search-input{display:flex;align-items:center;padding:8px;border-radius:14px;background:#ffffff08;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(230,238,248,.06);transition:border-color .22s ease,box-shadow .22s ease}.search-input input{min-width:420px;padding:8px 10px;border-radius:8px;border:none;background:transparent;color:#e6eef8;font-weight:600;flex:1}.search-input input::placeholder{color:#e6eef899}.search-input .search-icon{width:20px;height:20px;margin-right:10px;flex:0 0 auto;color:#e6eef8;opacity:.9}.search-input .search-icon circle,.search-input .search-icon line{stroke:currentColor}.nav{display:flex;gap:10px;align-items:center}.nav-item{padding:8px 14px;border-radius:14px;background:#ffffff08;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.04);font-weight:600;color:#dce8ff;cursor:pointer;transition:border-color .2s ease,color .2s ease,box-shadow .2s ease}.nav-item.is-active{border-color:#00f3ff66;color:#fff;box-shadow:0 0 18px #00f3ff2e}.nav-item.setting{background:linear-gradient(90deg,#5e2bff1f,#00f3ff0f)}.ui-fade{transition:opacity .28s ease,transform .28s ease;will-change:opacity,transform}.ui-fade.is-dimmed{opacity:0;transform:translateY(-8px);pointer-events:none}.ghost-btn{padding:8px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff05;color:#e6eef8;font-weight:600;cursor:pointer;transition:color .16s ease,border-color .16s ease}.ghost-btn:hover{color:var(--neon);border-color:#00f3ff80}.primary-btn{padding:8px 18px;border-radius:12px;border:none;background:linear-gradient(135deg,#5e2bff,#00f3ff);color:#030409;font-weight:700;cursor:pointer;transition:transform .12s ease}.primary-btn:hover{transform:translateY(-1px)}.link-btn{background:none;border:none;color:var(--neon);font-weight:600;cursor:pointer}.link-btn.is-warning{color:#fb7185}.module-panel{min-height:60vh;padding:28px;border-radius:18px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;gap:24px}.module-header{display:flex;align-items:flex-start;justify-content:space-between;gap:32px;flex-wrap:wrap}.module-eyebrow{font-size:12px;letter-spacing:.2em;color:#e6eef8b3;margin:0 0 6px}.module-title{margin:0;font-size:28px;letter-spacing:.05em}.module-copy{margin:6px 0 0;font-size:14px;color:#e6eef8b8}.module-actions{display:flex;align-items:center;gap:12px}.favorites-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.favorite-card{padding:18px;border-radius:16px;background:#ffffff05;border:1px solid rgba(255,255,255,.04);display:flex;flex-direction:column;gap:12px}.favorite-card header{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#e6eef8b3}.favorite-card h3{margin:0;font-size:18px}.favorite-card p{margin:0;color:#e6eef8bf}.favorite-card.is-pending{border-color:#fb71854d;box-shadow:0 0 12px #fb718526}.favorite-source{font-size:12px;color:#e6eef8a6}.favorite-meta{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#e6eef88c}.module-empty{padding:40px;border-radius:16px;text-align:center;color:#e6eef899;background:#ffffff05;border:1px dashed rgba(255,255,255,.08)}.module-empty.small{padding:24px}.module-error{padding:12px 16px;border-radius:12px;background:#fb71851a;border:1px solid rgba(251,113,133,.4);color:#feb2b2}.search-module-bar{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end}.search-field{flex:1;display:flex;flex-direction:column;gap:6px;font-size:12px;color:#e6eef8b3}.search-field input{padding:10px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff05;color:#e6eef8}.search-status{font-size:12px;color:#e6eef8a6}.search-results{display:flex;flex-direction:column;gap:12px}.search-card{padding:16px;border-radius:14px;border:1px solid rgba(255,255,255,.05);background:#ffffff05;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.search-title{margin:0;font-size:18px;font-weight:600}.search-sub{margin:4px 0 0;font-size:13px;color:#e6eef8bf}.search-meta{margin:4px 0 0;font-size:12px;color:#e6eef88c}.search-actions{display:flex;gap:10px}.search-galaxy-wrap{min-height:60vh;border-radius:18px;padding:24px;position:relative;background:#ffffff03;border:1px solid rgba(255,255,255,.03)}.search-planets{display:flex;flex-wrap:wrap;gap:32px;justify-content:flex-start}.search-planet{display:flex;flex-direction:column;align-items:center;gap:14px;flex:0 0 auto}.search-planet-visual{--planet-ring-size: 16px;--planet-ring-opacity: .24;--planet-ring-color: rgba(230,238,248,.35);--planet-ring-style: solid;--planet-orbit-speed: 18s;--planet-core-shine: .4;border:none;border-radius:50%;background-size:cover;background-position:center;cursor:pointer;position:relative;box-shadow:0 15px 35px #00000073,inset 0 -8px 14px #ffffff0d;transition:transform .22s ease,box-shadow .22s ease;isolation:isolate}.search-planet-visual:after{content:"";position:absolute;inset:calc(var(--planet-ring-size) * -1);border-radius:50%;border:1.5px var(--planet-ring-style) var(--planet-ring-color);opacity:var(--planet-ring-opacity);box-shadow:0 0 18px var(--planet-ring-color);animation:planet-ring-spin var(--planet-orbit-speed) linear infinite;pointer-events:none}.search-planet-visual:before{content:"";position:absolute;top:18%;right:18%;bottom:18%;left:18%;border-radius:50%;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.45),transparent 60%);opacity:var(--planet-core-shine);mix-blend-mode:screen;filter:blur(.6px);pointer-events:none}.search-planet-visual:hover{transform:scale(1.05);box-shadow:0 20px 40px #0000008c,inset 0 -10px 16px #ffffff12}.search-planet-visual.is-fav{box-shadow:0 20px 40px #00f3ff33,inset 0 -12px 18px #ffffff1f}.search-planet-visual.is-fav:after{opacity:calc(var(--planet-ring-opacity) + .2)}.search-planet-meta{text-align:center;max-width:220px}.search-planet-title{margin:0;font-weight:700}.search-planet-sub{margin:4px 0;font-size:13px;color:#e6eef8b3}.search-planet-stats{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin:6px 0;font-size:11px;color:#e6eef8cc}.search-planet-stats span{padding:2px 8px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.08)}.search-planet-actions{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#e6eef88c}.search-state{position:absolute;top:16px;left:24px;color:#e6eef8bf;font-size:14px}.search-error{color:#feb2b2}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.view-stack{position:relative}.view-panel{transition:opacity .3s ease;opacity:1}.view-panel.fade-in{opacity:1}.view-panel.fade-out{opacity:0;pointer-events:none}.content{padding:calc(16px + var(--topbar-height)) 16px calc(16px + var(--mini-player-height))}.hero{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:12px}.search{background:#ffffff08;padding:10px 14px;border-radius:8px}.uploader{display:flex;flex-direction:column;gap:6px}.upload-label{font-size:12px;color:var(--muted)}.planet-wrap{min-height:60vh;position:relative}.galaxy-wrap{height:70vh}.galaxy-canvas{position:relative;width:100%;height:100%;border-radius:12px;overflow:visible}.flat-galaxy-container{z-index:10}.planet-card{background:linear-gradient(180deg,#ffffff05,#ffffff03);border-radius:12px;padding:12px;cursor:pointer;transition:transform .18s;overflow:hidden}.planet-card:hover{transform:scale(1.03)}.planet-canvas{height:160px}.planet-meta{margin-top:8px}.planet-title{font-weight:600}.planet-sub{font-size:13px;color:var(--muted)}.loading-sentinel{padding:20px;text-align:center;color:var(--muted)}.loading-sentinel.empty-state{color:#e6eef899}.loading-sentinel.empty-state{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:360;pointer-events:none;font-size:16px}.mini-player{position:fixed;left:12px;right:12px;bottom:12px;padding:12px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:600;min-height:var(--mini-player-height);border-radius:14px;display:flex;align-items:center;gap:12px;color:#e6eef8}.mini-player .mp-left{flex:0 0 72px;display:flex;align-items:center;justify-content:center}.mini-player .mini-planet{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#0b4f9b);box-shadow:0 10px 40px #02061799,inset 0 -8px 14px #ffffff0a}.mini-player .mp-center{flex:1;display:flex;flex-direction:column;gap:6px}.mini-player .mp-top{display:flex;align-items:center;justify-content:space-between}.mp-info{display:flex;flex-direction:column}.mp-title{font-weight:700;font-size:14px;color:#fff}.mp-artist{font-size:12px;color:#e6eef8b3;margin-top:2px}.mp-times{font-size:12px;color:#e6eef8d9}.mp-progress{height:18px;display:flex;align-items:center}.mp-range{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;background:#ffffff14;border-radius:999px;outline:none}.mp-range::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:linear-gradient(90deg,#ffffff2e,#ffffff14)}.mp-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #0009;cursor:pointer;margin-top:-3px}.mp-range::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #0009;cursor:pointer}.mp-right{flex:0 0 64px;display:flex;align-items:center;justify-content:center}.mp-play-btn{width:40px;height:40px;border-radius:50%;border:none;background:linear-gradient(135deg,#19212b,#0b1220);color:#e6eef8;box-shadow:0 6px 18px #02061799;font-size:16px;cursor:pointer}.mp-play-btn:active{transform:scale(.98)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center}.modal-inner{background:#071428;padding:20px;border-radius:10px;min-width:320px}@media (max-width: 640px){.planet-canvas{height:120px}}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background-image:linear-gradient(180deg,#03060ceb,#020408fa),linear-gradient(rgba(0,0,0,var(--bg-overlay-opacity,.32)),rgba(0,0,0,var(--bg-overlay-opacity,.32)));background-size:cover,cover;background-position:center center,center center;background-repeat:no-repeat,no-repeat;filter:contrast(1.03) saturate(.95);will-change:background-position;animation:nebula-move 120s linear infinite;pointer-events:none}@keyframes planet-ring-spin{0%{transform:rotate(0) scale(.98)}to{transform:rotate(360deg) scale(1.02)}}@keyframes nebula-move{0%{background-position:center center,center center}to{background-position:center center,center center}}.galaxy-canvas canvas{box-shadow:0 10px 40px #02061799 inset}.flat-galaxy-container{position:relative;overflow:visible;height:70vh;border-radius:12px;z-index:180;pointer-events:auto}.flat-galaxy{position:relative;width:99999px;height:99999px;will-change:transform;cursor:grab;z-index:180}.planet-2d{position:absolute;border-radius:50%;background-size:cover;background-position:center;transition:transform .18s,opacity .2s;pointer-events:auto}.planet-2d:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;box-shadow:0 10px 18px #0206178c inset,0 6px 12px #00000073}.planet-label{position:absolute;left:50%;top:calc(100% + 14px);transform:translate(-50%);padding:8px 14px;border-radius:14px;background:#030712e0;border:1px solid rgba(94,43,255,.35);box-shadow:0 8px 22px #00000073;text-align:center;pointer-events:none;min-width:140px;max-width:220px;font-size:12px;line-height:1.3;color:#e6eef8;letter-spacing:.3px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.planet-label strong{display:block;font-size:13px;font-weight:700;color:#fff}.planet-label span{display:block;margin-top:2px;color:#e6eef8c7;font-size:12px;font-weight:500}.floating-actions{position:fixed;left:140px;bottom:180px;display:flex;flex-direction:column;gap:10px;opacity:0;pointer-events:none;transform:none;transition:opacity .4s ease;z-index:320}.floating-actions.is-visible{opacity:1;pointer-events:auto}.floating-action-btn{display:flex;align-items:center;justify-content:flex-start;padding:12px 24px;border-radius:14px;border:none;background:transparent;color:#e6eef8;font-weight:700;font-size:18px;cursor:pointer;text-decoration:none;transition:color .16s ease,text-shadow .16s ease,transform .12s ease}.floating-action-btn:hover,.floating-action-btn:focus{color:#00f3ff;text-shadow:0 0 12px rgba(0,243,255,.55);transform:scale(1.03)}.floating-action-btn.is-active{color:#fbbf24;text-shadow:0 0 12px rgba(251,191,36,.6)}.floating-action-btn[aria-disabled=true]{opacity:.5;pointer-events:none}.floating-action-btn.is-pending{color:#fb7185;text-shadow:0 0 10px rgba(251,113,133,.35)}.planet-2d.is-pending{box-shadow:0 6px 20px #0009 inset,0 6px 18px #ff28280f}.planet-details-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:40}.planet-details{background:linear-gradient(180deg,#071428,#0a2236);padding:18px;border-radius:10px;min-width:300px;color:#e6eef8}.pd-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.pd-sub{font-size:13px;color:var(--muted)}.fav-btn{background:transparent;border:1px solid rgba(255,255,255,.06);padding:6px 10px;border-radius:6px;color:#ffd966;cursor:pointer}.pd-body{margin-top:12px}.pd-actions{display:flex;justify-content:flex-end;margin-top:12px}