:root{color:#1e2633;background:#f6f3ec;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}.app-shell{--accent: #d96f3d;--accent-soft: #f7e2d5;--accent-ink: #7b3d1f;min-height:100vh;padding:24px}.pet-theme-cola{--accent: #1f8a70;--accent-soft: #dff2eb;--accent-ink: #195948}.pet-theme-momo{--accent: #9d6cc3;--accent-soft: #efe5f6;--accent-ink: #5f397c}.topbar{align-items:center;display:flex;justify-content:space-between;margin:0 auto 18px;max-width:1440px}.topbar h1,.panel-heading h2{margin:0}.topbar h1{font-size:30px;letter-spacing:0}.topbar-actions{align-items:center;display:flex;gap:10px}.secondary-action{align-items:center;background:#fffdf8;border:1px solid #ddd4c5;border-radius:8px;color:#344052;display:inline-flex;font-weight:800;gap:8px;height:38px;padding:0 12px}.secondary-action:hover{border-color:var(--accent);color:var(--accent-ink)}.eyebrow{color:#8a6c45;font-size:12px;font-weight:800;letter-spacing:0;margin:0 0 6px;text-transform:uppercase}.status{background:#fffdf8;border:1px solid #ddd4c5;border-radius:999px;font-size:13px;font-weight:800;padding:8px 12px}.status.ok{background:#e7f6ec;color:#1d7a42}.status.down{background:#fff0ef;color:#b43d35}.layout-grid{display:grid;gap:16px;grid-template-columns:minmax(0,1fr) 330px;margin:0 auto;max-width:1440px;min-height:0}.panel{background:#ffffffd1;border:1px solid #ded6c9;border-radius:8px;box-shadow:0 14px 36px #2f292114;min-width:0;padding:18px}.panel-heading{margin-bottom:16px}.panel-heading h2{align-items:center;display:flex;font-size:19px;gap:8px}.panel-heading small,.chat-title small{color:#707685;display:block;font-size:13px;line-height:1.45;margin-top:5px}.row-heading{align-items:flex-start;display:flex;justify-content:space-between}.pet-list,.side-stack,.auto-messages{display:grid;gap:12px}.main-stack{display:grid;gap:12px;min-height:0}.side-stack{align-self:start}.pet-selector{min-width:0}.pet-card{align-items:center;background:#fffdf8;border:1px solid #ded6c9;border-radius:8px;color:inherit;display:flex;gap:12px;min-width:210px;padding:10px 12px;text-align:left;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;width:100%}.pet-card:hover{border-color:#cbbda8;transform:translateY(-1px)}.pet-list{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 8px;scrollbar-width:thin}.pet-card.active{background:linear-gradient(180deg,#fff 0%,var(--accent-soft) 100%);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent),0 10px 24px #2f292114}.pet-card.pet-cola.active{--accent: #1f8a70;--accent-soft: #dff2eb}.pet-card.pet-momo.active{--accent: #9d6cc3;--accent-soft: #efe5f6}.pet-avatar,.chat-avatar{align-items:center;background:var(--accent-soft);border:1px solid rgba(0,0,0,.05);border-radius:8px;color:var(--accent-ink);display:flex;justify-content:center}.pet-avatar{height:38px;min-width:38px}.pet-copy{display:grid;gap:4px;min-width:0}.pet-name-row{align-items:center;display:flex;gap:6px;justify-content:space-between}.pet-pill{background:#ffffffb8;border:1px solid #e5dbcd;border-radius:999px;color:#5e5f69;font-size:12px;font-weight:800;justify-self:start;padding:4px 8px}.pet-copy small{color:#666d7a;line-height:1.45;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pet-copy em{display:none}.chat-panel{background:#fffdf9;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;height:calc(100vh - 150px);min-height:560px;min-width:0;padding:20px}.chat-title{align-items:center;display:flex;gap:12px}.chat-avatar{height:54px;min-width:54px}.message-list{background:linear-gradient(180deg,#fbfaf6,#f7f3ec);border:1px solid #e7ded0;border-radius:8px;display:flex;flex-direction:column;gap:14px;min-height:0;overflow-y:auto;padding:18px;scroll-behavior:smooth}.empty-state{align-items:center;border:1px dashed #cfc5b5;border-radius:8px;color:#77706a;display:flex;justify-content:center;min-height:116px;padding:18px;text-align:center}.chat-empty{display:grid;gap:8px}.chat-empty strong{color:#273141;font-size:18px}.chat-empty span{color:#717784;font-size:14px}.empty-state.compact{min-height:78px}.message{max-width:min(78%,620px)}.message span,.auto-message strong,.memory-label{color:#6f7280;display:flex;align-items:center;gap:5px;font-size:12px;font-weight:800;margin-bottom:6px}.message p,.auto-message p{border-radius:8px;line-height:1.65;margin:0;padding:13px 15px}.message.user{align-self:flex-end}.message.user span{justify-content:flex-end}.message.user p{background:#20364f;color:#fff}.message.pet p{background:#fff;border:1px solid #e1d7c9;box-shadow:0 8px 18px #2f29210f}.auto-message p{background:#fff;border:1px solid #e1d7c9}.pending p{align-items:center;display:flex;gap:8px}.quick-prompts{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.quick-prompts button{background:#fff;border:1px solid #ded6c9;border-radius:999px;color:#59606c;font-size:13px;font-weight:700;padding:8px 11px}.quick-prompts button:hover{border-color:var(--accent);color:var(--accent-ink)}.chat-form{display:grid;gap:10px;grid-template-columns:minmax(0,1fr) 50px;margin-top:14px}.chat-form input,.auto-controls select{background:#fff;border:1px solid #d8cfbf;border-radius:8px;color:#1d2430;height:48px;padding:0 13px}.chat-form input:focus,.auto-controls select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.chat-form button,.auto-controls button,.icon-button{align-items:center;background:var(--accent);border:0;border-radius:8px;color:#fff;display:inline-flex;font-weight:800;gap:8px;justify-content:center}.chat-form button:disabled,.auto-controls button:disabled{cursor:not-allowed;opacity:.55}.icon-button{height:38px;width:38px}.error-banner{background:#fff0ef;border:1px solid #f0c4c0;border-radius:8px;color:#9f3029;font-size:14px;margin-top:12px;padding:10px 12px}.memory-block{border-top:1px solid #eee4d7;padding:13px 0}.memory-block strong{color:#253142}.memory-tags{color:#77706a;display:flex;flex-wrap:wrap;gap:8px}.memory-tag{background:#eef3f1;border:1px solid #d8e2df;border-radius:999px;color:#31554d;font-size:13px;font-weight:800;padding:6px 9px}.auto-panel{background:transparent;border:0;box-shadow:none;padding:0}.auto-controls{display:grid;gap:10px}.auto-controls label{color:#656b76;display:grid;font-size:13px;font-weight:800;gap:6px}.auto-controls input[type=range]{accent-color:var(--accent)}.auto-controls button{height:44px}.auto-messages{margin-top:12px;max-height:min(48vh,420px);overflow-y:auto;padding-right:2px}.auto-message p{font-size:14px}.spin{animation:spin .8s linear infinite}.modal-backdrop{align-items:center;background:#1f26335c;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:24px;position:fixed;z-index:20}.modal-dialog{background:#fffdf9;border:1px solid #ded6c9;border-radius:8px;box-shadow:0 28px 80px #1f26333d;max-height:calc(100vh - 48px);max-width:620px;overflow:auto;padding:22px;position:relative;width:min(620px,100%)}.modal-close{align-items:center;background:#fff;border:1px solid #ded6c9;border-radius:8px;color:#485264;display:inline-flex;height:34px;justify-content:center;position:absolute;right:14px;top:14px;width:34px;z-index:1}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1180px){.layout-grid{grid-template-columns:minmax(0,1fr) 300px}}.memory-clear{border-top:1px dashed #e4dccb;margin-top:16px;padding-top:14px}.danger-action{align-items:center;background:#d4503e;border:0;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-weight:800;gap:6px;height:38px;justify-content:center;padding:0 14px}.danger-action:hover:not(:disabled){background:#bd4434}.danger-action:disabled{cursor:not-allowed;opacity:.55}.danger-action.ghost{background:#fffdf8;border:1px solid #e3b7ae;color:#c0432f;width:100%}.danger-action.ghost:hover:not(:disabled){background:#fdf1ee;border-color:#d4503e}.ghost-action{background:transparent;border:1px solid #ddd4c5;border-radius:8px;color:#5a6473;cursor:pointer;font-weight:800;height:38px;padding:0 14px}.ghost-action:hover:not(:disabled){border-color:#b9aa8d}.memory-clear-form{display:flex;flex-direction:column;gap:10px}.memory-clear-hint{color:#8a6c45;font-size:13px;margin:0}.memory-clear-form input{background:#fff;border:1px solid #d8cfbf;border-radius:8px;color:#1d2430;height:42px;padding:0 13px;width:100%}.memory-clear-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.memory-clear-actions{display:flex;gap:10px;justify-content:flex-end}.memory-clear-error{color:#c0432f;font-size:13px;font-weight:700;margin:0}.memory-clear-ok{color:#1d7a42;font-size:13px;font-weight:700;margin:10px 0 0}@media(max-width:780px){.app-shell{padding:14px}.topbar{align-items:flex-start;flex-direction:column;gap:12px}.topbar-actions{width:100%}.secondary-action,.status{justify-content:center;flex:1}.topbar h1{font-size:24px}.layout-grid{grid-template-columns:1fr}.side-stack{display:block}.chat-panel{height:clamp(500px,calc(100dvh - 300px),620px);min-height:0}.message{max-width:92%}.quick-prompts{display:grid}.modal-backdrop{align-items:flex-end;padding:12px}.modal-dialog{max-height:86vh;padding:18px}}