.connection-screen{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:#f3f6f3;padding:calc(18px + env(safe-area-inset-top)) 18px calc(18px + env(safe-area-inset-bottom));overflow:auto}
.connection-screen .panel{width:100%;max-width:430px;text-align:center;padding:24px}
.connection-screen h1{margin:16px 0}.connection-screen p{line-height:1.6;margin:18px 0 24px}.connection-screen .languages{justify-content:center;margin:20px 0}.connection-mark{width:90px;height:90px;object-fit:contain}.connection-screen .languages button{color:#244c4d;background:transparent;border:1px solid #cbd9d2}.connection-screen .languages button[aria-pressed=true]{background:#244c4d;color:#fff}
.site-mark-shell{width:42px;height:42px;background:#f7f6ec;padding:3px;display:flex;flex:none;border-radius:11px}.site-mark{width:100%;height:100%;object-fit:contain}.brand-wrap{gap:8px}
.media-card .media-thumb{width:100%;height:180px;object-fit:cover}.media-card{overflow-wrap:anywhere}.media-card h3{font-size:14px;line-height:1.4;margin:10px 0}.media-card p{font-size:12px;color:var(--muted);line-height:1.4}.media-document{height:180px;display:grid;place-items:center;background:#e6efe9;font-size:40px;color:#244c4d}.media-card button{width:100%;border:0;text-align:left;cursor:pointer;color:inherit;background:transparent;padding:0}
@media(max-width:370px){.site-mark-shell{width:34px;height:34px}.brand-wrap{gap:5px}}