:root{--primary: #0071e3;--primary-soft: #e3f0ff;--danger: #ff3b30;--danger-soft: #ffe5e5;--success: #34c759;--bg-canvas: #f5f5f7;--bg-card: #ffffff;--text-main: #1d1d1f;--text-secondary: #86868b;--border: #d2d2d7;--border-light: #e5e5ea;--shadow-sm: 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.06);--shadow-lg: 0 20px 40px rgba(0,0,0,.08);--radius: 14px;--radius-sm: 8px}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;background-color:var(--bg-canvas);color:var(--text-main);overflow:hidden}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c1c1c4;border-radius:5px;border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#a0a0a5;border:3px solid transparent;background-clip:content-box}.glass-panel{background:#ffffffbf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.05)}.modal-backdrop{position:fixed;inset:0;background:#0003;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease-out}.modal-content{background:#fff;padding:32px;border-radius:20px;width:100%;max-width:440px;box-shadow:var(--shadow-lg);border:1px solid rgba(0,0,0,.05);animation:popIn .3s cubic-bezier(.16,1,.3,1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes vibrate{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}.vibrating{animation:vibrate .3s linear infinite;box-shadow:0 0 0 4px #0071e34d!important;border-color:var(--primary)!important}.canvas-bg{background-size:24px 24px}