:root{--bg-app:#060606;--bg-app-deep:#020202;--bg-surface:#0b0b0de0;--bg-surface-strong:#0f0f12f7;--bg-surface-soft:#ffffff09;--line-soft:#ffffff14;--line-strong:#e8fc4e33;--text-main:#edf2f7;--text-muted:#929292;--text-faint:#606060;--accent-lime:#e8fc4e;--accent-gold:#d4a83f;--accent-green:#34d399;--accent-red:#ef4444;--shadow-panel:0 16px 44px #00000057;--shadow-floating:0 12px 30px #00000047}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{background:radial-gradient(circle at top,#e8fc4e1f,transparent 26%),radial-gradient(circle at 80% 16%,#d4a83f14,transparent 20%),linear-gradient(180deg,var(--bg-app)0%,var(--bg-app-deep)100%);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}body{min-height:100vh}::-webkit-scrollbar{width:0;height:0}input,textarea,button,select{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}input[type=range]{appearance:none;background:#192333;border-radius:3px;outline:none;width:100%;height:5px}input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#e8fc4e;border:3px solid #101830;border-radius:50%;width:22px;height:22px}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}a{color:inherit;text-decoration:none}button{color:inherit}.hide-scrollbar{scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.app-shell{box-shadow:var(--shadow-panel);background:radial-gradient(circle at top,#e8fc4e14,#0000 22%),linear-gradient(#060606fc 0%,#030304fc 100%);border-left:1px solid #ffffff08;border-right:1px solid #ffffff08}.glass-header{z-index:50;padding-top:max(env(safe-area-inset-top),12px);-webkit-backdrop-filter:blur(22px)saturate(180%);border-bottom:1px solid var(--line-strong);background:linear-gradient(#0a0a0cf5,#0a0a0cc7),radial-gradient(circle at top,#e8fc4e14,#0000 46%);justify-content:space-between;align-items:center;gap:14px;padding-bottom:12px;padding-left:16px;padding-right:16px;display:flex;position:sticky;top:0}.brand-link{align-items:center;gap:10px;min-width:0;display:inline-flex}.brand-mark{background:linear-gradient(135deg,#f3ff91 0%,var(--accent-lime)60%,#bfd433 100%);color:#06101b;border-radius:11px;justify-content:center;align-items:center;width:34px;height:34px;font-family:Dela Gothic One,sans-serif;font-size:11px;display:flex;box-shadow:0 8px 24px #e8fc4e47}.brand-wordmark{letter-spacing:.01em;color:#fff;text-shadow:0 0 10px #ffffff0a;font-family:Dela Gothic One,sans-serif;font-size:22px;font-weight:400;line-height:1;display:block}.brand-subtitle{color:#e8fc4e8f;letter-spacing:.14em;text-transform:uppercase;margin-top:3px;font-size:10px;font-weight:600;display:block}.icon-button{background:#e8fc4e0a;border:1px solid #ffffff14;border-radius:13px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex;box-shadow:inset 0 1px #ffffff0a}.bottom-nav{left:50%;bottom:max(env(safe-area-inset-bottom),8px);-webkit-backdrop-filter:blur(26px)saturate(180%);z-index:60;background:linear-gradient(#0b0b0dd1,#08080ac7),radial-gradient(circle at 50% 0,#e8fc4e14,#0000 55%);border:1px solid #ffffff14;border-radius:30px;align-items:center;gap:6px;width:calc(100% - 24px);max-width:500px;padding:10px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 16px 40px #0000007a,inset 0 1px #ffffff08}.bottom-nav-item{appearance:none;color:#ffffff7a;background:0 0;border:0;border-radius:20px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;min-width:0;padding:9px 6px;transition:all .2s;display:flex}.bottom-nav-item.active{color:var(--accent-lime);background:linear-gradient(#ffffff0f,#e8fc4e14);box-shadow:inset 0 1px #ffffff0d,0 0 24px #e8fc4e14}@supports (padding-bottom:env(safe-area-inset-bottom)){.nav-bottom{padding-bottom:calc(16px + env(safe-area-inset-bottom))!important}}input,textarea,select{font-size:16px!important}@media screen and (max-width:520px){input,textarea,select{font-size:16px!important}}
