:root{--bg: #F2F2F4;--surface: #FFFFFF;--text: #1C1C1E;--text-2: #8E8E93;--black: #1C1C1E;--chip-bg: #F2F2F4;--thumb-bg: #E4E4E7;--line: #E9E9EC;--accent: #E5484D;--accent-bg: #FDECEC;--r-card: 16px;--r-thumb: 12px;--r-input: 12px;--r-button: 14px;--r-panel: 20px;--r-pill: 999px;--shadow: 0 4px 20px rgba(28, 28, 30, .05);--font: "Noto Sans JP", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px}a{color:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 20px;border:0;border-radius:var(--r-button);background:var(--black);color:#fff;font:inherit;font-weight:700;cursor:pointer}.btn:disabled{background:var(--thumb-bg);color:var(--text-2);cursor:default}.btn-text{background:none;border:0;color:var(--text-2);font:inherit;cursor:pointer;padding:8px}.btn-danger-text{background:none;border:0;color:var(--accent);font:inherit;cursor:pointer;padding:8px}.input{width:100%;height:44px;padding:0 14px;border:0;border-radius:var(--r-input);background:var(--chip-bg);font:inherit;color:var(--text)}.card{background:var(--surface);border-radius:var(--r-card);box-shadow:var(--shadow)}.panel{background:var(--surface);border-radius:var(--r-panel);box-shadow:var(--shadow)}.chip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border-radius:var(--r-pill);background:var(--chip-bg);color:var(--text-2);border:0;font:inherit;font-size:12px;cursor:pointer}.chip-selected{background:var(--black);color:#fff}.chip-filter-active{background:var(--accent-bg);color:var(--accent)}.badge{display:inline-block;padding:2px 8px;border-radius:var(--r-pill);background:var(--accent);color:#fff;font-size:11px;font-weight:700}.thumb{width:72px;height:72px;border-radius:var(--r-thumb);background:var(--thumb-bg);object-fit:cover;flex:0 0 auto}.thumb-failed{background:var(--accent-bg);color:var(--accent);display:grid;place-items:center}.muted{color:var(--text-2)}.danger{color:var(--accent)}@media (max-width: 800px){.desktop-only{display:none!important}}@media (min-width: 801px){.mobile-only{display:none!important}}