/* Preserve the desktop application's visual identity; adapt its viewport. */
html { -webkit-text-size-adjust: 100%; }
body { min-width: 0; }
button, input, select, textarea { font-size: max(0.875rem, 14px); }
button:focus-visible, input:focus-visible, select:focus-visible { outline: 2px solid #edb42d; outline-offset: 3px; }
.web-notice { font-size: 14px; line-height: 1.5; color: #c9ced6; margin-top: 16px; }
.web-export-overlay { position:fixed;inset:0;z-index:99999;background:#080b11ec;display:grid;place-items:center;color:#fff;padding:24px; }
.web-export-box { max-width:480px;text-align:center;font:16px/1.6 system-ui; }
.web-export-box progress { width:100%;accent-color:#e4b032; }
.web-export-box button { padding:10px 24px;margin:16px;border:1px solid #777;border-radius:8px;background:#222;color:white;cursor:pointer; }
@media(max-width:760px) { .auth-card { width:min(100%,460px);padding:24px;box-sizing:border-box; } .app-header { flex-wrap:wrap; } .app-header>* { min-width:0; } video { max-width:100%; } .modal { max-width:calc(100vw - 24px); } }