:root{--bg: #F4F6F4;--surface: #FFFFFF;--sunken: #EAEEEC;--ink: #1D2A2B;--muted: #5B6B6D;--line: #D8E0DD;--accent: #2C6E5F;--accent-deep: #22594C;--accent-weak: #E1EEE9;--warn: #B8741A;--warn-weak: #F6EAD8;--font: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", "Noto Sans JP", "Noto Sans CJK JP", system-ui, sans-serif;--ease: cubic-bezier(.2, .7, .2, 1)}@media(prefers-color-scheme:dark){:root{--bg: #121A1B;--surface: #1A2425;--sunken: #223031;--ink: #E6EEEC;--muted: #9DB0AE;--line: #2E3F40;--accent: #5FB59F;--accent-deep: #7CC9B4;--accent-weak: #1F3A35;--warn: #E0A34E;--warn-weak: #3A2D17}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;display:flex;flex-direction:column;background:var(--bg);color:var(--ink);font-family:var(--font);line-height:1.75;word-break:auto-phrase;padding:env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left)}a{color:var(--accent);text-underline-offset:3px}:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:6px}h1{margin:0;line-height:1.35}.skip{position:absolute;left:-999px;top:8px;background:var(--surface);padding:8px 12px;z-index:60}.skip:focus{left:8px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.top{width:min(820px,100% - 32px);margin:0 auto;padding:20px 0 4px}.title{font-size:clamp(22px,4vw,28px);font-weight:900;letter-spacing:.03em}.promise{display:inline-block;margin:8px 0 0;padding:2px 14px;border-radius:999px;background:var(--accent-weak);color:var(--accent);font-size:14px;font-weight:700}.main{width:min(820px,100% - 32px);margin:0 auto;flex:1;padding-bottom:120px}.intro p{margin:12px 0 16px;color:var(--muted);font-size:15px}.drop{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;padding:32px 20px;cursor:pointer;border:2px dashed var(--line);border-radius:16px;background:var(--surface);transition:border-color .2s var(--ease),background .2s var(--ease)}.drop:hover,.drop.over{border-color:var(--accent);background:var(--accent-weak)}.drop:focus-within{outline:3px solid var(--accent);outline-offset:3px}.drop-main{font-size:20px;font-weight:700;color:var(--accent)}.drop-sub{color:var(--muted);font-size:14px}.drop-note{color:var(--muted);font-size:12.5px}.modes{margin:18px 0 0;padding:0;border:0;display:grid;gap:8px}.modes legend{padding:0;margin-bottom:6px;font-weight:700;font-size:15px}.mode{display:flex;gap:12px;align-items:flex-start;min-height:48px;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);cursor:pointer}.mode:has(input:checked){border-color:var(--accent);background:var(--accent-weak)}.mode input{width:22px;height:22px;margin-top:3px;accent-color:var(--accent);flex:none}.mode b{display:block}.mode small{display:block;color:var(--muted);font-size:13px;line-height:1.5}.status{min-height:1.6em;margin:14px 0 6px;color:var(--muted);font-size:14px}.cards{list-style:none;margin:0;padding:0;display:grid;gap:12px}.card{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:14px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.thumb{width:96px;height:96px;border-radius:10px;object-fit:cover;background:var(--sunken)}.thumb.none{display:grid;place-items:center;color:var(--muted);font-size:12px}.name{margin:0;font-weight:700;overflow-wrap:anywhere}.meta{margin:0;color:var(--muted);font-size:12.5px}.badges{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}.badge{padding:0 10px;border-radius:999px;font-size:12.5px;font-weight:700;background:var(--sunken);color:var(--muted)}.badge.warn{background:var(--warn-weak);color:var(--warn)}.badge.ok{background:var(--accent-weak);color:var(--accent)}.facts{margin:6px 0 0;display:grid;grid-template-columns:max-content minmax(0,1fr);gap:0 12px;font-size:13.5px}.facts dt{color:var(--muted)}.facts dd{margin:0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.problem{margin:6px 0 0;padding:8px 12px;border-radius:10px;background:var(--warn-weak);color:var(--warn);font-size:14px}.card-side{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.icon-btn{min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);font:inherit;cursor:pointer}.save{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:4px 16px;border-radius:10px;background:var(--accent);color:#fff;font-weight:700;text-decoration:none}@media(prefers-color-scheme:dark){.save,.btn-primary{color:#0d1514}}.actions{position:sticky;bottom:0;z-index:20;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--bg) 92%,transparent);border-top:1px solid var(--line);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.actions[hidden]{display:none}.btn{min-width:48px;min-height:48px;padding:8px 22px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;font-size:16px;font-weight:500;cursor:pointer}.btn[hidden]{display:none}.btn:hover{border-color:var(--muted)}.btn:disabled{opacity:.5;cursor:progress}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700}.btn-primary:hover{background:var(--accent-deep);border-color:var(--accent-deep)}.btn-quiet{background:transparent}.foot{padding:18px 16px 28px;text-align:center;color:var(--muted);font-size:13px}.foot p{margin:2px 0}@media(max-width:560px){.card{grid-template-columns:72px minmax(0,1fr)}.thumb{width:72px;height:72px}.card-side{grid-column:1 / -1;flex-direction:row;justify-content:space-between;align-items:center}.actions .btn-primary{flex:1 1 100%}.actions .btn{flex:1 1 40%}}@media(prefers-reduced-motion:reduce){.drop{transition:none}}