:root{--ink: #2B2725;--sub: #5E5852;--line: #D9DBAA;--bg: #F0F4BC;--card: #FBFCEA;--accent: #2B2725;--urgent: #B3302B;--muted: #8A857B;--cream: #F0F4BC;--pill-line: #BDBF8E}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:Zen Kaku Gothic New,Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;font-size:15px;line-height:1.5}button{font:inherit;color:inherit;cursor:pointer}a{color:var(--ink)}:focus-visible{outline:3px solid var(--urgent);outline-offset:2px}.app{max-width:480px;margin:0 auto;min-height:100vh;min-height:100dvh;background:var(--bg);padding-bottom:76px}.app.no-tabs{padding-bottom:0}.brand{background:var(--ink);color:var(--cream);padding:8px 16px;display:flex;align-items:center;gap:10px;position:relative}.brand:before,.brand:after{content:"";position:absolute;left:0;right:0;height:4px;opacity:.85;background:repeating-linear-gradient(90deg,var(--cream) 0 7px,transparent 7px 16px)}.brand:before{top:3px}.brand:after{bottom:3px}.brand img{width:34px;height:34px;border-radius:6px;margin:8px 0}.brand span{font-family:Anton,sans-serif;font-size:24px;letter-spacing:.03em}.top{background:var(--bg);padding:16px 16px 12px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:2}.top h1{font-size:20px;letter-spacing:.04em;line-height:1.3}.row{display:flex;align-items:center;gap:8px}.between{justify-content:space-between}.wrap{flex-wrap:wrap;gap:6px}.pill{border:1px solid var(--pill-line);background:var(--card);border-radius:999px;padding:6px 14px;font-size:13px;min-height:44px}.pill.on{background:var(--accent);border-color:var(--accent);color:var(--cream)}.search{width:100%;margin-top:12px;border:1px solid var(--pill-line);border-radius:10px;padding:12px;font:inherit;font-size:16px;background:var(--bg);color:var(--ink);min-height:48px}.search::placeholder{color:var(--sub)}.sec{padding:16px 16px 4px;font-size:13px;color:var(--sub);font-weight:700}.sec.urgent{color:var(--urgent)}.list{padding:0 12px 12px;display:flex;flex-direction:column;gap:10px}.card{background:var(--card);border-radius:12px;padding:12px;display:flex;gap:12px;align-items:flex-start}.poster{width:60px;height:88px;border-radius:6px;flex:none;object-fit:cover;display:flex;align-items:flex-end;padding:4px;font-size:9px;color:#ffffffe6}.poster.sm{width:48px;height:70px}.poster.lg{width:84px;height:124px}.ct{flex:1;min-width:0}.title{font-weight:700;font-size:15px;line-height:1.35}.title-link{border:0;background:none;padding:0;text-align:left;text-decoration:none;display:block;min-height:24px}.meta{font-size:13px;color:var(--sub);margin-top:4px}.urgent{color:var(--urgent);font-weight:700}.tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:6px}.tag{font-size:11px;border:1px solid var(--pill-line);border-radius:4px;padding:1px 6px;color:var(--sub)}.want{flex:none;border:1.5px solid var(--accent);color:var(--accent);background:transparent;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:700;min-height:44px;min-width:76px}.want.on{background:var(--accent);color:var(--cream)}.tabbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;display:flex;background:var(--ink);z-index:5;padding-bottom:env(safe-area-inset-bottom)}.tabbar a{flex:1;min-height:56px;padding:8px 0 10px;font-size:11px;color:#b9b59b;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.tabbar a[aria-current=page]{color:var(--cream);font-weight:700}.tabbar svg{width:22px;height:22px}.btn{border:0;border-radius:10px;padding:14px;font-size:15px;font-weight:700;width:100%;min-height:48px}.btn.primary{background:var(--accent);color:var(--cream)}.btn.primary:disabled{background:#8f8b79;color:#f7f7e4;cursor:default}.btn.ghost{background:none;color:var(--sub);font-weight:400;text-decoration:underline}.back{border:0;background:none;color:var(--ink);text-decoration:underline;padding:0;font-size:14px;min-height:44px;display:inline-flex;align-items:center}.box{background:var(--card);border-radius:12px;margin:0 12px 12px;padding:14px}.box.tight{padding-top:2px;padding-bottom:2px}.th{padding:12px 0;border-top:1px solid var(--line)}.th:first-child{border-top:0;padding-top:0}.th.dim b,.th.dim .tags{opacity:.7}.hint{font-size:12px;color:var(--sub)}.check{display:flex;align-items:center;gap:12px;padding:12px 0;min-height:52px;border:0;border-top:1px solid var(--line);width:100%;background:none;text-align:left}.check:first-child{border-top:0}.box-mark{width:22px;height:22px;border-radius:6px;border:1.5px solid var(--muted);flex:none;display:flex;align-items:center;justify-content:center;color:transparent;font-size:14px}.check.on>.box-mark{background:var(--accent);border-color:var(--accent);color:var(--cream)}.radio-mark{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--muted);flex:none}.check.on>.radio-mark{border:7px solid var(--accent)}.fold{display:flex;justify-content:space-between;align-items:center;background:var(--card);border-radius:12px;padding:14px;width:100%;border:0;font-size:15px;min-height:52px}.small-actions{display:flex;gap:6px;margin-top:8px}.sbtn{border:1px solid var(--pill-line);background:transparent;border-radius:8px;padding:6px 14px;font-size:13px;min-height:44px;min-width:64px}.page-pad{padding:24px 20px}.page-pad h1{margin:4px 0 6px;font-size:22px;line-height:1.35}.sticky-foot{position:sticky;bottom:0;background:var(--bg);padding:12px 0 calc(12px + env(safe-area-inset-bottom))}.select{font:inherit;font-size:16px;padding:8px;min-height:44px;border-radius:8px;border:1px solid var(--pill-line);background:var(--bg);color:var(--ink)}.notice{margin:12px 12px 0;padding:12px 14px;border-radius:10px;background:var(--card);border:1px solid var(--pill-line);font-size:13px;color:var(--ink)}.status{padding:24px 16px;text-align:center;color:var(--sub)}.status.error{color:var(--urgent)}.empty{padding:8px 4px}.toast{position:fixed;left:50%;bottom:88px;transform:translate(-50%);background:var(--ink);color:var(--cream);padding:10px 16px;border-radius:999px;font-size:13px;opacity:0;transition:opacity .2s;pointer-events:none;z-index:10;max-width:90%;text-align:center}.toast.show{opacity:1}.emph{animation:emph 1.6s ease-out 1}@keyframes emph{0%{box-shadow:0 0 0 3px var(--urgent)}to{box-shadow:0 0 0 3px transparent}}@media (prefers-reduced-motion: reduce){.emph{animation:none}.toast{transition:none}}