:root{color-scheme:light dark;--bg:#f4f6f8;--panel:#ffffff;--text:#111827;--muted:#6b7280;--border:#d1d5db;--accent:#0f172a;--next:#2563eb;--ready:#059669;--blocked:#dc2626;--waiting:#d97706;--hold:#7c3aed;--done:#4b5563;--someday:#64748b} @media(prefers-color-scheme:dark){:root{--bg:#0b1220;--panel:#111827;--text:#f3f4f6;--muted:#9ca3af;--border:#374151;--accent:#e5e7eb}} *{box-sizing:border-box} body{margin:0;background:var(--bg);color:var(--text);font:16px/1.45 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif} button,select,input{font:inherit}.app-header{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:calc(14px + env(safe-area-inset-top)) 16px 14px;background:color-mix(in srgb,var(--panel) 92%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.eyebrow{margin:0;color:var(--muted);font-size:.76rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.app-header h1{margin:2px 0 0;font-size:1.2rem}.header-actions{display:flex;gap:8px;align-items:center}.icon-button,.text-button{min-height:44px;border:1px solid var(--border);border-radius:12px;background:var(--panel);color:var(--text);font-weight:700}.icon-button{width:44px;font-size:1.4rem}.text-button{padding:0 13px}main{max-width:760px;margin:0 auto;padding:16px 14px calc(28px + env(safe-area-inset-bottom))}.auth-panel{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:14px;padding:12px;border:1px solid var(--border);border-radius:14px;background:var(--panel)}.auth-panel form{flex:1}.auth-panel label{display:block;margin-bottom:6px;color:var(--muted);font-size:.8rem;font-weight:700}.auth-row{display:flex;gap:8px}.auth-row input{min-width:0;flex:1;min-height:44px;border:1px solid var(--border);border-radius:10px;padding:0 11px;background:var(--bg);color:var(--text)}.auth-row button{min-height:44px;border:0;border-radius:10px;padding:0 14px;background:var(--accent);color:var(--bg);font-weight:800}.auth-message{margin:7px 0 0;color:var(--muted);font-size:.8rem}.summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.summary-card{min-height:84px;text-align:left;padding:12px;border:1px solid var(--border);border-radius:14px;background:var(--panel);color:var(--text)}.summary-card.active{outline:2px solid var(--accent);outline-offset:1px}.summary-count{display:block;font-size:1.6rem;font-weight:800}.controls{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.controls label{display:grid;gap:5px;color:var(--muted);font-size:.8rem;font-weight:700}.controls select{width:100%;min-height:44px;border:1px solid var(--border);border-radius:12px;background:var(--panel);color:var(--text);padding:0 10px}.resource-controls{display:flex;flex-direction:column;align-items:stretch;gap:8px;margin-top:10px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--panel)}.resource-label{color:var(--muted);font-size:.8rem;font-weight:700}.resource-options{display:grid;grid-template-columns:repeat(7,max-content);gap:7px;justify-content:space-between;width:100%}.resource-toggle{display:inline-flex;align-items:center;gap:5px;min-height:36px;padding:0 8px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--text);font-size:.8rem;font-weight:700;cursor:pointer;white-space:nowrap}.resource-toggle input{width:17px;height:17px;margin:0;accent-color:var(--ready)}.resource-toggle:has(input:disabled){opacity:.62;cursor:not-allowed}.resource-usage{color:var(--muted);font-size:.72rem;font-variant-numeric:tabular-nums}.capacity-note{min-height:1em;color:var(--muted);font-size:.7rem;line-height:1.2}.list-header{display:flex;align-items:end;justify-content:space-between;margin:22px 2px 10px}.list-header h2{margin:0;font-size:1.1rem}.list-header p{margin:3px 0 0;color:var(--muted);font-size:.82rem}.pill{display:inline-grid;place-items:center;min-width:32px;height:28px;padding:0 9px;border-radius:999px;background:var(--panel);border:1px solid var(--border);font-size:.82rem;font-weight:700}.task-list{display:grid;gap:10px}.task-card{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--panel)}.task-check{width:28px;height:28px;margin-top:1px;border:2px solid var(--border);border-radius:8px;background:transparent;position:relative;touch-action:manipulation}.task-check:not(:disabled){cursor:pointer}.task-check:disabled{opacity:.55}.task-check.checked{background:var(--done);border-color:var(--done)}.task-check.checked:after{content:"✓";position:absolute;inset:1px 0 0;text-align:center;color:white;font-size:1rem;font-weight:900}.task-topline{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.status-badge{display:inline-block;padding:2px 7px;border-radius:999px;color:#fff;font-size:.7rem;font-weight:800;letter-spacing:.04em}.project-name{color:var(--muted);font-size:.76rem;font-weight:700}.task-title{margin:5px 0 0;font-size:1rem;line-height:1.35}.task-notes{margin:8px 0 0;padding-left:18px;color:var(--muted);font-size:.86rem}.task-notes:empty{display:none}.task-write-hint{margin:8px 0 0;color:var(--muted);font-size:.78rem}.task-card[data-status="NEXT"] .status-badge{background:var(--next)}.task-card[data-status="READY"] .status-badge{background:var(--ready)}.task-card[data-status="IN_PROGRESS"] .status-badge{background:#0891b2}.task-card[data-status="BLOCKED"] .status-badge{background:var(--blocked)}.task-card[data-status="WAITING"] .status-badge{background:var(--waiting)}.task-card[data-status="ON_HOLD"] .status-badge{background:var(--hold)}.task-card[data-status="DONE"] .status-badge{background:var(--done)}.task-card[data-status="SOMEDAY"] .status-badge{background:var(--someday)}.empty,.error{padding:24px 12px;text-align:center;color:var(--muted)}.error{color:#b91c1c}.hidden{display:none}@media(max-width:700px){.resource-options{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-start}}@media(max-width:480px){.auth-panel{align-items:stretch;flex-direction:column}.auth-row{flex-direction:column}.auth-row button{width:100%}}@media(min-width:640px){.summary{grid-template-columns:repeat(4,minmax(0,1fr))}.controls{max-width:520px}.app-header{padding-left:max(20px,calc((100% - 760px)/2 + 14px));padding-right:max(20px,calc((100% - 760px)/2 + 14px))}}