*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;height:100dvh;margin:0;padding:0}.page-container{min-height:100vh;min-height:100dvh}body{--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;overscroll-behavior-y:contain;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}body::-webkit-scrollbar{display:none}:root,[data-theme=light]{--bg-page: #F2F2F7;--bg-paper: #FFFFFF;--bg-input: #F2F2F7;--bg-empty: #E5E5EA;--bg-nav: rgba(255,255,255,.94);--text-primary: #000000;--text-secondary: #6D6D72;--divider: #E5E5EA;--card-bg: #FFFFFF;--card-bg-done: #FAFAFA;--border-secondary: #C7C7CC;--accent: #007AFF;--accent-bg: rgba(0,122,255,.12);--text-done: #6D6D72;--warning-bg: rgba(255,149,0,.14);--warning-text: #B45309;--capture-bg: #1a201f;--capture-text: #ffffff;--capture-btn-bg: #ffffff;--capture-btn-text: #1a201f;--sync-ok: #34C759;--accent-tab: #0055AA}[data-theme=dark]{--bg-page: #000000;--bg-paper: #1C1C1E;--bg-input: #2C2C2E;--bg-empty: #3A3A3C;--bg-nav: rgba(28,28,30,.94);--text-primary: #FFFFFF;--text-secondary: #A0A0A5;--divider: #38383A;--card-bg: #1C1C1E;--card-bg-done: #2C2C2E;--border-secondary: #48484A;--accent: #0A84FF;--accent-bg: rgba(10,132,255,.16);--text-done: #9E9EA3;--warning-bg: rgba(255,159,10,.16);--warning-text: #FFB340;--capture-bg: #2c2c2e;--capture-text: #ffffff;--capture-btn-bg: #0A84FF;--capture-btn-text: #ffffff;--sync-ok: #30D158;--accent-tab: #4DA3FF}.scroll-container{-webkit-overflow-scrolling:touch;overflow-y:auto}button{-webkit-appearance:none;font-family:inherit}input,textarea{font-family:inherit;-webkit-appearance:none}.ios-press{transition:opacity .1s ease,transform .1s ease}.ios-press:active{opacity:.6;transform:scale(.98)}.list-separator{height:1px;background:var(--divider, #E5E5EA);margin-left:16px}.mobile-only{display:none}@media (max-width: 640px){.mobile-only{display:block}}.tap-target{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 640px){.todo-page-shell{max-width:520px;margin:0 auto;box-shadow:0 0 0 1px var(--divider, #E5E5EA);position:relative}}.chips-scroll::-webkit-scrollbar{display:none}.electron-title-bar{height:32px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:var(--accent, #007AFF);color:#fff;-webkit-app-region:drag;-webkit-user-select:none;user-select:none;flex-shrink:0}.electron-title-bar__title{font-size:13px;font-weight:600}.electron-title-bar__controls{display:flex;gap:8px;-webkit-app-region:no-drag}.electron-title-bar__btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:none;color:#fff;font-size:14px;border-radius:4px;cursor:pointer;font-family:inherit;line-height:1}.electron-title-bar__btn:hover{background:#ffffff26}.capture-input::placeholder{color:#ffffff8c}:focus-visible{outline:2px solid var(--accent, #007AFF);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}