:root{color-scheme:light dark;--bg: #ffffff;--fg: #1b1d21;--muted: #5d6470;--line: #d9dde3;--panel: #f5f7f9;--accent: #1f5fbf;--accent-fg: #ffffff;--danger: #b42318;--ok: #1e7a3c;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5;background:var(--bg);color:var(--fg)}@media(prefers-color-scheme:dark){:root{--bg: #15171a;--fg: #e8eaed;--muted: #a3a9b3;--line: #2e333a;--panel: #1c1f23;--accent: #6ea2f0;--accent-fg: #0d1117;--danger: #f2877d;--ok: #6fcf8f}}body{margin:0}#app{max-width:64rem;margin:0 auto;padding:0 1rem 3rem}a{color:var(--accent)}h1{font-size:1.6rem;margin:1.5rem 0 .5rem}h2{font-size:1.2rem;margin:2rem 0 .5rem}h3{font-size:1rem}.top{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;padding:.75rem 0;border-bottom:1px solid var(--line)}.brand{font-weight:700;color:var(--fg);text-decoration:none}.top nav{display:flex;gap:1rem}.top nav a.router-link-active{font-weight:600;color:var(--fg)}.who{margin-left:auto;display:flex;align-items:center;gap:.75rem}.hint{color:var(--muted)}.notice{padding:.5rem .75rem;border-left:3px solid var(--ok);background:var(--panel)}.notice.error{border-left-color:var(--danger)}.notice a{margin-left:.5rem}.panel{margin:1.5rem 0;padding:1rem 1.25rem;background:var(--panel);border:1px solid var(--line);border-radius:6px}button{font:inherit;padding:.35rem .9rem;border-radius:4px;border:1px solid var(--accent);background:var(--accent);color:var(--accent-fg);cursor:pointer}button.quiet{background:transparent;color:var(--accent)}button.danger{border-color:var(--danger);background:var(--danger);color:#fff}button:disabled{opacity:.55;cursor:default}input,select{font:inherit;padding:.3rem .5rem;border:1px solid var(--line);border-radius:4px;background:var(--bg);color:var(--fg)}form label,fieldset label{display:block;margin:.5rem 0}form label>input:not([type=radio]):not([type=checkbox]),form label>select{display:block;margin-top:.25rem;min-width:18rem;max-width:100%}fieldset{border:1px solid var(--line);border-radius:4px;margin:.75rem 0}input.link{width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9rem}table.list{width:100%;border-collapse:collapse}table.list th,table.list td{text-align:left;padding:.5rem .5rem .5rem 0;border-bottom:1px solid var(--line);vertical-align:top}ul.rows{list-style:none;padding:0}ul.rows>li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;padding:.5rem 0;border-bottom:1px solid var(--line)}dl{display:grid;grid-template-columns:max-content 1fr;gap:.25rem 1rem}dd{margin:0}.share-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;align-items:flex-end}.actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.fork{display:inline-flex;gap:.5rem;align-items:flex-end}.viewer iframe{display:block;width:100%;height:75vh;margin-top:1rem;border:1px solid var(--line);border-radius:6px;background:#fff}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}