@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0bjc5tiuqdqro.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.0m6w47a4e5dy9.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.11u06r12fd6v_.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.0wxq9webf.ew4.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.067x_6k0k23tk.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.16ipb6fqu393i.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_5901b7c6-module__ec5Qua__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_5901b7c6-module__ec5Qua__variable{--font-inter:"Inter", "Inter Fallback"}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--font:"Inter",system-ui,sans-serif;--black:#09090b;--gray-900:#18181b;--gray-800:#27272a;--gray-700:#3f3f46;--gray-500:#71717a;--gray-400:#a1a1aa;--gray-200:#e4e4e7;--gray-100:#f4f4f5;--gray-50:#fafafa;--white:#fff;--green:#16a34a;--green-light:#dcfce7;--red:#dc2626;--red-light:#fee2e2;--blue:#3b82f6;--blue-light:#dbeafe;--purple:#7c3aed;--purple-light:#ede9fe;--coffee:#92400e;--coffee-light:#fef3c7;--radius:14px;--radius-sm:8px;--shadow:0 1px 3px #00000014,0 4px 16px #0000000f;--shadow-md:0 4px 24px #0000001a;--transition:.18s ease}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font);background:var(--white);color:var(--gray-900);-webkit-font-smoothing:antialiased;line-height:1.6}.container{max-width:1080px;margin:0 auto;padding:0 16px}.header{z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--gray-200);background:#ffffffeb;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;height:56px;display:flex}.logo{cursor:pointer;align-items:center;gap:8px;display:flex}.logo-img{object-fit:contain;flex-shrink:0;width:28px;height:28px}.logo-text{color:var(--black);letter-spacing:-.4px;font-size:16px;font-weight:800}.header-right{align-items:center;gap:8px;display:flex}.coffee-badge{background:var(--coffee-light);color:var(--coffee);cursor:pointer;transition:background var(--transition);border:none;border-radius:20px;align-items:center;gap:5px;padding:5px 12px;font-size:13px;font-weight:600;display:flex}.coffee-badge:hover{background:#fde68a}.header-user{cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition);align-items:center;gap:8px;padding:4px 8px;display:flex}.header-user:hover{background:var(--gray-100)}.username-label{color:var(--gray-700);font-size:13px;font-weight:500}.avatar{background:var(--gray-900);color:var(--white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:flex}.avatar.sm{width:28px;height:28px;font-size:10px}.avatar.md{width:42px;height:42px;font-size:15px}.btn{font-family:var(--font);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:10px 18px;font-size:14px;font-weight:600;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--gray-900);color:var(--white)}.btn-primary:hover:not(:disabled){background:var(--black);transform:translateY(-1px);box-shadow:0 4px 12px #0003}.btn-secondary{background:var(--gray-100);color:var(--gray-900);border:1px solid var(--gray-200)}.btn-secondary:hover:not(:disabled){background:var(--gray-200)}.btn-ghost{color:var(--gray-700);border:1px solid var(--gray-200);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--gray-100)}.btn-success{background:var(--green);color:var(--white)}.btn-success:hover:not(:disabled){background:#15803d}.btn-lg{border-radius:10px;padding:14px 28px;font-size:16px}.btn-sm{min-height:36px;padding:7px 14px;font-size:13px}.w-full{width:100%}.btn-text{cursor:pointer;color:var(--gray-500);font-size:13px;font-family:var(--font);text-align:center;background:0 0;border:none;width:100%;margin-top:8px;padding:8px;display:block}.btn-text:hover{color:var(--gray-900)}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}.spinner.sm{border-color:#0003;border-top-color:var(--gray-700);width:12px;height:12px}@keyframes spin{to{transform:rotate(360deg)}}.hero{background:linear-gradient(135deg,var(--white) 0%,var(--gray-50) 100%);text-align:center;padding:60px 0 44px}.hero-badge{letter-spacing:.5px;background:var(--coffee-light);color:var(--coffee);border-radius:20px;margin-bottom:20px;padding:5px 14px;font-size:12px;font-weight:600;display:inline-block}.hero-title{letter-spacing:-1.5px;color:var(--black);margin-bottom:16px;font-size:clamp(28px,5vw,52px);font-weight:800;line-height:1.15}.hero-accent{background:linear-gradient(135deg,#18181b 0%,#71717a 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--gray-500);margin-bottom:32px;font-size:16px;line-height:1.7}.hero-actions{flex-direction:column;align-items:center;gap:10px;display:flex}.hero-note{color:var(--gray-400);font-size:13px}.main{padding:28px 0 60px}.metrics-section{margin-bottom:32px}.metrics-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.metric-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius);box-shadow:var(--shadow);align-items:center;gap:12px;padding:14px 16px;display:flex}.metric-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;animation:2s infinite pulse}.metric-dot.green{background:var(--green);box-shadow:0 0 0 3px var(--green-light)}.metric-dot.blue{background:var(--blue);box-shadow:0 0 0 3px var(--blue-light);animation-delay:.3s}.metric-dot.purple{background:var(--purple);box-shadow:0 0 0 3px var(--purple-light);animation-delay:.6s}.metric-dot.coffee{box-shadow:0 0 0 3px var(--coffee-light);background:#d97706;animation-delay:.9s}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.metric-body{flex-direction:column;display:flex}.metric-value{color:var(--black);font-size:20px;font-weight:800;line-height:1}.metric-label{color:var(--gray-500);margin-top:2px;font-size:11px;font-weight:500}.section{margin-bottom:40px}.section-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.section-title{color:var(--black);align-items:center;gap:8px;font-size:18px;font-weight:700;display:flex}.section-title.centered{text-align:center;justify-content:center}.pulse-dot{background:var(--red);width:8px;height:8px;box-shadow:0 0 0 3px var(--red-light);border-radius:50%;animation:1.5s infinite pulse}.invites-list{flex-direction:column;gap:10px;display:flex}.invite-card.v2{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:12px;padding:16px;animation:.25s slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.invite-sender-profile{align-items:flex-start;gap:12px;display:flex}.invite-sender-info{flex:1;min-width:0}.invite-from{color:var(--black);font-size:15px;font-weight:700}.invite-tags{flex-wrap:wrap;gap:4px;margin:4px 0;display:flex}.invite-exp{color:var(--gray-400);margin-top:2px;font-size:12px}.invite-note-block{background:var(--gray-50);border-left:3px solid var(--gray-200);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--gray-700);padding:10px 12px;font-size:14px;line-height:1.5;position:relative}.invite-note-quote{color:var(--gray-300);margin-right:4px;font-family:Georgia,serif;font-size:20px;line-height:1}.invite-actions{gap:8px;display:flex}.tag{color:var(--gray-600);background:var(--gray-100);white-space:nowrap;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-block}.tag-role{background:var(--coffee-light);color:var(--coffee)}.users-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.user-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius);box-shadow:var(--shadow);transition:box-shadow var(--transition),transform var(--transition);flex-direction:column;gap:6px;padding:16px;display:flex;position:relative}.user-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.user-card.skeleton{background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-50) 50%,var(--gray-100) 75%);height:180px;box-shadow:none;background-size:200% 100%;border:none;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.user-card-top{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.online-dot{background:var(--green);width:8px;height:8px;box-shadow:0 0 0 2px var(--green-light);border-radius:50%}.user-name{color:var(--black);font-size:14px;font-weight:700}.user-tags{flex-wrap:wrap;gap:4px;display:flex}.user-role{color:var(--coffee);-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:11px;font-weight:500;display:-webkit-box;overflow:hidden}.user-active{color:var(--gray-400);font-size:11px}.user-card-body{flex-direction:column;flex:1;gap:4px;display:flex}.invite-btn{width:100%;margin-top:8px}.match-badge{color:var(--green);background:var(--green-light);border-radius:10px;margin-top:2px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.loading-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.empty-state{text-align:center;padding:48px 20px}.empty-icon{margin-bottom:10px;font-size:36px}.empty-title{color:var(--black);margin-bottom:6px;font-size:17px;font-weight:600}.empty-subtitle{color:var(--gray-500);font-size:14px}.how-section{border-top:1px solid var(--gray-200);margin-top:20px;padding:40px 0}.steps-grid{grid-template-columns:1fr;gap:16px;margin-top:24px;display:grid}.step{background:var(--gray-50);border-radius:var(--radius);text-align:center;padding:20px}.step-num{background:var(--gray-900);width:36px;height:36px;color:var(--white);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 12px;font-size:16px;font-weight:800;display:flex}.step-title{color:var(--black);margin-bottom:6px;font-size:15px;font-weight:700}.step-desc{color:var(--gray-500);font-size:13px;line-height:1.6}.footer{border-top:1px solid var(--gray-200);padding:20px 0}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#09090b8c;justify-content:center;align-items:flex-end;animation:.18s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-box{background:var(--white);border-radius:20px 20px 0 0;width:100%;max-width:100%;max-height:92vh;padding:28px 20px 36px;animation:.22s slideUp;position:relative;overflow-y:auto;box-shadow:0 -8px 40px #00000026}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.modal-close{background:var(--gray-100);cursor:pointer;width:28px;height:28px;color:var(--gray-500);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:12px;display:flex;position:absolute;top:14px;right:14px}.modal-close:hover{background:var(--gray-200)}.form-group{margin-bottom:14px}.form-label{color:var(--gray-700);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.form-input{border:1.5px solid var(--gray-200);border-radius:var(--radius-sm);width:100%;font-size:15px;font-family:var(--font);transition:border-color var(--transition);background:var(--white);color:var(--gray-900);outline:none;padding:12px 14px}.form-input:focus{border-color:var(--gray-900)}.form-input.otp-input{letter-spacing:8px;text-align:center;font-size:24px;font-weight:700}.form-error{color:var(--red);text-align:center;margin-top:10px;font-size:13px}.onboarding-box{padding:28px 20px 40px}.ob-stage{flex-direction:column;display:flex}.ob-icon{text-align:center;margin-bottom:10px;font-size:36px}.ob-title{color:var(--black);text-align:center;letter-spacing:-.5px;margin-bottom:6px;font-size:22px;font-weight:800}.ob-subtitle{color:var(--gray-500);text-align:center;margin-bottom:4px;font-size:14px}.ob-note{color:var(--green);text-align:center;margin-top:14px;font-size:13px;font-weight:500}.ob-progress{justify-content:center;align-items:center;gap:6px;margin-bottom:20px;display:flex}.ob-step-dot{background:var(--gray-200);border-radius:50%;width:8px;height:8px;transition:background .2s}.ob-step-dot.active{background:var(--gray-900)}.ob-progress-label{color:var(--gray-400);margin-left:6px;font-size:12px}.ob-option-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px;display:grid}.ob-option-card{border:2px solid var(--gray-200);background:var(--white);cursor:pointer;font-family:var(--font);text-align:left;border-radius:10px;flex-direction:column;gap:3px;padding:12px 10px;transition:all .15s;display:flex}.ob-option-card:hover{border-color:var(--gray-400)}.ob-option-card.selected{border-color:var(--gray-900);background:var(--gray-900);color:var(--white)}.ob-opt-label{font-size:14px;font-weight:600}.ob-opt-sub{opacity:.7;font-size:11px}.ob-domain-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px;display:grid}.ob-domain-card{border:2px solid var(--gray-200);background:var(--white);cursor:pointer;font-family:var(--font);border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;transition:all .15s;display:flex}.ob-domain-card:hover{border-color:var(--gray-400)}.ob-domain-card.selected{border-color:var(--gray-900);background:var(--gray-50)}.ob-domain-emoji{font-size:20px}.ob-domain-label{color:var(--gray-800);text-align:center;font-size:12px;font-weight:600}.ob-role-input-wrap{margin-bottom:16px;position:relative}.ob-suggestions{background:var(--white);border:1.5px solid var(--gray-200);border-radius:var(--radius-sm);z-index:10;box-shadow:var(--shadow-md);position:absolute;top:100%;left:0;right:0;overflow:hidden}.ob-suggestion{text-align:left;width:100%;font-size:14px;font-family:var(--font);cursor:pointer;color:var(--gray-800);background:0 0;border:none;padding:10px 14px;transition:background .12s;display:block}.ob-suggestion:hover{background:var(--gray-50)}.ob-next{margin-top:4px}.invite-modal-box{padding:24px 20px 36px}.invite-modal-header{border-bottom:1px solid var(--gray-100);align-items:center;gap:14px;margin-bottom:20px;padding-bottom:16px;display:flex}.invite-modal-name{color:var(--black);font-size:16px;font-weight:700}.invite-modal-tags{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.invite-modal-body{margin-bottom:16px}.invite-note-area{border:1.5px solid var(--gray-200);border-radius:var(--radius-sm);width:100%;font-size:14px;font-family:var(--font);resize:none;color:var(--gray-900);outline:none;padding:12px 14px;line-height:1.5;transition:border-color .18s}.invite-note-area:focus{border-color:var(--gray-900)}.note-count{color:var(--gray-400);text-align:right;margin-top:4px;font-size:12px}.invite-coffee-btn{gap:8px;font-size:15px}.invite-modal-hint{color:var(--gray-400);text-align:center;margin-top:10px;font-size:12px}.payment-card{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius);text-align:center;margin-bottom:16px;padding:20px}.payment-plan{flex-direction:column;gap:4px;margin-bottom:14px;display:flex}.payment-amount{color:var(--black);font-size:36px;font-weight:800}.payment-coffees{color:var(--coffee);font-size:18px;font-weight:600}.payment-per{color:var(--gray-400);font-size:13px}.payment-features{text-align:left;flex-direction:column;gap:6px;list-style:none;display:flex}.payment-features li{color:var(--gray-600);font-size:14px}.payment-note{color:var(--gray-400);text-align:center;margin-top:12px;font-size:12px}.voice-room{background:var(--white);text-align:center;border-radius:20px 20px 0 0;width:100%;max-height:92vh;padding:32px 20px 36px;animation:.3s slideUp;overflow-y:auto;box-shadow:0 -8px 40px #0003}.voice-room-header{margin-bottom:24px}.live-badge{letter-spacing:1px;background:var(--red);color:var(--white);border-radius:10px;margin-bottom:10px;padding:4px 10px;font-size:11px;font-weight:700;animation:1.5s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:.6}}.voice-title{color:var(--black);margin-bottom:4px;font-size:20px;font-weight:800}.voice-subtitle{color:var(--gray-500);font-size:14px}.timer-ring{width:120px;height:120px;margin:0 auto 24px;position:relative}.timer-svg{width:100%;height:100%}.timer-text{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.timer-time{letter-spacing:-.5px;font-size:24px;font-weight:800;transition:color .3s}.timer-label{color:var(--gray-400);font-size:10px;font-weight:500}.participants{justify-content:center;align-items:center;gap:16px;margin-bottom:20px;display:flex}.participant{flex-direction:column;align-items:center;gap:6px;display:flex}.participant-avatar{background:var(--gray-100);border:2px solid var(--gray-200);width:52px;height:52px;color:var(--gray-600);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;transition:border-color .3s,box-shadow .3s;display:flex}.participant-avatar.speaking{border-color:var(--green);box-shadow:0 0 0 4px var(--green-light)}.participant-name{color:var(--gray-600);font-size:12px;font-weight:500}.participant-separator{color:var(--gray-300);font-size:18px}.voice-connecting{color:var(--gray-400);margin-bottom:14px;font-size:14px;animation:1.5s infinite pulse}.voice-controls{justify-content:center;gap:14px;margin-bottom:14px;display:flex}.voice-btn{cursor:pointer;background:var(--gray-100);width:52px;height:52px;transition:background var(--transition),transform var(--transition);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:22px;display:flex}.voice-btn:hover{background:var(--gray-200);transform:scale(1.06)}.voice-btn.muted,.voice-btn.end{background:var(--red-light)}.voice-note{color:var(--gray-400);font-size:12px}.toast{z-index:200;font-size:14px;font-weight:500;font-family:var(--font);white-space:nowrap;border-radius:10px;padding:12px 24px;animation:.2s slideUp,.3s 3.2s forwards fadeOut;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000026}.toast-success{background:var(--gray-900);color:var(--white)}.toast-error{background:var(--red);color:var(--white)}@keyframes fadeOut{to{opacity:0;transform:translate(-50%)translateY(8px)}}.divider{text-align:center;color:var(--gray-400);margin:14px 0;font-size:13px;position:relative}.divider:before,.divider:after{content:"";background:var(--gray-200);width:calc(50% - 16px);height:1px;position:absolute;top:50%}.divider:before{left:0}.divider:after{right:0}.otp-sent-msg{color:var(--gray-600);text-align:center;margin-bottom:12px;font-size:14px}@media (min-width:640px){.container{padding:0 24px}.header-inner{height:60px}.logo-text{font-size:17px}.modal-overlay{align-items:center;padding:20px}.modal-box{border-radius:20px;max-width:440px;padding:32px}.onboarding-box{max-width:460px;padding:36px}.invite-modal-box{max-width:440px}.metrics-grid{grid-template-columns:repeat(4,1fr)}.metric-value{font-size:24px}.users-grid,.loading-grid,.steps-grid{grid-template-columns:repeat(3,1fr)}.hero{padding:72px 0 52px}.hero-subtitle{font-size:18px}.voice-room{border-radius:24px;max-width:460px;padding:36px 32px 28px}}@media (min-width:1024px){.ob-domain-grid,.users-grid,.loading-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:360px){.users-grid,.loading-grid{grid-template-columns:1fr}.ob-option-grid,.ob-domain-grid{grid-template-columns:1fr 1fr}}.hide-mobile{display:none}@media (min-width:640px){.hide-mobile{display:inline}}.app{flex-direction:column;min-height:100vh;display:flex}.main{flex:1;padding:24px 0 32px}.main.has-bottom-nav{padding-bottom:96px}.metrics-grid-2{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:28px;display:grid}.metric-card{background:#fff;border:1px solid #f0f0f0;border-radius:16px;align-items:center;gap:14px;padding:16px 18px;display:flex;box-shadow:0 1px 3px #0000000d,0 4px 12px #0000000a}.metric-value{color:#09090b;font-size:26px;font-weight:800;line-height:1;display:block}.metric-label{color:#71717a;letter-spacing:.2px;margin-top:2px;font-size:11px;font-weight:500;display:block}.btn-google{color:#3c4043;background:#fff;border:1.5px solid #e8eaed;border-radius:10px;justify-content:center;gap:10px;height:48px;font-size:15px;font-weight:500;box-shadow:0 1px 3px #00000014}.btn-google:hover{background:#f8f9fa;border-color:#dadce0;box-shadow:0 2px 6px #0000001a}.btn-danger{color:#dc2626;background:#fff;border:1.5px solid #fee2e2;border-radius:10px;font-size:14px;font-weight:600}.btn-danger:hover{background:#fee2e2}.ob-box{padding:28px 22px 36px}.ob-auth-body{flex-direction:column;gap:0;margin-top:20px;display:flex}.ob-note{color:#71717a;text-align:center;margin-top:14px;font-size:12px}.otp-hint{color:#71717a;text-align:center;margin-top:6px;font-size:12px}.setup-box{padding:24px 22px 36px}.setup-progress{background:#f4f4f5;border-radius:99px;height:3px;margin-bottom:6px;overflow:hidden}.setup-progress-fill{background:#18181b;border-radius:99px;height:100%;transition:width .3s}.setup-step-label{color:#a1a1aa;text-align:right;margin-bottom:20px;font-size:11px;font-weight:500}.ob-role-wrap{margin-bottom:12px;position:relative}.header-avatar{cursor:pointer;color:#fff;background:#18181b;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;transition:box-shadow .2s;display:flex}.header-avatar:hover{box-shadow:0 0 0 3px #e4e4e7}.tab-nav{background:#fff;border-bottom:1px solid #f0f0f0;display:none}@media (min-width:640px){.tab-nav{display:block}}.tab-nav-inner{align-items:center;gap:4px;height:48px;display:flex}.tab-btn{cursor:pointer;color:#71717a;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;transition:all .15s;display:flex;position:relative}.tab-btn:hover{color:#18181b;background:#f4f4f5}.tab-btn.active{color:#18181b;background:#f4f4f5;font-weight:600}.tab-btn.active:after{content:"";background:#18181b;border-radius:2px;height:2px;position:absolute;bottom:-13px;left:8px;right:8px}.tab-badge{color:#fff;text-align:center;background:#18181b;border-radius:99px;min-width:18px;padding:2px 6px;font-size:10px;font-weight:700}.bottom-nav{-webkit-backdrop-filter:blur(20px);z-index:40;background:#fffffff2;border-top:1px solid #f0f0f0;gap:4px;padding:8px 8px 20px;display:flex;position:fixed;bottom:0;left:0;right:0}@media (min-width:640px){.bottom-nav{display:none}}.bottom-nav-btn{cursor:pointer;background:0 0;border:none;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:3px;padding:8px 4px;font-family:Inter,sans-serif;transition:background .15s;display:flex;position:relative}.bottom-nav-btn:hover,.bottom-nav-btn.active{background:#f4f4f5}.bnb-icon{font-size:20px;line-height:1}.bnb-label{color:#71717a;font-size:10px;font-weight:500;line-height:1}.bottom-nav-btn.active .bnb-label{color:#18181b;font-weight:700}.bnb-badge{color:#fff;text-align:center;background:#dc2626;border-radius:99px;min-width:16px;padding:1px 5px;font-size:9px;font-weight:700;position:absolute;top:4px;right:calc(50% - 20px)}.profile-page{max-width:480px;margin:0 auto}.profile-page-card{background:#fff;border:1px solid #f0f0f0;border-radius:20px;margin-bottom:12px;padding:24px;box-shadow:0 1px 4px #0000000f}.profile-page-avatar{color:#fff;background:#18181b;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 14px;font-size:24px;font-weight:800;display:flex}.profile-page-name{color:#09090b;text-align:center;margin-bottom:4px;font-size:22px;font-weight:800}.profile-page-email{color:#71717a;text-align:center;margin-bottom:16px;font-size:13px}.profile-coffee-row{background:#fef3c7;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-bottom:4px;padding:10px 16px;display:flex}.profile-coffee-count{color:#92400e;font-size:20px;font-weight:800}.profile-coffee-label{color:#92400e;font-size:13px;font-weight:500}.profile-topup-btn{color:#92400e;cursor:pointer;background:#fef3c7;border:none;border-radius:6px;padding:4px 10px;font-family:Inter,sans-serif;font-size:12px;font-weight:600}.profile-fields{flex-direction:column;gap:0;display:flex}.profile-field-row{border-bottom:1px solid #f4f4f5;justify-content:space-between;align-items:center;padding:13px 0;display:flex}.profile-field-row:last-child{border-bottom:none}.pf-label{color:#71717a;letter-spacing:.3px;text-transform:uppercase;font-size:12px;font-weight:600}.pf-value{color:#18181b;text-align:right;word-break:break-word;max-width:60%;font-size:14px;font-weight:600}.profile-actions-stack{flex-direction:column;gap:8px;margin-top:4px;display:flex}.profile-modal-box{padding:24px 20px 32px}.profile-header{flex-direction:column;align-items:center;margin-bottom:20px;display:flex}.profile-avatar{color:#fff;background:#18181b;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:10px;font-size:22px;font-weight:800;display:flex}.profile-name{color:#09090b;margin-bottom:4px;font-size:18px;font-weight:800}.profile-coffee-badge{color:#92400e;background:#fef3c7;border-radius:99px;padding:4px 12px;font-size:13px;font-weight:600}.profile-view-fields,.profile-edit-fields{margin-bottom:16px}.profile-field{border-bottom:1px solid #f4f4f5;justify-content:space-between;align-items:center;padding:11px 0;display:flex}.profile-field:last-child{border-bottom:none}.profile-actions{flex-direction:column;gap:8px;margin-top:8px;display:flex}.profile-edit-actions{gap:8px;margin-top:16px;display:flex}.ob-option-card.compact{color:#18181b;min-height:0;padding:8px 10px;font-size:13px;font-weight:600}.ob-option-card.compact.selected{color:#fff}.recent-users-strip{background:#fff;border:1px solid #f0f0f0;border-radius:16px;padding:16px;box-shadow:0 1px 3px #0000000d,0 4px 12px #0000000a}.recent-users-label{color:#a1a1aa;letter-spacing:.4px;text-transform:uppercase;margin-bottom:12px;font-size:11px;font-weight:600}.recent-users-list{flex-direction:column;gap:0;display:flex}.recent-user-row{border-bottom:1px solid #f4f4f5;align-items:center;gap:10px;padding:10px 0;display:flex}.recent-user-row:last-child{border-bottom:none}.recent-user-avatar{color:#fff;background:#18181b;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:700;display:flex}.recent-user-info{flex:1;min-width:0}.recent-user-name{color:#09090b;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;display:block;overflow:hidden}.recent-user-meta{color:#a1a1aa;white-space:nowrap;text-overflow:ellipsis;font-size:11px;display:block;overflow:hidden}.recent-user-time{color:#a1a1aa;white-space:nowrap;flex-shrink:0;font-size:11px}.chat-room{background:#fff;border-radius:20px;flex-direction:column;width:min(92vw,520px);height:min(88vh,640px);display:flex;overflow:hidden;box-shadow:0 24px 64px #0000002e}.chat-room-header{background:#fff;border-bottom:1px solid #f0f0f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.chat-room-header-left{align-items:center;gap:10px;display:flex}.chat-peer-avatar{color:#fff;background:#18181b;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:12px;font-weight:700;display:flex}.chat-peer-name{color:#09090b;font-size:14px;font-weight:700}.chat-peer-status{color:#a1a1aa;align-items:center;gap:4px;font-size:11px;display:flex}.online-dot-sm{background:#22c55e;border-radius:50%;width:6px;height:6px;display:inline-block}.chat-end-btn{color:#ef4444;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600;transition:background .15s}.chat-end-btn:hover{background:#fee2e2}.chat-messages{background:#fafafa;flex-direction:column;flex:1;gap:8px;padding:16px;display:flex;overflow-y:auto}.chat-empty{color:#a1a1aa;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:100%;padding:0 24px;font-size:13px;display:flex}.chat-bubble-row{align-items:flex-end;gap:8px;display:flex}.chat-bubble-row.me{flex-direction:row-reverse}.chat-bubble-avatar{color:#52525b;background:#e4e4e7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;font-weight:700;display:flex}.chat-bubble{border-radius:18px;flex-direction:column;gap:2px;max-width:72%;padding:10px 13px;display:flex}.bubble-me{color:#fff;background:#18181b;border-bottom-right-radius:4px}.bubble-them{color:#09090b;background:#fff;border:1px solid #e4e4e7;border-bottom-left-radius:4px}.bubble-text{word-break:break-word;font-size:14px;line-height:1.45}.bubble-time{opacity:.55;align-self:flex-end;margin-top:2px;font-size:10px}.chat-input-bar{background:#fff;border-top:1px solid #f0f0f0;flex-shrink:0;gap:8px;padding:12px 14px;display:flex}.chat-input{background:#f4f4f5;border:1.5px solid #0000;border-radius:12px;outline:none;flex:1;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .15s}.chat-input:focus{background:#fff;border-color:#18181b}.chat-send-btn{color:#fff;cursor:pointer;background:#18181b;border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;transition:background .15s;display:flex}.chat-send-btn:hover:not(:disabled){background:#3f3f46}.chat-send-btn:disabled{opacity:.4;cursor:not-allowed}.chat-session-card{cursor:pointer;background:#fff;border:1px solid #e4e4e7;border-radius:14px;align-items:center;gap:12px;padding:14px;transition:box-shadow .15s;display:flex}.chat-session-card:hover{box-shadow:0 2px 12px #00000014}.btn-sent{color:#16a34a!important;cursor:default!important;background:#f0fdf4!important;border:1.5px solid #bbf7d0!important}.btn-accepted{color:#2563eb!important;cursor:default!important;background:#eff6ff!important;border:1.5px solid #bfdbfe!important}.btn-declined{color:#6b7280!important;cursor:not-allowed!important;background:#f9fafb!important;border:1.5px solid #e5e7eb!important}.inline-chat-wrap{background:#fff;border:1px solid #e4e4e7;border-radius:16px;overflow:hidden}.inline-chat{flex-direction:column;height:min(75vh,560px);display:flex}.chat-header{background:#fff;border-bottom:1px solid #f0f0f0;flex-shrink:0;align-items:center;gap:10px;padding:12px 14px;display:flex}.chat-back-btn{color:#52525b;cursor:pointer;background:0 0;border:none;margin-right:2px;padding:0 4px;font-size:22px;line-height:1}.chat-back-btn:hover{color:#18181b}.chat-header-info{flex-direction:column;flex:1;gap:1px;display:flex}.dm-card{cursor:pointer;background:#fff;border:1px solid #e4e4e7;border-radius:14px;align-items:center;gap:12px;margin-bottom:8px;padding:14px 16px;transition:box-shadow .15s,background .15s;display:flex}.dm-card:hover{background:#fafafa;box-shadow:0 2px 12px #00000014}.dm-avatar{color:#fff;background:#18181b;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:14px;font-weight:700;display:flex}.dm-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.dm-name{color:#09090b;font-size:15px;font-weight:700}.dm-sub{color:#a1a1aa;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.dm-badge{color:#fff;background:#18181b;border-radius:99px;flex-shrink:0;padding:3px 8px;font-size:10px;font-weight:700}.dm-arrow{color:#d4d4d8;flex-shrink:0;font-size:20px}.peer-profile-overlay{z-index:10;background:#00000059;border-radius:16px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.peer-profile-card{background:#fff;border-radius:20px;width:min(90%,320px);padding:28px 24px;position:relative;box-shadow:0 12px 40px #0000002e}.peer-profile-close{color:#a1a1aa;cursor:pointer;background:0 0;border:none;font-size:16px;line-height:1;position:absolute;top:14px;right:14px}.peer-profile-close:hover{color:#09090b}.peer-profile-avatar-lg{color:#fff;background:#18181b;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 12px;font-size:20px;font-weight:700;display:flex}.peer-profile-name{color:#09090b;text-align:center;margin:0 0 18px;font-size:18px;font-weight:800}.peer-profile-fields{flex-direction:column;gap:10px;display:flex}.peer-profile-row{border-bottom:1px solid #f4f4f5;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.peer-profile-row:last-child{border-bottom:none}.pp-label{color:#a1a1aa;font-size:12px;font-weight:500}.pp-value{color:#09090b;text-align:right;max-width:60%;font-size:13px;font-weight:600}.chat-peer-avatar-btn{color:#fff;cursor:pointer;background:#18181b;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:12px;font-weight:700;transition:opacity .15s;display:flex}.chat-peer-avatar-btn:hover{opacity:.8}.chat-peer-name-btn{color:#09090b;cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-size:14px;font-weight:700;display:block}.chat-peer-name-btn:hover{text-decoration:underline}.chat-bubble-avatar.clickable{cursor:pointer;background:#e4e4e7;border:none;transition:opacity .15s}.chat-bubble-avatar.clickable:hover{opacity:.75}.dm-sub-unread{color:#18181b!important;font-weight:600!important}.inline-chat{flex-direction:column;height:min(75vh,560px);display:flex;position:relative}.filter-bar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;display:flex}.filter-select{border:1.5px solid var(--gray-200);border-radius:var(--radius-sm);font-size:13px;font-family:var(--font);background:var(--white);color:var(--gray-900);cursor:pointer;outline:none;padding:8px 12px;transition:border-color .15s}.filter-select:focus{border-color:var(--gray-900)}.filter-input{border:1.5px solid var(--gray-200);border-radius:var(--radius-sm);font-size:13px;font-family:var(--font);background:var(--white);color:var(--gray-900);outline:none;flex:1;min-width:120px;padding:8px 12px;transition:border-color .15s}.filter-input:focus{border-color:var(--gray-900)}.filter-clear{background:var(--gray-100);border-radius:var(--radius-sm);color:var(--gray-700);cursor:pointer;border:none;padding:7px 12px;font-size:12px;font-weight:600;transition:background .15s}.filter-clear:hover{background:var(--gray-200)}.pagination{justify-content:center;align-items:center;gap:12px;margin-top:20px;padding:4px 0;display:flex}.page-btn{border:1.5px solid var(--gray-200);border-radius:var(--radius-sm);background:var(--white);color:var(--gray-900);cursor:pointer;padding:8px 18px;font-size:13px;font-weight:600;transition:all .15s}.page-btn:hover:not(:disabled){background:var(--gray-900);color:var(--white);border-color:var(--gray-900)}.page-btn:disabled{opacity:.4;cursor:not-allowed}.page-info{color:var(--gray-500);font-size:13px;font-weight:500}.page-total{color:var(--gray-400);font-size:12px}.dm-list{flex-direction:column;gap:8px;display:flex}.feedback-btn{border-color:var(--gray-200)!important;color:var(--gray-700)!important}.feedback-box{background:var(--gray-50);border-radius:var(--radius-sm);border:1px solid var(--gray-200);flex-direction:column;gap:6px;padding:12px;display:flex}.feedback-textarea{border:1.5px solid var(--gray-200);border-radius:var(--radius-sm);width:100%;font-size:14px;font-family:var(--font);resize:none;color:var(--gray-900);background:var(--white);outline:none;padding:10px 12px;transition:border-color .15s}.feedback-textarea:focus{border-color:var(--gray-900)}.feedback-sent{color:var(--green);text-align:center;padding:8px 0;font-size:14px;font-weight:500}.footer{border-top:1px solid var(--gray-200);margin-top:auto;padding:28px 0}.footer-inner{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.footer-brand{flex-direction:column;gap:4px;display:flex}.footer-logo{color:var(--gray-700);font-size:14px;font-weight:700}.footer-note{color:var(--gray-400);font-size:12px}.footer-links{flex-wrap:wrap;justify-content:center;gap:6px 16px;display:flex}.footer-links a{color:var(--gray-500);font-size:12px;text-decoration:none;transition:color .15s}.footer-links a:hover{color:var(--gray-900)}@media (min-width:640px){.footer-inner{text-align:left;flex-direction:row;justify-content:space-between}.footer-links{justify-content:flex-end}}.main.has-bottom-nav~footer{margin-bottom:72px}@media (min-width:640px){.main.has-bottom-nav~footer{margin-bottom:0}}