:root{font-family:Pretendard,Noto Sans KR,Segoe UI,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-width:320px;color:#eff4ff;background:#070b13}.app-shell{position:relative;min-height:100vh;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.ambient-bg{position:fixed;inset:0;background:radial-gradient(circle at 12% 14%,#1f5fff40 0%,transparent 30%),radial-gradient(circle at 84% 20%,#10d8b233 0%,transparent 28%),linear-gradient(140deg,#081027,#0b142d 54%,#060c1c);z-index:-1}.chat-card{width:min(1180px,100%);height:min(90vh,900px);border:1px solid #ffffff1e;border-radius:24px;background:linear-gradient(145deg,#0f1a34f0,#0b1327f0);box-shadow:0 24px 70px #0000006a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;overflow:hidden}.chat-header{padding:16px 20px;border-bottom:1px solid #ffffff1a;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand-group{display:flex;align-items:center;gap:10px}.brand-logo{width:44px;height:44px;border-radius:10px;object-fit:contain;background:#0f1730}.brand-name{margin:0;font-size:1.12rem;font-weight:700;color:#f2f6ff;letter-spacing:.04em}.brand-subtitle{margin:2px 0 0;font-size:.8rem;color:#a8b7da}.user-actions{display:flex;align-items:center;gap:10px}.user-name{font-size:.86rem;color:#d4dfff}.primary-btn,.outline-btn,.panel-btn{border-radius:10px;border:0;padding:9px 13px;font-size:.86rem;font-weight:600;cursor:pointer}.primary-btn{color:#f7faff;background:linear-gradient(120deg,#2c71ff,#1db7eb)}.outline-btn{color:#d2ddf8;background:#101b37;border:1px solid #2a406e}.panel-btn{color:#d8e3ff;background:#162241;border:1px solid #2f4877}.primary-btn:disabled,.outline-btn:disabled,.panel-btn:disabled{opacity:.45;cursor:not-allowed}.status-banner{margin:12px 14px 0;padding:10px 12px;border-radius:12px;font-size:.82rem}.status-banner.error{background:#f55f6e2f;border:1px solid #f55f6e7f;color:#ffd0d5}.workspace{flex:1;min-height:0;display:grid;grid-template-columns:320px 1fr;position:relative}.mobile-edge-grab,.sidebar-backdrop{display:none}.sidebar{border-right:1px solid #ffffff1a;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:12px}.sidebar-rail{display:none}.sidebar-content{display:flex;flex-direction:column;gap:12px}.panel-section{border:1px solid #ffffff17;background:#0f1934ab;border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:8px}.panel-title{margin:0;font-size:.86rem;color:#dce7ff;letter-spacing:.02em}.room-list,.friend-list,.request-list{display:flex;flex-direction:column;gap:6px;max-height:160px;overflow-y:auto}.folder-list{display:flex;flex-direction:column;gap:8px;max-height:240px;overflow-y:auto}.folder-group{border:1px solid #23395f;border-radius:10px;background:#0d1732;padding:6px;display:flex;flex-direction:column;gap:6px}.folder-header{display:flex;align-items:center;gap:6px}.folder-toggle{flex:1;border:1px solid #2a406b;background:#111d3a;color:#d8e5ff;border-radius:8px;padding:5px 7px;font-size:.78rem;cursor:pointer;display:flex;align-items:center;gap:7px;text-align:left}.folder-count{margin-left:auto;color:#9cb2df;font-size:.72rem}.folder-group .room-list{max-height:none;overflow:visible}.room-row{display:flex;align-items:center;gap:6px}.room-item{text-align:left;border:1px solid #2d3e65;background:#121d39;color:#d2ddfb;border-radius:8px;padding:7px 8px;cursor:pointer;font-size:.84rem}.room-row .room-item{flex:1}.room-item.active{border-color:#5f8dff;background:#193064;color:#ecf2ff}.room-folder-select{width:106px;border:1px solid #2b416d;background:#101a35;color:#d7e4ff;border-radius:8px;font-size:.74rem;padding:6px 7px}.room-folder-select:focus{outline:none;border-color:#5a87ff}.inline-form{display:flex;gap:6px}.profile-form{display:flex;flex-direction:column;gap:6px}.panel-input{flex:1;border:1px solid #2a3f69;background:#0d152c;border-radius:8px;color:#e8efff;padding:8px 9px;font-size:.84rem}.panel-input:focus{outline:none;border-color:#5a87ff}.friend-item,.request-item{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #24395f;background:#121d38;border-radius:8px;padding:6px 8px;color:#dce7ff;font-size:.8rem}.friend-text{display:flex;flex-direction:column;min-width:0}.friend-text small{color:#9cb0db;font-size:.72rem}.friend-actions{display:flex;align-items:center;gap:6px}.request-actions{display:flex;gap:6px}.mini-empty{margin:0;color:#9fb1d8;font-size:.78rem}.chat-main{min-height:0;display:flex;flex-direction:column}.room-header{padding:14px 16px;border-bottom:1px solid #ffffff14}.room-title{margin:0;font-size:1.02rem;color:#f0f5ff}.room-caption{margin:4px 0 0;font-size:.78rem;color:#9db0d8}.chat-feed{flex:1;min-height:0;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px}.message-item{max-width:min(84%,560px);border-radius:14px;padding:9px 11px}.message-mine{align-self:flex-end;background:linear-gradient(135deg,#2f74ff,#278bff)}.message-other{align-self:flex-start;background:#151f3b;border:1px solid #2a3e68}.message-meta{display:flex;justify-content:space-between;gap:12px;margin-bottom:5px;font-size:.72rem;color:#dee8ffbf}.message-text{margin:0;color:#f2f6ff;font-size:.91rem;white-space:pre-wrap;overflow-wrap:break-word}.message-link{color:#b8d7ff;text-decoration:underline}.message-edit-form{display:flex;flex-direction:column;gap:8px}.message-edit-input{border:1px solid #ffffff36;background:#091126bd;border-radius:8px;color:#edf4ff;font-size:.88rem;padding:7px 8px}.message-actions{margin-top:7px;display:flex;align-items:center;gap:6px}.text-btn{border:1px solid #ffffff30;background:#0f1830;color:#dbe6ff;border-radius:8px;padding:3px 8px;font-size:.74rem;cursor:pointer}.text-btn.danger{border-color:#ff8f9a75;color:#ffd1d6}.text-btn:disabled{opacity:.45;cursor:not-allowed}.message-lock{color:#b6c6ea;font-size:.72rem}.empty-state,.empty-room{margin:auto;color:#9eb1d8;font-size:.9rem}.composer{border-top:1px solid #ffffff18;padding:12px 14px 14px;display:flex;gap:8px}.composer-input{flex:1;border:1px solid #2b4069;background:#0d162c;border-radius:10px;color:#edf4ff;font-size:.9rem;padding:10px 11px}.composer-input:focus{outline:none;border-color:#4f7eff;box-shadow:0 0 0 3px #4f7eff26}.credits{color:#8fa2cc;font-size:.74rem}@media(min-width:1200px){.app-shell{padding:12px 14px 8px;justify-content:flex-start}.chat-card{width:min(1680px,calc(100vw - 28px));height:calc(100vh - 58px);max-height:none}.workspace{grid-template-columns:360px minmax(0,1fr)}.chat-feed{padding:18px 22px}.message-item{max-width:min(84%,860px)}}@media(max-width:980px){.workspace{display:block;min-height:0}.mobile-edge-grab{display:inline-flex;position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:3;width:20px;height:72px;border:1px solid #334f82;border-left:0;border-radius:0 12px 12px 0;background:linear-gradient(180deg,#112043ee,#0d1732ee);color:#d8e7ff;align-items:center;justify-content:center;cursor:pointer;box-shadow:6px 0 16px #00000040}.mobile-edge-grab span{font-size:1.1rem;line-height:1}.mobile-edge-grab.hidden{display:none}.sidebar-backdrop.visible{display:block;position:absolute;inset:0;z-index:4;border:0;background:#020611a6;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.sidebar{position:absolute;top:0;left:0;bottom:0;width:min(92vw,430px);z-index:5;transform:translate(-104%);transition:transform .18s ease;border-right:1px solid #ffffff20;background:linear-gradient(180deg,#0a1125f5,#081126f2);box-shadow:12px 0 30px #0005;overflow:hidden;display:grid;grid-template-columns:64px 1fr;gap:0;padding:0}.sidebar.mobile-open{transform:translate(0)}.workspace.sidebar-open .mobile-edge-grab{display:none}.sidebar-rail{display:flex;flex-direction:column;gap:8px;padding:10px 8px;border-right:1px solid #ffffff14;background:#0a1022}.rail-btn{border:1px solid #253b64;background:#121d38;color:#d6e4ff;border-radius:12px;min-height:46px;padding:6px 4px;font-size:.72rem;font-weight:600;line-height:1.1;cursor:pointer;text-align:center}.rail-btn.active{border-color:#5f8dff;background:#173062;color:#eef4ff}.rail-close-btn{margin-top:auto;border-color:#674047;color:#ffd3d9}.sidebar-content{overflow-y:auto;padding:12px;gap:12px}.sidebar-content .panel-section{display:none}.sidebar-content .panel-section.mobile-panel-active{display:flex}.chat-main{min-height:100%}}@media(max-width:640px){.app-shell{padding:8px}.chat-card{height:95vh;border-radius:16px}.chat-header{padding:12px;flex-wrap:wrap}.user-name{display:none}.brand-logo{width:40px;height:40px}.user-actions{width:100%;justify-content:flex-end}.sidebar{width:100%;grid-template-columns:60px 1fr}.mobile-edge-grab{height:64px}.room-row{flex-direction:column;align-items:stretch}.room-folder-select{width:100%}.friend-item,.request-item{align-items:flex-start;flex-direction:column}.friend-actions,.request-actions{width:100%;justify-content:flex-end}.composer{flex-direction:column}.composer .primary-btn{width:100%}.message-item{max-width:92%}}