:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#0b111b;color:#eef3fa}*{box-sizing:border-box}body{margin:0}main{max-width:760px;margin:auto;padding:24px 20px 32px}header{display:flex;align-items:center;gap:12px;padding:8px 0 26px;border-bottom:1px solid #253045}header small{display:block;font-size:12px;color:#8fa4ba;margin-top:5px}.logo{background:#e7ba62;color:#151e29;border-radius:16px;width:42px;height:42px;display:grid;place-items:center;font-weight:800}.badge{margin-left:auto;color:#d6b477;letter-spacing:2px;font-size:10px}.welcome{padding:25px 0}h1{font-size:38px;line-height:1.1;letter-spacing:-1px;margin:16px 0}p{color:#98abc0;line-height:1.6;font-size:14px}.bubble{padding:16px;margin:12px 0;white-space:pre-wrap;overflow-wrap:anywhere;background:#162032;border:1px solid #25334a;border-radius:18px}.mine{background:#182c33;margin-left:30px}.proposal{padding:14px;border:1px solid #bd9555;border-radius:14px;margin:12px 0}.proposal pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}button{border:0;border-radius:12px;padding:12px 18px;font-weight:600;background:#e7ba62;color:#15202c;cursor:pointer}button:disabled{opacity:.4;cursor:default}#mic{width:100%;font-size:18px;padding:22px;margin:20px 0 8px}#mic.active{background:#d45b63;color:white}textarea{width:100%;border:1px solid #34415b;border-radius:12px;background:#101b2a;color:#f4f6fa;padding:14px;font:inherit;resize:vertical}form{display:flex;gap:8px;align-items:stretch}form button{white-space:nowrap}.note{font-size:11px}audio{width:100%;margin-top:12px;display:none}#recording{display:block;text-align:center;color:#e8b75b;font-size:12px;margin-bottom:12px}.proposal button{margin:6px}a{color:#e7ba62}

.call-card{padding:20px;border:1px solid #4f4736;background:linear-gradient(135deg,#24281f,#121d2e);border-radius:22px;margin:0 0 24px}.live-label{font-size:10px;letter-spacing:2px;color:#d4b16a}.call-card #call{display:block;width:100%;padding:20px 12px;font-size:18px;margin:16px 0 10px}.call-card #call.active{background:#bd4657;color:white}.call-controls{display:flex;align-items:center;justify-content:space-between;gap:10px}.call-controls #mute{background:#223349;color:#dce8f4;padding:10px;font-size:12px}#call-time{font-variant-numeric:tabular-nums;color:#d6b477}.call-card p{font-size:12px;margin-bottom:0}button[hidden]{display:none!important}@media(max-width:430px){main{padding:16px 14px 24px}h1{font-size:32px}.welcome{padding:14px 0}.call-card{padding:16px}.badge{font-size:9px}form{flex-wrap:wrap}form button{width:100%}}