:root{color-scheme:dark light;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--bg:#0d141b;--surface:#17232e;--text:#ecf2f8;--muted:#a3b5c5;--border:#314353;--accent:#80c9ff;background:var(--bg);color:var(--text);font-size:16px}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}header,main,footer{max-width:1080px;margin:auto;padding:22px max(20px,env(safe-area-inset-left))}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);gap:16px}header a{color:var(--text);font-weight:750;font-size:1.2rem;text-decoration:none}header a span{font-weight:400;color:var(--muted)}.private{font-size:.875rem;color:var(--muted)}h1{font-size:1.8rem;letter-spacing:-.04em;margin:0 0 8px;overflow-wrap:anywhere}p{line-height:1.6;margin:6px 0;color:var(--muted)}button,.card a{font:inherit;min-height:44px;border:1px solid var(--border);border-radius:10px;color:var(--text);background:var(--surface);padding:12px 18px;cursor:pointer}button:hover,.card a:hover{border-color:var(--accent)}a{color:var(--accent)}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}#status{min-height:24px;margin:8px 0 20px;color:var(--muted)}#status.error{color:#ff9ea6}.heading{margin:6px 0 28px}#cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:18px}.card{padding:24px;border:1px solid var(--border);border-radius:16px;background:var(--surface);display:flex;flex-direction:column;align-items:flex-start;gap:12px}.card h2{font-size:1.3rem;line-height:1.3;margin:0;overflow-wrap:anywhere}.card p{flex:1}.card a{text-decoration:none;border-color:var(--accent)}.stamp,.note,footer{font-size:.875rem;color:var(--muted)}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.toolbar h1{font-size:1.4rem}.toolbar p{font-size:.875rem}.toolbar button{flex-shrink:0}#description{margin:16px 0}#frame{border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--surface)}iframe{display:block;width:100%;height:max(520px,70dvh);border:0;background:var(--surface)}.note{padding:8px 0}footer{padding-top:40px;padding-bottom:max(24px,env(safe-area-inset-bottom))}@media(max-width:550px){.private{display:none}.toolbar{align-items:flex-start}.toolbar button{max-width:130px}main{padding-top:10px}iframe{height:72dvh}}@media(prefers-color-scheme:light){:root{--bg:#f5f8fc;--surface:#fff;--text:#15293b;--muted:#51697d;--border:#cfdae4;--accent:#126baf}#status.error{color:#a52938}}