:root{--ground:#F7F5F1;--card:#FFFFFF;--ink:#26323C;--muted:#717C85;--hair:#E4DFD7;--copper:#A05C33;--copper-soft:#A05C3318;--task:#46647E;--explore:#4C7A6E;--waiting:#96772C;--seed:#7A5D7E;--done:#5E8060;--danger:#8C4A3E;--shadow:0 1px 3px rgba(38,50,60,.06)}@media (prefers-color-scheme: dark){:root{--ground:#14191E;--card:#1D242B;--ink:#E6E1D8;--muted:#939BA3;--hair:#2C343C;--copper:#C9895A;--copper-soft:#C9895A22;--task:#7FA0BC;--explore:#7FAA9D;--waiting:#C0A159;--seed:#AC8CB0;--done:#8AAE8C;--danger:#C08074;--shadow:0 1px 3px rgba(0,0,0,.35)}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%}body{background:var(--ground);color:var(--ink);margin:0;line-height:1.45;font-family:system-ui,Segoe UI,sans-serif;padding:0 16px calc(96px + env(safe-area-inset-bottom))}.wrap{max-width:780px;margin:0 auto}header.top{padding:calc(28px + env(safe-area-inset-top)) 0 10px}h1{font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-weight:600;font-size:1.9rem;margin:0 0 4px;letter-spacing:.01em}.sub{color:var(--muted);font-size:.86rem;margin:0}.sub b{color:var(--ink);font-weight:600}.counts{font-family:ui-monospace,Consolas,monospace;font-variant-numeric:tabular-nums}.error{background:var(--copper-soft);border:1px solid var(--danger);color:var(--danger);border-radius:8px;padding:8px 12px;font-size:.84rem;margin:12px 0}.linkbtn{background:none;border:none;color:var(--copper);cursor:pointer;font:inherit;font-size:.86rem;padding:0;text-decoration:underline}.signin{padding-top:18vh;max-width:420px}.signin form{display:flex;flex-direction:column;gap:10px;margin-top:16px}.signin input{font-size:1rem;padding:12px 14px}.bar{position:sticky;top:0;z-index:5;background:var(--ground);padding:12px 0 10px;display:flex;flex-direction:column;gap:8px;border-bottom:1px solid var(--hair)}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{border:1px solid var(--hair);background:var(--card);color:var(--ink);border-radius:999px;padding:7px 13px;font-size:.82rem;cursor:pointer;font-family:inherit}.chip.on{background:var(--copper);border-color:var(--copper);color:#fff}.chip .n{opacity:.75;font-family:ui-monospace,Consolas,monospace;font-size:.76rem;margin-left:4px}.row2{display:flex;gap:8px;flex-wrap:wrap}select,input[type=search],input[type=text],input[type=email]{border:1px solid var(--hair);background:var(--card);color:var(--ink);border-radius:8px;padding:9px 11px;font-size:.9rem;font-family:inherit}input[type=search]{flex:1;min-width:150px}select:focus,input:focus,button:focus-visible{outline:2px solid var(--copper);outline-offset:1px}.group{margin:26px 0 0}.group>h2{font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:1.05rem;font-weight:600;margin:0 0 2px;display:flex;align-items:baseline;gap:8px}.group>h2 .gn{color:var(--muted);font-size:.8rem;font-family:ui-monospace,Consolas,monospace}.group>p.gd{color:var(--muted);font-size:.8rem;margin:0 0 10px}.items{display:flex;flex-direction:column;gap:8px}.empty{color:var(--muted);font-size:.85rem;padding:8px 2px}.item{background:var(--card);border:1px solid var(--hair);border-radius:10px;box-shadow:var(--shadow);padding:11px 12px;display:flex;gap:11px;align-items:flex-start}.item.done-item{opacity:.62}.item.done-item .title{text-decoration:line-through;text-decoration-color:var(--muted)}.item.grad-item{border-left:3px solid var(--done)}.tick{flex:none;width:26px;height:26px;margin-top:1px;border-radius:50%;border:1.5px solid var(--muted);background:none;cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center;color:transparent;font-size:14px}.item.done-item .tick{border-color:var(--done);background:var(--done);color:#fff}.body{flex:1;min-width:0}.title{font-size:.95rem;font-weight:550;cursor:pointer}.meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px;align-items:center}.tag{font-size:.72rem;border-radius:6px;padding:3px 8px;cursor:pointer;border:1px solid transparent;background:var(--copper-soft);color:var(--copper);font-weight:550;font-family:inherit}.tag.area{background:transparent;border-color:var(--hair);color:var(--muted)}.tag.proj{background:transparent;border-style:dashed;border-color:var(--copper);color:var(--copper);cursor:default}.tag.disp{background:none}.tag.d-Task{border-color:var(--task);color:var(--task)}.tag.d-Explore{border-color:var(--explore);color:var(--explore)}.tag.d-Waiting{border-color:var(--waiting);color:var(--waiting)}.tag.d-Idea{border-color:var(--seed);color:var(--seed)}.tag.d-Quick{border-color:var(--copper);color:var(--copper)}.grad-badge{font-size:.72rem;border-radius:6px;padding:3px 8px;border:1px solid var(--done);color:var(--done);background:transparent;font-weight:550}.src{font-size:.72rem;color:var(--muted);font-family:ui-monospace,Consolas,monospace}.detail{color:var(--muted);font-size:.84rem;margin-top:7px;max-width:65ch}.detail-foot{margin-top:6px;font-size:.74rem;opacity:.8}.detail code{font-size:.72rem}.addwrap{margin:30px 0 0}.addform{display:flex;flex-direction:column;gap:8px;background:var(--card);border:1px solid var(--hair);border-radius:10px;padding:12px}.addform .r{display:flex;gap:8px;flex-wrap:wrap}.btn{border:1px solid var(--hair);background:var(--card);color:var(--ink);border-radius:8px;padding:10px 16px;font-size:.88rem;cursor:pointer;font-family:inherit}.btn.primary{background:var(--copper);border-color:var(--copper);color:#fff}.btn:disabled{opacity:.5;cursor:default}@media (prefers-reduced-motion: reduce){*{transition:none!important}}