.themed-page{--primary:#245d54;--secondary:#d8a461;--on-primary:#fff;--on-secondary:#000;--background:#f3f5f1;background-color:var(--background);background-image:radial-gradient(ellipse at 8% 12%, color-mix(in srgb, var(--secondary) 14%, transparent), transparent 45%), radial-gradient(ellipse at 94% 90%, color-mix(in srgb, var(--primary) 10%, transparent), transparent 50%);color:#243833;background-position:50%;background-size:cover;background-attachment:fixed}.company-brand{align-items:center;gap:12px;min-width:0;display:flex}.company-brand strong{overflow-wrap:anywhere;font-size:17px}.company-brand img{object-fit:contain;max-width:128px;height:40px}.company-monogram{background:var(--primary);width:40px;height:40px;color:var(--on-primary);border-radius:13px;flex-shrink:0;place-items:center;font-size:21px;font-weight:700;display:grid}.themed-page header{padding:28px 40px}.themed-page .content{background:#fffffff0;border:1px solid #ffffffd9;border-radius:24px;max-width:700px;padding:48px 40px;box-shadow:0 20px 80px #193b2d0a}.themed-page .content.question{max-width:760px}.themed-page h1{color:#243833;font-weight:600}.themed-page .kicker{letter-spacing:.8px;color:#5c7168;font-size:12px}.themed-page .intro{color:#4d635a}.themed-page p{color:#64746c}.themed-page .start{background:var(--primary);color:var(--on-primary);border-color:var(--primary);box-shadow:0 7px 20px color-mix(in srgb, var(--primary) 14%, transparent);border-radius:12px}.themed-page .start:hover:enabled{filter:brightness(.94);background:var(--primary)}.themed-page .device-retry{color:#344c42;box-shadow:none;background:#fff;border-color:#b9c8be}.themed-page .device-retry:hover:enabled{background:#f0f4ef}.themed-page button:disabled{color:#7b877d;box-shadow:none;filter:none;background:#e3e8e2;border-color:#e3e8e2}.themed-page textarea,.themed-page .device-picker select{border-color:#cbd6ce;border-radius:10px}.themed-page textarea:focus-visible,.themed-page button:focus-visible,.themed-page select:focus-visible{outline-color:var(--primary)}.themed-page .session-video{background:#ffffffed;border-color:#e1e9e2;border-radius:16px;max-width:760px}.themed-page .collection{background:#f7f9f5;border-color:#e0e8de;border-radius:12px}.themed-page .device-picker{border-color:#e0e8de;border-radius:12px}.themed-page input[type=checkbox]{accent-color:var(--primary)}.welcome-emblem{background:var(--secondary);width:54px;height:54px;color:var(--on-secondary);border-radius:18px;place-items:center;margin:0 auto 24px;font-size:28px;display:grid}.themed-page footer{color:#64786b}.themed-page .progress{border-color:#e0e8de}.themed-page header>small{color:#66776b}.themed-page .camera,.themed-page .test-video{border-radius:12px}.settings-page{color:#243833;background:#f3f5f4;min-height:100svh;padding:40px}.settings-header{justify-content:space-between;align-items:flex-end;gap:24px;max-width:1340px;margin:0 auto 34px;display:flex;padding:0!important}.settings-header p{letter-spacing:2px;color:#668070;margin:0 0 12px;font-size:11px;font-weight:700}.settings-header h1{letter-spacing:-1px;margin:0 0 10px;font-size:30px}.settings-header span{color:#77847b;font-size:14px}.settings-header a{white-space:nowrap;color:#245d54;background:#fff;border:1px solid #c3d1c7;border-radius:10px;padding:11px 16px;font-size:13px;text-decoration:none}.settings-layout{grid-template-columns:360px minmax(0,1fr);align-items:start;gap:28px;max-width:1340px;margin:auto;display:grid}.settings-form{background:#fff;border:1px solid #e0e7e1;border-radius:20px;padding:26px}.settings-form fieldset{border:0;min-width:0;margin:0;padding:0}.settings-form section+section{border-top:1px solid #e8ede8;margin-top:26px;padding-top:24px}.settings-form h2{color:#8d9d90;letter-spacing:1px;margin:0 0 22px;font-size:12px}.settings-form h2 span{color:#344c3d;letter-spacing:0;margin-left:10px;font-size:16px}.settings-form label{margin:16px 0 8px;font-size:12px;font-weight:600;display:block}.settings-form input:not([type=color]){background:#fff;border:1px solid #cdd7cf;border-radius:8px;width:100%;min-width:0;min-height:42px;padding:10px 12px;font-size:13px}.settings-form input[type=file]{padding:9px!important;font-size:11px!important}.settings-form small{color:#7d8980;margin-top:8px;font-size:11px;line-height:1.8}.color-control>div{align-items:center;gap:10px;display:flex}.color-control input[type=color]{background:#fff;border:1px solid #cdd7cf;border-radius:8px;flex-shrink:0;width:44px;height:42px;padding:4px}.color-control input:not([type=color]){font-family:monospace}.color-presets{flex-wrap:wrap;gap:7px;display:flex}.color-presets button{color:#56675a;background:#fff;border:1px solid #dfe5df;border-radius:20px;align-items:center;gap:6px;padding:6px 8px;font-size:10px;display:flex}.color-presets i{border-radius:50%;width:11px;height:11px}.settings-link{color:#245d54;background:0 0;border:0;margin-top:5px;padding:5px 0;font-size:12px;display:block}.settings-save{color:#fff;background:#245d54;border:0;border-radius:10px;width:100%;min-height:46px;margin-top:28px;font-size:14px}.settings-preview{min-width:0;position:sticky;top:24px}.preview-caption{color:#64776a;justify-content:space-between;align-items:center;margin:0 4px 12px;font-size:12px;display:flex}.preview-caption small{border:1px solid #cdd7cf;border-radius:20px;margin:0;padding:3px 8px;font-size:10px}.brand-preview{background-attachment:scroll;border:1px solid #e0e7df;border-radius:20px;min-height:660px;overflow:hidden}.brand-preview header{padding:24px!important}.brand-preview-content{text-align:center;background:#fffffff0;border-radius:22px;width:calc(100% - 56px);max-width:560px;margin:35px auto;padding:38px 28px;box-shadow:0 16px 60px #1f4c3510}.brand-preview h1{margin-bottom:18px;font-size:38px}.brand-preview .intro{font-size:15px}.brand-preview p{font-size:13px}.brand-preview .kicker{font-size:11px}.brand-preview .welcome-emblem{width:44px;height:44px;font-size:23px}.preview-start{pointer-events:none;justify-content:center;align-items:center;gap:28px;width:200px;min-width:0;margin-top:28px;font-size:14px;display:flex}.settings-preview>p{text-align:center;color:#819085;font-size:12px}.settings-success{color:#245d54;background:#edf6ee;border-radius:8px;padding:12px;font-size:12px}@media (width<=980px){.settings-page{padding:24px}.settings-layout{grid-template-columns:minmax(260px,330px) minmax(0,1fr)}.brand-preview-content{width:calc(100% - 30px);padding:32px 18px}.brand-preview h1{font-size:32px}.settings-header h1{font-size:25px}.settings-header{align-items:flex-start}.brand-preview header{padding:18px!important}}@media (width<=720px){.settings-layout{grid-template-columns:1fr}.settings-preview{grid-row:1;position:static}.settings-header{flex-direction:column;gap:14px}.brand-preview{min-height:570px}.settings-page{padding:20px}.themed-page header{padding:22px}.themed-page .content{border-radius:20px;padding:34px 20px}.themed-page main{padding:20px 16px 36px}.themed-page .company-brand{gap:8px}.themed-page .company-brand strong{font-size:15px}.company-brand img{max-width:92px;height:34px}.company-monogram{border-radius:11px;width:34px;height:34px}.themed-page header{flex-wrap:wrap;gap:10px}.themed-page header>small{margin-left:auto}.brand-preview-content{max-width:500px}.themed-page .device-actions{gap:10px}.themed-page .device-actions .start{font-size:14px}}:root{color:#292929;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fafafa;font-family:Arial,Malgun Gothic,sans-serif;font-size:16px;line-height:1.7}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;color:#777;background:#ddd;border-color:#ddd}button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline-offset:4px;outline:2px solid #555}.page{flex-direction:column;min-height:100svh;display:flex}header{align-items:center;gap:16px;padding:26px 40px;font-size:18px;display:flex}header>span{color:#777;border-left:1px solid #ccc;padding-left:16px;font-size:13px}header small{color:#888;text-align:right;margin-left:auto;font-size:11px}main{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:28px;padding:40px 24px 70px;display:flex}.content{text-align:center;width:100%;max-width:620px}.content.question{max-width:700px}.kicker{letter-spacing:1px;color:#888;margin:0 0 20px;font-size:13px}h1{letter-spacing:-1.7px;word-break:keep-all;margin:0 0 24px;font-size:44px;font-weight:500;line-height:1.5}h1:focus{outline:none}.question h1{font-size:30px}.intro{color:#444;word-break:keep-all;font-size:18px}p{color:#777;margin:16px 0;font-size:15px;line-height:1.95}.start{color:#fff;background:#292929;border:1px solid #292929;border-radius:5px;min-width:200px;min-height:52px;margin:35px auto 0;padding:11px 25px;font-size:16px;display:block}.start:hover:enabled{background:#444}.device-actions{gap:12px;width:100%;max-width:480px;margin:35px auto 0;display:flex}.device-actions .start{word-break:keep-all;flex:1;min-width:0;margin:0;padding:11px 12px}.device-retry{color:#292929;background:#fff;border-color:#aaa}.device-retry:hover:enabled{background:#eee}small{color:#888;margin-top:13px;font-size:12px;display:block}.secondary{color:#777;background:0 0;border:0;margin:15px auto;padding:8px 12px;font-size:13px;display:block}.camera,.test-video{aspect-ratio:16/9;object-fit:contain;background:#eee;border-radius:5px;width:100%;max-width:420px;max-height:260px;margin:22px auto;display:block}.session-video[hidden]{display:none}.session-video{background:#fff;border:1px solid #ddd;border-radius:5px;align-items:center;gap:16px;width:100%;max-width:700px;padding:12px;display:flex}.session-video .camera{flex-shrink:0;width:112px;height:70px;margin:0}.session-video span{color:#555;font-size:13px}.session-video small{margin-top:5px;font-size:11px}.session-video time{margin-left:auto;font:18px Consolas,monospace}textarea{resize:vertical;background:#fff;border:1px solid #bbb;border-radius:5px;width:100%;min-height:100px;margin:25px 0 0;padding:17px;line-height:1.8;display:block}textarea::placeholder{color:#999;font-size:14px}.feedback{min-height:28px;font-size:13px}.collection{text-align:left;border:1px solid #ddd;border-radius:4px;margin-top:25px;padding:14px;font-size:13px}.collection p{font-size:12px}.device-picker{text-align:left;border:1px solid #ddd;border-radius:5px;min-width:0;margin:24px 0;padding:16px}.device-picker legend{padding:0 6px;font-size:14px}.device-picker label{margin-bottom:6px;font-size:13px;display:block}.device-picker select{width:100%;min-width:0;min-height:44px;font:inherit;color:#292929;background:#fff;border:1px solid #bbb;border-radius:4px;margin-bottom:14px;padding:8px 10px;font-size:14px}.device-picker select:disabled{color:#777;background:#eee}.device-picker select:focus-visible{outline-offset:3px;outline:2px solid #555}.consent{text-align:left;margin-top:16px;font-size:13px;display:block}input[type=checkbox]{accent-color:#333}ul{text-align:left;margin:25px 0 0;padding:0;list-style:none}li{border-bottom:1px solid #ddd;padding:15px 0}li strong{font-size:15px;font-weight:500;display:block}li span{color:#777;margin-top:5px;font-size:13px;display:block}.progress{color:#888;border-bottom:1px solid #ddd;margin-bottom:28px;padding-bottom:15px;font-size:12px}.error,.notice{word-break:keep-all;background:#eee;border:1px solid #bbb;border-radius:4px;padding:12px;font-size:13px}.error{color:#8b1a1a}footer{color:#888;text-align:center;padding:20px;font-size:12px}.sr-only{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=600px){header{gap:12px;padding:22px}header small{font-size:10px}main{padding:30px 22px 45px}h1{font-size:33px}.intro{font-size:16px}.question h1{font-size:25px}.session-video{flex-wrap:wrap;gap:10px}.session-video .camera{width:85px;height:55px}.session-video span{font-size:11px}.session-video time{font-size:15px}p{font-size:14px}}.question-markdown{overflow-wrap:anywhere;margin:16px 0 24px;line-height:1.65}.question-markdown img{object-fit:contain;max-width:100%;max-height:440px}.question-markdown pre{background:#f3f5f4;border-radius:8px;padding:16px;overflow-x:auto}.themed-page .content.equipment{max-width:1060px}.equipment-grid{text-align:left;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;margin-top:28px;display:grid}.equipment-grid h2{margin:0 0 12px;font-size:17px}.equipment-frame{aspect-ratio:16/9;background:#edf1f5;border-radius:12px;place-items:center;display:grid;position:relative;overflow:hidden}.equipment-frame p{text-align:center;padding:16px}.equipment-frame .camera,.equipment-frame .test-video{width:100%;max-width:none;height:100%;max-height:none;margin:0}.test-countdown{color:#fff;background:#0006;place-items:center;font-size:76px;font-weight:700;display:grid;position:absolute;inset:0}.test-recording{color:#fff;background:#982c2c;border-radius:8px;padding:4px 12px;position:absolute;bottom:12px}.equipment-grid .device-picker{margin:20px 0 0}.equipment-grid .equipment-test{width:100%;min-width:0;margin:16px 0 0}@media (width<=760px){.equipment-grid{grid-template-columns:minmax(0,1fr)}}.code-answer{tab-size:2;font-family:Consolas,Courier New,monospace}