:root{--navy:#132d42;--ink:#173348;--muted:#647784;--teal:#087d78;--teal-dark:#05635f;--teal-soft:#e5f4f1;--bg:#f3f6f8;--line:#dce5e9;--danger:#a32c39;--shadow:0 12px 35px #15334b08;--radius:18px;font-family:system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0;line-height:1.65}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:var(--teal);text-decoration:none}a:hover{text-decoration:underline}[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}h1{font-size:36px;line-height:1.35;letter-spacing:-.8px;margin-bottom:12px}h2{font-size:22px;line-height:1.4;margin-bottom:14px}h3{font-size:16px;margin-bottom:16px}p{margin-bottom:16px}small{font-size:12px}.muted{color:var(--muted);font-size:14px}.eyebrow{display:block;color:var(--teal);letter-spacing:2px;font-weight:700;font-size:12px;margin-bottom:16px}.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);border-bottom:1px solid var(--line);background:white;gap:20px}.brand{display:flex;align-items:center;gap:12px;color:var(--navy);flex-shrink:0}.brand:hover{text-decoration:none}.brand strong{display:block;font-size:19px;letter-spacing:1px;line-height:1.5}.brand small{display:block;color:var(--muted);font-size:11px;letter-spacing:2px}.brand-mark{width:42px;height:42px;border-radius:11px;background:var(--navy);color:white;font-size:28px;font-weight:700;display:grid;place-items:center;box-shadow:inset -7px -7px 0 #147d7b}.secure-label{font-size:12px;color:var(--teal);display:flex;align-items:center;gap:8px}.secure-label:before{content:"";width:7px;height:7px;background:var(--teal);border-radius:50%}.candidate-main{max-width:1220px;padding:64px 30px 80px;margin:auto;min-height:calc(100vh - 170px)}.welcome-grid{display:grid;grid-template-columns:1fr 470px;gap:70px;align-items:center}.welcome-copy h1{font-size:51px;line-height:1.4;letter-spacing:-1px;margin-bottom:24px}.welcome-copy em{font-style:normal;color:var(--teal)}.lead{font-size:17px;color:var(--muted);max-width:460px;line-height:1.9}.feature-list{margin-top:44px;display:grid;gap:22px}.feature-list>div{display:flex;gap:18px;align-items:flex-start}.feature-list>div>span{font-size:12px;color:var(--teal);background:var(--teal-soft);width:34px;height:34px;display:grid;place-items:center;border-radius:10px;flex-shrink:0}.feature-list p{margin:0}.feature-list strong,.feature-list small{display:block}.feature-list strong{font-size:14px;font-weight:600}.feature-list small{color:var(--muted);margin-top:4px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow)}.login-card{padding:34px}.login-card h2{font-size:24px}.login-card .eyebrow{margin-bottom:10px}form label{display:block;font-size:13px;font-weight:600;margin-bottom:17px}input,textarea,select{width:100%;display:block;border:1px solid #ccdade;border-radius:9px;padding:11px 12px;color:var(--ink);background:#fff;min-width:0;font-size:14px;margin-top:7px;line-height:1.5}textarea{resize:vertical;min-height:80px}input:focus,textarea:focus,select:focus{outline:2px solid #1c989729;border-color:var(--teal)}input::placeholder,textarea::placeholder{color:#95a4af}input[type=checkbox]{width:17px;height:17px;accent-color:var(--teal);margin:3px 0 0;flex-shrink:0}.check-row{display:flex;gap:10px;align-items:flex-start;font-size:12px;font-weight:400}.privacy-box{padding:16px;background:#f6f8fa;border-radius:10px;font-size:11px;color:#647684;margin-bottom:16px;line-height:1.7;max-height:205px;overflow:auto}.privacy-box strong{font-size:12px;color:var(--ink)}.privacy-box p{margin:7px 0 0}.btn{border:1px solid transparent;border-radius:9px;min-height:42px;padding:10px 17px;font-size:13px;font-weight:600;display:inline-flex;justify-content:center;align-items:center;gap:10px;text-decoration:none;transition:background .15s}.btn:hover{text-decoration:none}.primary{background:var(--teal);color:white}.primary:hover{background:var(--teal-dark)}.secondary{background:#fff;color:var(--ink);border-color:#ccd9df}.secondary:hover{background:#f0f5f7}.danger{color:var(--danger);background:#fff2f2;border-color:#edc9cc}.danger:hover{background:#ffe8e8}.full{width:100%}.small{font-size:12px;padding:6px 11px;min-height:33px}.form-note{font-size:11px;color:var(--muted);margin:14px 0;line-height:1.75}.subtle-link{font-size:12px;color:var(--muted)}.site-footer{max-width:1220px;padding:23px 30px;margin:auto;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#82939f;font-size:11px;gap:20px}.message{padding:14px 18px;border:1px solid #b8ded8;color:#075f5a;background:#e9f6f3;border-radius:10px;margin-bottom:22px;white-space:pre-wrap;font-size:13px}.message.error{border-color:#edc9cc;background:#fff1f2;color:var(--danger)}.interview-heading,.workspace-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:30px}.interview-heading h1{font-size:31px}.interview-heading p{margin:0}.expiry-card{padding:16px 20px;background:var(--navy);color:#fff;border-radius:14px;display:flex;flex-direction:column;min-width:220px}.expiry-card small{color:#bdd5df}.expiry-card strong{font-size:26px;font-variant-numeric:tabular-nums;line-height:1.6}.expiry-card>span{font-size:10px;color:#bdd5df}.progress-wrap{margin-bottom:20px}.progress-label{display:flex;justify-content:space-between;gap:14px;font-size:12px;margin-bottom:8px}.progress-label span{color:var(--muted)}progress{height:7px;border:none;width:100%;border-radius:8px;background:#dce6e9;display:block}progress::-webkit-progress-bar{border-radius:8px;background:#dce6e9}progress::-webkit-progress-value{border-radius:8px;background:var(--teal)}progress::-moz-progress-bar{background:var(--teal);border-radius:8px}.notice{background:#eaf2f7;border:1px solid #d3e2eb;padding:13px 16px;font-size:12px;color:#466378;border-radius:10px;margin-bottom:24px}.notice.warning{background:#fff8e8;border-color:#ebd9ad;color:#836222}.interview-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;align-items:start}.interview-sidebar{position:sticky;top:20px;padding:22px}.interview-sidebar nav{display:grid;gap:7px;margin-bottom:22px;max-height:420px;overflow:auto}.question-nav-item{border:1px solid transparent;text-align:left;background:#f5f8f9;border-radius:8px;font-size:12px;padding:12px;color:var(--muted);display:flex;gap:9px;align-items:flex-start}.question-nav-item.active{background:var(--teal-soft);border-color:#b8dcd6;color:var(--teal)}.question-nav-item .q-mark{border:1px solid #bacad1;border-radius:50%;width:19px;height:19px;display:grid;place-items:center;font-size:10px;flex-shrink:0}.question-nav-item.done .q-mark{background:var(--teal);color:white;border-color:var(--teal)}.knowledge-card{padding:18px 24px;margin-bottom:20px}.disclosure{width:100%;border:0;background:transparent;display:flex;justify-content:space-between;color:var(--ink);font-weight:600;padding:0;text-align:left;font-size:13px}.knowledge-item{padding:20px 0 0;font-size:13px;border-top:1px solid var(--line);margin-top:18px}.knowledge-item h3{margin-bottom:8px}.knowledge-item p{white-space:pre-wrap;margin:0;color:var(--muted)}.question-panel{padding:30px}.question-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.tag{border-radius:5px;background:#edf3f5;color:#586d79;padding:3px 7px;font-size:10px;display:inline-block}.tag.teal{background:var(--teal-soft);color:var(--teal)}.tag.red{background:#fff0f1;color:var(--danger)}.question-text{font-size:23px;line-height:1.7;font-weight:600;white-space:pre-wrap}.record-area{border:1px dashed #c0d3d8;background:#f8fbfc;border-radius:12px;padding:26px;text-align:center;margin:25px 0}.record-timer{display:block;font-size:34px;letter-spacing:2px;font-variant-numeric:tabular-nums;color:var(--navy);margin-bottom:7px}.recording .record-timer{color:var(--danger)}.recording .record-timer:before{content:"";display:inline-block;width:9px;height:9px;background:var(--danger);border-radius:50%;margin-right:9px;animation:pulse 1.2s infinite}@keyframes pulse{50%{opacity:.25}}.record-area audio{display:block;margin:17px auto;width:100%}.record-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.button-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.saved-answer{border-left:3px solid var(--teal);padding:12px 16px;background:#f4faf8;margin-top:20px;font-size:13px}.saved-answer audio{width:100%;margin:10px 0}.saved-answer p{margin:7px 0 0;white-space:pre-wrap}.saved-answer small{color:var(--muted)}.attachment-section{margin-top:27px;border-top:1px solid var(--line);padding-top:24px}.attachment-section h3{margin-bottom:5px}.attachment-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px;margin:18px 0}.attachment{border:1px solid var(--line);border-radius:10px;overflow:hidden;min-width:0;position:relative;background:#fff}.attachment button.preview-button{display:block;border:0;background:#eef4f5;width:100%;padding:0;height:90px;position:relative}.attachment img{width:100%;height:100%;object-fit:cover;display:block}.play-overlay{position:absolute;inset:0;display:grid;place-items:center;background:#132d4226;color:white;font-size:27px}.attachment .attachment-info{padding:8px;font-size:10px;color:var(--muted)}.attachment .attachment-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink)}.attachment .remove-file{border:none;color:var(--danger);background:none;padding:0 8px 8px;font-size:10px;text-align:left}.empty-state{padding:30px 15px;text-align:center;color:var(--muted);font-size:13px}.question-footer{display:flex;justify-content:space-between;gap:12px;margin-top:28px}.submitted-banner{padding:30px;border-radius:12px;background:var(--teal-soft);margin-bottom:22px;text-align:center}.submitted-banner h2{color:var(--teal)}dialog{border:1px solid var(--line);border-radius:16px;max-width:min(600px,94vw);padding:24px;color:var(--ink);box-shadow:0 20px 100px #001b3450}dialog::backdrop{background:#0c243db0;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px}.icon-button{font-size:25px;width:35px;height:35px;line-height:1;border:0;border-radius:8px;background:#eff4f6;color:var(--ink)}.media-dialog{width:960px;max-width:95vw}.media-stage{height:min(65vh,650px);display:flex;align-items:center;justify-content:center;background:#e9eef1;border-radius:10px;overflow:auto}.media-stage img{max-width:90%;max-height:90%;object-fit:contain;transition:transform .15s}.media-stage video{max-width:100%;max-height:100%}.media-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin-top:16px}.media-controls .btn{font-size:11px;padding:7px 10px;min-height:34px}.admin-main{max-width:1480px;margin:auto;padding:38px 30px 80px;min-height:calc(100vh - 170px)}.topbar-right{display:flex;align-items:center;gap:20px}.admin-login{max-width:460px;margin:60px auto;padding:36px}.admin-login h1{font-size:28px}.workspace-heading h1{font-size:32px;margin-bottom:0}.workspace-heading .eyebrow{margin-bottom:8px}.status-chip{padding:8px 13px;font-size:11px;border:1px solid #cedee4;background:white;border-radius:30px;color:var(--muted)}.status-chip.online{color:var(--teal);border-color:#add8ce;background:#effaf6}.admin-tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);margin-bottom:28px;overflow-x:auto;white-space:nowrap}.admin-tabs button{padding:13px 18px;border:0;background:none;font-size:13px;color:var(--muted);border-bottom:3px solid transparent}.admin-tabs button.active{color:var(--teal);border-bottom-color:var(--teal);font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:25px}.stat{padding:20px 24px;background:white;border:1px solid var(--line);border-radius:13px}.stat small{display:block;color:var(--muted);font-size:11px}.stat strong{font-size:31px;font-weight:600;color:var(--navy);display:block}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 345px;gap:24px;align-items:start}.section-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.section-heading h2{margin-bottom:5px}.section-heading p{font-size:12px}.filters{display:flex;gap:12px;margin:8px 0 20px}.filters input{margin:0;flex:1}.filters select{margin:0;max-width:160px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}th{text-align:left;font-size:10px;letter-spacing:1px;font-weight:500;color:var(--muted);background:#f6f8fa;padding:10px}td{padding:15px 10px;border-bottom:1px solid #e7edf0}td strong{display:block;font-weight:600}td small{display:block;color:var(--muted)}.invite-card .eyebrow{margin-bottom:9px}.invite-card h2{font-size:20px}.invite-result{border:1px solid #b7dcd4;padding:17px;border-radius:10px;background:#f4faf8;margin-top:20px}.invite-result img{display:block;margin:10px auto;background:white;width:180px;height:180px}.code-display{font-family:ui-monospace,monospace;font-size:23px;letter-spacing:3px;text-align:center;word-break:break-all;margin:12px 0}.invite-link{font-size:10px;word-break:break-all}.detail-card{margin-top:26px}.detail-header{display:flex;justify-content:space-between;gap:20px;margin-bottom:20px;align-items:flex-start}.detail-header h2{margin-bottom:5px}.detail-summary{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.answer-card{padding:20px 0;border-top:1px solid var(--line)}.answer-card h3{white-space:pre-wrap;margin-bottom:8px}.answer-card audio{width:100%;max-width:650px;margin-top:10px}.answer-card .transcript{background:#f6f9fa;padding:16px;border-radius:9px;font-size:13px;white-space:pre-wrap;margin:12px 0}.answer-card textarea{font-size:12px}.decision-row{border-top:1px solid var(--line);padding-top:20px;margin-top:20px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.record-list{margin-top:22px}.record-item{padding:17px 0;border-top:1px solid var(--line);font-size:13px}.record-item:first-child{border-top:0}.record-item h3{font-size:14px;margin:0 0 6px}.record-item p{margin:6px 0;color:var(--muted);font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.record-item small{font-size:10px;color:var(--muted)}.record-item .button-row{margin-top:9px}.stack-form{margin-top:20px}.disabled-note{padding:12px;background:#fff8e8;border-radius:8px;font-size:12px;color:#836222}.loading{opacity:.65;pointer-events:none}.log-pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;background:#f6f8fa;padding:10px;border-radius:7px}.image-file-input{font-size:12px}.wrap{white-space:normal;overflow-wrap:anywhere}.expiry-warning{color:var(--danger)!important}
.trust-badges{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0 14px;max-width:470px}.trust-badges span{background:#e5f2ee;border:1px solid #c4dfd7;border-radius:7px;padding:8px 11px;color:#086b61;font-size:11px;font-weight:650;line-height:1.5}.local-delay{font-size:11px;line-height:1.8;color:#687f8b;max-width:430px;margin-bottom:5px}.environment-banner{border:1px solid #e7c989;background:#fff5df;color:#7b591f;border-radius:10px;padding:12px 18px;margin-bottom:25px;font-size:12px;font-weight:600;text-align:center}.processing-note{font-size:10px;line-height:1.65;color:#7b591f;margin:6px 0 0;white-space:normal;overflow-wrap:anywhere}.session-exit{margin-top:10px}
@media(max-width:1050px){.welcome-grid{grid-template-columns:1fr 430px;gap:35px}.welcome-copy h1{font-size:40px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 300px}.card{padding:23px}.welcome-grid .login-card{padding:27px}.admin-main{padding-left:22px;padding-right:22px}}
@media(max-width:800px){.topbar{height:75px;padding:0 22px}.candidate-main{padding:35px 22px 55px}.welcome-grid{grid-template-columns:1fr;gap:33px;max-width:560px;margin:auto}.welcome-copy h1{font-size:38px}.welcome-copy .lead{font-size:15px}.feature-list{display:none}.welcome-copy .eyebrow{margin-bottom:12px}.welcome-copy h1{margin-bottom:14px}.interview-heading{align-items:flex-start}.interview-heading h1{font-size:25px}.expiry-card{min-width:160px;padding:12px 14px}.expiry-card strong{font-size:22px}.interview-layout{grid-template-columns:1fr}.interview-sidebar{position:static;padding:18px}.interview-sidebar nav{display:flex;overflow-x:auto;max-height:none;margin-bottom:15px}.question-nav-item{min-width:150px;max-width:200px;padding:10px}.interview-sidebar h3,.interview-sidebar .form-note{display:none}.interview-sidebar>.btn{display:inline-flex;width:auto;margin-right:8px}.question-panel{padding:23px}.question-text{font-size:20px}.admin-main{padding:28px 18px 50px}.dashboard-grid{grid-template-columns:1fr}.invite-card{order:-1}.invite-card form{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.invite-card form label{margin-bottom:13px}.invite-card form .form-note,.invite-card form button{grid-column:1/-1}.invite-card form .form-note{margin-top:0}.two-column{grid-template-columns:1fr}.stats-grid{gap:10px}.stat{padding:13px 16px}.stat strong{font-size:27px}.topbar-right{gap:10px}.topbar-right .subtle-link{display:none}.detail-header{flex-direction:column}.admin-tabs button{padding:11px 13px}.admin-tabs{margin-bottom:22px}.workspace-heading h1{font-size:26px}.workspace-heading{margin-bottom:23px}.status-chip{max-width:210px;font-size:10px}.site-footer{font-size:10px;padding:22px;flex-direction:column;gap:5px}.progress-label{flex-direction:column;gap:2px}}
@media(max-width:480px){.brand strong{font-size:16px}.brand small{font-size:9px;letter-spacing:1px}.brand-mark{width:36px;height:36px;font-size:25px}.secure-label{font-size:10px}.topbar{padding:0 16px}.candidate-main{padding:30px 16px 45px}.welcome-copy h1{font-size:34px}.login-card{padding:23px!important}.card{border-radius:13px}.interview-heading{flex-direction:column;gap:15px}.expiry-card{width:100%;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:0 10px}.expiry-card strong{grid-column:2;grid-row:1/3;text-align:right}.expiry-card>span{grid-column:1}.interview-sidebar>.btn{width:100%;margin:5px 0}.question-panel{padding:20px}.record-area{padding:19px 12px}.stats-grid{grid-template-columns:1fr 1fr}.workspace-heading{align-items:flex-start;flex-direction:column;gap:14px}.admin-login{padding:25px;margin:30px auto}.two-fields{grid-template-columns:1fr}.filters{flex-direction:column}.filters select{max-width:none}.invite-card form{display:block}.record-actions .btn{padding:9px 12px}.media-dialog{padding:15px}.media-stage{height:55vh}.attachment-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.attachment button.preview-button{height:75px}.admin-identity{font-size:11px}}
.final-review-dialog{width:760px;max-width:95vw;max-height:92dvh;overflow:auto;padding:28px}.final-review-dialog h3{margin:20px 0 10px}.review-summary{padding:14px 17px;background:var(--teal-soft);border:1px solid #c6e2d9;border-radius:10px;font-size:13px}.review-summary p{font-size:12px;margin:5px 0 0;color:#52766c}.declaration-reading{white-space:pre-wrap;overflow-wrap:anywhere;max-height:220px;overflow:auto;border:1px solid var(--line);border-radius:10px;background:#f7fafb;padding:18px;font-size:13px;line-height:1.9}.declaration-reading:focus{outline:2px solid #1c989729;border-color:var(--teal)}.final-acceptance{margin:18px 0;font-size:13px;line-height:1.8}.signature-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px;flex-wrap:wrap}.signature-heading h3{margin:0}.signature-heading small{color:var(--muted)}.signature-canvas{display:block;width:100%;height:210px;background:white;border:1px solid #a9bdc7;border-radius:10px;margin:12px 0;touch-action:none;cursor:crosshair;user-select:none;-webkit-user-select:none}.final-status{font-size:12px;color:#836222;white-space:pre-wrap;line-height:1.8;margin:15px 0}.final-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:10px;border-top:1px solid var(--line)}.signature-review{border:1px solid #c8ddd6;border-radius:10px;padding:18px;background:#f7fbf9;margin:22px 0}.signature-review h3{margin-bottom:9px}.signature-review p{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.signature-review .declaration-reading{max-height:170px;background:white}
@media(max-width:600px){.final-review-dialog{padding:20px 17px;max-height:94dvh}.final-review-dialog .dialog-head{align-items:flex-start;font-size:14px}.declaration-reading{max-height:190px;padding:14px;font-size:12px}.final-actions{flex-direction:column-reverse}.final-actions .btn{width:100%}.signature-canvas{height:200px}.final-acceptance{font-size:12px}.signature-heading small{font-size:10px}}
/* Keep horizontally scrollable question navigation inside the mobile grid. */
.interview-layout>*{min-width:0}.interview-sidebar nav{min-width:0;max-width:100%}
@media(max-width:800px){.interview-layout{grid-template-columns:minmax(0,1fr)}}
/* Glass is reserved for navigation and light framing; reading surfaces stay clear. */
:root{--navy:#182c47;--ink:#26384d;--muted:#64758b;--teal:#286bc3;--teal-dark:#19539d;--teal-soft:#edf4ff;--bg:#eef3f9;--line:#dce4ee;--shadow:0 16px 44px #283e6710;--radius:24px}body{position:relative;isolation:isolate;background:#edf2f8}body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background-image:var(--site-wallpaper,none),radial-gradient(ellipse at 8% 4%,#cae4ff 0,transparent 44%),radial-gradient(ellipse at 96% 28%,#dfddf6 0,transparent 45%),linear-gradient(135deg,#f8fafc,#e8eff7 66%,#edf5fa);background-position:center;background-size:cover;background-repeat:no-repeat}body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:#f5f8fb1a}.has-wallpaper::after{background:#f3f7fbc9}.topbar{position:sticky;top:0;z-index:40;min-height:88px;height:auto;padding-top:16px;padding-bottom:16px;background:#ffffffa8;border-bottom:1px solid #ffffffd9;box-shadow:0 6px 28px #29466c07;backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%)}.brand-mark{border-radius:14px;background:linear-gradient(145deg,#224b80,#162b48);box-shadow:inset 0 1px 0 #ffffff40,3px 5px 12px #19395d1a;font-size:27px}.brand strong{letter-spacing:.7px;font-weight:650}.brand small{color:#6b7f99}.secure-label{color:#52759e}.secure-label:before{background:#568cce;box-shadow:0 0 0 4px #e7f0fc}.candidate-main{padding-top:64px}.welcome-copy h1{font-size:49px;line-height:1.35;font-weight:620;letter-spacing:-1.5px}.welcome-copy em{color:#2b69bd}.eyebrow{color:#526f97;font-weight:600;letter-spacing:2px}.lead{font-size:16px;line-height:1.9;color:#64768e}.card{background:#ffffffdb;border:1px solid #fffffff2;box-shadow:0 14px 42px #253d6610,inset 0 1px 0 #fff;border-radius:24px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.login-card{background:#ffffffe8;padding:36px;border-radius:28px}.login-card h2{font-weight:650;letter-spacing:-.3px}.login-card .muted{font-size:13px}.trust-badges span{color:#325c91;background:#ffffffa8;border:1px solid #ffffffeb;box-shadow:0 3px 10px #294b7f07;border-radius:10px;padding:9px 12px;font-weight:600}.local-delay{color:#667b94}.feature-list>div>span{background:#ffffffb3;color:#5481b5;border:1px solid #ffffffc9;border-radius:12px}.feature-list strong{font-weight:600}.feature-list small{color:#71849d}.privacy-box{background:#eef3f9b3;border:1px solid #e0e7f1;border-radius:13px;color:#65768d;font-size:11px;line-height:1.85}.btn{border-radius:999px;font-weight:600;min-height:43px;padding:11px 19px;transition:background .15s,box-shadow .15s,transform .15s}.primary{background:linear-gradient(180deg,#3d7dd2,#2864b5);border-color:#ffffff42;box-shadow:inset 0 1px 0 #ffffff38,0 5px 12px #2763b521;color:white}.primary:hover{background:linear-gradient(180deg,#3273c9,#205aa7);box-shadow:inset 0 1px 0 #ffffff38,0 7px 15px #2763b52b}.secondary{background:#ffffffb8;border-color:#d5e0edf2;box-shadow:inset 0 1px 0 #fff;color:#425a79}.secondary:hover{background:#fff}.danger{background:#fff3f4;border-color:#ebcdd1;color:#a04450}.small{min-height:34px;padding:7px 13px;font-size:11px}input,textarea,select{background:#ffffffed;border:1px solid #d4dfed;border-radius:13px;padding:12px 13px;color:#263e5a;box-shadow:inset 0 1px 2px #25416903}input:focus,textarea:focus,select:focus{outline:3px solid #4e89d41c;border-color:#6291cf}input[type=checkbox]{accent-color:#3674c4;box-shadow:none}form label{color:#4c607b;font-weight:550}.check-row{font-weight:400}.message{border-color:#c5d7ee;background:#f0f6ff;color:#315d91;border-radius:15px}.message.error{background:#fff3f4;border-color:#e9cdd2;color:#a34450}.notice{background:#eef4fc;border:1px solid #d9e5f3;color:#587395;border-radius:13px}.notice.warning{background:#fffbf0;border-color:#eee0b9;color:#8a703e}.environment-banner{background:#fff9e9d9;border-color:#ead8a4;color:#8c733f;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:14px}.site-footer{border-top-color:#d4dfec80;color:#7e8fa4}.expiry-card{background:linear-gradient(135deg,#2d5180,#192e4c);border:1px solid #ffffff45;border-radius:20px;box-shadow:inset 0 1px 0 #ffffff20,0 8px 22px #1d426c12}.expiry-card strong{font-weight:550;letter-spacing:1px}.progress-wrap progress,.progress-wrap progress::-webkit-progress-bar{background:#dce6f2}.progress-wrap progress::-webkit-progress-value{background:linear-gradient(90deg,#6a9bdb,#3571bc)}.interview-sidebar{border-radius:22px}.question-nav-item{border-radius:12px;background:#f3f6fa;color:#71849c}.question-nav-item.active{border-color:#c1d5ef;background:#eaf2ff;color:#3b6ea9}.question-nav-item.done .q-mark{background:#427ac0;border-color:#427ac0}.knowledge-card{border-radius:20px}.question-panel{background:#ffffffeb;border-radius:24px}.question-text{font-weight:600;letter-spacing:-.3px;color:#2b405c}.record-area{background:#f4f8fc;border:1px dashed #c8d8eb;border-radius:19px}.record-timer{font-weight:500;color:#355d8d}.recording .record-timer{color:#ad4a59}.saved-answer{border-left:3px solid #729dd5;background:#f3f7fd;border-radius:0 12px 12px 0}.tag{border-radius:7px;background:#eef2f7;color:#75869d}.tag.teal{background:#eaf2ff;color:#4f78b2}.tag.red{background:#fff0f2;color:#b35c69}.attachment{border:1px solid #e0e8f3;border-radius:13px}.attachment button.preview-button{background:#edf3fa}.admin-main{padding-top:36px}.workspace-heading h1{font-weight:600;letter-spacing:-.8px}.status-chip{background:#ffffffa6;border-color:#ffffffdf;color:#72869f;box-shadow:0 4px 15px #274b7a05;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:10px 15px}.admin-tabs{background:#e4ebf4b3;border:1px solid #ffffffd9;padding:6px;border-radius:19px;gap:4px;box-shadow:inset 0 1px 0 #ffffff70;backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);align-items:center}.admin-tabs button{border:0;border-radius:13px;padding:11px 18px;font-size:12px;color:#6f8198;transition:background .15s,box-shadow .15s}.admin-tabs button.active{color:#305d97;background:#fffffff0;box-shadow:0 3px 10px #1a3b6412;font-weight:600}.admin-tabs button:hover{background:#ffffff85}.admin-tabs button.active:hover{background:#fff}.stat{border:1px solid #ffffffed;border-radius:20px;background:#ffffffb0;box-shadow:0 7px 25px #2a426806;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.stat small{color:#8391a7}.stat strong{font-weight:550;color:#34567c}.filters input,.filters select{background:#f6f9fdd9}.section-heading h2,.card h2{font-weight:600;letter-spacing:-.4px}th{background:#f2f6fbd9;color:#7b8ca4;border-radius:0}td{border-bottom-color:#e2e9f280}.invite-result{background:#f2f7ff;border-color:#cadcf4;border-radius:16px}.invite-result img{border-radius:10px}.detail-card{border-radius:25px}.answer-card .transcript{background:#f3f7fc;border:1px solid #e7edf5;border-radius:14px}.record-item{border-top-color:#e4ebf4}.record-item p{color:#718299}.disabled-note{background:#fff9ec;border:1px solid #eee2c7;border-radius:12px}.public-topbar-right{display:flex;align-items:center;gap:24px;flex-wrap:wrap;justify-content:flex-end}.public-nav{display:flex;gap:4px;padding:4px;background:#e6edf5a6;border:1px solid #ffffffc9;border-radius:999px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.public-nav button{background:transparent;border:0;border-radius:999px;font-size:11px;color:#627895;padding:8px 14px;white-space:nowrap}.public-nav button:hover,.public-nav button.active{background:#ffffffdc;color:#3669a8;box-shadow:0 2px 7px #2648730b}.public-content-dialog{width:620px;max-height:85dvh;overflow:auto}.public-content-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.95;font-size:14px;color:#566b84}.appearance-editor-list{display:grid;gap:15px}.appearance-row{padding:17px;border:1px solid #dce6f2;border-radius:17px;background:#f8faff}.appearance-row .two-fields{gap:12px}.appearance-row textarea{font-size:12px}.appearance-row .check-row{margin-bottom:0}.wallpaper-preview{height:180px;border:1px solid #dbe4ef;border-radius:18px;background:radial-gradient(at 20% 10%,#d8ebff,transparent 60%),linear-gradient(135deg,#f7f9fd,#e4eaf4);background-size:cover;background-position:center;margin:16px 0}.wallpaper-preview img{width:100%;height:100%;object-fit:cover;border-radius:17px}.appearance-intro{font-size:12px;color:#6b7f99}dialog{background:#ffffffef;border:1px solid #ffffffed;border-radius:24px;box-shadow:0 24px 100px #16345a3b;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}dialog::backdrop{background:#243e604d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.icon-button{border-radius:999px;background:#edf2f9;color:#7085a1;width:33px;height:33px;font-size:23px}.media-stage{background:#eaf0f7;border-radius:17px}.declaration-reading{background:#f4f7fb;border-color:#dbe5f1;border-radius:14px;color:#526780}.review-summary{background:#edf4fe;border-color:#d2e2f6;border-radius:15px;color:#416995}.review-summary p{color:#6c86a4}.signature-canvas{background:#fff;border-radius:16px;border-color:#b7cbe4}.signature-review{background:#f5f9ff;border-color:#d6e4f7;border-radius:18px}.final-status{color:#8c7447}.final-actions{border-top-color:#dde6f2}
@media(max-width:1000px){.public-topbar-right{gap:12px}.public-nav button{padding:7px 11px}.welcome-copy h1{font-size:41px}.topbar{padding-left:24px;padding-right:24px}}
@media(max-width:800px){.candidate-main{padding-top:35px}.welcome-copy h1{font-size:39px}.public-topbar-right .secure-label{display:none}.topbar{min-height:78px}.admin-tabs{border-radius:17px;padding:5px}.admin-tabs button{padding:10px 14px;font-size:11px}.card{border-radius:22px}.login-card{border-radius:25px}.stats-grid{gap:12px}.stat{border-radius:17px}.public-nav{max-width:100%;overflow:auto}.public-topbar-right{max-width:55%;}.brand strong{font-size:17px}}
@media(max-width:600px){.candidate-page .topbar{flex-wrap:wrap;gap:14px;padding:16px 20px}.candidate-page .public-topbar-right{width:100%;max-width:100%;justify-content:flex-start}.candidate-page .public-nav{width:100%;justify-content:space-between}.public-nav button{flex:1;padding:8px 11px}.welcome-copy h1{font-size:35px}.candidate-main{padding-top:30px}.admin-page .topbar{padding:16px;gap:12px}.topbar-right .muted{max-width:130px;font-size:11px}.login-card{padding:27px!important}.trust-badges{gap:8px}.trust-badges span{font-size:10px;padding:8px 10px}.local-delay{font-size:10px}.workspace-heading{margin-bottom:20px}.admin-tabs{margin-bottom:22px}.status-chip{max-width:none;font-size:10px}.question-panel{border-radius:21px}.question-text{font-size:20px}.btn{font-size:12px}.small{font-size:10px}.final-review-dialog{border-radius:22px}.appearance-row{padding:14px}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.topbar,.card,.admin-tabs,.stat,.status-chip,.public-nav,dialog{background:#f9fbfe}.has-wallpaper::after{background:#f3f7fbe8}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.topbar,.card,.admin-tabs,.stat,.status-chip,.public-nav,dialog{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;border-color:#b5c5d8}.has-wallpaper::after{background:#f4f7fbf2}.muted,.form-note,.public-content-text{color:#475b74}.trust-badges span{background:#f3f7fd;border-color:#a9bfdc}.primary{background:#1c58a8}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.has-wallpaper::before{opacity:var(--wallpaper-opacity,.35)}.has-wallpaper::after{background:#f3f7fb4d}.appearance-history-card{margin-top:22px}#appearance-form>h3{margin:25px 0 14px}.topbar-right{min-width:0}.topbar-right #admin-identity{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:210px}.topbar-right .btn{flex-shrink:0}.password-change-dialog{width:470px;max-width:94vw}.password-change-dialog h2{font-size:23px}.password-change-dialog .final-status{color:#9a555d}
@media(max-width:600px){.topbar-right #admin-identity{max-width:100px}.admin-page .brand small{letter-spacing:.3px}.password-change-dialog{padding:24px 20px}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.has-wallpaper::before{opacity:.12}.has-wallpaper::after{background:#f4f7fbf2}}