*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}button,input,textarea,select{font-family:inherit}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}:root{--grad: linear-gradient(180deg, #5C4F94 0%, #D0A8A8 66%, #5C4F94 100%);--topbar: rgba(74, 63, 130, .72);--accent: rgba(92, 79, 148, .72);--accent2: rgba(92, 79, 148, .42);--bubble-in: rgba(255,255,255,.9);--bubble-out: rgba(92, 70, 148, .72);--white: #fff;--white70: rgba(255,255,255,.7);--white50: rgba(255,255,255,.5);--white30: rgba(255,255,255,.3);--white20: rgba(255,255,255,.2);--text-in: #2a2040;--online: #2ecc71;--danger: #e74c3c}html,body,#root{height:100%;font-family:Comfortaa,Segoe UI,sans-serif;background:var(--grad);min-height:100vh}.screen{min-height:100vh;display:flex;flex-direction:column;background:transparent}.topbar{background:var(--topbar);flex-shrink:0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar-inner{max-width:680px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;gap:10px}.topbar-title{flex:1;color:var(--white);font-size:17px;font-weight:600;letter-spacing:.3px}.topbar-dots{display:flex;gap:5px}.topbar-dot{width:8px;height:8px;background:#fff;border-radius:50%}.back-btn{background:none;border:none;color:var(--white70);font-size:28px;cursor:pointer;padding:0 8px 0 0;line-height:1}.pill{background:#611a5e42;border:none;border-radius:26px;padding:0 28px;height:48px;color:#fff;font-size:13pt;font-family:Comfortaa,sans-serif;font-weight:700;cursor:pointer;transition:background .2s;display:inline-flex;align-items:center;justify-content:center}.pill:hover{background:#611a5e6b}.glass-input{width:100%;background:#9480ac61;border:1.5px solid var(--white70);border-radius:32px;padding:14px 22px;font-size:15px;color:#fff;font-family:inherit;outline:none}.glass-input::placeholder{color:var(--white50)}.ul-input{background:none;border:none;border-bottom:1.5px solid var(--white50);padding:6px 0;font-size:15px;color:#fff;font-family:inherit;outline:none;width:100%}.ul-input::placeholder{color:var(--white50)}.online-dot{width:12px;height:12px;background:var(--online);border-radius:50%;flex-shrink:0}.bday-box{background:var(--accent2);border-radius:12px;padding:8px 12px;color:#fff;font-size:15px;font-weight:500;min-width:48px;text-align:center}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--white30);border-radius:2px}.avatar-circle{border-radius:50%;background:#c8a0d273;object-fit:cover;flex-shrink:0}.divider{width:100%;height:1px;background:#aa82be61}