:root{--color-bg:#f6f7fb;--color-surface:#fff;--color-text:#1a1d29;--color-text-muted:#6b7280;--color-border:#e8eaf0;--color-green:#16a34a;--color-green-bg:#e9f9ef;--color-red:#dc2626;--color-red-bg:#fdecec;--color-yellow:#ca8a04;--color-yellow-bg:#fef7e0;--color-blue:#2563eb;--color-blue-bg:#eaf0ff;--color-gray:#6b7280;--color-gray-bg:#eef0f3;--radius-lg:20px;--radius-md:14px;--shadow-card:0 1px 3px #1414280f, 0 1px 2px #1414280a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--color-bg);color:var(--color-text);-webkit-tap-highlight-color:transparent}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:16px}a{color:inherit}.app-shell{background:var(--color-bg);flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;padding-bottom:84px;display:flex;position:relative}.screen{flex:1;padding:20px 16px 8px}.btn{border-radius:var(--radius-md);border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 20px;font-size:16px;font-weight:600;display:inline-flex}.btn-primary{background:var(--color-blue);color:#fff}.btn-success{background:var(--color-green);color:#fff}.btn-outline{color:var(--color-text);border:1.5px solid var(--color-border);background:0 0}.btn-danger{background:var(--color-red);color:#fff}.btn-ghost{background:var(--color-gray-bg);color:var(--color-text)}.btn:disabled{opacity:.5}.card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:16px}.field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.field label{color:var(--color-text-muted);font-size:13px;font-weight:600}.field input,.field select,.field textarea{border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);padding:12px 14px}.badge{border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.badge-green{background:var(--color-green-bg);color:var(--color-green)}.badge-red{background:var(--color-red-bg);color:var(--color-red)}.badge-yellow{background:var(--color-yellow-bg);color:var(--color-yellow)}.badge-blue{background:var(--color-blue-bg);color:var(--color-blue)}.badge-gray{background:var(--color-gray-bg);color:var(--color-gray)}.error-banner{background:var(--color-red-bg);color:var(--color-red);border-radius:var(--radius-md);margin-bottom:14px;padding:10px 14px;font-size:14px}.bottom-nav{background:var(--color-surface);border-top:1px solid var(--color-border);width:100%;max-width:480px;padding:8px 4px calc(8px + env(safe-area-inset-bottom));z-index:20;justify-content:space-around;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-item{color:var(--color-text-muted);background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;padding:4px 8px;font-size:11px;display:flex}.nav-item.active{color:var(--color-blue);font-weight:700}.nav-item .icon{font-size:20px}.fab{background:var(--color-blue);color:#fff;z-index:20;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:28px;display:flex;position:fixed;bottom:88px;right:max(16px,50vw - 224px);box-shadow:0 6px 16px #2563eb66}.summary-row{gap:10px;margin:16px 0;display:flex}.summary-pill{border-radius:var(--radius-md);text-align:center;flex:1;padding:10px 8px;font-size:13px;font-weight:700}.task-card{border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card);align-items:center;gap:12px;margin-bottom:10px;padding:14px;display:flex}.task-time{min-width:48px;color:var(--color-text);font-size:15px;font-weight:800}.task-info{flex:1;min-width:0}.task-title{font-size:15px;font-weight:600}.task-title.done{color:var(--color-text-muted);text-decoration:line-through}.task-meta{color:var(--color-text-muted);margin-top:2px;font-size:12px}.check-btn{background:var(--color-green-bg);color:var(--color-green);white-space:nowrap;border:none;border-radius:999px;padding:10px 14px;font-size:13px;font-weight:700}.modal-backdrop{z-index:50;background:#14141e73;align-items:flex-end;display:flex;position:fixed;inset:0}.modal-sheet{background:var(--color-surface);width:100%;max-width:480px;padding:20px 16px calc(24px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;max-height:88vh;margin:0 auto;overflow-y:auto}.section-title{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;margin:20px 0 10px;font-size:13px;font-weight:700}.empty-state{text-align:center;color:var(--color-text-muted);padding:40px 16px;font-size:14px}