*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#080810;--accent:#7850ff;--text:#fff;--text-muted:#fff6;--glass-border:#ffffff17;--glass-bg:#ffffff0d;--glass-hover:#ffffff12;--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", sans-serif;--navbar-height:60px;--sidebar-width:64px;--transition:.15s ease}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}input,textarea,button{font-family:var(--font)}input::placeholder,textarea::placeholder{color:#ffffff4d}*{-webkit-tap-highlight-color:transparent}.app-root{position:fixed;inset:0;overflow:hidden}.desktop-navbar{height:var(--navbar-height);z-index:100;border-bottom:1px solid var(--glass-border);-webkit-backdrop-filter:blur(32px)saturate(180%);background:#080812bf;justify-content:space-between;align-items:center;padding:0 1.5rem;display:none;position:fixed;top:0;left:0;right:0;box-shadow:0 1px #ffffff12,0 4px 24px #0000004d}.desktop-navbar-logo{align-items:center;gap:10px;display:flex}.desktop-navbar-right{align-items:center;gap:12px;display:flex}.desktop-navbar-btn{border:1px solid var(--glass-border);color:#ffffffa6;cursor:pointer;width:38px;height:38px;transition:background var(--transition), color var(--transition);background:#ffffff12;border-radius:50%;justify-content:center;align-items:center;display:flex}.desktop-navbar-btn:hover{color:#fff;background:#ffffff1f}.desktop-navbar-avatar{border:1px solid var(--glass-border);cursor:pointer;transition:background var(--transition);background:#ffffff12;border-radius:30px;align-items:center;gap:8px;padding:4px 12px 4px 4px;display:flex}.desktop-navbar-avatar:hover{background:#ffffff1f}.tab-bar-wrap{bottom:calc(env(safe-area-inset-bottom,0px) + 10px);z-index:100;position:fixed;left:12px;right:12px}.tab-bar{-webkit-backdrop-filter:blur(40px)saturate(180%);background:#0e0e16d1;border:1px solid #ffffff21;border-radius:28px;align-items:center;padding:5px;display:flex;box-shadow:0 8px 32px #00000073,0 2px 8px #00000040,inset 0 1px #ffffff1a,inset 0 -1px #00000026}.tab-btn{cursor:pointer;touch-action:manipulation;color:#fff6;background:0 0;border:none;border-radius:22px;flex:1;justify-content:center;align-items:center;height:49px;padding:0;transition:color .22s,background .15s;display:flex}.tab-btn.active{color:#7850ff}.tab-btn svg{color:inherit}.tab-label{display:none}.content-area{position:fixed;inset:0;overflow:hidden}.empty-tab{height:100%;color:var(--text-muted);justify-content:center;align-items:center;font-size:15px;display:flex}.spinner{border:3px solid #7c3aed40;border-top-color:#7c3aed;border-radius:50%;width:36px;height:36px;animation:.75s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@media (width>=769px){.page-scroll-wrap{padding-bottom:0!important}.desktop-navbar{display:flex}.tab-bar-wrap{left:1rem;top:calc(var(--navbar-height) + 1.25rem);width:var(--sidebar-width);position:fixed;bottom:auto;right:auto}.tab-bar{-webkit-backdrop-filter:blur(24px)saturate(180%);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:20px;flex-direction:column;gap:.2rem;padding:.5rem;box-shadow:0 8px 40px #00000059,inset 0 1px #ffffff14}.tab-btn{border-radius:14px;flex:none;justify-content:center;width:100%;height:auto;padding:.7rem}.tab-btn:hover{color:#fff;background:#ffffff12}.tab-btn.active{color:#7850ff;background:#7850ff33}.content-area{top:var(--navbar-height);left:calc(var(--sidebar-width) + 2rem)}}