*{box-sizing:border-box}body{font-family:system-ui;margin:0;background:#f4f6f8;color:#17202a}main{max-width:820px;margin:auto;padding:30px 16px}.brand{display:flex;align-items:center;padding:0 4px 16px;border-bottom:1px solid #d5dfdc}.brand a{color:#126b61;font-size:25px;font-weight:800;text-decoration:none}.brand span{margin-left:10px;padding:3px 7px;background:#f3c96b;color:#3b3424;font-size:12px;font-weight:700}.card{background:white;border-radius:16px;padding:24px;margin:15px 0;box-shadow:0 8px 30px #0001}.hidden{display:none!important}label{display:block;margin:14px 0;font-weight:600}input,select{display:block;width:100%;padding:11px;margin-top:6px;border:1px solid #ccd3da;border-radius:9px;font-size:16px}button{border:0;border-radius:9px;padding:10px 15px;background:#111827;color:#fff;cursor:pointer;margin:3px}.auth-mode{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;margin:16px 0;background:#e8eeeb;border-radius:8px}.auth-mode button{margin:0;background:transparent;color:#34403d}.auth-mode button.selected{background:white;color:#126b61;box-shadow:0 1px 4px #0002}.auth-form{display:block}.auth-form button[type=submit]{width:100%;margin:10px 0}.auth-error,#err{color:#b91c1c;min-height:1em}.top{display:flex;justify-content:space-between;align-items:center;gap:8px}.peer-heading{display:flex;align-items:center;gap:10px;min-width:0}.peer-heading h2{margin:0}.gender-symbol{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:#e8eeeb;color:#126b61;font-size:19px;font-weight:700;line-height:1}.age-badge{padding:4px 8px;border-radius:4px;background:#e4ede9;color:#205b50;font-size:13px;font-weight:650;white-space:nowrap}.chat-actions{display:flex;flex-wrap:wrap;align-items:center;gap:2px}.sound-toggle{display:flex;align-items:center;gap:6px;margin:3px 8px;font-size:13px;font-weight:500;white-space:nowrap}.sound-toggle input{display:inline-block;width:auto;margin:0}#typing{min-height:1.3em;margin:8px 0;color:#596863;font-size:13px}#msgs{height:450px;overflow:auto;background:#f8fafc;padding:12px;border-radius:10px;margin:12px 0}.msg,.mine{max-width:75%;width:max-content;padding:9px 12px;margin:6px 0;background:#e2e8f0;border-radius:12px}.mine{margin-left:auto;background:#dbeafe}#chat form{display:flex;gap:7px}#chat form input{flex:1;margin:0}h1,h2{overflow-wrap:anywhere}.admin-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px}.admin-session{overflow-wrap:anywhere}.admin-transcript{max-height:320px;overflow:auto;background:#f4f6f8;padding:12px 12px 12px 36px}.admin-transcript li{padding:4px 0}@media(max-width:520px){main{padding:18px 12px}.card{padding:18px}.top{align-items:flex-start;flex-direction:column}.admin-toolbar{align-items:flex-start;flex-direction:column}}