:root{font-family:Inter,Pretendard,system-ui,sans-serif;color:#16213a;background:#edf1f7}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}.guest-shell{width:min(100%,540px);height:100dvh;min-height:0;margin:auto;overflow:hidden;background:#fff;display:flex;flex-direction:column;box-shadow:0 0 35px #1e2d4b1f}header{padding:20px;display:flex;align-items:center;border-bottom:1px solid #e9edf4}header div{display:grid;gap:4px}header span{color:#6d778c;font-size:13px}@media(max-width:460px){.guest-shell header{align-items:flex-start;padding:max(14px,env(safe-area-inset-top)) 14px 12px}}.notice{margin:14px 18px;padding:12px;border-radius:10px;background:#f0f5ff;color:#42619d;font-size:13px}.notice.waiting{color:#8b651e;background:#fff5db}.notice.closed,.notice.expired{color:#687083;background:#eef0f4}.messages{flex:1 1 auto;min-height:0;padding:20px;overflow-y:auto;overscroll-behavior:contain;overflow-anchor:none}.message{max-width:78%;margin-bottom:18px}.message small{color:#818a9c}.message p{margin:6px 0;padding:13px 15px;border-radius:14px;line-height:1.55;overflow-wrap:anywhere;white-space:pre-wrap}.message.agent p{background:#f0f2f6;border-top-left-radius:4px}.message.guest{margin-left:auto;text-align:right}.message.guest p{color:#fff;background:#316bdb;border-top-right-radius:4px;text-align:left}.message.system{max-width:92%;margin-left:auto;margin-right:auto;text-align:center}.message.system p{color:#5d6674;background:#f4f5f7;border-radius:12px;text-align:left}footer{position:sticky;z-index:2;bottom:0;border-top:1px solid #e9edf4;padding:14px 18px max(18px,env(safe-area-inset-bottom));background:#fff}.timer{display:flex;justify-content:space-between;color:#687288;font-size:13px;margin-bottom:12px}.timer strong{color:#d45b40}.composer{display:flex;gap:8px}.composer input{flex:1;min-width:0;border:1px solid #d9dfe9;border-radius:10px;padding:13px;font:inherit}.composer button{min-width:64px;border:0;border-radius:10px;padding:0 14px;color:#fff;background:#316bdb;font-weight:700}.composer button:disabled,.composer input:disabled{cursor:not-allowed;opacity:.6}.error-box{margin:0 18px 10px;padding:11px;color:#a84239;background:#fff0ee;border-radius:9px;font-size:13px}.empty{margin-top:25%;color:#8992a3;text-align:center}.center-card{min-height:100vh;display:grid;place-content:center;justify-items:center;padding:30px;text-align:center;background:#fff}.center-card h1{margin:18px 0 8px;font-size:24px}.center-card p{color:#6d778c}.center-card code{margin-top:12px;padding:10px;border-radius:7px;background:#f1f3f7}.spinner{width:40px;height:40px;border:4px solid #dce5f5;border-top-color:#316bdb;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.consent-card{width:min(100%,430px);display:grid;gap:18px;padding:34px;text-align:left;background:#fff;border:1px solid #e2e7f0;border-radius:18px;box-shadow:0 18px 50px #21304f1f}.consent-card h1{margin:0}.consent-card p{margin:0;line-height:1.6}.consent-card label:not(.agreement){display:grid;gap:8px;color:#4f596e;font-weight:700}.consent-card select{padding:12px;border:1px solid #d8deea;border-radius:9px;background:#fff;font:inherit}.agreement{display:flex;align-items:flex-start;gap:10px;color:#5f687b;font-size:13px;line-height:1.55}.agreement input{margin-top:3px}.consent-card button{padding:13px;border:0;border-radius:9px;color:#fff;background:#316bdb;font:inherit;font-weight:750}.consent-card button:disabled{opacity:.5;cursor:not-allowed}.eyebrow{color:#316bdb;font-size:12px;font-weight:800;letter-spacing:1.3px}@media(max-width:460px){body{background:#fff}.guest-shell{width:100%;max-width:none;box-shadow:none}.guest-shell header>div:first-child{min-width:0}.guest-shell header strong{font-size:15px}.guest-shell header>div:first-child span{max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notice{margin:10px 12px;padding:10px;font-size:12px}.messages{padding:14px 12px}.message{max-width:88%;margin-bottom:14px}.message small{font-size:11px}.message p{padding:11px 13px}footer{padding:10px 10px max(10px,env(safe-area-inset-bottom))}.timer{margin-bottom:8px;font-size:12px}.composer input{min-height:44px;padding:12px 10px;font-size:16px}.composer button{min-height:44px}.center-card{padding:64px 14px 20px}.consent-card{padding:24px 18px;border-radius:14px;box-shadow:none}}.guest-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:20px;background:#101b317a}.guest-confirm-modal{width:min(100%,360px);padding:24px;border-radius:16px;background:#fff;box-shadow:0 20px 60px #101b3140}.guest-confirm-modal h2{margin:0 0 10px;font-size:20px}.guest-confirm-modal p{margin:0 0 22px;color:#687288;line-height:1.5}.guest-confirm-modal>div{display:flex;justify-content:flex-end;gap:8px}.guest-confirm-modal button{border:0;border-radius:9px;padding:11px 15px;font:inherit;font-weight:750}.guest-confirm-modal .cancel{color:#536078;background:#eef1f6}.guest-confirm-modal .confirm{color:#fff;background:#c34f43}.guest-confirm-modal button:disabled{opacity:.55}.center-card{width:100%;align-content:center;place-content:normal}.consent-card{width:100%;max-width:430px;min-width:0}.consent-card>*{min-width:0}.consent-card p,.agreement span{overflow-wrap:anywhere}.consent-card select,.consent-card button{width:100%}