body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chatPage{min-height:calc(100vh - 58px);background:linear-gradient(180deg,#f6f7fb,#eef2ff);display:flex;flex-direction:column}.chatHeader{background:#075e54;border-bottom:1px solid rgba(0,0,0,.08)}.chatHeader__title{font-weight:900;color:#fff}.chatHeader__meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.hint{font-size:12px;color:#fff;font-weight:700}.pill{font-size:12px;font-weight:800;border:1px solid rgba(255,255,255,.25);background:#ffffff1f;padding:6px 10px;border-radius:999px;color:#fff}.pill--users{max-width:min(720px,70vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#6366f11a;border-color:#6366f140}.pill--ok{background:#25d3662e;border-color:#25d36673;color:#0f5132}.pill--warn{background:#ffc1072e;border-color:#ffc10773;color:#664d03}.pill--muted{background:#ffffff14;border-color:#ffffff2e;color:#ffffffd1}.pill[role=button]{cursor:pointer;-webkit-user-select:none;user-select:none}.pill[role=button]:focus{outline:2px solid rgba(37,211,102,.55);outline-offset:2px}.chatBody{flex:1 1 0;display:flex;align-items:flex-start;justify-content:center;padding:22px 16px 28px;min-height:0}.lobbyStack{width:100%;max-width:760px;display:flex;flex-direction:column;gap:14px}.roomList{max-width:none;width:100%;max-height:none;overflow:visible}.createCard,.roomList,.joinCard{width:100%;background:#fffffff5;border:1px solid rgba(229,231,235,.9);border-radius:18px;box-shadow:0 10px 30px #1118270f;padding:18px}.createCard__actions{margin-top:14px;display:flex;justify-content:flex-end}.createCard__hint{margin-top:12px;font-size:12px;color:#6b7280;line-height:1.6}.sectionTitle{font-weight:950;color:#0f172a;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between}.muted{font-size:12px;color:#6b7280;font-weight:700}.roomItems{display:grid;grid-template-columns:1fr;gap:10px}.roomItem{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:1px solid #e5e7eb;border-radius:14px;padding:12px;background:#fff;cursor:pointer;text-align:left;width:100%;box-sizing:border-box;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;box-shadow:0 1px #00000008;transition:background .12s ease,transform .12s ease,box-shadow .12s ease,border-color .12s ease}.roomItem:hover{background:#f9fafb;border-color:#d1d5db;box-shadow:0 6px 18px #1118270f;transform:translateY(-1px)}.roomItem:active{transform:translateY(0);box-shadow:0 2px 8px #11182712}.roomItem__name{font-weight:900;color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roomItem__sub{margin-top:4px;font-size:12px;color:#6b7280;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roomItem__right{display:flex;align-items:center;gap:8px}.roomBadge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid #e5e7eb;background:#f3f4f6;color:#111827;font-size:12px;font-weight:900;white-space:nowrap}.roomEnter{padding:8px 10px;border-radius:12px;border:1px solid #e5e7eb;background:#111827;color:#fff;font-weight:900;font-size:12px;white-space:nowrap}.joinCard{width:100%;max-width:none;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 1px #00000008;padding:18px}.joinCard__title{font-weight:900;color:#111827;margin-bottom:12px}.field{display:block;margin-top:12px}.field__label{font-size:12px;color:#6b7280;font-weight:800;margin-bottom:6px}.input{width:100%;padding:11px 12px;border-radius:12px;border:1px solid #dbe2ea;outline:none;box-sizing:border-box;background:#fff;transition:box-shadow .12s ease,border-color .12s ease}.input:focus{border-color:#6366f1;box-shadow:0 0 0 4px #6366f12e}.input:disabled{background:#f3f4f6;cursor:not-allowed}.joinCard__actions{margin-top:14px;display:flex;justify-content:flex-end}.joinCard__footnote{margin-top:12px;font-size:12px;color:#6b7280;line-height:1.6}.errorBox{background:#fee2e2;border:1px solid #fecaca;color:#991b1b;padding:10px 12px;border-radius:12px;font-weight:800;font-size:12px}.btn{padding:10px 12px;border-radius:12px;border:1px solid rgba(229,231,235,.9);background:#25d366;color:#fff;font-weight:900;cursor:pointer}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--ghost{border-color:#ffffff40;background:#ffffff1f;color:#fff}.chatLayout{width:100%;max-width:980px;height:min(740px,calc(100vh - 120px));border-radius:14px;border:1px solid rgba(0,0,0,.08);box-shadow:0 14px 40px #0000001f;display:flex;flex-direction:column;overflow:hidden}.chatMessages{background:#ece5dd;color:#111827;position:relative;padding:16px 12px 22px;flex:1 1 auto;min-height:0;overflow:auto}.chatMessages:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(0,0,0,.035) 1px,transparent 1px);background-size:22px 22px;pointer-events:none;opacity:.55}.messageList{position:relative;gap:12px;padding-bottom:12px;min-height:240px;display:flex;flex-direction:column;overflow:visible}.emptyState{min-height:240px}.messageRow{display:flex;width:100%;padding:0 10px}.messageRow--mine{justify-content:flex-end}.messageRow--other{justify-content:flex-start}.messageRow--system{justify-content:center}.messageBubble{max-width:min(78%,560px);border:0;border-radius:12px;padding:9px 11px;box-shadow:0 1px #00000014;position:relative;margin:0}.messageBubble--mine{background:#dcf8c6}.messageBubble--other{background:#fff}.messageBubble--system{background:#e1f5fee6;color:#111827eb}.messageRow--mine .messageBubble:after{content:"";position:absolute;right:-6px;top:8px;width:0;height:0;border-left:6px solid #dcf8c6;border-top:6px solid transparent;border-bottom:6px solid transparent}.messageRow--other .messageBubble:before{content:"";position:absolute;left:-6px;top:8px;width:0;height:0;border-right:6px solid #ffffff;border-top:6px solid transparent;border-bottom:6px solid transparent}.messageMeta{margin-bottom:4px}.messageNick{color:#111827c7}.messageTs{color:#11182773}.messageText{color:#111827eb}.audioMsg{display:flex;flex-direction:column;gap:8px}.audioMsg audio{width:min(360px,70vw)}.audioMsg__meta{display:flex;gap:10px;font-size:11px;font-weight:900;color:#1118278c}.audioMsg__file{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chatComposer{display:grid;grid-template-columns:44px 1fr 72px;align-items:center;padding:10px;border-top:1px solid rgba(0,0,0,.08)}.chatComposer .btn{justify-self:end;height:42px;border-radius:999px;padding:0 14px}.micBtn{width:42px;height:42px;border-radius:999px}.pttDraft{display:grid;gap:8px}.pttDraft__row{display:inline-flex;align-items:center;gap:8px;font-weight:900;font-size:12px;color:#111827bf}.pttDraft__dot{width:10px;height:10px;border-radius:999px;background:#25d366;box-shadow:0 0 0 4px #25d36633}.pttDraft__meter{width:min(280px,58vw);height:8px;border-radius:999px;background:#00000014;overflow:hidden}.pttDraft__bar{height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#25d366,#128c7e);transition:width 80ms linear}@media (max-width: 640px){.chatBody{padding:12px 10px 14px}.chatLayout{height:min(620px,calc(100vh - 140px));border-radius:12px}.chatMessages{padding:12px 10px 16px}.chatComposer{padding:8px;grid-template-columns:40px 1fr 64px}.chatComposer .btn{height:40px;padding:0 12px}.micBtn{width:40px;height:40px}.messageRow{padding:0 6px}.messageBubble{max-width:min(86%,560px)}}