*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(160deg,#3a1c71,#d76d77,#ffaf7b);display:flex;justify-content:center;align-items:center}.app-bg{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.chat-shell{position:relative;background:radial-gradient(circle at top left,#2a2233,#0b0711);border-radius:32px;box-shadow:0 22px 45px #000000a6;padding:16px 18px 14px;display:flex;flex-direction:column;justify-content:space-between;width:min(520px,92vw);height:min(760px,92vh);color:#fdf0ff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:1}.top-bar{display:flex;align-items:center;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.08);gap:12px}.avatar-wrapper{flex-shrink:0}.avatar-main{width:48px;height:48px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid rgba(255,255,255,.7)}.top-text{display:flex;flex-direction:column;gap:2px;color:#fff;flex:1}.companion-name{font-weight:600;font-size:17px}.companion-status{font-size:13px;color:#f6d1ff;display:flex;align-items:center;gap:6px}.status-dot{width:8px;height:8px;border-radius:50%;background:#4cff9c}.mode-toggle{display:flex;gap:6px}.mode-btn{border:none;font-size:11px;padding:6px 8px;border-radius:999px;background:#ffffff12;color:#fefefe;cursor:pointer}.mode-btn.active{background:linear-gradient(135deg,#ff9a9e,#fecfef);color:#401a3e;font-weight:600}.messages-area{flex:1;padding:16px 12px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.messages-area::-webkit-scrollbar{width:6px}.messages-area::-webkit-scrollbar-track{background:transparent}.messages-area::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:999px}.bubble-row{display:flex;align-items:flex-end;gap:8px}.bubble-row.me{justify-content:flex-end}.bubble-row.companion{justify-content:flex-start}.avatar-small{width:32px;height:32px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:1px solid rgba(255,255,255,.5)}.bubble{max-width:72%;padding:10px 12px;border-radius:15px;font-size:14px;line-height:1.4;position:relative;display:inline-flex;flex-direction:column;gap:4px}.bubble-photo{max-width:100%}.bubble-photo-only{max-width:min(520px,96vw);width:100%;padding:0;background:transparent;box-shadow:none}.bubble-photo-img{display:block;width:100%;height:auto;border-radius:18px;margin-top:4px}.bubble-row.companion .bubble-photo-only{align-self:flex-start}.bubble-row.me .bubble-photo-only{align-self:flex-end}.bubble-companion{background:#ffc2e0f2;color:#4a1340;border-bottom-left-radius:4px;box-shadow:0 6px 20px #ff78be59}.bubble-me{background:linear-gradient(135deg,#6ec0ff,#a5b6ff);color:#fff;border-bottom-right-radius:4px;box-shadow:0 6px 20px #0096ff59}.bubble-time{font-size:11px;opacity:.7;align-self:flex-end}.typing-bubble{padding:8px 12px;display:inline-flex;align-items:center;gap:4px}.typing-dot{width:6px;height:6px;border-radius:50%;background:#b14f85;animation:typing 1.2s infinite ease-in-out}@keyframes typing{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-4px);opacity:1}}.input-strip{padding:10px 12px 14px;border-top:1px solid rgba(255,255,255,.07);display:flex;gap:8px;align-items:center;background:linear-gradient(0deg,rgba(0,0,0,.6),transparent)}.input-strip input{flex:1;padding:11px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:#141423e6;color:#fdfdfd;font-size:14px;outline:none}.input-strip input::-moz-placeholder{color:#fff9}.input-strip input::placeholder{color:#fff9}.send-btn{width:42px;height:42px;border-radius:50%;border:none;background:radial-gradient(circle at 30% 0%,#fff2f2,#ff6f91);color:#3c1232;font-size:20px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 10px 25px #ff71b599}.send-btn:disabled{opacity:.5;box-shadow:none;cursor:default}.companion-choose{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.companion-choose-card{width:100%;max-width:780px;background:radial-gradient(circle at top left,#ff4f7a33,#0b0612 60%);border-radius:24px;padding:24px 22px;border:1px solid rgba(255,255,255,.12);box-shadow:0 22px 60px #000000bf}.companion-choose-card h1{font-size:24px;margin-bottom:6px}.companion-choose-sub{font-size:13px;opacity:.8;margin-bottom:18px}.companion-choose-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.companion-choice{border-radius:20px;padding:12px;border:1px solid rgba(255,255,255,.18);background:#0a0814e6;display:flex;align-items:center;gap:10px;cursor:pointer;text-align:left;transition:transform .15s ease,box-shadow .15s ease,border .15s ease,background .15s ease}.companion-choice.gia{background:radial-gradient(circle at top left,#ff4f7a44,#120616 60%)}.companion-choice.gio{background:radial-gradient(circle at top left,#7a8cff44,#070a18 60%)}.companion-choice:hover{transform:translateY(-2px);box-shadow:0 14px 40px #0009;border-color:#ffffff4d}.companion-choice.active{box-shadow:0 16px 50px #ff4f7a80;border-color:#ff4f7a}.companion-choice-avatar-wrap{flex-shrink:0}.companion-choice-avatar{width:54px;height:54px;border-radius:999px;-o-object-fit:cover;object-fit:cover;border:2px solid rgba(255,255,255,.85)}.companion-choice-text{display:flex;flex-direction:column;gap:3px;font-size:12px}.companion-choice-name{font-weight:600;font-size:14px}.companion-choice-tagline{opacity:.9}.companion-choice-label{font-size:11px;opacity:.85}@media (max-width: 768px){.companion-choose{padding:16px}.companion-choose-card{padding:20px 16px}.companion-choose-card h1{font-size:20px}.companion-choose-grid{grid-template-columns:1fr}.companion-choice-avatar{width:50px;height:50px}}@media (max-width: 420px){.chat-shell{width:100%;height:100%;border-radius:0}}.mic-btn{width:42px;height:42px;border-radius:50%;border:none;margin-right:6px;background:#ffffff14;color:#fefefe;font-size:20px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.mic-btn.active{background:radial-gradient(circle at 30% 0%,#ffe8e8,#ff4d6a);box-shadow:0 0 18px #ff4d6acc}.auth-container{width:100%;max-width:350px;margin:120px auto;padding:20px;background:#fffd;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:14px;display:flex;flex-direction:column;gap:12px;box-shadow:0 4px 20px #0003}.auth-container input{width:100%;padding:10px 14px;margin-bottom:10px;border-radius:8px;border:1px solid #ccc}.auth-container button{width:100%;padding:10px;margin-top:6px;background:#6b46c1;color:#fff;font-weight:700;border-radius:8px;cursor:pointer}.onboarding-wrapper{min-height:100vh;display:grid;place-items:center}.onboarding-card{width:min(92vw,640px);background:#0a0a14e6;color:#fff;padding:28px;border-radius:18px;box-shadow:0 20px 60px #00000059;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.onboarding-title{margin:0 0 6px;font-size:24px}.onboarding-sub{opacity:.8;margin:0 0 18px}.onboarding-form{display:grid;gap:12px}.onb-label{font-size:14px;opacity:.8}.onb-input{padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#fff;outline:none}.onb-input:focus{border-color:#ffffff4d}.onb-btn{margin-top:8px;padding:12px 16px;border-radius:12px;border:none;background:#2563eb;color:#fff;cursor:pointer}.onb-btn:disabled{opacity:.6;cursor:not-allowed}.onboarding-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.onboarding-card{width:100%;max-width:560px;background:#0a0a14e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:28px;box-shadow:0 20px 60px #00000059;color:#f1f3f7}.onboarding-card h2{margin:0 0 6px;font-size:24px;font-weight:700}.onboarding-card .sub{margin:0 0 22px;color:#c6cada;font-size:14px}.onboarding-card label{display:block;font-size:14px;margin:12px 0 8px;color:#cfd3e1}.onboarding-card input,.onboarding-card select,.onboarding-card textarea{width:100%;padding:12px 14px;border:1px solid rgba(255,255,255,.07);background:#ffffff08;color:#f1f3f7;border-radius:12px;outline:none;transition:border-color .2s ease}.onboarding-card input:focus,.onboarding-card select:focus,.onboarding-card textarea:focus{border-color:#8aa4ff}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.btn-primary{margin-top:16px;width:100%;padding:12px 16px;border:none;border-radius:12px;background:linear-gradient(135deg,#8a7bff,#ff7eb3);color:#fff;font-weight:700;cursor:pointer;transition:transform .06s ease,filter .2s ease}.btn-primary:active{transform:translateY(1px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.form-error{margin-top:8px;padding:10px 12px;border-radius:10px;background:#ff505024;border:1px solid rgba(255,80,80,.35);color:#ffd6d6;font-size:13px}.paywall-hint{margin:12px 16px 0;padding:12px 14px;border-radius:12px;background:#ffd8781f;border:1px solid rgba(255,216,120,.4);color:#ffe7b1;font-size:14px}.loading{margin:60px auto;padding:16px 18px;max-width:360px;background:#0a0a14d9;color:#dfe4ff;border:1px solid rgba(255,255,255,.06);border-radius:12px;text-align:center;box-shadow:0 10px 30px #00000040}.top-bar{position:relative}.top-right{margin-left:auto;display:flex;align-items:center;gap:.75rem}.menu-button{width:40px;height:40px;border-radius:999px;border:none;background:#0f0f1ee6;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;transition:background .18s ease,transform .12s ease}.menu-button:hover{background:#1e1e3cf2;transform:translateY(-1px)}.menu-bar{width:18px;height:2px;border-radius:999px;background:#fff;margin:2px 0}.menu-dropdown{position:absolute;top:50%;right:6vw;transform:translateY(-50%);width:320px;max-width:80vw;background:radial-gradient(circle at top left,#382232,#13050c);border-radius:28px;padding:20px 22px 18px;box-shadow:0 22px 45px #000000bf;display:flex;flex-direction:column;gap:16px;color:#ffeefc;font-size:.86rem}.menu-section{padding-bottom:.6rem;margin-bottom:.6rem;border-bottom:1px solid rgba(255,255,255,.06)}.menu-title{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:#fff9;margin-bottom:.25rem}.menu-line{font-size:.9rem;color:#f5f5ff}.menu-line.small{font-size:.78rem;color:#e6e6ffcc}.menu-item{width:100%;border:none;background:#f25d9c;color:#fff;padding:.45rem .7rem;border-radius:.7rem;font-size:.85rem;margin-top:.25rem;cursor:pointer;transition:background .16s ease,transform .08s ease}.menu-item:hover{background:#ff75b2;transform:translateY(-1px)}.menu-item.secondary{background:transparent;color:#e6e6ffd9;border:1px solid rgba(255,255,255,.18)}.menu-item.secondary:hover{background:#ffffff0f}.privacy-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;justify-content:center;align-items:center;z-index:30}.privacy-modal{background:#050514;padding:1.6rem 1.8rem;max-width:720px;max-height:80vh;overflow-y:auto;border-radius:1.2rem;box-shadow:0 20px 50px #000000b3;color:#f7f7ff}.privacy-modal h2{margin-top:0;margin-bottom:.6rem;font-size:1.3rem}.privacy-modal p{font-size:.9rem;line-height:1.55;margin-bottom:.7rem;color:#ebebffe6}.privacy-close-btn{margin-top:.4rem;border:none;border-radius:.8rem;padding:.45rem .9rem;background:#f25d9c;color:#fff;cursor:pointer;font-size:.9rem;float:right}.privacy-close-btn:hover{background:#ff75b2}.app-layout{position:relative;display:flex;align-items:center;justify-content:center;gap:32px}.menu-hamburger{margin-left:8px;border:none;background:#00000059;color:#fff;width:32px;height:32px;border-radius:999px;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center}.side-menu{position:absolute;right:-280px;top:50%;transform:translateY(-50%);width:260px;height:80vh;background:#000000bf;border-radius:26px;padding:20px 18px;box-shadow:0 12px 40px #0009;color:#f9e9ff;display:flex;flex-direction:column;justify-content:space-between;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:right .25s ease-out;z-index:5}.side-menu.open{right:-10px}.side-menu-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.side-menu-header h2{font-size:1.1rem;font-weight:600}.side-menu-close{border:none;background:transparent;color:#fff;font-size:22px;cursor:pointer}.side-menu-section{margin:10px 0}.side-menu-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;opacity:.7}.side-menu-main{font-size:1rem;font-weight:600}.side-menu-sub{font-size:.8rem;opacity:.8}.side-menu-list{list-style:none;padding-left:0;margin:6px 0 0;font-size:.85rem}.side-menu-list li{margin-bottom:4px}.side-menu-logout{align-self:flex-start;margin-top:12px;background:linear-gradient(135deg,#ff6b81,#ff4b6a);color:#fff;border:none;border-radius:999px;padding:6px 14px;font-size:.78rem;font-weight:500;box-shadow:0 10px 20px #ff4b6a47;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.side-menu-footer{display:flex;flex-direction:column;gap:4px;font-size:.75rem;opacity:.8}.link-button{background:none;border:none;padding:0;text-align:left;color:#f9e9ff;cursor:pointer;font:inherit}.link-button:hover{transform:translateY(-1px);text-decoration:underline}.side-menu:active{transform:translateY(0);box-shadow:0 6px 14px #ff4b6a40;opacity:.9}@media (max-width: 960px){.profile-panel{position:fixed;inset:0 0 auto 0;top:0;right:0;left:0;transform:none;width:100%;max-width:100%;border-radius:0}.side-menu.open{right:16px}}.side-menu,.side-menu *{pointer-events:auto}.side-menu:active{transform:translateY(-50%);box-shadow:0 12px 40px #0009;opacity:1}.auth-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;justify-content:center;align-items:center;z-index:40}.auth-modal{max-width:420px;width:90%}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at top left,#ff4f7a22 0,transparent 55%),radial-gradient(circle at bottom right,#5b1a3a55 0,#05040a 55%);font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;color:#f9f4ff}.auth-card{width:100%;max-width:920px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);background:linear-gradient(135deg,#0a0814eb,#07050ffa);border-radius:24px;overflow:hidden;box-shadow:0 24px 80px #000000bf;border:1px solid rgba(255,255,255,.06)}.auth-hero{position:relative;padding:32px 36px;background:radial-gradient(circle at top left,#ff4f7a,#7b1236 60%,#2a0820);color:#fff;display:flex;flex-direction:column;gap:16px}.auth-hero:before{content:"";position:absolute;top:12%;right:12%;bottom:12%;left:12%;border-radius:32px;border:1px solid rgba(255,255,255,.16);opacity:.5;pointer-events:none}.auth-hero>*{position:relative;z-index:1}.auth-logo{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:999px;border:1px solid rgba(255,255,255,.6);font-weight:700;letter-spacing:.08em;font-size:18px}.auth-hero h1{font-size:32px;line-height:1.1;margin:4px 0}.auth-hero p{font-size:14px;line-height:1.5;opacity:.95}.auth-hero h1{font-size:34px;letter-spacing:-.02em}.auth-hero p{font-size:14px;opacity:.92}.auth-tags span{border:1px solid rgba(255,255,255,.14)}.auth-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.auth-tags span{font-size:12px;padding:6px 10px;border-radius:999px;background:#ffffff1f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.auth-small{font-size:12px;margin-top:auto;opacity:.92}.auth-form-wrapper{padding:32px 32px 28px;display:flex;flex-direction:column;gap:18px;background:radial-gradient(circle at top,rgba(255,79,122,.12),transparent 60%)}.auth-form-wrapper h2{font-size:22px;margin-bottom:2px}.auth-subtitle{font-size:13px;color:#c6b7ff}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-form label{font-size:13px;display:flex;flex-direction:column;gap:6px;color:#e7ddff}.auth-form input{border-radius:999px;border:1px solid rgba(255,255,255,.18);padding:10px 14px;background:#0a0814cc;color:#f9f4ff;outline:none;font-size:14px;transition:border .15s ease,box-shadow .15s ease,background .15s ease}.auth-form input::-moz-placeholder{color:#d1c4ff99}.auth-form input::placeholder{color:#d1c4ff99}.auth-form input:focus{border-color:#ff4f7a;box-shadow:0 0 0 1px #ff4f7a99;background:#05040cf2}.auth-button{margin-top:4px;width:100%;border:none;border-radius:999px;padding:10px 16px;font-weight:600;font-size:14px;background-image:linear-gradient(135deg,#ff4f7a,#ff7b9c);color:#fff;cursor:pointer;box-shadow:0 10px 30px #ff4f7a59;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.auth-button:hover{transform:translateY(-1px);filter:brightness(1.03);box-shadow:0 14px 40px #ff4f7a80}.auth-button:active{transform:translateY(1px);box-shadow:0 6px 18px #ff4f7a59}.auth-links{margin-top:8px;display:flex;flex-direction:column;gap:4px}.link-button{background:none;border:none;padding:0;font-size:13px;color:#ff8fb0;cursor:pointer;text-align:left;width:-moz-fit-content;width:fit-content;transition:color .15s ease,opacity .15s ease}.link-button.secondary{color:#b9a6ff}.link-button:hover{opacity:.9;text-decoration:underline}@media (max-width: 780px){.auth-card{grid-template-columns:1fr}.auth-hero{padding:24px 22px}.auth-form-wrapper{padding:24px 22px 22px}}.modes-grid{margin-top:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;font-size:12px}.mode-card{background:#ffffff29;border-radius:16px;padding:8px 10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 20px #00000026}.mode-card.free{background:#ffffff38}.mode-card.premium{background:radial-gradient(circle at top left,#ffffff2e,#5a002880)}.mode-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.mode-title{font-weight:600;font-size:12px}.mode-badge{font-size:10px;padding:2px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.6)}.mode-badge.free{background:#ffffffe6;color:#b0123a}.mode-badge.premium{background:#120028b3;color:#ffafce}.mode-text{margin:0 0 4px;font-size:11px;line-height:1.3;opacity:.95}.mode-list{margin:0;padding-left:16px;list-style:disc;font-size:10.5px;line-height:1.35;opacity:.95}@media (max-width: 768px){.modes-grid{grid-template-columns:1fr}.mode-card{padding:8px 10px}.mode-text{font-size:11px}.mode-list{font-size:10.5px}}@media (max-width: 768px){.auth-page{padding:16px;align-items:stretch}.auth-card{max-width:100%;grid-template-columns:1fr;border-radius:18px}.auth-hero{padding:20px 18px}.auth-hero h1{font-size:24px}.auth-hero p{font-size:13px}.auth-tags span{font-size:11px;padding:5px 8px}.auth-form-wrapper{padding:20px 18px 18px}.auth-form label{font-size:12px}.auth-form input{padding:9px 12px;font-size:13px}.auth-button{padding:9px 14px;font-size:14px}.auth-links{margin-top:10px}}@media (max-width: 900px){.app-bg{padding:0}.app-layout{max-width:100%;width:100%;height:100vh;padding:0}.chat-shell{border-radius:0;height:100vh;max-height:none}.top-bar{padding:10px 12px;gap:8px}.avatar-main{width:40px;height:40px}.top-text .companion-name{font-size:15px}.top-text .companion-status{font-size:11px}.mode-toggle{gap:4px;flex-wrap:wrap;justify-content:flex-end}.mode-btn{font-size:11px;padding:4px 8px}.menu-hamburger{padding:4px 8px;font-size:16px}.messages-area{padding:10px 10px 72px}.bubble{max-width:80%;font-size:13px}.bubble-time{font-size:10px}.input-strip{padding:8px 10px;gap:8px}.input-strip input{font-size:13px;padding:8px 10px}.mic-btn,.send-btn{width:36px;height:36px;font-size:16px}.side-menu{position:fixed;top:0;right:0;bottom:0;width:80%;max-width:320px;transform:translate(100%);transition:transform .25s ease-out;z-index:30}.side-menu.open{transform:translate(0)}.side-menu-header h2{font-size:18px}.side-menu-main{font-size:14px}.side-menu-sub,.side-menu-list{font-size:12px}}:root{color-scheme:light dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{margin:0}.bg-app-light{background:radial-gradient(circle at top,#ffe0f0 0,#f5f5f5 40%,#f3f4f6)}.bg-app-dark{background:radial-gradient(circle at top,#1f2937 0,#020617 60%,#000)}.bubble{font-size:.9rem;line-height:1.4;padding:.55rem .8rem;border-radius:1.1rem;box-shadow:0 4px 10px #0f172a1f;word-wrap:break-word;white-space:pre-wrap;animation:bubble-in .18s ease-out}.bubble-user{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border-bottom-right-radius:.2rem}.bubble-ia{background:#e5e7eb;color:#111827;border-bottom-left-radius:.2rem}.dark .bubble-ia{background:#111827;color:#e5e7eb}@keyframes bubble-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.typing-dot{width:6px;height:6px;border-radius:999px;background:#9ca3af;display:inline-block;animation:typing 1s infinite ease-in-out}.typing-dot:nth-child(2){animation-delay:.15s}.typing-dot:nth-child(3){animation-delay:.3s}@keyframes typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:999px}.dark ::-webkit-scrollbar-thumb{background:#4b5563}img{max-width:50px;max-height:50px;-o-object-fit:cover;object-fit:cover}