:root{--bg: #f5f5f7;--card: #ffffff;--separator: rgba(60, 60, 67, .08);--text-primary: #1d1d1f;--text-secondary: #86868b;--text-tertiary: #aeaeb2;--accent: #007aff;--green: #34c759;--orange: #ff9500;--red: #ff3b30;--yellow: #ffcc00;--fill-tertiary: rgba(118, 118, 128, .12);--fill-quaternary: rgba(116, 116, 128, .08);--card-shadow: 0 .5px 0 0 rgba(0, 0, 0, .04), 0 1px 2px 0 rgba(0, 0, 0, .04), 0 2px 8px 0 rgba(0, 0, 0, .03);--card-shadow-hover: 0 .5px 0 0 rgba(0, 0, 0, .04), 0 2px 4px 0 rgba(0, 0, 0, .06), 0 4px 16px 0 rgba(0, 0, 0, .05);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--glass-bg: rgba(255, 255, 255, .72);--glass-blur: saturate(180%) blur(20px)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.47;color:var(--text-primary);background:var(--bg)}button{font-family:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation}a{-webkit-tap-highlight-color:transparent}input{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00000040}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.fade-in{animation:fadeIn .3s ease-out}.card{background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--card-shadow)}.card-interactive{background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);transition:box-shadow .2s ease,transform .2s ease;cursor:pointer}.card-interactive:active{transform:scale(.98);box-shadow:var(--card-shadow)}.glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.grouped-list{background:var(--card);border-radius:var(--radius-md);box-shadow:var(--card-shadow);overflow:hidden}.grouped-list>*:not(:last-child){border-bottom:.5px solid var(--separator)}.section-header{font-size:13px;font-weight:400;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.02em;padding:24px 20px 8px}.segmented-control{display:inline-flex;background:var(--fill-tertiary);border-radius:var(--radius-sm);padding:2px;gap:0}.segmented-control button{padding:5px 12px;font-size:13px;font-weight:500;border:none;border-radius:6px;background:transparent;color:var(--text-primary);cursor:pointer;transition:all .2s ease;position:relative}.segmented-control button[data-active=true]{background:var(--card);box-shadow:0 1px 3px #00000014,0 .5px #0000000a}.toggle{position:relative;width:51px;height:31px;border-radius:15.5px;border:none;cursor:pointer;transition:background-color .25s ease;padding:0;flex-shrink:0}.toggle[data-on=true]{background-color:var(--green)}.toggle[data-on=false]{background-color:#e9e9eb}.toggle-knob{position:absolute;top:2px;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000026,0 0 0 .5px #0000000a;transition:left .25s cubic-bezier(.54,1.5,.5,1)}.toggle[data-on=true] .toggle-knob{left:22px}.toggle[data-on=false] .toggle-knob{left:2px}.refresh-spinner{width:20px;height:20px;border:2px solid var(--fill-tertiary);border-top-color:var(--text-secondary);border-radius:50%;animation:spin .6s linear infinite;margin:0 auto}.skeleton{background:linear-gradient(90deg,var(--fill-quaternary) 25%,rgba(118,118,128,.16) 50%,var(--fill-quaternary) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease infinite;border-radius:var(--radius-sm)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}