*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #007AFF;--color-primary-light: rgba(0, 122, 255, .1);--color-bg: #FFFFFF;--color-surface: #F6F6F6;--color-text: #1A1A1A;--color-text-secondary: #666666;--color-border: #E0E0E0;--color-error: #FF3B30;--color-success: #34C759;--border-radius-bubble: 18px;--border-radius-pill: 18px;--border-radius-card: 12px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f0f0f0;color:var(--color-text);min-height:100vh}#root{max-width:480px;margin:0 auto;min-height:100vh;background:var(--color-bg);display:flex;flex-direction:column;position:relative;box-shadow:0 0 20px #0000001a}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,textarea{font-family:inherit;outline:none}.toast-container{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:1000;max-width:440px;width:calc(100% - 40px)}.toast{padding:12px 16px;border-radius:10px;color:#fff;font-size:14px;font-weight:500;animation:slideDown .3s ease;margin-bottom:8px}.toast.success{background:var(--color-success)}.toast.error{background:var(--color-error)}.toast.info{background:var(--color-primary)}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.spinner{width:24px;height:24px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.spinner.large{width:40px;height:40px;border-width:4px}@keyframes spin{to{transform:rotate(360deg)}}.page{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden}.think-spinner{width:16px;height:16px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:thinkSpin 1s linear infinite;will-change:transform;-webkit-transform:translateZ(0);transform:translateZ(0);flex-shrink:0}.think-shimmer{border-radius:4px;background:linear-gradient(90deg,var(--color-border) 0%,var(--color-surface) 50%,var(--color-border) 100%);background-size:200% 100%;animation:thinkShimmer 1.8s ease-in-out infinite;will-change:background-position;-webkit-transform:translateZ(0);transform:translateZ(0)}@keyframes thinkSpin{to{transform:rotate(360deg)}}@keyframes thinkShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:480px){#root{max-width:100%;box-shadow:none}}