@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&display=swap";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--bg-color: #000000;--text-color: rgba(255, 255, 255, .9);--text-secondary: rgba(255, 255, 255, .6);--card-bg: rgba(255, 255, 255, .08);--card-border: rgba(255, 255, 255, .1);--button-inactive-bg: rgba(255, 255, 255, .1);--button-inactive-text: rgba(255, 255, 255, .6);--app-shadow: 0 0 50px rgba(0, 0, 0, .5);--accent-color: #8c52ff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(prefers-color-scheme:light){:root{--bg-color: #f5f5f7;--text-color: #1d1d1f;--text-secondary: #86868b;--card-bg: rgba(255, 255, 255, .6);--card-border: rgba(0, 0, 0, .1);--button-inactive-bg: rgba(255, 255, 255, .8);--button-inactive-text: #007aff;--app-shadow: 0 10px 40px rgba(0, 0, 0, .1);--accent-color: #007aff;--keypad-bg: #ffffff;--keypad-text: #1d1d1f;--keypad-shadow: 0 2px 8px rgba(0, 0, 0, .1)}}.dark-mode{--bg-color: #000000;--text-color: rgba(255, 255, 255, .9);--text-secondary: rgba(255, 255, 255, .6);--card-bg: rgba(255, 255, 255, .08);--card-border: rgba(255, 255, 255, .1);--button-inactive-bg: rgba(255, 255, 255, .1);--button-inactive-text: rgba(255, 255, 255, .6);--app-shadow: 0 0 50px rgba(0, 0, 0, .5);--accent-color: #8c52ff;--keypad-bg: #2c2c2e;--keypad-text: #ffffff;--keypad-shadow: 0 2px 8px rgba(0, 0, 0, .3)}.light-mode{--bg-color: #f5f5f7;--text-color: #1d1d1f;--text-secondary: #86868b;--card-bg: rgba(255, 255, 255, .6);--card-border: rgba(0, 0, 0, .05);--button-inactive-bg: rgba(255, 255, 255, .8);--button-inactive-text: #007aff;--app-shadow: 0 10px 40px rgba(0, 0, 0, .1);--accent-color: #007aff;--keypad-bg: #ffffff;--keypad-text: #1d1d1f;--keypad-shadow: 0 2px 8px rgba(0, 0, 0, .1)}body{margin:0;display:flex;place-items:center;justify-content:center;min-width:320px;min-height:100vh;background-color:#222;overflow:hidden}#root{width:100%;max-width:430px;height:100vh;max-height:932px;background-color:var(--bg-color);color:var(--text-color);display:flex;flex-direction:column;position:relative;box-shadow:var(--app-shadow);overflow:hidden;transition:background-color .3s,color .3s}.glass-panel{background:var(--card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--card-border);box-shadow:0 4px 6px #0000000d}::-webkit-scrollbar{width:0px;background:transparent}.planet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:10px}.minimal-theme{--bg-color: #ffffff;--text-color: #444444;--text-secondary: #999999;--card-bg: #ffffff;--card-border: #eeeeee;--button-inactive-bg: #f5f5f5;--button-inactive-text: #666666;--app-shadow: none;--accent-color: #333333;--keypad-bg: #ffffff;--keypad-text: #444444;--keypad-shadow: 0 2px 8px rgba(0, 0, 0, .05)}.minimal-theme .planet-grid{gap:1px!important;padding:1px!important;background-color:#eee;border:none}.minimal-theme .glass-panel{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;border:none!important;border-radius:0!important;box-shadow:none!important;color:#333;aspect-ratio:1;transition:background-color .2s}.minimal-theme .glass-panel:active{background-color:#f9f9f9}.minimal-theme .glass-panel span{color:#333!important;font-weight:400;font-size:.8rem;margin-top:5px}.minimal-theme .glass-panel div:first-child{font-size:2rem!important;color:#444}.minimal-theme .grid-splash{display:none!important}.minimal-theme .nav-bar{background:#fff!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-top:1px solid #eeeeee!important;border-bottom:none!important;border-left:none!important;border-right:none!important;border-radius:0!important;box-shadow:none!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;height:60px!important;margin:0!important;padding:0!important;justify-content:space-evenly!important}.minimal-theme .nav-bar button{color:#999!important;opacity:1!important;filter:grayscale(100%) opacity(.5)!important}.minimal-theme .nav-bar button.active{color:#333!important;font-weight:600!important;filter:grayscale(100%) opacity(1)!important}.minimal-theme.dark-mode{--bg-color: #000000;--text-color: rgba(255, 255, 255, .9);--text-secondary: rgba(255, 255, 255, .5);--card-bg: #000000;--card-border: #222222;--button-inactive-bg: #111111;--button-inactive-text: #888888;--accent-color: #ffffff;--keypad-bg: #222222;--keypad-text: #ffffff;--keypad-shadow: 0 2px 8px rgba(0, 0, 0, .5)}.minimal-theme.dark-mode .planet-grid{background-color:#333}.minimal-theme.dark-mode .glass-panel{background:#000;color:#fff}.minimal-theme.dark-mode .glass-panel:active{background-color:#1a1a1a}.minimal-theme.dark-mode .glass-panel span{color:#fff!important}.minimal-theme.dark-mode .glass-panel div:first-child{color:#fff}.minimal-theme.dark-mode .nav-bar{background:#000!important;border-top:1px solid #333333!important}.minimal-theme.dark-mode .nav-bar button{color:#888!important}.minimal-theme.dark-mode .nav-bar button.active{color:#fff!important;text-shadow:0 0 10px rgba(255,255,255,.3)}.minimal-theme.dark-mode .modal-overlay{background:#000000f2}.minimal-theme .modal-overlay{background:#fffffff2}.minimal-theme .account-modal-page{background:var(--bg-color)!important}.account-modal-page{height:100vh;height:100dvh}.account-input-sheet{padding-bottom:40px;padding-bottom:calc(20px + constant(safe-area-inset-bottom));padding-bottom:calc(20px + env(safe-area-inset-bottom))}.minimal-theme .account-modal-page .glass-panel{border:none!important;border-radius:0!important;box-shadow:none!important;border-bottom:1px solid var(--card-border)!important;background:transparent!important}.account-modal-page button.keypad-btn{border:none!important;border-radius:16px!important;margin:0!important;background:var(--keypad-bg)!important;color:var(--keypad-text)!important;font-size:1.2rem!important;box-shadow:var(--keypad-shadow)!important}.account-modal-page button.keypad-btn.accent{color:#ff6b6b!important;font-weight:600!important}.account-modal-page button.keypad-btn:active{filter:brightness(.9);transform:scale(.95)}.minimal-theme .account-input-sheet{box-shadow:0 -10px 40px #00000014!important;background:var(--bg-color)!important}.minimal-theme .account-modal-page button.save-btn{background:var(--accent-color)!important;color:#fff!important;border:none!important;box-shadow:0 4px 15px #1dd1a14d!important;border-radius:16px!important}
