:root{--bg:#f7f7f5;--fg:#1b1b1b;--muted:#6b6b6b;--line:#e2e2de;--accent:#1c6fd1;--danger:#c0392b;--warn:#b7791f;--card:#fff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Hiragino Sans,Noto Sans JP,sans-serif;font-size:15px;line-height:1.6}main{max-width:760px;margin:0 auto;padding:24px 16px 64px}h1{font-size:1.4rem;margin:0 0 12px}h2{font-size:1.1rem;margin:24px 0 8px}a{color:var(--accent)}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px;margin:12px 0}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.muted{color:var(--muted);font-size:.9rem}.btn{display:inline-block;padding:10px 16px;border-radius:8px;border:1px solid var(--accent);background:var(--accent);color:#fff;font-size:1rem;cursor:pointer;text-decoration:none}.btn.secondary{background:#fff;color:var(--accent)}.btn.danger{background:var(--danger);border-color:var(--danger)}.btn:disabled{opacity:.5;cursor:not-allowed}label{display:block;font-weight:600;margin-top:12px}input,select,textarea{width:100%;padding:10px;border:1px solid var(--line);border-radius:8px;font-size:1rem;margin-top:4px;background:#fff}.alert{padding:12px;border-radius:8px;margin:12px 0}.alert.warn{background:#fff7e6;border:1px solid #f0d9a8;color:#7a4b00}.alert.error{background:#fdecea;border:1px solid #f5b7b1;color:#7b1e12}.alert.ok{background:#e9f7ef;border:1px solid #a9dfbf;color:#145a32}table{width:100%;border-collapse:collapse;font-size:.92rem}td,th{text-align:left;padding:8px 6px;border-bottom:1px solid var(--line);vertical-align:top}nav.top{gap:14px;flex-wrap:wrap;padding:12px 16px;background:#fff;font-size:.95rem}.slot,nav.top{display:flex;border-bottom:1px solid var(--line)}.slot{justify-content:space-between;align-items:center;padding:10px 0}.pill{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.8rem;background:#eef3fb;color:var(--accent)}.pill.warn{background:#fff3d6;color:var(--warn)}