:root{--bg:#fff;--fg:#1a1a1a;--line:#d8d8d8;--muted:#6b6b6b;--over:#c0392b;--done:#8a8a8a}@media (prefers-color-scheme:dark){:root{--bg:#15171a;--fg:#e8e8e8;--line:#333;--muted:#9a9a9a;--over:#ff7a6b;--done:#6b6b6b}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;padding:12px 16px;font:15px/1.5 -apple-system,Noto Sans TC,sans-serif}header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.hint,.error{color:var(--muted)}.error{color:var(--over)}.board{gap:10px;padding-bottom:8px;display:flex;overflow-x:auto}.column{flex:0 0 180px}.column h2{margin:0 0 4px;font-size:14px}.column h2 .date{color:var(--muted);margin-left:6px;font-size:12px;font-weight:400}.cap{color:var(--muted);margin:0 0 8px;font-size:12px}.cap.over{color:var(--over);font-weight:600}.card{border:1px solid var(--line);border-radius:6px;margin-bottom:8px;padding:8px}.card.done{color:var(--done);text-decoration:line-through}.card{cursor:grab}.drag-src .card{opacity:.35}.column.drop{background:color-mix(in srgb, var(--fg) 8%, transparent);border-radius:6px}.card .tick{float:left;cursor:pointer;width:18px;height:18px;margin:1px 8px 0 0;text-decoration:none}.card .more{float:right;color:var(--muted);cursor:pointer;background:0 0;border:0;margin-left:6px;padding:0 4px;font-size:16px;line-height:1}.card .retired{float:right;color:var(--muted);border:1px solid var(--line);border-radius:3px;margin-left:6px;padding:0 4px;font-size:11px;text-decoration:none}.menu{border:1px solid var(--line);min-width:200px;color:var(--fg);background:canvas;border-radius:8px;padding:8px}.menu .menu-title{color:var(--muted);margin:0 0 8px;font-size:12px}.menu button{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:8px;display:block}.menu button:hover{background:color-mix(in srgb, var(--fg) 8%, transparent)}.card .est{float:right;color:var(--muted);font-size:12px}.card .note{color:var(--muted);margin:6px 0 0;font-size:12px}