:root{font-family:Pretendard,Apple SD Gothic Neo,Noto Sans KR,sans-serif;color:#222;background:#d8d8d8}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}.app-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.app-shell.expanded{align-items:stretch}.page{width:min(420px,100%);min-height:calc(100vh - 32px);margin:0 auto;background:#ececec;border-radius:18px;display:flex;flex-direction:column;padding:8px 12px 16px}.page-header{display:flex;align-items:center;gap:8px;padding:8px 4px 12px}.page-header h1{margin:0;font-size:18px;font-weight:700;flex:1}.header-menu{margin-left:auto}.overlay-card{width:min(420px,100%);background:#ececec;border-radius:20px;padding:16px 14px 14px;box-shadow:0 8px 24px #00000014}.overlay-row,.thread-row{display:flex;align-items:flex-start;gap:10px}.avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;background:#fff;flex-shrink:0}.bubble{background:#fff;border-radius:16px;padding:10px 12px;min-height:36px;line-height:1.45;font-size:14px;box-shadow:0 1px #0000000a}.overlay-bubble{flex:1;min-height:40px}.overlay-actions{display:flex;justify-content:flex-end;gap:4px;margin:10px 0 8px}.icon-btn,.mic-btn,.round-btn,.reopen-btn{border:0;background:transparent;color:#333;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.icon-btn{width:32px;height:32px;border-radius:999px}.composer{display:flex;align-items:center;gap:8px;background:#fff;border-radius:999px;padding:6px 8px 6px 14px;min-height:48px}.composer.recording{padding-right:8px}.composer-input{flex:1;border:0;outline:none;font-size:15px;background:transparent}.mic-btn{width:40px;height:40px;color:#555}.wave{flex:1;height:28px;display:flex;align-items:center;gap:3px;padding:0 8px}.wave span{width:3px;height:8px;border-radius:99px;background:#111;animation:wave .7s ease-in-out infinite alternate}@keyframes wave{0%{height:6px}to{height:22px}}.round-btn{width:36px;height:36px;border-radius:50%;color:#fff}.round-btn.stop{background:#111}.round-btn.send{background:#1f8a4c}.thread{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding:8px 4px 16px}.user-row{display:flex;justify-content:flex-end}.user-bubble{background:#cfcfcf;max-width:78%}.thinking-dots{display:inline-block;min-width:1.4em;letter-spacing:.05em}.more-btn{border:0;background:transparent;color:#666;cursor:pointer;padding:0 0 0 4px;font-size:inherit}.reopen-btn{background:#fff;border-radius:999px;padding:12px 20px;font-weight:600}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;padding:24px}.drawer{width:min(280px,100%);max-height:70vh;overflow:auto;background:#2b2b2b;color:#eee;border-radius:12px;padding:12px}.drawer-caption{margin:0 0 8px;font-size:12px;color:#aaa}.drawer-list{list-style:none;margin:0;padding:0}.drawer-item,.drawer-empty{width:100%;text-align:left;border:0;background:transparent;color:inherit;padding:10px 8px;border-radius:8px;font-size:13px;line-height:1.35}.drawer-item{cursor:pointer}.drawer-item.active,.drawer-item:hover{background:#4a4a4a}