:root{--bg:#0a0c0f;--bg-elevated:#101318;--surface:#ffffff0d;--surface-strong:#ffffff17;--surface-input:#ffffff0f;--border:#ffffff14;--border-strong:#ffffff24;--text:#f4f6f8;--text-muted:#ffffff8c;--text-faint:#ffffff59;--accent:#fff;--on-accent:#0b0d0f;--success:#4ade80;--success-dim:#4ade8026;--danger:#f87171;--danger-dim:#f8717126;--warning:#fbbf24;--warning-dim:#fbbf2426;--glass-bg:#12151ab8;--glass-blur:24px;--glass-border:#ffffff1a;--glass-shadow:0 8px 32px #00000073;--tg-bg:var(--bg);--tg-text:var(--text);--tg-hint:var(--text-muted);--tg-link:var(--text);--tg-button:var(--accent);--tg-button-text:var(--on-accent);--tg-secondary-bg:var(--surface);--tg-section-bg:var(--surface);--tg-section-separator:var(--border);--tg-destructive:var(--danger);--tg-accent:var(--text);--nav-height:64px;--header-height:48px;--safe-bottom:env(safe-area-inset-bottom,0px);--safe-top:env(safe-area-inset-top,0px);--radius-sm:12px;--radius-md:16px;--radius-lg:20px;--radius-xl:24px;--radius-pill:999px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;min-height:100vh;width:100%;min-height:100dvh}#root{width:100%;height:100%}body{background:var(--bg);color:var(--tg-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}a{color:var(--tg-link);text-decoration:none}button{cursor:pointer;font:inherit;color:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:none}input,textarea,select{font:inherit;color:inherit;border:1px solid var(--border);background:var(--surface-input);border-radius:var(--radius-sm);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;outline:none;width:100%;padding:12px 14px;transition:border-color .15s,background .15s}input:focus,textarea:focus,select:focus{border-color:var(--border-strong);background:var(--surface-strong)}textarea{resize:vertical;min-height:80px}input::placeholder,textarea::placeholder{color:var(--tg-hint)}.scrollable{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;overflow-y:auto}.scrollable::-webkit-scrollbar{width:4px}.scrollable::-webkit-scrollbar-track{background:0 0}.scrollable::-webkit-scrollbar-thumb{background:var(--tg-hint);border-radius:4px}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.tg-profile-red{background:linear-gradient(135deg,#ff5053,#e53935)}.tg-profile-orange{background:linear-gradient(135deg,#ff9800,#f57c00)}.tg-profile-violet{background:linear-gradient(135deg,#ab47bc,#8e24aa)}.tg-profile-green{background:linear-gradient(135deg,#4caf50,#388e3c)}.tg-profile-cyan{background:linear-gradient(135deg,#00bcd4,#0097a7)}.tg-profile-blue{background:linear-gradient(135deg,#2aabee,#229ed9)}.tg-profile-pink{background:linear-gradient(135deg,#ec407a,#d81b60)}