:root{--bg:#f7f7f4;--panel:#fff;--text:#18181b;--muted:#62666d;--border:#deded8;--accent:#2563eb;--accent-strong:#1743a8;--danger:#c0362c;--danger-strong:#92241d;--surface:#ecece7;--shadow:0 8px 24px #18181b14;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100svh;margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.62}h1,h2,p{margin:0}a{color:inherit}#root{min-height:100svh}.app-shell{width:min(100%,760px);min-height:100svh;margin:0 auto;padding:18px 14px 28px}.app-header{justify-content:space-between;align-items:center;gap:12px;padding:8px 2px 16px;display:flex}.auth-shell{place-items:center;display:grid}.auth-panel{gap:16px;width:min(100%,420px);display:grid}.auth-panel .status-message{margin-bottom:0}.header-actions{justify-items:end;gap:8px;display:grid}.header-buttons{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.signed-in-user{overflow-wrap:anywhere;max-width:min(44vw,280px);color:var(--muted);text-align:right;font-size:.86rem;font-weight:700}.eyebrow{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:.82rem;font-weight:700}h1{font-size:2rem;line-height:1.05}h2{font-size:1.05rem;line-height:1.2}.tabs{border:1px solid var(--border);background:var(--surface);border-radius:8px;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px;padding:4px;display:grid}.tabs button{min-height:48px;color:var(--muted);background:0 0;border:0;border-radius:6px;font-weight:700}.tabs button.active{background:var(--panel);color:var(--text);box-shadow:var(--shadow)}.view-stack,.task-list{gap:14px;display:grid}.panel{border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow);border-radius:8px;padding:16px}.panel h2{margin-bottom:14px}.field{gap:7px;margin-bottom:14px;display:grid}.field span{color:var(--muted);font-size:.9rem;font-weight:700}input,select,textarea{border:1px solid var(--border);width:100%;color:var(--text);background:#fff;border-radius:7px}input,select{min-height:48px;padding:0 12px}textarea{resize:vertical;min-height:132px;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.88rem;line-height:1.45}.primary-action,.secondary-action,.stop-action,.quiet-button,.link-button{border-radius:7px;justify-content:center;align-items:center;min-height:46px;font-weight:800;text-decoration:none;display:inline-flex}.primary-action,.secondary-action,.stop-action{width:100%;padding:0 16px}.primary-action{border:1px solid var(--accent);background:var(--accent);color:#fff;font-size:1.08rem}.primary-action:active{background:var(--accent-strong)}.secondary-action{border:1px solid var(--text);background:var(--text);color:#fff}.stop-action{border:1px solid var(--danger);background:var(--danger);color:#fff;font-size:1.08rem}.stop-action:active{background:var(--danger-strong)}.quiet-button{border:1px solid var(--border);background:var(--panel);min-width:92px;color:var(--text);padding:0 12px}.status-message,.field-error{color:#8f2018;background:#fff1f0;border:1px solid #e7b7b3;border-radius:7px}.status-message{margin-bottom:14px;padding:12px}.field-error{margin-bottom:12px;padding:10px;font-size:.92rem}.running-box{gap:12px;display:grid}.task-title{font-size:1.04rem;font-weight:800}.muted,.empty-text,.entry-time,.duration,.meta-row,.section-heading p{color:var(--muted)}.empty-text{padding:6px 0}.section-heading{gap:4px;margin-bottom:12px;display:grid}.timeline-list{gap:10px;display:grid}.timeline-entry{border:1px solid var(--border);background:#fcfcfa;border-radius:8px;gap:10px;padding:13px;display:grid}.entry-main{gap:3px;display:grid}.duration{font-weight:800}.link-row{flex-wrap:wrap;gap:8px;display:flex}.link-button{border:1px solid var(--border);background:var(--surface);min-height:40px;color:var(--text);padding:0 12px}.task-form{margin-bottom:2px}.task-card{cursor:pointer;gap:12px;display:grid}.task-card:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 45%, transparent);outline-offset:3px}.task-card-header{align-items:center;gap:12px;display:grid}.task-card-meta{margin-bottom:0}.link-editor{gap:10px;margin-bottom:14px;display:grid}.link-editor-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.link-editor-header span{color:var(--muted);font-size:.9rem;font-weight:700}.link-editor-header .quiet-button{min-height:38px}.link-editor-list{gap:10px;display:grid}.link-editor-row{border:1px solid var(--border);background:#fcfcfa;border-radius:8px;gap:10px;padding:12px;display:grid}.link-field{margin-bottom:0}.remove-link-button{width:100%}.meta-row{flex-wrap:wrap;gap:8px 14px;margin-bottom:12px;font-size:.88rem;display:flex}.modal-backdrop{z-index:10;background:#18181b6b;place-items:start center;padding:24px 14px;display:grid;position:fixed;inset:0;overflow-y:auto}.task-edit-modal{width:min(100%,720px)}.modal-heading{grid-template-columns:1fr auto;align-items:center;gap:12px;margin-bottom:14px;display:grid}.modal-heading h2{margin-bottom:0}.modal-actions{gap:10px;display:grid}@media (width>=680px){.app-shell{padding:26px 20px 40px}.running-box,.timeline-entry{grid-template-columns:1fr auto;align-items:center}.stop-action{width:140px}.link-row{grid-column:1/-1}.link-editor-row{grid-template-columns:minmax(130px,.38fr) minmax(220px,1fr) auto;align-items:end}.remove-link-button{width:auto}.modal-backdrop{align-items:center;padding:32px 20px}.modal-actions{grid-template-columns:140px 1fr}}