:root{--bg: #FAFAFA;--panel-bg: #FFFFFF;--primary: #FF9AA2;--secondary: #B5EAD7;--accent: #FFB7B2;--text: #333333;--text-light: #888888;--border: #E0E0E0;--shadow: rgba(0, 0, 0, .08);--header-height: 40px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Hiragino Sans,Noto Sans JP,YuGothic,sans-serif;background:var(--bg);color:var(--text);overflow:hidden}#root{width:100vw;height:100vh;overflow:hidden}.app{position:relative;width:100%;height:100%;display:flex;flex-direction:column}.app-header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:#ffb7b2b8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,154,162,.3);display:flex;align-items:center;justify-content:space-between;padding:0 16px;z-index:200;box-shadow:0 1px 8px #ff9aa22e}.app-header__title{font-size:14px;font-weight:700;color:#7b3f44;letter-spacing:.04em;text-shadow:0 1px 2px rgba(255,255,255,.5)}.app-header__right{display:flex;align-items:center;gap:10px}.online-badge{display:flex;align-items:center;gap:5px;background:#fff9;border:1px solid rgba(255,154,162,.35);border-radius:20px;padding:3px 10px;font-size:12px;font-weight:700;color:#4caf50}.online-badge__dot{width:8px;height:8px;border-radius:50%;background:#4caf50;animation:badge-pulse 2s ease-in-out infinite;flex-shrink:0}.zoom-reset-btn{background:#ffffffb3;border:1px solid rgba(255,154,162,.4);border-radius:16px;padding:4px 10px;font-size:12px;cursor:pointer;color:#7b3f44;display:flex;align-items:center;gap:4px;transition:background .15s,transform .1s;font-family:Hiragino Sans,Noto Sans JP,sans-serif;font-weight:500}.zoom-reset-btn:hover{background:#ffb7b2cc;transform:scale(1.04)}.zoom-reset-btn:active{transform:scale(.97)}.app-main{position:relative;width:100%;height:100%;padding-top:var(--header-height)}.cat-idle{animation:cat-breathe 3s ease-in-out infinite;transform-origin:center 38px}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:#f5f5f5}::-webkit-scrollbar-thumb{background:#ffb7b2;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#ff9aa2}@keyframes slide-in-left{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.error-toast{position:fixed;top:56px;left:50%;transform:translate(-50%);background:#ffe5e5;color:#e17055;padding:8px 18px;border-radius:20px;font-size:13px;box-shadow:0 2px 8px #0000001a;z-index:500}@keyframes cat-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes float-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes zzz{0%{opacity:0;transform:translateY(0) scale(.8)}40%{opacity:1;transform:translateY(-4px) scale(1)}to{opacity:0;transform:translateY(-10px) scale(.9)}}@keyframes walk{0%{transform:translate(0)}25%{transform:translate(10px,-5px)}50%{transform:translate(20px)}75%{transform:translate(10px,5px)}to{transform:translate(0)}}@keyframes pulse-ring{0%{r:32;opacity:.5}to{r:42;opacity:0}}@keyframes message-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes typing-dot{0%,60%,to{opacity:.2}30%{opacity:1}}@keyframes cat-breathe{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.02)}}@keyframes badge-pulse{0%,to{opacity:1}50%{opacity:.65}}