:root{--app-font: "Manrope", "Avenir Next", "Segoe UI", Arial, sans-serif;--fun-font: "Newsreader", "Manrope", Georgia, serif;--bg: #12100e;--card-bg: #1c1916;--text: #efe7da;--lead: #faf3e7;--muted: #b9aa95;--accent: #cf7f5f;--accent-2: #8f5f4f;--danger: #d87870;--success: #8cab8b;--stroke: rgba(239, 229, 212, .16);--glass: rgba(29, 24, 20, .82);--btn-primary-bg: #cf7f5f;--btn-primary-fg: #23160f;--btn-surface-bg: rgba(252, 243, 228, .05);--btn-surface-fg: #efe7da;--btn-surface-border: rgba(239, 229, 212, .22);--r-sm: 10px;--r-md: 14px;--r-lg: 22px;--gap-xs: 6px;--gap-sm: 12px;--gap-md: 18px;--gap-lg: 28px;--shadow-soft: 0 12px 28px rgba(14, 10, 8, .38);--shadow-strong: 0 24px 54px rgba(14, 10, 8, .56);--motion-fast: .12s;--motion-default: .18s;--motion-ease: cubic-bezier(.2,.9,.3,1)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--app-font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.45}button,input,textarea,select{font:inherit;color:inherit}.app-center{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:28px 20px}.h1{font-family:var(--fun-font);font-size:2.4rem;line-height:1.02;margin:0;color:var(--lead)}.h2{font-family:var(--app-font);font-size:1.4rem;margin:0;color:var(--text)}.lead{font-size:1rem;color:var(--muted);margin:0}.text-muted{color:var(--muted)}.center{text-align:center}.row{display:flex;gap:var(--gap-sm);align-items:center}.col{display:flex;flex-direction:column;gap:var(--gap-sm)}.card{background:var(--card-bg);border-radius:var(--r-lg);padding:20px;box-shadow:var(--shadow-soft);width:100%;max-width:420px}:where(.signup-card,.signup-preview-card,.login-verify-card,.auth-aux-card,.circle-head,.pass-mini,.connections-card,.notifications-head,.notifications-card,.drop-card,.profile-header,.about-card,.profile-post-card,.settings-section,.admin-head,.admin-card){position:relative;overflow:hidden;isolation:isolate}:where(.signup-card,.signup-preview-card,.login-verify-card,.auth-aux-card,.circle-head,.pass-mini,.connections-card,.notifications-head,.notifications-card,.drop-card,.profile-header,.about-card,.profile-post-card,.settings-section,.admin-head,.admin-card):before{content:"";position:absolute;inset:-42% -34%;background:radial-gradient(320px circle at 50% 24%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 66%);opacity:0;transition:opacity var(--motion-default) var(--motion-ease);pointer-events:none;z-index:0}:where(.signup-card,.signup-preview-card,.login-verify-card,.auth-aux-card,.circle-head,.pass-mini,.connections-card,.notifications-head,.notifications-card,.drop-card,.profile-header,.about-card,.profile-post-card,.settings-section,.admin-head,.admin-card):hover:before{opacity:1}:where(.signup-card,.signup-preview-card,.login-verify-card,.auth-aux-card,.circle-head,.pass-mini,.connections-card,.notifications-head,.notifications-card,.drop-card,.profile-header,.about-card,.profile-post-card,.settings-section,.admin-head,.admin-card)>*{position:relative;z-index:1}@media(hover:none){:where(.signup-card,.signup-preview-card,.login-verify-card,.auth-aux-card,.circle-head,.pass-mini,.connections-card,.notifications-head,.notifications-card,.drop-card,.profile-header,.about-card,.profile-post-card,.settings-section,.admin-head,.admin-card):before{opacity:0!important}}@keyframes rbFadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.rb-fade-in{animation:rbFadeUp .28s var(--motion-ease) both}@media(prefers-reduced-motion:reduce){.rb-fade-in{animation:none}}.label{font-size:.88rem;font-weight:620;color:var(--muted);margin-bottom:6px;font-family:var(--app-font)}.input{width:100%;border-radius:12px;padding:12px 14px;border:1px solid var(--stroke);background:var(--card-bg);font-size:.96rem;color:var(--text);transition:box-shadow var(--motion-default) var(--motion-ease),transform var(--motion-fast) var(--motion-ease),border-color var(--motion-fast) var(--motion-ease)}.input::-moz-placeholder{color:color-mix(in srgb,var(--muted) 85%,transparent);opacity:1}.input::placeholder{color:color-mix(in srgb,var(--muted) 85%,transparent);opacity:1}.input:focus{outline:none;border-color:color-mix(in srgb,var(--accent-2) 45%,transparent);box-shadow:0 6px 18px #0f172029;transform:translateY(-1px)}.hint{font-size:.82rem;color:var(--muted)}.hint.small{font-size:.75rem}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--control-radius, 11px);min-height:var(--control-h, 36px);padding:0 var(--control-px, 14px);font-weight:610;font-size:clamp(.82rem,1.7vw,.94rem);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-decoration:none;transition:transform var(--motion-fast) var(--motion-ease),box-shadow var(--motion-default) var(--motion-ease),opacity var(--motion-fast),background var(--motion-fast)}.btn:hover,.btn:focus,.btn:visited{text-decoration:none}.btn:active{transform:translateY(1px) scale(.995)}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-fg)!important;border:none;box-shadow:var(--shadow-soft)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 14px 30px #0f172047}.btn-outline{background:var(--btn-surface-bg);color:var(--btn-surface-fg)!important;border:1px solid var(--btn-surface-border);box-shadow:var(--shadow-soft)}.btn-outline:hover{transform:translateY(-1px);box-shadow:0 14px 30px #0f17203d;background:color-mix(in srgb,var(--btn-surface-bg) 92%,white)}.text-link{background:transparent;border:none;color:var(--muted);font-weight:700;font-size:.92rem;cursor:pointer}.text-link.strong{color:var(--text)}.motion-pop{transition:transform var(--motion-default) var(--motion-ease),opacity var(--motion-fast);transform-origin:center}.haptic{transition:transform var(--motion-fast) var(--motion-ease)}.haptic:active{transform:translateY(1px)}.modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0006;z-index:9999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal-card{background:var(--card-bg);border-radius:14px;padding:18px;width:calc(100% - 48px);max-width:720px;box-shadow:var(--shadow-strong)}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-footer{font-size:.86rem;color:var(--muted);text-align:center;margin-top:18px}.toast-text{color:var(--lead)}html,body,#root{height:100%;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg, #12100e);color:var(--text, #efe7da);font-family:var(--app-font, "Manrope", "Avenir Next", "Segoe UI", Arial, sans-serif)}