@import "https://cdn.jsdelivr.net/npm/misans@4.0/lib/Normal/MiSans-Normal.min.css";:root{--bg:#f7f7f8;--surface:#fff;--surface-hover:#fafafa;--border:#e8e8ec;--border-light:#f0f0f3;--text-primary:#111;--text-secondary:#6b6b76;--text-tertiary:#9b9ba4;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 2px 8px #0000000f;--shadow-lg:0 4px 24px #00000014;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--nav-width:56px;--list-width:300px;--detail-width:320px;--app-height:100dvh;--bp-tablet:1024px;--bp-mobile:768px;--bp-mobile-sm:480px;--page-padding-mobile:16px;--page-padding-mobile-sm:12px;--mobile-nav-height:64px;--mobile-header-height:56px;--mobile-sheet-max-height:min(82dvh, 720px);--mobile-safe-top:env(safe-area-inset-top,0px);--mobile-safe-right:env(safe-area-inset-right,0px);--mobile-safe-bottom:env(safe-area-inset-bottom,0px);--mobile-safe-left:env(safe-area-inset-left,0px);--mobile-content-bottom:calc(var(--mobile-nav-height) + var(--mobile-safe-bottom));--font:"MiSans Normal", "MiSans", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono:"SF Mono", "Fira Code", "Consolas", monospace;--transition:.2s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--text-primary);height:var(--app-height);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5;overflow:hidden}html,body,#root{width:100%;height:var(--app-height)}.app{height:var(--app-height);width:100vw;display:flex}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#c5c5c8;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#a0a0a4}.claw-icon{object-fit:contain;border-radius:4px;display:block}button,input,textarea,select{font:inherit}@media (width<=1024px){.list-panel{width:240px}.detail-panel.open{width:280px}}@media (width<=768px){body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent}@supports (-webkit-touch-callout:none){input,textarea,select{font-size:16px!important}}.dialog-overlay,.modal-overlay,.claw-dialog-backdrop,.profile-setup-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:max(36px, var(--mobile-safe-top)) 0 0 0;background:#0f172a57;justify-content:stretch;align-items:flex-end;animation:.22s both overlayIn}.dialog,.modal,.claw-dialog,.profile-setup-card{border-radius:28px 28px 0 0;width:100%;max-width:none;max-height:min(88dvh,760px);margin:0;animation:.32s cubic-bezier(.22,1,.36,1) both mobileSheetIn;transform:translateY(0);box-shadow:0 -18px 48px #0f172a2e}.dialog{padding:20px 16px}.modal{transform:translateY(0)}.dialog:before,.modal:before,.claw-dialog:before,.profile-setup-card:before{content:"";background:#0f172a1f;border-radius:999px;width:40px;height:4px;margin:0 auto 14px;display:block}.dialog,.modal,.claw-dialog{padding-bottom:calc(16px + var(--mobile-safe-bottom))}.modal-header,.dialog-header{padding-left:20px;padding-right:20px}.modal-body,.dialog-body{-webkit-overflow-scrolling:touch;overflow-y:auto}.dialog-actions,.modal-actions,.claw-dialog-actions{flex-wrap:wrap}.dialog-actions button,.modal-btn,.claw-dialog-btn{border-radius:16px;min-height:48px}}@media (width<=480px){.dialog-overlay,.modal-overlay,.claw-dialog-backdrop,.profile-setup-overlay{padding:max(24px, var(--mobile-safe-top)) 0 0 0}.dialog,.modal,.claw-dialog,.profile-setup-card{border-radius:20px 20px 0 0}}@keyframes mobileSheetIn{0%{opacity:0;transform:translateY(32px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes msgIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes clawPulse{0%,to{border-color:#bbb}50%{border-color:#888}}@keyframes statusPulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes typingBounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}@keyframes loginFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes plusMenuIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes modalIn{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}
