:root{--ink:#1C2127;--dim:#5D6875;--dim2:#8A94A1;--ok:#2E9469;--warn:#9A6612;--stop:#BC4238;--accent:#3B9C72;--wall: radial-gradient(ellipse 90% 60% at 12% 0%, #DCE6F2 0%, transparent 62%), radial-gradient(ellipse 80% 70% at 88% 16%, #EBE2F0 0%, transparent 64%), radial-gradient(ellipse 110% 80% at 50% 108%, #DEEDEC 0%, transparent 72%);--wall-base:#F2F4F7;--glass:rgba(255,255,255,.66);--glass-line:rgba(0,0,0,.1);--glass-spec:inset 0 1px 0 rgba(255,255,255,.95);--solid:#FFFFFF;--solid-line:#E3E7EC;--amb:rgba(255,255,255,.3);--amb-line:rgba(0,0,0,.06);--hover:rgba(0,0,0,.045);--sel:rgba(59,156,114,.12);--btn:rgba(0,0,0,.035);--btn-h:rgba(0,0,0,.09);--chip:rgba(0,0,0,.06);--shadow:0 18px 50px rgba(30,40,60,.14);--sheet:rgba(255,255,255,.92);--sheet-line:rgba(0,0,0,.12)}@media(prefers-color-scheme:dark){:root:not([data-force=light]){--ink:#EEF2F7;--dim:#A3AEBD;--dim2:#707D8D;--ok:#77D6A8;--warn:#F0B168;--stop:#F08379;--accent:#77D6A8;--wall: radial-gradient(ellipse 90% 60% at 12% 0%, #2A3A52 0%, transparent 60%), radial-gradient(ellipse 80% 70% at 88% 18%, #3E2F4E 0%, transparent 62%), radial-gradient(ellipse 110% 80% at 50% 108%, #16303A 0%, transparent 70%);--wall-base:#0B0E13;--glass:rgba(26,31,39,.66);--glass-line:rgba(255,255,255,.1);--glass-spec:inset 0 1px 0 rgba(255,255,255,.15);--solid:#1B2028;--solid-line:#333B47;--amb:rgba(22,27,34,.22);--amb-line:rgba(255,255,255,.07);--hover:rgba(255,255,255,.055);--sel:rgba(119,214,168,.13);--btn:rgba(255,255,255,.05);--btn-h:rgba(255,255,255,.14);--chip:rgba(255,255,255,.08);--shadow:0 24px 70px rgba(0,0,0,.5);--sheet:rgba(40,46,56,.9);--sheet-line:rgba(255,255,255,.14)}}:root[data-force=dark]{--ink:#EEF2F7;--dim:#A3AEBD;--dim2:#707D8D;--ok:#77D6A8;--warn:#F0B168;--stop:#F08379;--accent:#77D6A8;--wall: radial-gradient(ellipse 90% 60% at 12% 0%, #2A3A52 0%, transparent 60%), radial-gradient(ellipse 80% 70% at 88% 18%, #3E2F4E 0%, transparent 62%), radial-gradient(ellipse 110% 80% at 50% 108%, #16303A 0%, transparent 70%);--wall-base:#0B0E13;--glass:rgba(26,31,39,.66);--glass-line:rgba(255,255,255,.1);--glass-spec:inset 0 1px 0 rgba(255,255,255,.15);--solid:#1B2028;--solid-line:#333B47;--amb:rgba(22,27,34,.22);--amb-line:rgba(255,255,255,.07);--hover:rgba(255,255,255,.055);--sel:rgba(119,214,168,.13);--btn:rgba(255,255,255,.05);--btn-h:rgba(255,255,255,.14);--chip:rgba(255,255,255,.08);--shadow:0 24px 70px rgba(0,0,0,.5);--sheet:rgba(40,46,56,.9);--sheet-line:rgba(255,255,255,.14)}body{--panel:var(--glass);--line:var(--glass-line);--spec:var(--glass-spec);--blur:blur(34px) saturate(180%);--op:1}body[data-mode=solid]{--panel:var(--solid);--line:var(--solid-line);--spec:none;--blur:none;--shadow:0 14px 36px rgba(30,40,60,.12)}body[data-mode=ambient]{--panel:var(--amb);--line:var(--amb-line);--spec:none;--blur:blur(16px) saturate(115%);--shadow:none;--op:.5}body[data-mode=ambient]:hover{--op:.95;--panel:var(--glass)}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{color:var(--ink);background-color:var(--wall-base);background-image:var(--wall);background-attachment:fixed;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Noto Sans JP,system-ui,sans-serif;font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}.wrap{max-width:820px;margin:0 auto;padding:14px 12px calc(96px + env(safe-area-inset-bottom));opacity:var(--op);transition:opacity .25s}.card{background:var(--panel);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow),var(--spec);overflow:hidden}.hdr{display:flex;align-items:center;gap:10px;padding:13px 15px;border-bottom:1px solid var(--line)}.date{font-size:16px;font-weight:600}.hdr .right{margin-left:auto;display:flex;align-items:center;gap:8px}.doneN{font-size:12.5px;color:var(--ok);font-weight:600}.tab{font:inherit;font-size:12.5px;padding:5px 12px;border-radius:8px;cursor:pointer;border:1px solid var(--line);background:var(--btn);color:var(--dim)}.tab[aria-pressed=true]{background:var(--btn-h);color:var(--ink);font-weight:600}.glabel{padding:13px 15px 4px;font-size:11.5px;letter-spacing:.07em;color:var(--dim2);font-weight:600}.empty{padding:2px 15px 10px;font-size:12.5px;color:var(--dim2)}.row{display:grid;grid-template-columns:28px 1fr auto;gap:9px;align-items:center;padding:8px 11px 8px 9px;border-radius:10px;margin:0 6px;touch-action:pan-y}.row:hover{background:var(--hover)}.tick{width:24px;height:24px;border-radius:50%;border:1.5px solid var(--dim2);background:transparent;cursor:pointer;display:grid;place-items:center;color:transparent;font-size:13px;padding:0;transition:.13s;flex:0 0 auto}.tick:hover,.tick:focus-visible{border-color:var(--ok);background:color-mix(in srgb,var(--ok) 18%,transparent);color:var(--ok)}.row.done .tick{border-color:var(--ok);background:color-mix(in srgb,var(--ok) 22%,transparent);color:var(--ok)}.row.done .name{color:var(--dim2);text-decoration:line-through}.body{min-width:0;cursor:pointer;background:none;border:0;padding:0;text-align:left;font:inherit;color:inherit;width:100%}.name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sub{font-size:12.5px;color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sub .k{color:var(--dim2)}.who{font-size:11.5px;color:var(--dim2)}.tail{display:flex;align-items:center;gap:7px}.due{font-size:12px;color:var(--dim2);white-space:nowrap}.due .late{color:var(--stop);font-weight:600}.acts{display:flex;gap:4px}@media(hover:hover){.acts{opacity:0;transition:opacity .12s}.row:hover .acts{opacity:1}}@media(hover:none){.acts{display:none}}.acts button{font:inherit;font-size:11.5px;padding:4px 9px;border-radius:7px;cursor:pointer;border:1px solid var(--line);background:var(--btn);color:var(--dim);white-space:nowrap}.acts button:hover{background:var(--btn-h);color:var(--ink)}.sticky{display:flex;align-items:center;gap:10px;padding:11px 15px;font-size:13px;background:color-mix(in srgb,var(--warn) 12%,transparent);border-bottom:1px solid var(--line)}.sticky b{color:var(--warn)}.cli{padding:14px 15px 3px;font-size:13.5px;font-weight:600;display:flex;gap:9px;align-items:center}.cli .n{margin-left:auto;font-size:11.5px;color:var(--dim2);font-weight:400}.pill{font-size:10.5px;padding:1px 8px;border-radius:20px;font-weight:600}.p-継続{background:color-mix(in srgb,var(--ok) 16%,transparent);color:var(--ok)}.p-単発{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent)}.p-待ち{background:color-mix(in srgb,var(--warn) 16%,transparent);color:var(--warn)}.p-保留,.p-休止,.p-終了{background:var(--chip);color:var(--dim2)}.prj{padding:7px 15px 1px 27px;font-size:11.5px;color:var(--dim2)}.indent{margin-left:20px}.bar{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;gap:8px;align-items:center;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:var(--sheet);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1px solid var(--sheet-line)}.bar input{flex:1;min-width:0;font:inherit;font-size:16px;padding:9px 13px;border-radius:10px;border:1px solid var(--line);background:var(--btn);color:var(--ink)}.bar button{font:inherit;font-size:14px;font-weight:600;padding:9px 16px;border-radius:10px;cursor:pointer;border:1px solid color-mix(in srgb,var(--accent) 42%,transparent);background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent)}.bar button:disabled{opacity:.45;cursor:default}.toast{position:fixed;left:50%;bottom:calc(74px + env(safe-area-inset-bottom));z-index:30;transform:translate(-50%) translateY(10px);background:var(--sheet);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border:1px solid var(--sheet-line);border-radius:11px;padding:9px 10px 9px 15px;font-size:13px;display:flex;gap:12px;align-items:center;opacity:0;pointer-events:none;transition:opacity .16s,transform .16s;box-shadow:var(--shadow);max-width:92vw}.toast.on{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}.toast span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toast button{font:inherit;font-size:12px;padding:4px 11px;border-radius:7px;cursor:pointer;flex:0 0 auto;border:1px solid color-mix(in srgb,var(--accent) 42%,transparent);background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent);font-weight:600}.gate{max-width:400px;margin:14vh auto;padding:26px 24px}.gate h1{font-size:19px;margin:0 0 6px}.gate p{color:var(--dim);font-size:13.5px;margin:0 0 16px}.gate input{width:100%;font:inherit;font-size:16px;padding:10px 13px;border-radius:10px;border:1px solid var(--line);background:var(--btn);color:var(--ink)}.gate button{margin-top:11px;width:100%;font:inherit;font-weight:600;padding:11px;border-radius:10px;cursor:pointer;border:1px solid color-mix(in srgb,var(--accent) 42%,transparent);background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent)}.err{color:var(--stop);font-size:13px;margin-top:9px}.foot{display:flex;gap:7px;align-items:center;justify-content:center;margin-top:13px;font-size:11.5px;color:var(--dim2);flex-wrap:wrap}.foot button{font:inherit;font-size:11.5px;padding:3px 10px;border-radius:7px;cursor:pointer;border:1px solid var(--line);background:var(--btn);color:var(--dim2)}.foot button[aria-pressed=true]{background:var(--btn-h);color:var(--ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
