*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0}body{font-family:Pretendard,"Noto Sans KR","Malgun Gothic",Arial,sans-serif;background:#fff;color:#222;overflow:hidden}button,input,textarea{font:inherit}button{touch-action:manipulation}.header{height:58px;display:flex;align-items:center;padding:0 14px;background:rgba(255,255,255,.96);border-bottom:1px solid #e4e4e4;position:relative;z-index:30}.menu-btn{width:38px;height:38px;border:0;border-radius:10px;background:#f7f7f7;font-size:20px;cursor:pointer}.logo{margin-left:11px;height:42px;width:210px;display:flex;align-items:center;overflow:hidden}.logo img{display:block;height:48px;width:190px;max-width:none;object-fit:cover;object-position:center;border-radius:8px}.user-status{margin-left:auto;display:flex;align-items:center;gap:7px;font-size:12px;color:#777}.status-dot{width:8px;height:8px;border-radius:50%;background:#aaa}.status-dot.connected{background:#27ae60}.sidebar{position:fixed;top:0;left:-280px;width:280px;max-width:88vw;height:100dvh;background:#fff;box-shadow:5px 0 25px rgba(0,0,0,.12);z-index:100;display:flex;flex-direction:column;transition:left .25s ease;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.sidebar.open{left:0}.side-top{padding:15px}.side-btn{width:100%;min-height:42px;padding:9px 12px;margin-bottom:7px;border:0;border-radius:10px;background:#f7f7f7;text-align:left;font-size:14px;cursor:pointer}.side-btn:hover{background:#eee}.side-title,.project-title{font-size:11px;color:#777;font-weight:700;margin:15px 2px 6px}.chat-list{flex:1;min-height:100px;overflow-y:auto;padding:5px 12px 10px}.chat-item{position:relative;padding:10px 76px 10px 10px;border-radius:9px;cursor:pointer;margin-bottom:2px}.chat-item:hover{background:#f7f7f7}.chat-item.active{background:#e8f5e9;color:#188b48}.chat-title{font-size:13px;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.chat-date{font-size:10px;color:#999;margin-top:3px}.chat-rename,.chat-delete{position:absolute;top:50%;transform:translateY(-50%);width:30px;height:30px;border:1px solid #e7e7e7;border-radius:9px;background:#fff;color:#777;cursor:pointer;opacity:0;display:grid;place-items:center;font-size:13px;box-shadow:0 1px 4px rgba(0,0,0,.05);transition:opacity .15s,background .15s,color .15s,border-color .15s}.chat-rename{right:40px}.chat-delete{right:6px}.chat-item:hover .chat-rename,.chat-item:hover .chat-delete,.chat-rename:focus-visible,.chat-delete:focus-visible{opacity:1}.chat-rename:hover{background:#eef8f1;border-color:#ccebd6;color:#188b48}.chat-delete:hover{background:#fff2f2;border-color:#f3cccc;color:#c62828}.project-section{padding:10px 15px;border-top:1px solid #e4e4e4;max-height:280px;overflow-y:auto}.project-item{border-radius:9px;margin-bottom:4px}.project-item[open],.project-item.active{background:#f7f7f7}.project-item summary{list-style:none;display:flex;align-items:center;gap:7px;min-height:40px;padding:7px 8px;border-radius:9px;cursor:pointer}.project-item summary::-webkit-details-marker{display:none}.project-item summary::before{content:"▸";font-size:12px;color:#777;transition:transform .15s ease;flex:none}.project-item[open] summary::before{transform:rotate(90deg)}.project-summary-text{min-width:0;flex:1;display:flex;flex-direction:column}.project-name{font-size:13px;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.project-description{font-size:10px;color:#999;margin-top:2px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.project-delete{width:30px;height:30px;border:1px solid #e7e7e7;border-radius:9px;background:#fff;color:#777;cursor:pointer;flex:none;display:grid;place-items:center;box-shadow:0 1px 4px rgba(0,0,0,.05)}.project-delete:hover{background:#fff2f2;border-color:#f3cccc;color:#c62828}.project-chat-list{padding:2px 7px 7px 27px}.project-chat{width:100%;display:flex;flex-direction:column;align-items:flex-start;border:0;border-radius:8px;background:transparent;padding:8px 9px;text-align:left;cursor:pointer}.project-chat:hover{background:#eee}.project-chat.active{background:#e8f5e9;color:#188b48}.project-chat-title{font-size:12px;font-weight:600;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.project-chat-date{font-size:9px;color:#999;margin-top:2px}.project-empty{padding:8px 2px;text-align:left}.profile-area{margin:10px 12px 12px}.profile{width:100%;margin:0;padding:9px 11px;border:0;border-radius:24px;background:#f7f7f7;display:flex;align-items:center;text-align:left;color:#222;cursor:pointer;transition:background .15s,transform .1s}.profile:hover{background:#eef8f1}.profile:active{transform:scale(.99)}.profile-circle{width:32px;height:32px;border-radius:50%;background:#27ae60;color:#fff;display:grid;place-items:center;margin-right:9px;font-size:13px;font-weight:bold;flex:none}.profile-info{min-width:0;flex:1}.profile-name{font-weight:bold;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-id{font-size:10px;color:#888;margin-top:1px}.profile-home-icon{margin-left:8px;color:#27ae60;font-size:18px;line-height:1}.logout-btn{width:100%;margin-top:7px;min-height:36px;padding:7px 11px;border:1px solid #e8e8e8;border-radius:11px;background:#fff;color:#777;text-align:center;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.logout-btn:hover{background:#fff1f1;border-color:#f0caca;color:#c62828}.overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.25);z-index:90}.overlay.show{display:block}.main{position:relative;height:calc(100dvh - 58px);display:flex;flex-direction:column;min-width:0}.messages{flex:1;min-height:0;overflow-y:auto;padding:25px 18px 85px;scroll-behavior:smooth}.welcome{width:min(700px,100%);margin:clamp(40px,10vh,100px) auto 0;text-align:center;padding:0 10px}.welcome h2{margin:0 0 10px;font-size:26px}.welcome p{margin:0;color:#666;font-size:14px;line-height:1.7}.message{width:fit-content;max-width:min(850px,88%);margin:16px auto;padding:11px 14px;border-radius:14px;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;line-height:1.6;font-size:14px;animation:messageIn .18s ease}.message.ai{background:transparent;width:min(920px,100%);max-width:min(920px,100%);margin:24px auto;padding:0;border-radius:0}.message.ai .message-label{color:#27ae60}.message.ai .message-content{line-height:1.75;font-size:15px;white-space:normal}.message.user{background:#27ae60;color:#fff;margin-left:auto;margin-right:max(0px,calc((100% - 850px)/2));max-width:min(620px,72%);padding:9px 13px;border-radius:16px;font-size:14px;line-height:1.55}.message.user .message-label{display:none}.message-label{font-size:9px;opacity:.65;margin-bottom:3px;font-weight:800}.input-area{position:absolute;left:0;right:0;bottom:0;min-height:76px;padding:10px 15px calc(10px + env(safe-area-inset-bottom));display:flex;justify-content:center;align-items:center;background:#fff;z-index:20}.input-box{width:min(850px,100%);display:flex;align-items:center;background:#fff;border:1px solid #dcdcdc;border-radius:22px;padding:4px 5px 4px 12px;box-shadow:0 2px 12px rgba(0,0,0,.06)}.input-box:focus-within{border-color:#27ae60;box-shadow:0 2px 14px rgba(39,174,96,.12)}#userInput{min-width:0;flex:1;border:0;outline:0;resize:none;overflow-y:auto;max-height:150px;padding:9px 7px;font-size:14px;line-height:1.5;background:transparent;color:#222}#userInput::placeholder{color:#999}.send{width:38px;height:38px;flex:none;border-radius:50%;border:0;background:#27ae60;color:#fff;cursor:pointer;font-size:17px;display:grid;place-items:center}.send:disabled{opacity:.55;cursor:not-allowed}.empty-chat{color:#999;text-align:center;padding:16px 8px;font-size:12px}.project-modal,.system-modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:200;align-items:center;justify-content:center;padding:20px}.project-modal.show,.system-modal.show{display:flex}.modal-box,.system-box{width:min(420px,100%);background:#fff;border-radius:18px;padding:21px;box-shadow:0 10px 40px rgba(0,0,0,.2)}.system-box-large{width:min(900px,100%);max-height:min(85dvh,760px);display:flex;flex-direction:column}.modal-box h3,.system-head h3{margin:0 0 12px;font-size:18px}.modal-box input{display:block;width:100%;border:1px solid #e4e4e4;border-radius:10px;margin:8px 0;padding:11px;outline:0;font-size:13px}.modal-buttons{display:flex;justify-content:flex-end;gap:7px;margin-top:14px}.modal-buttons button{min-height:40px;padding:8px 14px;border:0;border-radius:9px;cursor:pointer}.cancel-btn{background:#eee}.create-btn{background:#27ae60;color:#fff}.system-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.system-head h3{margin-bottom:4px}.system-desc{margin:0 0 12px;color:#777;font-size:12px;line-height:1.5}.modal-close{width:34px;height:34px;border:0;border-radius:10px;background:#f2f2f2;color:#555;font-size:22px;cursor:pointer}.system-list{overflow:auto;min-height:80px}.system-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid #e8e8e8;border-radius:12px;margin:7px 0;background:#fff}.system-item strong{font-size:13px}.system-meta{font-size:10px;color:#888;margin-top:4px}.trash-actions{display:flex;align-items:center;gap:7px;flex:none}.restore-btn,.permanent-delete-btn{min-height:36px;border:1px solid transparent;border-radius:10px;padding:7px 11px;cursor:pointer;white-space:nowrap;font-size:12px;font-weight:600;transition:background .15s,border-color .15s,color .15s,transform .1s}.restore-btn{background:#e8f5e9;color:#188b48;border-color:#d1ecd9}.restore-btn:hover{background:#d9f0df;border-color:#b9e0c5}.permanent-delete-btn{background:#fff;color:#777;border-color:#e5e5e5}.permanent-delete-btn:hover{background:#fff1f1;color:#c62828;border-color:#f0caca}.restore-btn:active,.permanent-delete-btn:active{transform:scale(.97)}.settings-list{display:flex;flex-direction:column;gap:8px}.settings-item{width:100%;border:1px solid #e5e5e5;border-radius:12px;background:#fff;padding:13px;text-align:left;cursor:pointer}.settings-item:hover{background:#f7f7f7}.settings-empty{font-size:12px;color:#999;padding:8px 2px}.settings-item[hidden]{display:none!important}.admin-toolbar{display:flex;justify-content:flex-end}.admin-log-item{padding:13px;border:1px solid #e5e5e5;border-radius:12px;margin:7px 0;background:#fff}.admin-log-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.admin-log-head strong{font-size:13px}.admin-log-preview{margin-top:8px;padding:8px 10px;background:#f7f7f7;border-radius:8px;color:#555;font-size:11px;line-height:1.5;word-break:break-word}.danger-btn{border:0;border-radius:9px;background:#fff0f0;color:#c62828;padding:8px 10px;cursor:pointer;white-space:nowrap}.danger-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes messageIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:767px){.header{height:56px;padding:0 10px}.logo{margin-left:10px;height:40px;width:190px}.logo img{height:44px;width:174px}.user-status{display:none}.sidebar{width:min(310px,88vw)}.side-top{padding:18px}.side-btn{min-height:48px;padding:12px 14px;border-radius:13px;font-size:15px}.chat-item{padding:12px 82px 12px 12px}.chat-title{font-size:14px}.chat-rename,.chat-delete{opacity:1}.chat-rename{right:44px}.chat-delete{right:8px}.project-section{padding:12px 18px;max-height:300px}.project-item summary{min-height:46px;padding:9px}.project-name{font-size:14px}.project-chat-list{padding-left:29px}.project-chat{padding:10px}.project-chat-title{font-size:13px}.profile-area{margin:12px 14px}.profile{padding:11px 13px}.profile-circle{width:36px;height:36px}.profile-name{font-size:14px}.logout-btn{min-height:42px}.messages{padding:20px 10px 94px}.welcome h2{font-size:23px}.message.ai{width:100%;max-width:100%;margin:20px 0}.message.ai .message-content{font-size:14px}.message.user{max-width:82%;margin-right:0;padding:8px 12px;font-size:13px}.input-area{min-height:78px;padding:8px 9px calc(8px + env(safe-area-inset-bottom))}.input-box{width:100%;border-radius:23px;padding-left:10px}#userInput{font-size:15px;padding:11px 8px}.send{width:42px;height:42px;font-size:18px}.system-modal{padding:10px}.system-box{padding:16px;border-radius:16px}.system-box-large{max-height:90dvh}.system-item{align-items:flex-start}.trash-actions{width:100%;justify-content:flex-end}.admin-log-head{align-items:flex-start}.danger-btn{padding:9px}.restore-btn,.permanent-delete-btn{min-height:38px;padding:8px 10px}}@media(max-width:480px){.logo{width:175px}.logo img{height:41px;width:162px}.messages{padding-left:7px;padding-right:7px}.message.user{max-width:88%}.project-section{max-height:320px}.system-item{flex-direction:column;align-items:stretch}.trash-actions{justify-content:stretch}.restore-btn,.permanent-delete-btn{flex:1}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}