:root{--electric:#177BFD;--vivid:#0362F6;--ac:#024BD5;--sub:#053EA9;--deep:#052F87;--ink:#041B5B;--aqua:#05BBD5;--line:#B0C3E8;--pagebg:#FFFFFF;--card:#FFFFFF;--soft:rgba(176,195,232,.35);--acgrad:linear-gradient(135deg,#177BFD 0%,#024BD5 60%,#041B5B 100%);--muted:#8B98AB;--danger:#D9404B;--display:"Space Grotesk","Noto Sans JP",sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;color:var(--ink);background:var(--pagebg);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}button{font-family:inherit;cursor:pointer;color:inherit}input,select,textarea{font-family:inherit;color:var(--ink)}input,select,textarea{font-size:16px}svg{display:block}a{color:inherit;text-decoration:none}ul{list-style:none}:focus-visible{outline:2px solid var(--ac);outline-offset:2px}.login{display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:24px;background:var(--pagebg)}.login-wait{color:var(--sub);font-size:13px}.login-card{width:min(380px,100%);text-align:center}.login-card .mark{width:76px;height:76px;margin:0 auto 18px}.login-card .mark img{width:100%;height:100%;object-fit:contain;display:block}.login-card h1{font-size:26px;font-weight:800;background:var(--acgrad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--ac)}.login-card p{font-size:13px;color:var(--sub);margin-top:10px;line-height:1.85}.btn{width:100%;margin-top:24px;padding:13px;border:none;border-radius:12px;background:var(--acgrad);color:#fff;font-size:15px;font-weight:700}.btn:active{opacity:.85}.offline-note{margin-top:14px;font-size:12.5px;color:var(--danger)}.app{max-width:480px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;background:var(--pagebg);position:relative}@media(min-width:520px){.app{border-left:1px solid var(--soft);border-right:1px solid var(--soft)}}.screen{flex:1;display:flex;flex-direction:column;min-height:100dvh}.update-bar{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border:none;background:var(--acgrad);color:#fff;font-size:12.5px;font-weight:700;padding:9px 12px;padding-top:calc(9px + env(safe-area-inset-top))}.top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:6px;padding:10px 12px 8px;padding-top:calc(10px + env(safe-area-inset-top));background:var(--pagebg)}.apps{display:flex;align-items:center;gap:8px;padding:4px 2px}.apps img{width:22px;height:22px;object-fit:contain;display:block;border-radius:5px;opacity:.9}.back{border:none;background:none;color:var(--ac);font-size:15px;font-weight:600;display:flex;align-items:center;gap:1px;padding:6px 8px 6px 2px}.ttl{flex:1;text-align:center;font-size:17px;font-weight:800;color:var(--ac);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.person{margin-left:auto;flex:none;border:none;background:none;display:flex;align-items:center;gap:5px;padding:4px 6px;color:var(--ac);font-size:15px;font-weight:700}.person svg{width:24px;height:24px}.who{flex:none;border:none;background:none;display:flex;align-items:center;padding:4px;color:var(--ac)}.upd,.bell{flex:none;position:relative;width:40px;height:40px;border:none;background:none;color:var(--ac);display:grid;place-items:center}.upd svg,.bell svg{width:24px;height:24px}.upd .badge{position:absolute;top:6px;right:6px;width:10px;height:10px;border-radius:50%;background:var(--danger);border:2px solid #fff}.upd.busy svg{animation:spin .9s linear infinite}.upd:disabled{opacity:.6}@keyframes spin{to{transform:rotate(360deg)}}.nrow{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-bottom:1px solid var(--soft)}.nrow .ic{flex:none;width:22px;color:var(--ac);display:grid;place-items:center;margin-top:2px}.nrow .ic svg{width:20px;height:20px}.nrow .t{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.nrow b{font-size:14px}.nrow span{font-size:12.5px;color:var(--sub);line-height:1.65}.nrow .smbtn{flex:none;height:36px;font-size:13px}.nrow.up b{color:var(--ac)}.av{width:32px;height:32px;border-radius:50%;background:var(--line);color:var(--ink);font-size:13px;font-weight:700;display:inline-grid;place-items:center;line-height:1;overflow:hidden;flex:none}.av.lit{color:#fff}.av>i{font-style:normal;line-height:1}.av>i.a2{font-size:.95em;letter-spacing:-.04em}.av>i.a3{font-size:.72em;letter-spacing:-.05em}.home-h{display:flex;align-items:flex-end;justify-content:space-between;padding:2px 16px 8px}.home-h h1{font-size:26px;font-weight:800;line-height:1.2;background:var(--acgrad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--ac)}.home-h .me{font-size:13px;color:var(--sub);margin-top:3px}.chips{display:flex;gap:5px;padding:2px 12px 8px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.chips::-webkit-scrollbar{display:none}.chip{flex:none;display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line);background:#fff;color:var(--sub);border-radius:999px;padding:3px 9px;font-size:11px;font-weight:600;white-space:nowrap}.chip.on{background:var(--ac);border-color:var(--ac);color:#fff}.chip svg{flex:none;width:11px;height:11px}.chip .li{display:grid;place-items:center}.chip .n{font-size:9.5px;opacity:.8}.chip.edit{color:var(--ac);padding:3px 8px}.tlist{padding:2px 12px 12px;display:flex;flex-direction:column;gap:8px}.trow{background:var(--card);border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;padding:4px 14px 4px 2px;min-height:56px;box-shadow:0 1px 3px #041b5b0f}.chk{width:46px;height:46px;flex:none;border:none;background:none;display:grid;place-items:center}.chk i{width:21px;height:21px;border-radius:50%;border:1.8px solid var(--sub);display:grid;place-items:center;background:#fff;color:transparent}.chk i svg{width:12px;height:12px}.trow.done .chk i,.dt-head.done .chk i{background:var(--ac);border-color:var(--ac);color:#fff}.tmain{flex:1;min-width:0;padding:9px 4px 9px 0;border:none;background:none;text-align:left}.tname{font-size:15px;line-height:1.4;word-break:break-word;color:var(--ink)}.trow.done .tname{color:var(--muted);text-decoration:line-through}.tmeta{margin-top:3px;font-size:11.5px;color:var(--sub);display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center}.tmeta:empty{display:none}.tmeta span{display:inline-flex;align-items:center;gap:3px}.tmeta svg{width:13px;height:13px}.m-label{font-weight:700}.m-label svg{width:13px;height:13px}.tstamp{margin-left:auto;font-size:10.5px;color:var(--muted);font-weight:500;letter-spacing:.01em}.m-due.today{color:var(--ac);font-weight:600}.m-due.over{color:var(--danger);font-weight:600}.donesec{border:1px solid var(--line);display:flex;align-items:center;gap:7px;font-size:13.5px;font-weight:700;color:var(--ac);background:#fff;border-radius:9px;padding:7px 12px;margin:6px 12px 2px;width:fit-content}.donesec svg{width:14px;height:14px;transition:transform .15s}.donesec.closed svg{transform:rotate(-90deg)}.empty{padding:48px 24px;text-align:center;color:var(--sub);font-size:14px;line-height:1.9}.empty svg{width:34px;height:34px;margin:0 auto 8px;opacity:.35}.addwrap{margin-top:auto;position:sticky;bottom:0;z-index:20;padding:8px 12px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(255,255,255,0),var(--pagebg) 35%)}.compose{background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 6px 20px #041b5b26;padding:6px 12px;display:flex;align-items:center;gap:10px}.cchk{width:21px;height:21px;border-radius:50%;border:1.8px solid var(--sub);flex:none;background:#fff;margin-left:2px}.compose input{flex:1;min-width:0;border:none;background:none;padding:10px 0}.compose input:focus{outline:none}.compose .hint{flex:none;font-size:11px;color:var(--muted)}.compose.busy{opacity:.6}.dt-head{display:flex;align-items:flex-start;gap:2px;padding:4px 14px 2px 10px}.dt-head .chk{margin-top:5px}.dt-title{flex:1;min-width:0;border:none;background:none;font-size:21px;font-weight:800;line-height:1.35;padding:10px 0;border-bottom:2px solid transparent}.dt-title:focus{outline:none;border-bottom-color:var(--ac)}.dt-head.done .dt-title{color:var(--muted);text-decoration:line-through}.dbody{flex:1;padding:6px 14px 24px;display:flex;flex-direction:column;gap:14px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 1px 3px #041b5b0f;overflow:hidden}.orow{display:flex;align-items:center;gap:13px;width:100%;padding:14px;border:none;background:none;font-size:15px;text-align:left;color:var(--sub)}.orow+.orow,.orow+.oset,.oset+.orow{border-top:1px solid var(--soft)}.orow .ic{width:22px;height:22px;flex:none;display:grid;place-items:center}.orow .ic svg{width:19px;height:19px}.orow.set{color:var(--ac);font-weight:600}.orow.set.over{color:var(--danger)}.orow .x{margin-left:auto;color:var(--muted);display:grid;place-items:center;width:30px;height:30px;border:none;background:none;border-radius:8px}.orow .x svg{width:15px;height:15px}.orow .soon{margin-left:auto;font-size:11.5px;color:var(--muted);font-weight:500}.oset{display:flex;padding:4px 14px 14px 49px;gap:8px;align-items:center;flex-wrap:wrap}.oset input,.oset select{border:1px solid var(--line);border-radius:9px;padding:8px 10px;background:#fff}.oset .hint{width:100%;font-size:11.5px;color:var(--sub);opacity:.8;line-height:1.6}.smbtn{height:40px;padding:0 14px;border-radius:10px;border:1px solid var(--line);background:#fff;font-size:13.5px;color:var(--ink)}.smbtn.pri{background:var(--ac);border-color:var(--ac);color:#fff;font-weight:700}.smbtn.dng{background:var(--danger);border-color:var(--danger);color:#fff;font-weight:700}.smbtn:disabled{opacity:.5}.fprog{display:flex;flex-direction:column;gap:6px;padding:4px 14px 12px 49px}.fprog .fbar{height:6px;border-radius:3px;background:var(--soft);overflow:hidden}.fprog .fbar i{display:block;height:100%;background:var(--acgrad);transition:width .2s}.fprog span{font-size:12px;color:var(--sub)}.ffail{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:4px 14px 12px 49px}.ffail span{font-size:12.5px;color:var(--danger);font-weight:600}.ffail .smbtn{height:32px;padding:0 10px;font-size:12.5px;display:inline-flex;align-items:center;gap:5px}.frow{display:flex;align-items:center;gap:4px;padding:6px 8px 6px 46px;border-top:1px solid var(--soft)}.fopen{flex:1;min-width:0;display:flex;align-items:center;gap:10px}.fthumb{width:44px;height:44px;border-radius:8px;object-fit:cover;flex:none;border:1px solid var(--soft)}.fthumb.ph{display:block;background:var(--soft)}.fico{width:44px;height:44px;border-radius:8px;background:var(--soft);color:var(--sub);display:grid;place-items:center;flex:none}.fico svg{width:20px;height:20px}.fname{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;font-size:13.5px;color:var(--ink);word-break:break-all;line-height:1.4}.fname i{font-style:normal;font-size:11px;color:var(--muted)}.fdel{flex:none;width:36px;height:36px;border:none;background:none;color:var(--muted);display:grid;place-items:center;border-radius:8px}.fdel svg{width:15px;height:15px}.fdel.sure{width:auto;padding:0 10px;color:#fff;background:var(--danger);font-size:12px;font-weight:700}.memoprev{padding:13px 14px;font-size:14px;color:var(--sub);display:flex;gap:10px;align-items:flex-start;width:100%;border:none;background:none;text-align:left}.memoprev .ic{width:22px;flex:none;color:var(--sub)}.memoprev .ic svg{width:19px;height:19px}.memoprev .txt{flex:1;min-width:0;white-space:pre-wrap;word-break:break-word;color:var(--ink);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.6}.memoprev .txt.ph{color:var(--muted)}.memoprev .op{color:var(--ac);font-size:13px;font-weight:600;flex:none}.dfoot{display:flex;align-items:center;gap:10px;padding:4px 16px calc(16px + env(safe-area-inset-bottom));color:var(--muted);font-size:12.5px;margin-top:auto}.dfoot .del{margin-left:auto;border:none;background:none;color:var(--muted);width:40px;height:40px;display:grid;place-items:center;border-radius:10px}.dfoot .del svg{width:20px;height:20px}.confirm{display:flex;gap:8px;align-items:center;margin-left:auto}.confirm span{font-size:12.5px;color:var(--danger)}.confirm .smbtn{height:34px;padding:0 12px;font-size:12.5px}.gone{padding:60px 24px;text-align:center;color:var(--sub);font-size:14px;line-height:1.9}.sheet{position:fixed;inset:0;z-index:50;background:#041b5b73}.sheetin{position:absolute;inset:36% 0 0;max-width:480px;margin:0 auto;background:#fff;border-radius:16px 16px 0 0;display:flex;flex-direction:column;overflow:hidden}.sheetin.tall{top:9%}.sheet-h{display:flex;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line);flex:none}.sheet-h .side{width:64px;color:var(--ac);font-size:15px;border:none;background:none;font-weight:600;text-align:left;padding:4px 0}.sheet-h .side.r{text-align:right}.sheet-h .c{flex:1;text-align:center;min-width:0}.sheet-h .c b{display:block;font-size:15px}.sheet-h .c span{font-size:11.5px;color:var(--sub);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sheetbody{flex:1;overflow:auto;padding-bottom:env(safe-area-inset-bottom)}.sheetbody textarea{width:100%;height:100%;min-height:240px;border:none;resize:none;padding:16px;line-height:1.7}.sheetbody textarea:focus{outline:none}.memrow{display:flex;align-items:center;gap:12px;width:100%;padding:13px 16px;border:none;background:none;border-bottom:1px solid var(--soft);font-size:15px;text-align:left;color:var(--ink)}.memrow .now{margin-left:auto;color:var(--ac)}.memrow .now svg{width:18px;height:18px}.lab-row{display:flex;align-items:center;gap:6px;padding:6px 10px 6px 12px;border-bottom:1px solid var(--soft)}.lab-row.open{border-bottom:none}.lab-row .mark{width:36px;height:36px;border-radius:50%;flex:none;border:none;color:#fff;display:grid;place-items:center}.lab-row .mark svg{width:20px;height:20px}.lab-row input{flex:1;min-width:0;border:1px solid transparent;border-radius:8px;padding:8px;background:none}.lab-row input:focus{outline:none;border-color:var(--line);background:#fff}.lab-row .ib{width:34px;height:34px;flex:none;border:none;background:none;color:var(--sub);display:grid;place-items:center;border-radius:8px}.lab-row .ib:disabled{opacity:.3}.lab-row .ib.dng{color:var(--danger)}.lab-row .ib svg{width:17px;height:17px}.lab-row .ib.down svg{transform:rotate(180deg)}.lab-form{display:flex;gap:8px;padding:12px 14px 6px;align-items:center}.lab-form input{flex:1;min-width:0;border:1px solid var(--line);border-radius:10px;padding:9px 12px;background:#fff}.lab-form .mark{width:40px;height:40px;border-radius:50%;flex:none;border:none;color:#fff;display:grid;place-items:center}.lab-form .mark svg{width:22px;height:22px}.lab-form .smbtn{padding:0 12px}.pick{padding:4px 14px 14px;border-bottom:1px solid var(--soft)}.pick .ttl2{font-size:11.5px;color:var(--sub);font-weight:700;margin:8px 0 6px;letter-spacing:.04em}.icons{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}.icons button{aspect-ratio:1;border:1px solid transparent;border-radius:9px;background:none;color:var(--sub);display:grid;place-items:center}.icons button svg{width:22px;height:22px}.icons button.on{border-color:var(--ac);background:#177bfd14;color:var(--ac)}.colors{display:grid;grid-template-columns:repeat(12,1fr);gap:6px}.swatch{aspect-ratio:1;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--line);padding:0}.swatch.on{box-shadow:0 0 0 2px var(--ink)}.lab-empty{padding:26px 16px;text-align:center;color:var(--sub);font-size:13.5px;line-height:1.8}.labpick{display:flex;flex-wrap:wrap;gap:6px;padding:4px 14px 14px 49px}.unknown{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px;text-align:center;gap:10px}.unknown h2{font-size:17px}.unknown p{font-size:13.5px;color:var(--sub);line-height:1.8}.offline-bar{position:fixed;left:0;right:0;bottom:0;z-index:90;text-align:center;background:var(--ink);color:#fff;font-size:12px;font-weight:600;line-height:1.5;padding:8px 14px;padding-bottom:calc(8px + env(safe-area-inset-bottom))}.app.off .addwrap{padding-bottom:calc(48px + env(safe-area-inset-bottom))}.toast-wrap{position:fixed;left:0;right:0;bottom:90px;z-index:100;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;padding:0 16px}.toast{background:var(--ink);color:#fff;padding:11px 20px;border-radius:10px;font-size:13px;font-weight:500;box-shadow:0 8px 24px #041b5b47;max-width:520px;display:flex;align-items:center;gap:14px;pointer-events:auto}.toast.err{background:var(--danger)}.toast-undo{border:none;background:none;color:#fff;font-size:13px;font-weight:700;text-decoration:underline;padding:0}