#boot-fallback{display:none;position:fixed;inset:0;background:#000;color:#fff;font-family:system-ui,-apple-system,sans-serif;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;z-index:99999}#boot-fallback.visible{display:flex}#boot-fallback h2{margin:0 0 8px;font-size:20px}#boot-fallback p{margin:0 0 24px;opacity:.7;font-size:14px}#boot-fallback button{background:#ff7a00;color:#fff;border:none;padding:14px 28px;font-size:15px;font-weight:600;border-radius:30px;cursor:pointer}.boot-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.2);border-top-color:#ff7a00;border-radius:50%;animation:boot-spin 1s linear infinite;margin-bottom:20px}@keyframes boot-spin{to{transform:rotate(360deg)}}:root{--background: #000000;--surface: #0d0d0d;--card: #161616;--text-primary: #ffffff;--text-secondary: #c8c8c8;--primary: #ff7a00;--primary-hover: #e56700;--border: #222222;--radius: 12px;--shadow: 0 4px 14px rgba(0, 0, 0, .5);--header-height: 70px;--bottom-nav-height: 60px;--tap-size: 48px;--safe-area-bottom: env(safe-area-inset-bottom, 0px)}*{margin:0;padding:0;box-sizing:border-box}body,html,#root{background:var(--background);color:var(--text-primary);font-family:Inter,sans-serif;min-height:100%;overscroll-behavior-y:none}body.app{overflow-x:hidden;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;padding-bottom:calc(var(--bottom-nav-height) + var(--safe-area-bottom))}@media(hover:none){body.app *:hover{background-color:inherit;transform:none;box-shadow:inherit}body.app *:active{opacity:.7}}body.app ::-webkit-scrollbar{display:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:var(--surface);border-radius:6px}button{cursor:pointer;font-family:inherit}.card{background:var(--card);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow)}@keyframes loadingBar{0%{transform:translate(0)}to{transform:translate(130%)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}a{color:inherit;text-decoration:none}@keyframes pulseRing{0%{transform:scale(.8);opacity:.8}to{transform:scale(1.5);opacity:0}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes techLoad{0%{left:-100%}50%{left:0%}to{left:100%}}@keyframes pulseRing{0%{transform:scale(.6);opacity:1;box-shadow:0 0 #ff7a00b3}to{transform:scale(1.4);opacity:0;box-shadow:0 0 0 20px #ff7a0000}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes loadingBar{0%{transform:translate(0)}to{transform:translate(120%)}}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.bottom-nav{position:fixed;bottom:0;left:0;width:100%;height:calc(var(--bottom-nav-height) + var(--safe-area-bottom));background:#0a0a0af2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--border);display:flex;justify-content:space-around;align-items:center;padding-bottom:var(--safe-area-bottom);z-index:9999;box-shadow:0 -5px 20px #00000080}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);text-decoration:none;gap:4px;transition:all .2s ease;padding:8px 0}.nav-item.active{color:var(--primary)}.nav-icon{font-size:24px;margin-bottom:2px}.nav-label{font-size:10px;font-weight:600;letter-spacing:.3px}.nav-item:after{content:"";position:absolute;min-width:48px;min-height:48px}