@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--color-bg: #050510;--color-glass: rgba(10, 10, 30, .72);--color-glass-hover: rgba(18, 18, 45, .85);--color-glass-active: rgba(25, 25, 55, .9);--color-glass-border: rgba(255, 255, 255, .07);--color-glass-border-hover: rgba(255, 255, 255, .14);--color-text: #e0e4f0;--color-text-secondary: rgba(255, 255, 255, .5);--color-text-muted: rgba(255, 255, 255, .25);--color-accent: #64b5f6;--color-accent-dim: rgba(100, 181, 246, .15);--color-accent-glow: rgba(100, 181, 246, .35);--sp-xs: 4px;--sp-sm: 8px;--sp-md: 12px;--sp-lg: 16px;--sp-xl: 24px;--r-sm: 6px;--r-md: 10px;--r-lg: 16px;--blur: 24px;--shadow: 0 8px 32px rgba(0, 0, 0, .55);--tr-fast: .15s cubic-bezier(.4, 0, .2, 1);--tr: .3s cubic-bezier(.4, 0, .2, 1);--tr-slow: .6s cubic-bezier(.4, 0, .2, 1);--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font);background:var(--color-bg);color:var(--color-text);overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.panel{position:absolute;top:var(--sp-lg);left:var(--sp-lg);z-index:10;width:220px;background:var(--color-glass);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));border:1px solid var(--color-glass-border);border-radius:var(--r-lg);box-shadow:var(--shadow);overflow:hidden;transition:transform var(--tr),opacity var(--tr)}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-md) var(--sp-lg);border-bottom:1px solid var(--color-glass-border)}.panel-title{font-size:.8rem;font-weight:600;letter-spacing:.04em;color:var(--color-text);display:flex;align-items:center;gap:var(--sp-sm)}.panel-title-icon{font-size:1rem}.section{padding:var(--sp-md) var(--sp-lg);border-bottom:1px solid var(--color-glass-border)}.section:last-child{border-bottom:none}.section-label{font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:var(--sp-sm)}.btn-row{display:flex;gap:var(--sp-xs)}.btn-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-xs)}.btn{display:flex;align-items:center;justify-content:center;gap:var(--sp-xs);padding:var(--sp-sm) var(--sp-md);border:1px solid var(--color-glass-border);border-radius:var(--r-sm);background:transparent;color:var(--color-text-secondary);font-family:var(--font);font-size:.68rem;font-weight:500;cursor:pointer;transition:all var(--tr-fast);white-space:nowrap;user-select:none}.btn:hover{background:var(--color-glass-hover);border-color:var(--color-glass-border-hover);color:var(--color-text)}.btn:active{background:var(--color-glass-active);transform:scale(.97)}.btn--active{background:var(--color-accent-dim);border-color:var(--color-accent);color:var(--color-accent)}.btn--active:hover{background:rgba(100,181,246,.22);border-color:var(--color-accent);color:var(--color-accent)}.btn--icon{padding:var(--sp-sm);min-width:32px}.btn--flex{flex:1}.btn-planet{justify-content:flex-start;gap:var(--sp-sm)}.planet-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;box-shadow:0 0 6px currentColor}.slider-container{display:flex;flex-direction:column;gap:var(--sp-xs)}.slider-header{display:flex;justify-content:space-between;align-items:center}.slider-label{font-size:.65rem;color:var(--color-text-secondary)}.slider-value{font-size:.65rem;font-weight:600;color:var(--color-accent);min-width:32px;text-align:right}.slider{-webkit-appearance:none;appearance:none;width:100%;height:3px;border-radius:2px;background:rgba(255,255,255,.08);outline:none;cursor:pointer}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--color-accent);border:2px solid rgba(255,255,255,.2);box-shadow:0 0 8px var(--color-accent-glow);cursor:pointer;transition:transform var(--tr-fast)}.slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--color-accent);border:2px solid rgba(255,255,255,.2);box-shadow:0 0 8px var(--color-accent-glow);cursor:pointer}.loading-overlay{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-bg);transition:opacity var(--tr-slow)}.loading-overlay--hidden{opacity:0;pointer-events:none}.loading-ring{width:80px;height:80px;border-radius:50%;border:3px solid rgba(255,255,255,.06);border-top-color:var(--color-accent);animation:spin 1.2s linear infinite;margin-bottom:var(--sp-xl)}.loading-ring:after{content:"";position:absolute;inset:6px;border-radius:50%;border:2px solid transparent;border-top-color:#ffab9180;animation:spin 2s linear infinite reverse}.loading-title{font-size:1.1rem;font-weight:600;letter-spacing:.06em;margin-bottom:var(--sp-lg);color:var(--color-text)}.loading-bar-track{width:200px;height:3px;border-radius:2px;background:rgba(255,255,255,.06);overflow:hidden;margin-bottom:var(--sp-md)}.loading-bar-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,var(--color-accent),#ab47bc);transition:width var(--tr)}.loading-percent{font-size:.7rem;font-weight:500;color:var(--color-text-secondary);letter-spacing:.05em}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.panel{animation:fadeIn var(--tr-slow) ease-out}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:2px}