:root{
  --ink:#172033;--muted:#667085;--line:#d9dee8;--panel:#fff;--bg:#eef2f7;--blue:#0f6cbd;--blue2:#115ea3;--green:#107c10;--orange:#ca5010;--shadow:0 16px 40px rgba(16,24,40,.12)
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:linear-gradient(180deg,#f7f9fc,#edf1f6);overflow-x:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.hidden{display:none!important}
.sitebar{height:68px;background:#101828;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 22px;position:sticky;top:0;z-index:50;box-shadow:0 2px 12px #0002}.brand-side,.brand{display:flex;align-items:center;gap:12px}.back{font-size:25px;padding:7px 11px;border-radius:10px;background:#ffffff10}.brand-orb{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#45a3ff,#6e56cf);font-weight:900;font-size:12px}.brand strong{display:block;font-size:15px}.brand small{display:block;font-size:11px;color:#cbd5e1;margin-top:2px}.chapter-label{font-weight:800;font-size:14px;color:#e2e8f0}.site-btn{border:1px solid #ffffff2d;background:#ffffff12;color:#fff;border-radius:9px;padding:9px 14px}.shell{width:min(1500px,calc(100% - 28px));margin:28px auto 52px}.launch-card{display:grid;grid-template-columns:1.35fr .8fr;gap:28px;background:#fff;border:1px solid #e1e6ef;border-radius:24px;padding:34px;box-shadow:var(--shadow)}.eyebrow{font-size:11px;letter-spacing:.15em;font-weight:900;color:#486581}.launch-main h1,.results h1{font-size:clamp(34px,5vw,58px);margin:8px 0 12px;line-height:1.02}.launch-main>p{max-width:850px;color:#475467;line-height:1.7;font-size:17px}.feature-row{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0}.feature-row span,.chapter-scope span{padding:8px 11px;border-radius:999px;background:#f1f5f9;border:1px solid #e2e8f0;font-size:12px;font-weight:700}.chapter-scope{border:1px solid #d7e6f5;background:#f5faff;border-radius:15px;padding:15px}.chapter-scope strong{display:block;margin-bottom:10px;color:#0f5f9e}.chapter-scope span{display:inline-block;background:#fff}.launch-form{background:#f8fafc;border:1px solid #e5e9f0;border-radius:18px;padding:22px}.launch-form label{display:block;font-size:12px;font-weight:800;color:#475467;margin-bottom:13px}.launch-form input{width:100%;margin-top:6px;border:1px solid #cfd6e2;border-radius:9px;padding:11px 12px;background:#fff}.candidate-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.mode-card{background:white;border:1px solid #d6dce7;border-radius:12px;padding:13px;text-align:left}.mode-card strong,.mode-card span{display:block}.mode-card span{font-size:11px;color:#667085;margin-top:4px}.mode-card.selected{border-color:#0f6cbd;box-shadow:0 0 0 2px #0f6cbd18;background:#f5faff}.primary,.secondary{border-radius:10px;padding:10px 14px;font-weight:800;border:1px solid transparent}.primary{background:#0f6cbd;color:#fff}.primary:hover{background:#115ea3}.secondary{background:#fff;border-color:#cfd6df;color:#344054}.wide{width:100%;padding:13px}.microcopy{font-size:11px!important;color:#7b8495!important;margin:11px 0 0!important}
.questbar{display:grid;grid-template-columns:1.1fr 1fr 2fr .7fr .7fr;gap:10px;margin-bottom:14px}.questbar>div{background:#fff;border:1px solid #dde3ec;border-radius:12px;padding:11px 13px;min-width:0}.questbar span{display:block;font-size:10px;color:#667085;text-transform:uppercase;letter-spacing:.06em;font-weight:800}.questbar strong{display:block;margin-top:4px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.progress{height:7px;background:#e8edf3;border-radius:999px;margin-top:8px;overflow:hidden}.progress div{height:100%;width:0;background:linear-gradient(90deg,#0f6cbd,#4ca4e6);transition:.25s}.mission-card{background:#fff;border:1px solid #dfe5ee;border-radius:18px;padding:18px 20px;margin-bottom:15px;box-shadow:0 8px 20px #1018280a}.mission-top{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.mission-top h2{font-size:24px;margin:4px 0 0}.mark-pill{border:1px solid #cfe0ef;background:#f4f9fe;color:#0f5f9e;border-radius:999px;padding:8px 11px;font-size:12px;white-space:nowrap}.mission-text{line-height:1.6;color:#344054;margin:10px 0}.mission-text code{font-family:Consolas,monospace;background:#f2f4f7;padding:2px 5px;border-radius:5px}.checklist{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}.checklist div{font-size:11px;font-weight:700;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;padding:6px 9px}.mission-actions{display:flex;gap:9px;justify-content:flex-end;margin-top:12px}.feedback{margin-top:10px;border-radius:10px;padding:10px 12px;font-size:13px;font-weight:700}.feedback.good{background:#ecfdf3;color:#067647;border:1px solid #abefc6}.feedback.bad{background:#fef3f2;color:#b42318;border:1px solid #fecdca}.feedback.hint{background:#fffaeb;color:#93370d;border:1px solid #fedf89}
.desktop{background:linear-gradient(145deg,#0e4d73,#1d6d95 55%,#0c4770);border-radius:18px;overflow:hidden;border:1px solid #123d58;box-shadow:0 20px 45px #102a3d30}.desktop-top{height:34px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;color:#d9eef9;font-size:11px;font-weight:700;background:#082f49aa}.desktop-badges{display:flex;gap:6px}.desktop-badges span{background:#ffffff18;border:1px solid #ffffff18;border-radius:999px;padding:3px 7px}.workspace-grid{padding:10px;display:grid;grid-template-columns:1fr 1.18fr;grid-template-rows:minmax(345px,43vh) minmax(300px,37vh);gap:10px;min-height:720px}.app-window{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 8px 24px #001b2c55;border:1px solid #b9c3cf;min-width:0;min-height:0;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}.app-window.focused{box-shadow:0 0 0 3px #77d2ff,0 12px 30px #001b2c88;transform:translateY(-1px)}.win-title{height:34px;flex:0 0 34px;display:flex;align-items:center;justify-content:space-between;background:#f5f5f5;border-bottom:1px solid #d8d8d8;padding-left:9px;color:#222}.app-title{display:flex;align-items:center;gap:7px;min-width:0}.app-title strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-icon{display:grid;place-items:center;width:20px;height:20px;border-radius:3px;font-size:12px}.app-icon.note{background:#eef6ff;color:#1769aa;border:1px solid #bdd7ef}.app-icon.edge{background:linear-gradient(135deg,#1da1f2,#0b6aa2);color:white;border-radius:50%;font-weight:900}.app-icon.folder{background:#ffd34d;color:#7a5300}.win-controls{display:flex;align-self:stretch}.win-controls span{width:42px;display:grid;place-items:center;font-size:11px}.win-controls span:last-child:hover{background:#e81123;color:#fff}.notepad-menu{height:28px;display:flex;align-items:center;border-bottom:1px solid #eee;background:#fafafa;padding:0 6px}.notepad-menu button{border:0;background:transparent;padding:5px 8px;font-size:11px}.notepad-menu button:hover{background:#e6e6e6}.editor-toolbar{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 9px;background:#f8f9fb;border-bottom:1px solid #e4e6eb;font-size:10px;color:#667085}.editor-toolbar div{display:flex;gap:4px;flex-wrap:wrap}.editor-toolbar button{border:1px solid #c9ced6;background:white;border-radius:4px;padding:4px 6px;font-size:10px}.code-wrap{position:relative;display:grid;grid-template-columns:42px 1fr;flex:1;min-height:0;background:#fff}.line-numbers{font:12px/1.52 Consolas,"Courier New",monospace;color:#a0a7b2;background:#f7f7f8;border-right:1px solid #eee;padding:8px 5px;text-align:right;overflow:hidden;user-select:none;white-space:pre}.code-wrap textarea{resize:none;border:0;outline:0;padding:8px 10px;font:12px/1.52 Consolas,"Courier New",monospace;tab-size:2;white-space:pre;overflow:auto;color:#111;background:#fff}.statusline{height:24px;flex:0 0 24px;display:flex;justify-content:space-between;align-items:center;padding:0 9px;border-top:1px solid #e6e6e6;font-size:10px;color:#555;background:#fafafa}.browser-title{background:#e9eef3}.browser-toolbar{height:40px;flex:0 0 40px;display:flex;align-items:center;gap:5px;padding:5px 8px;background:#f4f6f8;border-bottom:1px solid #ccd2d9}.browser-toolbar button{border:0;background:transparent;border-radius:5px;padding:6px 8px}.browser-toolbar button:hover{background:#e2e7ec}.browser-toolbar button:disabled{opacity:.35;cursor:not-allowed;background:transparent}.address-bar{height:29px;display:flex;align-items:center;flex:1;background:#fff;border:1px solid #cbd2da;border-radius:15px;padding:0 12px;font-size:10px;color:#4a5565;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.browser-window iframe{border:0;flex:1;width:100%;background:#fff;min-height:0}.browser-status{height:22px;flex:0 0 22px;display:flex;justify-content:space-between;align-items:center;padding:0 8px;font-size:10px;background:#f8f9fa;border-top:1px solid #e4e7eb;color:#667085}.explorer-title{background:#f7f7f7}.explorer-toolbar{height:38px;display:flex;gap:5px;align-items:center;padding:5px 8px;border-bottom:1px solid #ddd}.explorer-toolbar button{border:0;background:#f5f5f5;border-radius:5px;padding:6px 8px;font-size:10px}.explorer-toolbar button:hover{background:#e8e8e8}.explorer-address{height:34px;display:flex;align-items:center;gap:7px;padding:0 10px;border-bottom:1px solid #ddd;font-size:10px;color:#667085}.explorer-body{display:grid;grid-template-columns:135px 1fr;flex:1;min-height:0}.explorer-nav{border-right:1px solid #e3e5e8;background:#fafbfc;padding:12px 8px;font-size:10px;display:flex;flex-direction:column;gap:4px}.explorer-nav strong{margin:0 6px 5px}.explorer-nav span{padding:6px 8px;border-radius:4px}.explorer-nav span.selected{background:#e5f1fb;color:#0f5f9e}.files-pane{min-width:0;overflow:auto}.file-head,.file-row{display:grid;grid-template-columns:minmax(160px,1.6fr) minmax(95px,.8fr) 60px;gap:8px;align-items:center;padding:6px 10px;font-size:10px}.file-head{position:sticky;top:0;background:#f7f8fa;border-bottom:1px solid #e0e4e8;color:#667085;z-index:2}.file-row{border-bottom:1px solid #f1f2f4;cursor:default}.file-row:hover,.file-row.selected{background:#eaf4fd}.file-name{display:flex;gap:7px;align-items:center;min-width:0}.file-name span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-ico{width:18px;text-align:center}.explorer-status{height:24px;display:flex;justify-content:space-between;align-items:center;padding:0 9px;border-top:1px solid #ddd;font-size:9px;color:#667085}.windows-taskbar{height:42px;background:#172534e8;display:flex;align-items:center;gap:3px;padding:4px;color:#fff}.windows-taskbar button{border:0;background:transparent;color:#fff;border-radius:4px;padding:7px 9px;font-size:10px}.windows-taskbar button:hover{background:#ffffff18}.windows-taskbar button:disabled{opacity:.38;cursor:not-allowed;background:transparent}.start-orb{font-size:17px!important}.task-spacer{flex:1}
.modal{position:fixed;inset:0;background:#11182770;display:grid;place-items:center;z-index:100;padding:18px}.dialog{width:min(720px,96vw);max-height:88vh;overflow:auto;background:#fff;border-radius:13px;box-shadow:0 25px 80px #0005;border:1px solid #cfd6df}.dialog-head{display:flex;justify-content:space-between;align-items:center;padding:13px 16px;border-bottom:1px solid #e5e7eb}.dialog-head h3{font-size:16px;margin:0}.dialog-head button{border:0;background:transparent;font-size:20px}.dialog-body{padding:16px}.dialog-body label{display:block;font-size:11px;font-weight:700;margin:9px 0}.dialog-body input,.dialog-body select,.dialog-body textarea{width:100%;margin-top:5px;border:1px solid #cfd6df;border-radius:6px;padding:8px}.dialog-actions{padding:12px 16px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:8px}.save-dialog{display:grid;grid-template-columns:170px 1fr;min-height:280px}.save-nav{background:#f7f8fa;border-right:1px solid #e2e5e9;padding:12px;font-size:11px}.save-nav span{display:block;padding:7px;border-radius:5px}.save-nav .selected{background:#e5f1fb}.save-main{padding:12px}.file-preview-list{border:1px solid #ddd;min-height:140px;margin-bottom:12px}.file-preview-list div{padding:6px 8px;font-size:10px;border-bottom:1px solid #eee}.link-list{display:grid;gap:7px}.link-item{border:1px solid #e1e5ea;border-radius:8px;padding:9px;display:flex;align-items:center;justify-content:space-between;gap:10px}.link-item code{font-size:10px;word-break:break-all}.link-item button{border:1px solid #c7d5e2;background:#f8fbfe;border-radius:6px;padding:5px 8px}.gimp-shell{border:1px solid #7e8792;background:#343a40;color:#fff;border-radius:7px;overflow:hidden}.gimp-title{padding:8px 10px;background:#252a2f;font-size:11px}.gimp-body{display:grid;grid-template-columns:120px 1fr;min-height:270px}.gimp-tools{background:#2d3338;padding:9px;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;align-content:start}.gimp-tools span{height:28px;background:#3c444b;border:1px solid #545e66;display:grid;place-items:center;font-size:11px}.gimp-canvas{background:#646b71;padding:18px;display:grid;place-items:center}.fake-image{width:220px;height:150px;background:linear-gradient(135deg,#9ec6d8,#194a62);border:1px solid #d8eef8;display:grid;place-items:center;color:#fff;font-weight:900;position:relative}.fake-image:before{content:"REMORA";letter-spacing:.15em}.gimp-fields{background:#f6f6f6;color:#222;padding:10px;border-top:1px solid #202428}.word-shell{border:1px solid #cbd1d8;border-radius:7px;overflow:hidden}.word-bar{background:#185abd;color:white;padding:8px 10px;font-size:11px}.word-ribbon{padding:7px 10px;background:#f5f6f8;border-bottom:1px solid #ddd;font-size:10px}.word-page{width:85%;min-height:300px;margin:18px auto;background:white;box-shadow:0 2px 12px #0002;border:1px solid #eee;padding:28px;font-family:Calibri,Arial,sans-serif}.evidence-shot{border:1px solid #bbb;background:#f8f8f8;margin:12px 0;padding:10px;font-family:Consolas,monospace;font-size:9px;white-space:pre-wrap}.mail-shell{border:1px solid #cfd6df;border-radius:8px;overflow:hidden}.mail-title{padding:9px 12px;background:#0f6cbd;color:white;font-weight:700}.mail-row{display:grid;grid-template-columns:75px 1fr;border-bottom:1px solid #e5e7eb;padding:8px 10px;font-size:11px}.mail-body{min-height:140px;padding:12px}.context-menu{position:fixed;z-index:120;background:#fff;border:1px solid #cfd6df;box-shadow:0 8px 30px #0003;border-radius:7px;padding:5px;min-width:150px}.context-menu button{display:block;width:100%;text-align:left;border:0;background:transparent;padding:7px 9px;border-radius:4px;font-size:11px}.context-menu button:hover{background:#eef4fb}.context-menu button:disabled{color:#9aa3af;cursor:not-allowed;background:transparent}.notepad-status-hidden{display:none!important}.toast{position:fixed;right:22px;bottom:22px;z-index:130;background:#101828;color:#fff;border-radius:9px;padding:10px 13px;font-size:12px;box-shadow:0 10px 30px #0004}.results{background:#fff;border:1px solid #e0e5ec;border-radius:22px;padding:32px;box-shadow:var(--shadow)}.result-top{display:flex;align-items:center;gap:20px}.score-ring{width:112px;height:112px;border-radius:50%;display:grid;place-items:center;border:12px solid #dbeafe;background:#eff6ff}.score-ring span{font-size:23px;font-weight:900}.big-score{font-size:34px;font-weight:900}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}.result-panel{border:1px solid #e2e8f0;border-radius:14px;padding:17px}.result-panel h3{margin-top:0}.skill-row{display:grid;grid-template-columns:150px 1fr 45px;gap:8px;align-items:center;margin:8px 0;font-size:11px}.skill-track{height:7px;background:#eef2f6;border-radius:99px;overflow:hidden}.skill-track div{height:100%;background:#0f6cbd}.review-row{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid #eef1f4;font-size:11px}.ok{color:#067647;font-weight:800}.miss{color:#b42318;font-weight:800}.result-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.link-btn{display:inline-flex;align-items:center}.footer{text-align:center;color:#667085;font-size:11px;padding:24px}
@media(max-width:1050px){.launch-card{grid-template-columns:1fr}.questbar{grid-template-columns:1fr 1fr 1.5fr}.questbar>div:nth-last-child(-n+2){display:none}.workspace-grid{grid-template-columns:1fr;grid-template-rows:430px 430px 430px 430px;min-height:auto}.desktop{overflow:hidden}.windows-taskbar button{font-size:0}.windows-taskbar button::first-letter{font-size:13px}.result-grid{grid-template-columns:1fr}}
@media(max-width:650px){.sitebar{height:auto;min-height:62px;padding:8px 10px}.chapter-label{display:none}.shell{width:calc(100% - 16px);margin:14px auto 34px}.launch-card{padding:20px;border-radius:17px}.candidate-grid,.mode-grid{grid-template-columns:1fr}.questbar{grid-template-columns:1fr 1fr}.questbar .progress-wrap{grid-column:1/-1}.mission-card{padding:14px}.mission-top h2{font-size:20px}.workspace-grid{padding:6px;gap:7px;grid-template-rows:390px 390px 390px 390px}.desktop-top{display:none}.explorer-body{grid-template-columns:1fr}.explorer-nav{display:none}.file-head,.file-row{grid-template-columns:minmax(130px,1.4fr) 90px 50px}.editor-toolbar{align-items:flex-start;flex-direction:column}.result-top{align-items:flex-start}.result-grid{grid-template-columns:1fr}.skill-row{grid-template-columns:110px 1fr 38px}.win-controls span{width:32px}.browser-toolbar #testLinksBtn{display:none}}

/* Error 17: File Explorer navigation fidelity */
.explorer-toolbar button:disabled{opacity:.35;cursor:not-allowed}.explorer-separator{height:22px;width:1px;background:#d7dce3;margin:0 2px}.explorer-address button{border:0;background:transparent;color:#667085;padding:4px 5px;border-radius:4px;font-size:10px}.explorer-address button:hover,.explorer-address button.selected{background:#e5f1fb;color:#0f5f9e}.explorer-nav button{border:0;background:transparent;text-align:left;padding:6px 8px;border-radius:4px;font-size:10px;color:inherit}.explorer-nav button:hover,.explorer-nav button.selected{background:#e5f1fb;color:#0f5f9e}.explorer-nav .disabled-location{opacity:.5;cursor:default}.explorer-empty{padding:22px 10px;color:#667085;font-size:10px}

/* Error 22: source/browser print evidence fidelity */
.ch21-print-page{min-height:560px;position:relative;padding-bottom:42px}.ch21-source-print{white-space:pre-wrap;overflow-wrap:anywhere;font:10px/1.45 Consolas,"Courier New",monospace;border:1px solid #d7dde5;background:#fbfcfd;padding:12px;min-height:390px;max-height:520px;overflow:auto}.ch21-browser-print{border:1px solid #cfd6df;background:#fff;margin-top:10px}.ch21-browser-print-bar{padding:7px 9px;background:#f4f6f8;border-bottom:1px solid #d7dde5;font-size:9px;color:#475467;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ch21-browser-print iframe{display:block;width:100%;height:420px;border:0;background:#fff}.ch21-print-footer{position:absolute;bottom:14px;left:24px;right:24px;border-top:1px solid #d7dde5;padding-top:6px;text-align:right;font-size:9px;color:#667085}

/* Error 24: keep Explorer navigation available instead of deleting it on phones. */
@media(max-width:650px){
  .desktop-top{display:flex!important;min-height:34px;height:auto;gap:8px;overflow-x:auto;white-space:nowrap}
  .desktop-badges{display:flex;gap:5px;flex:0 0 auto}
  .explorer-body{grid-template-columns:1fr!important}
  .explorer-nav{display:flex!important;flex-direction:row;align-items:center;gap:4px;overflow-x:auto;border-right:0;border-bottom:1px solid #e3e5e8;padding:6px;white-space:nowrap}
  .explorer-nav strong,.explorer-nav span,.explorer-nav button{flex:0 0 auto}
  .browser-toolbar{overflow-x:auto}
  .browser-toolbar #testLinksBtn{display:inline-block!important}
  .workspace-grid{min-width:0}
  .app-window{min-width:0}
}

