:root{--bg:#0b0d12;--bg-elev:#141822;--bg-elev-2:#1c2130;--border:#262c3b;--text:#e7ecf3;--text-dim:#93a0b4;--accent:#6c7dff;--accent-hover:#5768f0;--danger:#ff5c72;--danger-hover:#f0475e;--ok:#3ddc97;--radius:14px;--matcha:#9ec06f;--matcha-light:#c7de9f;--matcha-line:#e9f1dd}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}body{background-color:var(--bg);background-image:url(/images/matcha-bg.webp);background-repeat:repeat;background-size:340px auto;background-attachment:fixed}button{font-family:inherit;cursor:pointer;border:none;border-radius:10px;font-weight:600;transition:background .15s ease,opacity .15s ease,transform .05s ease}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}.app{height:100dvh;display:flex;flex-direction:column}.topbar{justify-content:space-between;padding:12px 18px;border-bottom:1px solid var(--border);background:var(--bg-elev)}.brand,.topbar{display:flex;align-items:center}.brand{gap:10px;font-weight:700;letter-spacing:.2px}.brand .dot{width:10px;height:10px;border-radius:50%;background:var(--matcha);box-shadow:0 0 12px var(--matcha)}.brand-logo{height:28px}.brand-logo,.hero-logo{width:auto;display:block}.hero-logo{height:84px;margin-bottom:2px}.online{display:flex;align-items:center;gap:8px;color:var(--text-dim);font-size:14px}.online .pulse{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 10px var(--ok)}.topbar-right{display:flex;align-items:center;gap:14px}.account-wrap{position:relative}.account-btn{display:inline-flex;align-items:center;gap:7px;background:var(--bg-elev-2);border:1px solid var(--border);border-radius:999px;padding:7px 12px;color:var(--text);font-size:13.5px;font-weight:600}.account-btn:hover{background:#252b3d}.account-caret{color:var(--text-dim)}.account-backdrop{position:fixed;inset:0;z-index:20}.account-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:21;width:220px;background:var(--bg-elev-2);border:1px solid var(--border);border-radius:12px;padding:6px;box-shadow:0 10px 30px rgba(0,0,0,.5)}.account-menu-user{font-size:12px;color:var(--text-dim);padding:6px 10px 8px;border-bottom:1px solid var(--border);margin-bottom:4px}.account-menu-handle{color:var(--text);font-weight:600}.account-menu-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:transparent;color:var(--text);padding:9px 10px;border-radius:8px;font-size:14px;font-weight:500;text-decoration:none}.account-menu-item:hover{background:var(--bg-elev)}.account-menu-item.danger:hover{background:rgba(255,92,114,.15);color:#ffd0d7}.settings-list{display:flex;flex-direction:column;gap:2px;background:var(--bg-elev-2);border:1px solid var(--border);border-radius:10px;overflow:hidden}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:12px 14px}.settings-row+.settings-row{border-top:1px solid var(--border)}.settings-label{font-size:13px;color:var(--text-dim)}.settings-value{font-size:14px;color:var(--text);font-weight:600}.settings-note{font-size:12.5px;color:var(--text-dim);text-align:center;margin:-2px 0 4px}.settings-back{display:inline-flex;align-items:center;gap:8px;text-decoration:none;padding:12px}.settings-back,.settings-logout{justify-content:center}.pref-row{display:flex;flex-direction:column;align-items:center;gap:6px}.pref-label{font-size:13px;color:var(--text-dim)}.pref-toggle{display:inline-flex;background:var(--bg-elev-2);border:1px solid var(--border);border-radius:999px;padding:3px;gap:2px}.pref-toggle button{padding:7px 16px;border-radius:999px;background:transparent;color:var(--text-dim);font-size:13.5px;font-weight:600}.pref-toggle button.selected{background:var(--accent);color:#fff}.main{flex:1 1;display:grid;grid-template-columns:1fr 360px;grid-gap:14px;gap:14px;padding:14px;min-height:0}@media (max-width:820px){.main{grid-template-columns:1fr;grid-template-rows:1fr 44%}.app:not(.is-active) .main{grid-template-rows:1fr}.app:not(.is-active) .chat{display:none}}.stage{position:relative;background:#05070b;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;min-height:0;display:flex;align-items:center;justify-content:center}.stage.stage-idle{background:rgba(5,7,11,.75)}.stage.stage-idle .remote-video{opacity:0}.remote-video{width:100%;height:100%}.local-video,.remote-video{object-fit:cover;background:#05070b}.local-video{position:absolute;right:14px;bottom:14px;width:180px;max-width:34%;aspect-ratio:4/3;border-radius:10px;border:2px solid var(--border);transform:scaleX(-1);box-shadow:0 6px 20px rgba(0,0,0,.5)}.stage-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:safe center;gap:14px;text-align:center;padding:24px;color:var(--text-dim);overflow-y:auto}.stage-overlay h1{color:var(--text);font-size:26px;margin:0}.stage-overlay h1.hero-title{font-size:40px;letter-spacing:-.5px;font-weight:800}.hero-tagline{margin:0;color:var(--text-dim);font-size:15px}.brand-accent{color:var(--matcha)}.stage-overlay p{margin:0;max-width:420px;line-height:1.5}.spinner{width:34px;height:34px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--accent);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.status-pill{position:absolute;top:14px;left:14px;padding:6px 12px;border-radius:999px;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:13px;color:var(--text);display:flex;align-items:center;gap:8px}.dim-small{font-size:13px;color:var(--text-dim)}.matcha-loader{display:inline-flex;align-items:center;justify-content:center;line-height:0}.matcha-loader-img{display:block;width:auto;height:auto;max-height:148px}.matcha-static{display:none}@media (prefers-reduced-motion:reduce){.matcha-anim{display:none}.matcha-static{display:block}}.ic-spin{animation:spin .9s linear infinite;color:var(--accent)}.ic-ok{color:var(--ok)}.ic-inline{vertical-align:-4px}.btn-skip,.btn-stop,.composer button,.report-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px}.interest-input{width:100%;max-width:440px}.chips{display:flex;flex-wrap:wrap;background:var(--bg-elev-2);border:1px solid var(--border);border-radius:10px;padding:8px 10px;min-height:44px}.chip,.chips{gap:6px;align-items:center}.chip{background:rgba(108,125,255,.16);border:1px solid rgba(108,125,255,.4);color:var(--text);padding:3px 6px 3px 10px;border-radius:999px;font-size:13px}.chip,.chip button{display:inline-flex}.chip button{align-items:center;justify-content:center;background:transparent;color:var(--text-dim);line-height:1;padding:2px;border-radius:4px}.chip button:hover,.chips input{color:var(--text)}.chips input{flex:1 1;min-width:140px;background:transparent;border:none;outline:none;font-size:14px;padding:4px}.report-wrap{position:absolute;top:14px;right:14px;z-index:5}.report-btn{padding:6px 12px;border-radius:999px;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--text);font-size:13px;border:1px solid var(--border)}.report-btn:hover{background:rgba(255,92,114,.25);border-color:var(--danger)}.report-backdrop{position:fixed;inset:0;z-index:6}.report-menu{position:absolute;top:40px;right:0;z-index:7;width:220px;background:var(--bg-elev-2);border:1px solid var(--border);border-radius:12px;padding:6px;box-shadow:0 10px 30px rgba(0,0,0,.5)}.report-menu-title{font-size:12px;color:var(--text-dim);padding:6px 8px 8px}.report-menu button{display:block;width:100%;text-align:left;background:transparent;color:var(--text);padding:9px 10px;border-radius:8px;font-size:13.5px;font-weight:500}.report-menu button:hover{background:rgba(255,92,114,.15);color:#ffd0d7}.typing{align-self:flex-start;display:flex;align-items:center;gap:8px;color:var(--text-dim);font-size:12.5px;font-style:italic;padding:2px 4px}.typing-dots{display:inline-flex;gap:3px}.typing-dots span{width:5px;height:5px;border-radius:50%;background:var(--text-dim);animation:typing-bounce 1.2s ease-in-out infinite}.typing-dots span:nth-child(2){animation-delay:.15s}.typing-dots span:nth-child(3){animation-delay:.3s}@keyframes typing-bounce{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-4px);opacity:1}}.controls{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);display:flex;gap:10px}.btn-primary{background:var(--accent);color:#fff;padding:12px 26px;font-size:15px}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-icon{background:var(--bg-elev-2);color:var(--text);border:1px solid var(--border);width:46px;height:46px;font-size:18px;display:inline-flex;align-items:center;justify-content:center}.btn-icon:hover:not(:disabled){background:#252b3d}.btn-icon.off{background:rgba(255,92,114,.18);border-color:var(--danger)}.btn-skip{background:var(--bg-elev-2);color:var(--text);padding:12px 22px;border:1px solid var(--border)}.btn-skip:hover:not(:disabled){background:#252b3d}.btn-stop{background:var(--danger);color:#fff;padding:12px 20px}.btn-stop:hover:not(:disabled){background:var(--danger-hover)}.chat{display:flex;flex-direction:column;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);min-height:0;overflow:hidden}.chat-header{padding:12px 16px;border-bottom:1px solid var(--border);font-weight:600;font-size:14px;color:var(--text-dim)}.messages{flex:1 1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:8px}.msg{max-width:82%;padding:8px 12px;border-radius:12px;font-size:14px;line-height:1.4;word-break:break-word}.msg.me{align-self:flex-end;background:var(--accent);color:#fff;border-bottom-right-radius:4px}.msg.stranger{align-self:flex-start;background:var(--bg-elev-2);color:var(--text);border-bottom-left-radius:4px}.msg.system{align-self:center;background:transparent;color:var(--text-dim);font-size:12.5px;font-style:italic}.composer{display:flex;gap:8px;padding:12px;border-top:1px solid var(--border)}.composer input{flex:1 1;background:var(--bg-elev-2);border:1px solid var(--border);border-radius:10px;color:var(--text);padding:10px 12px;font-size:14px;outline:none}.composer input:focus{border-color:var(--accent)}.composer input:disabled{opacity:.5}.composer button{background:var(--accent);color:#fff;padding:0 16px}.composer button:hover:not(:disabled){background:var(--accent-hover)}.error-banner{background:rgba(255,92,114,.12);border:1px solid var(--danger);color:#ffd0d7;padding:10px 14px;border-radius:10px;font-size:14px}.auth-wrap{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px}.auth-card{width:100%;max-width:380px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:28px 26px;gap:14px}.auth-brand,.auth-card{display:flex;flex-direction:column}.auth-brand{align-items:center;gap:8px;margin-bottom:4px}.auth-brand img{height:64px;width:auto}.auth-brand .name{font-size:22px;font-weight:800;letter-spacing:-.3px}.auth-card h1{font-size:18px;margin:0;text-align:center}.auth-sub{text-align:center;color:var(--text-dim);font-size:14px;margin:-6px 0 4px}.auth-card label{font-size:13px;color:var(--text-dim);display:block;margin-bottom:5px}.auth-card input[type=password],.auth-card input[type=text]{width:100%;background:var(--bg-elev-2);border:1px solid var(--border);border-radius:10px;color:var(--text);padding:11px 12px;font-size:15px;outline:none}.auth-card input:focus{border-color:var(--accent)}.auth-field{display:flex;flex-direction:column}.gender-toggle{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.gender-toggle button{padding:11px;border-radius:10px;border:1px solid var(--border);background:var(--bg-elev-2);color:var(--text-dim);font-size:14px;font-weight:600}.gender-toggle button.selected{border-color:var(--matcha);background:hsla(85,39%,59%,.16);color:var(--text)}.auth-submit{background:var(--accent);color:#fff;padding:12px;font-size:15px;margin-top:2px}.auth-submit:hover:not(:disabled){background:var(--accent-hover)}.btn-google{display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;color:#1f2430;padding:11px;font-size:14.5px;font-weight:600}.btn-google:hover{background:#f1f2f4}.auth-divider{display:flex;align-items:center;gap:10px;color:var(--text-dim);font-size:12px;margin:2px 0}.auth-divider:after,.auth-divider:before{content:"";flex:1 1;height:1px;background:var(--border)}.auth-alt{text-align:center;font-size:14px;color:var(--text-dim)}.auth-alt a{color:var(--accent);text-decoration:none;font-weight:600}.auth-alt a:hover{text-decoration:underline}.admin-wrap{min-height:100dvh;background:var(--bg-elev)}.admin-inner{max-width:1100px;margin:0 auto;padding:28px 20px 60px}.admin-header{justify-content:space-between;margin-bottom:18px}.admin-header,.admin-header h1{display:flex;align-items:center}.admin-header h1{gap:10px;font-size:22px;margin:0}.admin-filters{display:flex;gap:10px;margin-bottom:16px}.admin-filters select{background:var(--bg-elev-2);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:8px 10px;font-size:13.5px}.admin-filters .btn-primary{padding:8px 18px;font-size:13.5px}.admin-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elev)}.admin-table{width:100%;border-collapse:collapse;font-size:13.5px}.admin-table td,.admin-table th{text-align:left;padding:10px 14px;border-bottom:1px solid var(--border);white-space:nowrap}.admin-table th{color:var(--text-dim);font-weight:600;font-size:12.5px;text-transform:uppercase;letter-spacing:.03em}.admin-table tr:last-child td{border-bottom:none}.admin-empty{color:var(--text-dim);text-align:center!important}.admin-thumb{width:64px;height:44px;object-fit:cover;border-radius:6px;border:1px solid var(--border);display:block}.admin-badge{display:inline-block;margin-left:6px;padding:2px 8px;border-radius:999px;font-size:11.5px;font-weight:600;background:rgba(61,220,151,.15);color:var(--ok)}.admin-badge.muted{background:var(--bg-elev-2);color:var(--text-dim)}.admin-badge.danger{background:rgba(255,92,114,.15);color:#ffd0d7}.admin-actions{display:flex;gap:6px}.admin-btn{background:var(--bg-elev-2);border:1px solid var(--border);color:var(--text);padding:6px 10px;border-radius:8px;font-size:12.5px;font-weight:600}.admin-btn:hover:not(:disabled){background:#252b3d}.admin-btn.danger{border-color:var(--danger);color:#ffd0d7}.admin-btn.danger:hover:not(:disabled){background:rgba(255,92,114,.15)}