:root{--bg: #faf9f7;--surface: #ffffff;--surface-sub: #f3f1ed;--text: #22211f;--text-sub: #63615c;--text-muted: #8d8b85;--border: #e2dfd8;--border-strong: #c9c5bb;--focus: #185fa5;--acc-purple-bg: #eeedfe;--acc-purple-fg: #3c3489;--acc-purple-bar: #afa9ec;--acc-teal-bg: #e1f5ee;--acc-teal-fg: #085041;--acc-teal-bar: #5dcaa5;--acc-coral-bg: #faece7;--acc-coral-fg: #712b13;--acc-coral-bar: #f0997b;--acc-gray-bg: #f1efe8;--acc-gray-fg: #444441;--acc-gray-bar: #b4b2a9;--acc-blue-bg: #e6f1fb;--acc-blue-fg: #0c447c;--acc-blue-bar: #85b7eb;--acc-pink-bg: #fbeaf0;--acc-pink-fg: #72243e;--acc-pink-bar: #ed93b1;--radius: 10px;--radius-card: 14px}@media (prefers-color-scheme: dark){:root{--bg: #1b1a18;--surface: #242320;--surface-sub: #2e2c28;--text: #f0eee9;--text-sub: #b6b3ac;--text-muted: #8d8b85;--border: #3a3833;--border-strong: #524f48;--focus: #85b7eb;--acc-purple-bg: #3c3489;--acc-purple-fg: #cecbf6;--acc-purple-bar: #7f77dd;--acc-teal-bg: #085041;--acc-teal-fg: #9fe1cb;--acc-teal-bar: #1d9e75;--acc-coral-bg: #712b13;--acc-coral-fg: #f5c4b3;--acc-coral-bar: #d85a30;--acc-gray-bg: #444441;--acc-gray-fg: #d3d1c7;--acc-gray-bar: #888780;--acc-blue-bg: #0c447c;--acc-blue-fg: #b5d4f4;--acc-blue-bar: #378add;--acc-pink-bg: #72243e;--acc-pink-fg: #f4c0d1;--acc-pink-bar: #ed93b1}}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Noto Sans JP,Yu Gothic UI,sans-serif;font-size:16px;line-height:1.7;-webkit-text-size-adjust:100%}button,input,textarea,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.app{max-width:560px;margin:0 auto;padding:16px 16px calc(48px + env(safe-area-inset-bottom))}.section-label{font-size:14px;color:var(--text-sub);margin:22px 2px 10px}.quickadd{display:flex;flex-direction:column;gap:10px;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);padding:10px 12px}.quickadd .btn{width:100%}.quickadd textarea{flex:1;border:0;background:transparent;resize:none;min-height:28px;max-height:140px;outline:none;font-size:16px}.quickadd textarea::placeholder{color:var(--text-muted)}.btn{min-height:44px;padding:0 18px;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--surface);cursor:pointer;transition:background .12s ease}.btn:hover{background:var(--surface-sub)}.btn:disabled{opacity:.45;cursor:default}.btn-quiet{min-height:36px;padding:0 12px;border-color:transparent;background:transparent;color:var(--text-sub);font-size:14px}.btn-quiet:hover{background:var(--surface-sub)}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 4px}.tab{min-height:40px;padding:0 14px;border-radius:999px;border:1px solid transparent;background:var(--surface-sub);color:var(--text-sub);font-size:14px;cursor:pointer}.tab[aria-pressed=true]{border-color:currentColor;font-weight:500}.tab.purple{background:var(--acc-purple-bg);color:var(--acc-purple-fg)}.tab.teal{background:var(--acc-teal-bg);color:var(--acc-teal-fg)}.tab.coral{background:var(--acc-coral-bg);color:var(--acc-coral-fg)}.tab.gray{background:var(--acc-gray-bg);color:var(--acc-gray-fg)}.tab.blue{background:var(--acc-blue-bg);color:var(--acc-blue-fg)}.tab.pink{background:var(--acc-pink-bg);color:var(--acc-pink-fg)}.card{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);padding:14px;margin-bottom:10px}.card-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}.card-title{font-size:17px;font-weight:500;background:none;border:0;padding:0;text-align:left;cursor:pointer;flex:1;min-width:0}.pill{font-size:12px;padding:3px 10px;border-radius:999px;background:var(--acc-gray-bg);color:var(--acc-gray-fg);white-space:nowrap}.pill.purple{background:var(--acc-purple-bg);color:var(--acc-purple-fg)}.pill.teal{background:var(--acc-teal-bg);color:var(--acc-teal-fg)}.pill.coral{background:var(--acc-coral-bg);color:var(--acc-coral-fg)}.pill.blue{background:var(--acc-blue-bg);color:var(--acc-blue-fg)}.pill.pink{background:var(--acc-pink-bg);color:var(--acc-pink-fg)}.pill.kind{background:transparent;color:var(--text-muted);padding:3px 0}.bar{height:6px;border-radius:999px;background:var(--surface-sub);margin-bottom:10px;overflow:hidden}.bar>span{display:block;height:100%;border-radius:999px;background:var(--acc-gray-bar)}.bar.purple>span{background:var(--acc-purple-bar)}.bar.teal>span{background:var(--acc-teal-bar)}.bar.coral>span{background:var(--acc-coral-bar)}.bar.blue>span{background:var(--acc-blue-bar)}.bar.pink>span{background:var(--acc-pink-bar)}.next{font-size:15px;margin:0 0 12px}.next .lead{color:var(--text-sub)}.next.empty{color:var(--text-muted)}.card-foot{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.meta{font-size:13px;color:var(--text-sub)}.fold{width:100%;min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:0;border-top:1px solid var(--border);background:transparent;color:var(--text-sub);font-size:16px;text-align:left;cursor:pointer;padding:0 2px}.fold:last-of-type{border-bottom:1px solid var(--border)}.fold .mark{color:var(--text-muted);font-size:14px}.inbox-item{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:12px;margin-bottom:8px}.inbox-item p{margin:0 0 8px;font-size:15px;word-break:break-word}.inbox-item a{color:var(--focus);font-size:14px;word-break:break-all}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}select{min-height:40px;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--surface);padding:0 8px;max-width:100%}input[type=text],textarea.field{width:100%;min-height:44px;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--surface);padding:8px 12px;outline:none}textarea.field{min-height:72px;resize:vertical}label.field-label{display:block;font-size:14px;color:var(--text-sub);margin:14px 0 6px}.sheet-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:flex-end;justify-content:center;z-index:10}.sheet{width:100%;max-width:560px;max-height:90vh;overflow-y:auto;background:var(--bg);border-radius:16px 16px 0 0;padding:16px 16px calc(28px + env(safe-area-inset-bottom))}.sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.footnote{text-align:center;font-size:14px;color:var(--text-muted);margin:28px 0 0}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(24px + env(safe-area-inset-bottom));background:var(--text);color:var(--bg);padding:10px 18px;border-radius:999px;font-size:14px;z-index:20}.lock{max-width:360px;margin:22vh auto 0;padding:0 20px;text-align:center}.lock h1{font-size:20px;font-weight:500;margin:0 0 6px}.lock p{color:var(--text-sub);font-size:15px;margin:0 0 20px}