:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}#root{max-width:none;padding:0}body{background:#fff}.app{min-height:100vh;display:flex;flex-direction:column;background:#fff}.app-header{display:flex;justify-content:flex-end;align-items:center;padding:24px 40px}.menu-wrapper{position:relative}.menu-button{border:none;background:transparent;font-size:20px;cursor:pointer;padding:6px 10px;border-radius:999px}.menu-button:hover{background:#f3f3f3}.menu-dropdown{position:absolute;top:36px;right:0;background:#fff;border:1px solid #dddddd;border-radius:12px;padding:4px 0;min-width:120px;box-shadow:0 10px 30px #00000014;z-index:10}.menu-item{width:100%;padding:8px 14px;border:none;background:transparent;text-align:left;font-size:14px;cursor:pointer}.menu-item:hover{background:#f5f5f5}.app-main{flex:1;display:flex;justify-content:center;align-items:center;padding:0 24px}.chat-input{display:flex;align-items:center;width:60%;max-width:720px;min-width:320px;margin:0 auto;border-radius:999px;border:1px solid #dddddd;padding:8px 12px 8px 20px;background:#fff;box-shadow:0 0 0 1px #00000005}.chat-input input{flex:1;border:none;outline:none;font-size:15px}.chat-input input::placeholder{color:#888}.modal-overlay{position:fixed;inset:0;background:#00000040;display:flex;justify-content:center;align-items:center;z-index:100}.modal{position:relative;width:360px;max-width:calc(100% - 40px);padding:32px 28px 24px;border-radius:18px;background:#fff;box-shadow:0 18px 40px #0000002e}.modal-close-button{position:absolute;top:14px;right:16px;border:none;background:transparent;font-size:22px;cursor:pointer}.modal-title{margin:0 0 20px;font-size:20px;font-weight:600;text-align:center}.modal-form{display:flex;flex-direction:column;gap:12px}.modal-input{height:40px;padding:8px 14px;border-radius:999px;border:1px solid #dddddd;font-size:14px;outline:none}.modal-input:focus{border-color:#000}.modal-login-button{margin-top:4px;height:40px;border-radius:999px;border:none;background:#000;color:#fff;font-size:14px;cursor:pointer}.modal-login-button:hover{opacity:.9}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}body{margin:0}.app-main.chat-mode{align-items:stretch}.chat-layout{flex:1;display:flex;flex-direction:column;align-items:center;padding:24px 0 32px}.chat-messages{width:60%;max-width:720px;min-width:320px;flex:1;overflow-y:auto;padding-bottom:16px}.chat-message{margin-bottom:24px;font-size:14px;line-height:1.6}.chat-message-user{text-align:right}.chat-message-assistant{text-align:left}.chat-message-bubble{display:inline-block;padding:10px 14px;border-radius:16px;background:#f5f5f5;max-width:100%;text-align:left}.chat-message-user .chat-message-bubble{background:#000;color:#fff}.chat-message-assistant .chat-message-bubble{background:#f5f5f5;color:#111}.chat-input-bottom{margin-top:12px}.chat-actions{display:flex;align-items:center;gap:8px}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid #cccccc;border-top-color:#000;animation:spin .8s linear infinite}.icon-button{border:none;border-radius:999px;width:38px;height:38px;margin-left:10px;cursor:pointer;background:#000;color:#fff;display:flex;align-items:center;justify-content:center;padding:0}.icon-button:hover{opacity:.85}.send-button .icon{display:block;font-size:20px;line-height:1;transform:translate(1px)}.stop-button .icon{display:block;font-size:24px;line-height:1;transform:translateY(-2px)}.icon-button[disabled]{cursor:default;opacity:.6}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.confirm-message{margin:8px 0 20px;font-size:14px;color:#333;text-align:center}.confirm-buttons{display:flex;justify-content:flex-end;gap:8px}.confirm-cancel-button{min-width:72px;height:34px;border-radius:999px;border:1px solid #dddddd;background:#fff;font-size:13px;cursor:pointer}.confirm-ok-button{min-width:72px;height:34px;border-radius:999px;border:none;background:#d32f2f;color:#fff;font-size:13px;cursor:pointer}.confirm-cancel-button:hover{background:#f5f5f5}.confirm-ok-button:hover{background:#b71c1c}.modal-footer{margin-top:16px;display:flex;flex-direction:column;align-items:stretch;gap:6px}.modal-footer-text{font-size:12px;color:#888;text-align:center}.modal-signup-button{margin-top:4px;height:40px;border-radius:999px;border:none;background:#000;color:#fff;font-size:14px;cursor:pointer}.modal-signup-button:hover{opacity:.9}.modal-detail-signup-button{margin-top:4px;height:40px;border-radius:999px;border:1px solid #dddddd;background:#fff;padding:8px 18px;font-size:13px;cursor:pointer}.modal-detail-signup-button:hover{opacity:.9}.chat-message-time{font-size:12px;color:#888;margin-bottom:4px}