:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f6f8fa;--surface:#fff;--text:#1f2328;--muted:#656d76;--border:#d0d7de;--accent:#1f6feb;--accent-text:#fff;--ok:#1a7f37;--warn:#9a6700;--ng:#cf222e;--radius:12px;-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Hiragino Sans,Noto Sans JP,sans-serif;line-height:1.6}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0d1117;--surface:#161b22;--text:#e6edf3;--muted:#8d96a0;--border:#30363d;--accent:#4493f8;--accent-text:#0d1117;--ok:#3fb950;--warn:#d29922;--ng:#f85149}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);padding-bottom:env(safe-area-inset-bottom);margin:0}.app-header{z-index:10;padding:calc(env(safe-area-inset-top) + 10px) max(16px, env(safe-area-inset-right)) 10px max(16px, env(safe-area-inset-left));background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;display:flex;position:sticky;top:0}.home-link{color:inherit;align-items:center;gap:8px;font-weight:700;text-decoration:none;display:flex}.status{color:var(--muted);white-space:nowrap;font-size:12px}main{max-width:760px;padding:16px max(16px, env(safe-area-inset-left));margin:0 auto}h1{margin:0 0 4px;font-size:1.4rem}h2{margin:20px 0 8px;font-size:1.05rem}p{margin:8px 0}.muted{color:var(--muted);font-size:.9rem}.grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:16px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:inherit;padding:14px;text-decoration:none;display:block}a.card:active{transform:scale(.98)}.card-title{font-weight:700}.card-api{color:var(--muted);font-family:ui-monospace,monospace;font-size:12px}.badges{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.badge{white-space:nowrap;border:1px solid;border-radius:999px;padding:1px 8px;font-size:12px}.badge.yes{color:var(--ok)}.badge.partial{color:var(--warn)}.badge.no{color:var(--ng)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-top:12px;padding:14px}.row{flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0;display:flex}button,select,input,textarea{font:inherit;color:inherit}button{background:var(--accent);min-height:44px;color:var(--accent-text);cursor:pointer;touch-action:manipulation;border:none;border-radius:10px;padding:8px 16px;font-weight:600}button.secondary{color:var(--accent);border:1px solid var(--accent);background:0 0}button:disabled{opacity:.45;cursor:not-allowed}select,input.text,textarea{border:1px solid var(--border);background:var(--bg);border-radius:10px;width:100%;min-height:44px;padding:8px 10px}textarea{resize:vertical;min-height:120px}.notice{border-left:4px solid var(--warn);background:color-mix(in srgb, var(--warn) 12%, transparent);border-radius:6px;margin:12px 0;padding:10px 12px;font-size:.92rem}.notice.error{border-color:var(--ng);background:color-mix(in srgb, var(--ng) 12%, transparent)}.log{background:var(--bg);border:1px solid var(--border);white-space:pre-wrap;word-break:break-all;border-radius:8px;max-height:220px;margin-top:12px;padding:10px;font:12px/1.5 ui-monospace,monospace;overflow:auto}.log:empty{display:none}.kv{grid-template-columns:max-content 1fr;gap:4px 12px;margin:8px 0;font-size:.92rem;display:grid}.kv dt{color:var(--muted)}.kv dd{word-break:break-all;margin:0;font-family:ui-monospace,monospace}video,canvas,img.preview{background:#000;border-radius:8px;width:100%;max-width:100%;display:block}audio{width:100%;display:block}table{border-collapse:collapse;width:100%;font-size:.88rem}th,td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:6px 4px}td.center,th.center{text-align:center}.table-wrap{overflow-x:auto}.motion-stage{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);height:240px;position:relative;overflow:hidden}.motion-ball{background:var(--accent);border-radius:50%;width:36px;height:36px;margin:-18px 0 0 -18px;position:absolute;top:50%;left:50%}.update-banner{left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:20;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex;position:fixed;box-shadow:0 6px 24px #00000040}.update-banner[hidden]{display:none}