.online-bar{position:relative;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 24px;background:#f2f7f7;border-bottom:1px solid #d1e0e0;color:#254f50;font-size:13px;flex-wrap:wrap}.online-bar-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.online-bar button,.online-bar a{font:inherit;padding:7px 12px;min-height:34px;background:white;border:1px solid #bdd1d1;color:#254f50;border-radius:7px;text-decoration:none;cursor:pointer}.online-bar [data-sync]{max-width:620px}.online-bar [data-sync][data-error="true"]{color:#9a321b}.online-overlay{border:0;border-radius:14px;padding:0;width:min(92vw,560px);max-height:88vh;box-shadow:0 16px 80px #17313240;color:#183b3c;background:#fff}.online-overlay.wide{width:min(94vw,900px)}.online-overlay::backdrop{background:#0b242888;backdrop-filter:blur(3px)}.online-dialog-head{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 0}.online-dialog-head h2{font-size:21px;margin:0}.online-overlay button{cursor:pointer}.online-close{background:transparent;color:#38595a;border:0;font-size:26px;padding:4px 10px}.online-dialog-body{padding:20px 24px 24px}.online-tabs{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.online-tabs button,.online-secondary{background:#fff;color:#254f50;border:1px solid #bdd1d1;padding:9px 14px;border-radius:7px}.online-tabs button[aria-pressed="true"]{background:#e4f0ef;border-color:#397d79}.online-form{display:grid;gap:16px}.online-form label{display:grid;gap:7px;font-weight:600;font-size:14px}.online-form input{box-sizing:border-box;width:100%;padding:12px;border:1px solid #afc5c6;border-radius:7px;font:inherit;background:#fff;color:#173d3e}.online-code-row{display:flex;gap:9px}.online-code-row button{white-space:nowrap}.online-primary{background:#245e5c;border:1px solid #245e5c;color:white;padding:12px 18px;border-radius:7px;font:inherit}.online-hint{font-size:13px;line-height:1.7;color:#526b6d}.online-message{min-height:24px;line-height:1.5;white-space:pre-line}.online-message.error{color:#a22d20}.online-overlay button:disabled{opacity:.6;cursor:not-allowed}.online-record{padding:16px 0;border-bottom:1px solid #e0e8e8}.online-record h3{font-size:16px;margin:0 0 7px}.online-record p{font-size:13px;color:#526b6d;margin:7px 0;line-height:1.6}.online-record-actions{display:flex;gap:8px;flex-wrap:wrap}.online-overlay :focus-visible,.online-bar :focus-visible{outline:3px solid #168eaa;outline-offset:3px}.online-empty{padding:30px 0;color:#526b6d}.online-mode-actions{display:flex;gap:10px;justify-content:center;margin-top:18px;flex-wrap:wrap}.online-mode-actions button{padding:8px 12px;background:#fff;border:1px solid #bdd1d1;border-radius:6px;color:#254f50}.online-pack-status{display:block!important;font-size:12px!important;margin-top:8px;color:#326461!important}.online-notice{margin-top:22px;border-top:1px solid #dae6e6;padding-top:14px;font-size:12px;color:#526b6d;line-height:1.7}.online-loading{padding:30px;text-align:center}.mode-screen{min-height:calc(100vh - 65px)}@media(max-width:600px){.online-bar{padding:9px 12px;gap:7px}.online-dialog-body{padding:16px}.online-dialog-head{padding:16px 16px 0}.online-code-row{flex-wrap:wrap}.online-code-row input{flex:1;min-width:120px}.online-bar-actions{gap:6px}.online-bar button,.online-bar a{padding:7px 9px}.exam-header{flex-wrap:wrap}.clock{flex-wrap:wrap}.online-record-actions button{min-height:40px}} 

body:has(.mode-screen:not(.hidden)) .online-bar{position:fixed;top:0;left:0;right:0;z-index:70}.mode-screen{padding-top:110px!important}.online-bar{width:100%;box-sizing:border-box}.exam-header.hidden,.exam-shell.hidden{display:none!important}