:root{color-scheme:light dark;--bg:#f8fafc;--fg:#172d3c;--panel:#fff;--line:#c9d7df;--accent:#16617c}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.65 system-ui,sans-serif}a{color:var(--accent);text-underline-offset:3px}nav{display:flex;gap:20px;flex-wrap:wrap;padding:20px max(20px,calc((100vw - 960px)/2));border-bottom:1px solid var(--line)}nav a{min-height:30px}nav a:first-child{font-weight:800;margin-right:auto}main{max-width:880px;margin:40px auto;padding:0 24px 40px}h1{line-height:1.15;font-size:clamp(30px,5vw,44px)}h2{font-size:23px;margin-top:32px;line-height:1.3}footer{border-top:1px solid var(--line)}footer p{text-align:center;padding:12px;font-size:14px}button,select{font:inherit;min-height:44px;border:1px solid var(--line);border-radius:9px;padding:8px 14px;background:var(--panel);color:var(--fg)}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.primary{background:var(--accent);color:#fff}.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px;margin:20px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.grid .card{margin:0}.card img{width:100%;height:230px;object-fit:contain;background:var(--bg)}.muted{font-size:14px}#message{white-space:pre-line;overflow-wrap:anywhere}#message:empty{display:none}video{width:100%}@media(prefers-color-scheme:dark){:root{--bg:#0a1117;--fg:#e4edf3;--panel:#14212b;--line:#334752;--accent:#9ad4e6}.primary{color:#10242e}}@media(max-width:500px){nav{gap:14px}main{margin-top:24px;padding:0 16px 28px}.card{padding:16px}}