:root{color-scheme:light dark;--bg:#f7f7f8;--fg:#0b0b0c;--card:#ffffff;--border:#e5e7eb;--muted-border:#d1d5db;--button:#e5e7eb;--strike:#2563eb;--priority-low:#065f46;--priority-medium:#92400e;--priority-high:#991b1b}[data-theme=dark]{--bg:#0b0b0c;--fg:#e5e7eb;--card:#111214;--border:#1f2937;--muted-border:#374151;--button:#1f2937;--strike:#7dd3fc;--priority-low:#a7f3d0;--priority-medium:#fde68a;--priority-high:#fca5a5}*{box-sizing:border-box}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;background:var(--bg);color:var(--fg)}.container{max-width:720px;margin:0 auto;min-height:100svh;display:flex;align-items:center;justify-content:center;padding:16px}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:20px;width:100%}.header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.input{flex:1;padding:10px 12px;border-radius:8px;border:1px solid var(--muted-border);background:var(--bg);color:var(--fg)}.select{padding:10px 12px;border-radius:8px;border:1px solid var(--muted-border);background:var(--bg);color:var(--fg)}.button{padding:10px 14px;border-radius:8px;border:1px solid var(--muted-border);background:var(--button);color:var(--fg);cursor:pointer}.button:disabled{opacity:.6;cursor:not-allowed}.list{display:flex;flex-direction:column;gap:10px;margin-top:12px}.item{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--border);border-radius:10px;background:color-mix(in oklab,var(--card),var(--bg) 15%)}.text{flex:1;position:relative}.strikeWrap{position:relative;display:inline-block}.strikeLine{position:absolute;left:0;top:50%;height:2px;background:var(--strike);transform-origin:left center}.priority{font-size:12px;padding:2px 8px;border-radius:999px;border:1px solid var(--muted-border)}.priority.low{color:var(--priority-low)}.priority.medium{color:var(--priority-medium)}.priority.high{color:var(--priority-high)}.actions{display:flex;gap:8px}.small{padding:6px 10px}.checkbox{width:18px;height:18px}.editInput{flex:1;padding:8px 10px;border-radius:8px;border:1px solid var(--muted-border);background:var(--bg);color:var(--fg)}
