:root{--bg-main: #fafaf8;--bg-card: #ffffff;--bg-secondary: #f5f5f7;--text-primary: #1c1c1e;--text-secondary: #8e8e93;--text-tertiary: #c7c7cc;--border-light: #e5e5ea;--border-medium: #d1d1d6;--accent-blue: #007aff;--accent-blue-hover: #0051d5;--accent-red: #ff3b30;--accent-red-hover: #d32f2f;--accent-green: #34c759;--font-system: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-size-xs: 13px;--font-size-sm: 15px;--font-size-base: 16px;--font-size-lg: 20px;--font-size-xl: 24px;--font-size-2xl: 28px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--line-height-tight: 1.3;--line-height-normal: 1.5;--line-height-relaxed: 1.6;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 2px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .12)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:rgba(0,122,255,.1)}body{font-family:var(--font-system);background:var(--bg-main);color:var(--text-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal);min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-system);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--text-primary)}h1{font-size:var(--font-size-xl)}h2{font-size:var(--font-size-lg)}button{font-family:var(--font-system);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;border:none;transition:background-color .2s ease,opacity .2s ease;background:none;color:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:active{opacity:.6;transform:scale(.98);transition:opacity .1s ease,transform .1s ease}button:disabled{opacity:.4;cursor:not-allowed}button:disabled:active{opacity:.4;transform:none}input[type=text],input[type=search],textarea{font-family:var(--font-system);font-size:16px;border:1px solid var(--border-light);background:var(--bg-card);color:var(--text-primary);transition:border-color .2s ease,box-shadow .2s ease;-webkit-appearance:none;appearance:none}input[type=text]:focus,input[type=search]:focus,textarea:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #007aff1a}input[type=checkbox]{appearance:none;width:22px;height:22px;border:1.5px solid var(--border-medium);border-radius:var(--radius-full);background:var(--bg-card);cursor:pointer;position:relative;transition:all .2s ease;flex-shrink:0}input[type=checkbox]:hover{border-color:var(--accent-blue)}input[type=checkbox]:checked{background:var(--accent-blue);border-color:var(--accent-blue)}input[type=checkbox]:checked:after{content:"✓";position:absolute;color:#fff;font-size:14px;font-weight:700;top:50%;left:50%;transform:translate(-50%,-50%)}a{color:var(--accent-blue);text-decoration:none;transition:opacity .2s ease}a:hover{opacity:.7}.loading{color:var(--text-secondary)}