:root{--Button-Secondary-Icon: #f2f2f2;--Button-Secondary-Default-Text: #f2f2f2;--Button-Secondary-Default-Background-subtle: rgba(15, 23, 42, .72);--Button-Secondary-Default-Border: rgba(148, 163, 184, .6);--Text-Heading-Strong: #e5ecff;--Text-Heading-Medium: rgba(148, 163, 184, .9);--Input-Default-Text: rgba(148, 163, 184, .9);--Background-Lift-8: rgba(15, 23, 42, .72);--Border-Subtle: rgba(56, 189, 248, .45);--accent-glow: #38bdf8;--modal-width: min(420px, 92vw);--screen-compact-max: 768px}*,*:before,*:after{box-sizing:border-box}html{height:100%}body{margin:0;min-height:100%;font-family:Inter,system-ui,-apple-system,sans-serif;background:radial-gradient(circle at 0% 0%,rgba(56,189,248,.22) 0,transparent 55%),radial-gradient(circle at 100% 0%,rgba(59,130,246,.35) 0,transparent 55%),radial-gradient(circle at 50% 120%,#0f172ae6 0,#020617 60%);color:var(--Text-Heading-Strong);-webkit-font-smoothing:antialiased}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.auth-card{width:100%;max-width:360px;background:var(--Background-Lift-8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;border:1px solid var(--Border-Subtle);padding:32px}.auth-card--wide{max-width:min(440px,92vw)}.auth-card h1{margin:0 0 24px;font-size:24px;font-weight:500}.auth-card form{display:flex;flex-direction:column;gap:14px}.auth-field{display:flex;flex-direction:column;gap:6px;align-items:stretch}.auth-field label{font-size:13px;font-weight:500;color:var(--Text-Heading-Medium)}.auth-field-hint{font-weight:400;opacity:.88}.auth-card input{padding:12px 16px;background:#f2f2f214;border:1px solid var(--Button-Secondary-Default-Border);border-radius:12px;color:var(--Text-Heading-Strong);font-size:16px}.auth-card input::placeholder{color:var(--Input-Default-Text)}.auth-card select{padding:12px 16px;background:#f2f2f214;border:1px solid var(--Button-Secondary-Default-Border);border-radius:12px;color:var(--Text-Heading-Strong);font-size:16px;font-family:inherit;cursor:pointer;appearance:none;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.auth-card select option{background:#0f172a;color:var(--Text-Heading-Strong)}.auth-card .error{margin:0;color:#f87171;font-size:14px}.auth-card button{padding:12px;background:var(--accent-glow);color:#0a0a0a;border:none;border-radius:12px;font-size:16px;font-weight:500;cursor:pointer}.auth-card button:disabled{opacity:.7;cursor:not-allowed}.auth-card .link{margin:16px 0 0;text-align:center}.auth-card .link a{color:var(--accent-glow)}.frame{display:flex;width:100%;height:100vh;overflow:hidden;position:relative}.frame .content{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}@media(max-width:768px){.frame{height:100dvh}.frame .content{width:100%}}.messages,.contacts{scrollbar-width:thin;scrollbar-color:rgba(56,189,248,.65) rgba(2,6,23,.55)}.messages::-webkit-scrollbar,.contacts::-webkit-scrollbar{width:12px;height:12px}.messages::-webkit-scrollbar-track,.contacts::-webkit-scrollbar-track{background:#0206178c}.messages::-webkit-scrollbar-thumb,.contacts::-webkit-scrollbar-thumb{background-color:#38bdf880;border-radius:999px;border:2px solid rgba(2,6,23,.75)}.messages::-webkit-scrollbar-thumb:hover,.contacts::-webkit-scrollbar-thumb:hover{background-color:#38bdf8b8}