*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--color-bg,#000);width:100%;height:100%;overflow:hidden}body{font-family:var(--font-sans,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif);color:var(--color-white,#fff)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:root{--color-accent:#00ffc8;--color-accent-dim:#00ffc899;--color-accent-faint:#00ffc826;--color-accent-glow:#00ffc859;--color-solar:#fdb813;--color-solar-dim:#fdb813b3;--color-solar-faint:#fdb81326;--color-white:#fff;--color-white-70:#ffffffb3;--color-white-50:#ffffff80;--color-white-30:#ffffff4d;--color-white-10:#ffffff1a;--color-white-05:#ffffff0d;--color-bg:#000;--color-surface:#0a0e1ae0;--color-surface-light:#12182ceb;--color-overlay:#0009;--color-border:#ffffff1f;--color-border-accent:#00ffc84d;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-mono:"SF Mono", "Fira Code", "Fira Mono", "Roboto Mono", monospace;--text-xs:11px;--text-sm:12px;--text-base:14px;--text-md:16px;--text-lg:20px;--text-xl:24px;--text-2xl:28px;--text-3xl:36px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 2px 8px #0006;--shadow-md:0 4px 20px #0009;--shadow-lg:0 8px 40px #000000b3;--shadow-glow:0 0 12px var(--color-accent-glow);--shadow-solar:0 0 12px #fdb81366;--transition-fast:.12s ease;--transition-base:.2s ease;--transition-slow:.35s ease;--transition-panel:.3s cubic-bezier(.4, 0, .2, 1);--blur-sm:6px;--blur-md:12px;--blur-lg:20px;--z-scene:0;--z-ui:100;--z-overlay:200;--z-modal:300;--z-toast:400}*,:before,:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6,p,ul,ol,figure,blockquote{margin:0;padding:0}button{font-family:var(--font-sans);cursor:pointer}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-size:var(--text-sm);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--radius-full);padding:7px var(--space-4);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-white-70);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);font-weight:500;line-height:1;display:inline-flex}.btn:hover{background:var(--color-white-10);border-color:var(--color-white-30);color:var(--color-white)}.btn:active{background:var(--color-white-05);transform:scale(.97)}.btn--icon{border-radius:var(--radius-full);width:36px;height:36px;font-size:var(--text-md);padding:0}.btn--accent{border-color:var(--color-border-accent);color:var(--color-accent)}.btn--accent:hover{background:var(--color-accent-faint);border-color:var(--color-accent-dim);box-shadow:var(--shadow-glow)}.btn--solar{border-color:var(--color-solar-faint);color:var(--color-solar)}.btn--solar:hover{background:var(--color-solar-faint);border-color:var(--color-solar-dim);box-shadow:var(--shadow-solar)}.app-header{z-index:var(--z-ui);pointer-events:none;position:fixed;top:0;left:0;right:0}.app-header__inner{padding:var(--space-4) var(--space-6);background:linear-gradient(#0000008c 0%,#0000 100%);justify-content:space-between;align-items:center;display:flex}.app-header__brand{align-items:center;gap:var(--space-2);display:flex}.app-header__icon{font-size:var(--text-xl);filter:drop-shadow(0 0 6px #fdb813b3);line-height:1}.app-header__title{font-size:var(--text-md);letter-spacing:.06em;text-transform:uppercase;color:var(--color-white);text-shadow:0 1px 8px #000c;font-weight:700}.app-header__tagline{font-size:var(--text-xs);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-white-50)}@media (width<=480px){.app-header__tagline{display:none}}.attribution{z-index:var(--z-ui);pointer-events:none;padding-top:var(--space-4);background:linear-gradient(#00000085 0%,#0000002e 55%,#0000 100%);justify-content:center;align-items:flex-start;animation:1.8s .8s both attribution-appear;display:flex;position:fixed;top:0;left:0;right:0}@keyframes attribution-appear{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.attribution__text{font-size:var(--text-xs);font-family:var(--font-sans);letter-spacing:.055em;color:#ffffff61;text-shadow:0 1px 6px #0009;align-items:center;gap:5px;margin:0;font-style:italic;line-height:1;display:inline-flex}.attribution__heart{color:#e8607a;filter:drop-shadow(0 0 4px #e8607a8c);will-change:transform;align-items:center;font-size:10px;font-style:normal;line-height:1;animation:2.6s ease-in-out 2s infinite heartbeat;display:inline-flex}@keyframes heartbeat{0%,to{transform:scale(1)}8%{transform:scale(1.32)}18%{transform:scale(1)}26%{transform:scale(1.22)}36%{transform:scale(1)}}.attribution__logo-wrap{align-items:center;line-height:1;display:inline-flex}.attribution__logo{color:#ff7433;vertical-align:middle;filter:drop-shadow(0 0 3px #ff743399);width:13px;height:12px;transition:filter var(--transition-slow), transform var(--transition-slow)}.attribution__author{letter-spacing:.03em;color:#ffffff94;white-space:nowrap;font-style:normal;font-weight:500}@media (width<=480px){.attribution{padding-top:50px}.attribution__text{gap:4px;font-size:10px}}.fab{display:none}@media (width<=768px){.fab{-webkit-backdrop-filter:blur(12px);cursor:pointer;z-index:200;-webkit-tap-highlight-color:transparent;background:#080e1eeb;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .2s,background .2s,border-color .2s;display:flex;position:fixed;bottom:24px;right:20px;box-shadow:0 4px 20px #00000080}.fab:hover,.fab:active{background:#141e3cf2;border-color:#ffffff4d;transform:scale(1.08)}.fab--open{background:#1e1432f2;border-color:#ffffff40}.fab--panel-mode{border-color:#ffffff4d}.fab__icon{-webkit-user-select:none;user-select:none;font-size:22px;line-height:1}}.drawer-backdrop,.planet-drawer{display:none}@media (width<=768px){.drawer-backdrop{z-index:190;background:#00000080;animation:.2s forwards fadeIn;display:block;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.planet-drawer{-webkit-backdrop-filter:blur(16px);z-index:195;max-height:62vh;padding:0 0 calc(env(safe-area-inset-bottom) + 16px);background:linear-gradient(160deg,#080e1efa 0%,#0e1630fa 100%);border-top:1px solid #ffffff1a;border-radius:20px 20px 0 0;flex-direction:column;animation:.28s cubic-bezier(.32,.72,0,1) forwards slideUp;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 40px #0009}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.drawer-handle{background:#fff3;border-radius:2px;flex-shrink:0;width:36px;height:4px;margin:12px auto 0}.drawer-title{font-size:11px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:#fff6;flex-shrink:0;margin:14px 20px 8px}.drawer-list{-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0;padding:0 12px;list-style:none;overflow-y:auto}.drawer-list::-webkit-scrollbar{display:none}.drawer-item{cursor:pointer;color:#fffc;text-align:left;-webkit-tap-highlight-color:transparent;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;width:100%;margin-bottom:2px;padding:13px 12px;font-size:16px;font-weight:500;transition:background .15s,border-color .15s;display:flex}.drawer-item:active{background:#ffffff0f}.drawer-item--active{color:#fff;background:#ffffff0d}.drawer-item__dot{border-radius:50%;flex-shrink:0;width:12px;height:12px;box-shadow:0 0 6px}.drawer-item__name{flex:1}.drawer-item__active-indicator{color:#fff6;font-size:10px}}.loading-screen{z-index:var(--z-overlay,200);background:radial-gradient(#0a0e1e 0%,#000 70%);flex-direction:column;justify-content:center;align-items:center;gap:32px;transition:opacity .5s,visibility .5s;display:flex;position:fixed;inset:0}.loading-screen--fade-out{opacity:0;visibility:hidden;pointer-events:none}.loading-rings{width:120px;height:120px;position:relative}.loading-ring{will-change:transform;border:1px solid #0000;border-radius:50%;animation:linear infinite spin;position:absolute;inset:0}.loading-ring--1{border-top-color:var(--color-accent,#00ffc8);border-right-color:var(--color-accent-faint,#00ffc826);animation-duration:2.4s}.loading-ring--2{border-top-color:var(--color-solar,#fdb813);border-left-color:#fdb81326;animation-duration:1.8s;animation-direction:reverse;inset:14px}.loading-ring--3{border-top-color:#b4a0ffcc;border-right-color:#b4a0ff26;animation-duration:3s;inset:28px}@keyframes spin{to{transform:rotate(360deg)}}.loading-sun{background:radial-gradient(circle, var(--color-solar,#fdb813) 0%, #fdb81366 60%, transparent 100%);border-radius:50%;animation:2s ease-in-out infinite pulse;position:absolute;inset:42px}@keyframes pulse{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.loading-text{text-align:center}.loading-title{font-size:var(--text-2xl,28px);color:var(--color-white,#fff);letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px;font-weight:700}.loading-subtitle{font-size:var(--text-sm,12px);font-family:var(--font-mono,monospace);color:var(--color-white-50,#ffffff80);letter-spacing:.06em}.loading-progress{align-items:center;gap:12px;display:flex}.loading-progress__track{background:#ffffff1a;border-radius:2px;width:200px;height:2px;overflow:hidden}.loading-progress__fill{background:linear-gradient(90deg, var(--color-accent,#00ffc8), var(--color-solar,#fdb813));border-radius:2px;height:100%;transition:width .3s}.loading-progress__value{font-size:var(--text-xs,11px);font-family:var(--font-mono,monospace);color:var(--color-white-50,#ffffff80);text-align:right;min-width:32px}