:root{--fs:1;--bg:#faf6f0;--surface:#fff;--ink:#2a2622;--ink-2:#6b6259;--border:#e5ded4;--accent:#9c3d22;--accent-bg:#f6ebe4;--warn:#8a5a00;--warn-bg:#fdf3dc;--danger:#b3261e;--danger-bg:#fce9e7;--good:#3f6b4a;--badge-bg:#eef1f5;--gothic:"Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic","YuGothic","Noto Sans JP","Meiryo",system-ui,sans-serif;--mincho:"Hiragino Mincho ProN","Yu Mincho","YuMincho","Noto Serif JP","MS PMincho",serif;--r9:9px;--r11:11px;--r12:12px;--r14:14px;--r20:20px}body.scale-200{--fs:2}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{color:var(--ink);font-family:var(--gothic);--t12:calc(12px * var(--fs));--t13:calc(13px * var(--fs));--t14:calc(14px * var(--fs));--t15:calc(15px * var(--fs));--t16:calc(16px * var(--fs));--t17:calc(17px * var(--fs));--t18:calc(18px * var(--fs));--t20:calc(20px * var(--fs));--t22:calc(22px * var(--fs));background:#ede7de;margin:0;font-size:15px;line-height:1.8}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}:focus-visible{outline-offset:2px;outline:3px solid #1b5fa8}.screen{background:var(--bg);height:100dvh;color:var(--ink);font-size:var(--t16);flex-direction:column;line-height:2;display:flex;position:relative;overflow:hidden}@supports not (height:100dvh){.screen{height:100vh}}.safe-top{background:var(--bg);flex:0 0 52px;height:52px}.safe-bottom{background:var(--bg);flex:0 0 24px;height:24px}.safe-bottom.under-nav{background:var(--surface)}.scr{overscroll-behavior:contain;flex:auto;min-height:0;overflow-y:auto}.pad-list{padding:16px 20px 24px}.pad-read{padding:16px 22px 28px}.pad-onb{padding:20px 24px 24px}.hdr{background:var(--bg);border-bottom:1px solid var(--border);flex:none;grid-template-columns:1fr auto 1fr;align-items:center;min-height:44px;padding:0 6px;display:grid}.hdr.no-rule{border-bottom:0}.hdr-left{justify-content:flex-start;align-items:center;min-width:0;display:flex}.hdr-right{justify-content:flex-end;align-items:center;gap:2px;min-width:0;display:flex}.hdr-title{text-align:center;font-size:var(--t16);text-overflow:ellipsis;white-space:nowrap;min-width:0;padding:4px;font-weight:700;line-height:1.5;overflow:hidden}.hdr-appname{font-family:var(--mincho);font-size:var(--t18);text-overflow:ellipsis;white-space:nowrap;min-width:0;padding:4px 8px;font-weight:700;line-height:1.5;overflow:hidden}.iconbtn{border-radius:var(--r9);min-width:44px;min-height:44px;color:var(--ink);font-family:inherit;font-size:var(--t12);cursor:pointer;background:0 0;border:0;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:1px;padding:3px 6px;font-weight:700;line-height:1.4;text-decoration:none;display:inline-flex}.iconbtn.report{color:var(--danger)}.iconbtn.textonly{font-size:var(--t15);font-weight:700}.ic{width:calc(20px * var(--fs));height:calc(20px * var(--fs));fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none}.ic.lg{width:calc(52px * var(--fs));height:calc(52px * var(--fs));stroke-width:1.4px}.nav{background:var(--surface);border-top:1px solid var(--border);flex:none}.nav ul{margin:0;padding:0;list-style:none;display:flex}.nav li{flex:1 1 0;min-width:0}.nav a{height:100%;min-height:52px;color:var(--ink-2);font-size:var(--t12);text-align:center;word-break:auto-phrase;overflow-wrap:anywhere;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px 2px;font-weight:700;line-height:1.4;text-decoration:none;display:flex}.nav a[aria-current=page]{color:var(--accent)}.footer-fixed{background:var(--bg);border-top:1px solid var(--border);flex-direction:column;flex:none;gap:8px;padding:12px 20px;display:flex}.btn{border-radius:var(--r12);width:100%;min-height:54px;font-family:inherit;font-size:var(--t17);text-align:center;cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-weight:700;line-height:1.5;text-decoration:none;display:flex}.btn-primary{background:var(--accent);color:#fff;border:0}.btn:disabled,.btn-text:disabled{opacity:.45;cursor:not-allowed}.btn-secondary{background:var(--surface);color:var(--accent);border:1.5px solid var(--accent)}.btn-quiet{background:var(--surface);color:var(--ink);border:1.5px solid var(--border)}.btn-text{width:100%;min-height:48px;color:var(--ink-2);font-family:inherit;font-size:var(--t15);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:8px 12px;font-weight:400;line-height:1.6;text-decoration:underline;display:flex}.screen-h{font-size:var(--t20);margin:0 0 12px;font-weight:700;line-height:1.6}.sec-h{font-size:var(--t15);color:var(--ink-2);margin:24px 0 8px;font-weight:700;line-height:1.6}p{margin:0 0 12px}.body-text{font-size:var(--t16);line-height:2}.sub{font-size:var(--t14);color:var(--ink-2);line-height:1.7}a{color:var(--accent)}.meta-s{font-size:var(--t12);color:var(--ink-2);line-height:1.7}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r14);margin:0 0 12px;padding:16px}.card-title{font-size:var(--t17);line-height:1.6;font-family:var(--mincho);margin:6px 0;font-weight:700}.card-title a{color:var(--ink);border-bottom:1px solid var(--border);text-decoration:none}.card-excerpt{font-size:var(--t14);color:var(--ink-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 10px;line-height:1.7;display:-webkit-box;overflow:hidden}.card-author{font-size:var(--t13);flex-wrap:wrap;align-items:center;gap:8px;line-height:1.7;display:flex}.card-foot{border-top:1px solid var(--border);font-size:var(--t12);color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:4px 12px;padding-top:8px;display:flex}.avatar{width:calc(32px * var(--fs));height:calc(32px * var(--fs));background:var(--accent-bg);color:var(--accent);font-size:var(--t14);border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.chip{min-height:calc(22px * var(--fs));border-radius:calc(11px * var(--fs));background:var(--accent-bg);color:var(--accent);font-size:var(--t12);align-items:center;padding:1px 10px;font-weight:700;line-height:1.6;display:inline-flex}.chip.plain{color:var(--ink-2);background:#f0ede7}.badge-tr{background:var(--badge-bg);font-size:var(--t12);color:var(--ink);border-radius:6px;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 10px;line-height:1.7;display:flex}.badge-tr a{color:var(--accent);font-weight:700}.note{background:var(--surface);border:1px solid var(--border);border-radius:var(--r12);font-size:var(--t14);padding:14px 16px;line-height:1.9}.note.warn{background:var(--warn-bg);color:var(--warn);border-color:#e6d3a4}.note.accent{background:var(--accent-bg);border-color:#e7d3c8}.note h3,.note h4{font-size:var(--t15);margin:0 0 6px;line-height:1.6}.note p{margin:0 0 8px}.note p:last-child{margin:0}.checklist{margin:0;padding:0;list-style:none}.checklist li{border-bottom:1px solid var(--border);font-size:var(--t15);align-items:flex-start;gap:10px;padding:10px 0;line-height:1.8;display:flex}.checklist li:last-child{border-bottom:0}.checklist .mark{width:calc(22px * var(--fs));text-align:center;flex:none;font-weight:700}.checklist .done .mark{color:var(--good)}.checklist .now .mark{color:var(--accent)}.checklist .yet .mark{color:var(--ink-2)}.checklist .now b{color:var(--accent)}.todo{margin:0;padding:0;list-style:none}.todo li{font-size:var(--t15);align-items:flex-start;gap:10px;padding:8px 0;line-height:1.8;display:flex}.todo .ic{margin-top:calc(6px * var(--fs));color:var(--accent)}.empty{text-align:center;padding:28px 8px 20px}.empty .ic.lg{color:#c4b9a9;margin-bottom:8px}.empty p{margin:0 0 8px}.reactions{flex-wrap:wrap;gap:8px;margin:16px 0 0;display:flex}.react{min-width:calc(92px * var(--fs));background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r12);min-height:54px;color:var(--ink);font-family:inherit;font-size:var(--t13);cursor:pointer;flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:2px;padding:8px 6px;font-weight:700;line-height:1.5;display:inline-flex}.react[aria-pressed=true]{background:var(--accent-bg);border-color:var(--accent);color:var(--accent)}.react .n{font-size:var(--t15)}.field{margin:0 0 20px}.field>label,.field>.lbl{font-size:var(--t14);margin:0 0 6px;font-weight:700;line-height:1.7;display:block}.input{border:1.5px solid var(--border);border-radius:var(--r11);background:var(--surface);width:100%;min-height:48px;font-family:inherit;font-size:var(--t16);color:var(--ink);padding:10px 12px;line-height:1.8}textarea.input{min-height:calc(140px * var(--fs));resize:vertical;line-height:2}.hint{font-size:var(--t12);color:var(--ink-2);margin:6px 0 0;line-height:1.7}fieldset{border:0;margin:0;padding:0}legend{font-size:var(--t14);margin:0 0 8px;padding:0;font-weight:700;line-height:1.7}.choice{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r12);cursor:pointer;align-items:flex-start;gap:10px;min-height:54px;margin:0 0 8px;padding:12px 14px;display:flex}.choice:has(input:checked){border:2px solid var(--accent);background:var(--accent-bg)}.choice input{width:calc(22px * var(--fs));height:calc(22px * var(--fs));margin:calc(4px * var(--fs)) 0 0;accent-color:var(--accent);cursor:pointer;flex:none}.choice .t{font-size:var(--t15);font-weight:700;line-height:1.7;display:block}.choice .d{font-size:var(--t13);color:var(--ink-2);line-height:1.7;display:block}.choice.disabled{opacity:.55;cursor:not-allowed}a.choice{color:var(--ink);justify-content:space-between;align-items:center;text-decoration:none}a.choice:after{content:"›";color:var(--ink-2);font-size:var(--t20);flex:none;line-height:1}.img-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--r12);align-items:flex-start;gap:12px;padding:12px;display:flex}.thumb{width:calc(64px * var(--fs));height:calc(64px * var(--fs));border-radius:var(--r9);color:#5c6b5e;background:#dce3da;flex:none;justify-content:center;align-items:center;display:flex}.dots{align-items:center;gap:6px;min-height:44px;padding:0 12px;display:inline-flex}.dots i{width:calc(7px * var(--fs));height:calc(7px * var(--fs));background:var(--border);border-radius:50%}.dots i.on{background:var(--accent)}.behind{filter:saturate(.85);flex-direction:column;display:flex;position:absolute;inset:0}.sheet-layer{flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset:0}.scrim{background:#1e22287a;position:absolute;inset:0}.sheet{background:var(--surface);border-radius:var(--r20) var(--r20) 0 0;flex-direction:column;max-height:86%;padding:8px 20px 40px;display:flex;position:relative}.sheet-body{flex:auto;min-height:0;overflow-y:auto}.handle{background:var(--border);border-radius:2px;width:40px;height:4px;margin:4px auto 14px}.quote{background:var(--warn-bg);border-left:4px solid var(--warn);border-radius:0 var(--r9) var(--r9) 0;font-size:var(--t15);margin:0 0 12px;padding:12px 14px;line-height:1.9}.sheet-actions{border-top:1px solid var(--border);flex-direction:column;flex:none;gap:4px;margin-top:16px;padding-top:8px;display:flex}.a11y-tip{border-radius:var(--r9);font-size:var(--t12);color:#44505c;background:#f4f7fa;border:1px dashed #9aa7b4;margin:12px 0 0;padding:8px 10px;line-height:1.7}