:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#373435;background:#f5f6f2;font-synthesis:none}*{box-sizing:border-box}html{width:100%;max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%}body{margin:0;min-width:320px;min-height:100vh;width:100%;max-width:100%;overflow-x:hidden}#app{width:100%;max-width:100%;overflow-x:hidden}button,input,select{font:inherit}button{cursor:pointer}img{max-width:100%;height:auto}.shell{min-height:100vh;width:100%;max-width:100%;overflow-x:hidden}.topbar{position:sticky;top:0;z-index:20;background:#fff;color:#373435;display:flex;align-items:center;justify-content:space-between;padding:10px 22px;border-bottom:1px solid #e8e8e8;box-shadow:0 4px 20px #0001;gap:14px}.brand{display:flex;align-items:center;min-width:0}.brand-logo{display:block;width:230px;max-width:42vw;height:auto;object-fit:contain}.hero-brand{margin:-8px 0 18px}.hero-brand img{display:block;width:min(360px,82%);height:auto}.top-status{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.timer{font-variant-numeric:tabular-nums;font-weight:800;background:#373435;color:#fff;padding:9px 12px;border-radius:10px}.network-badge{font-size:.76rem;font-weight:800;padding:7px 10px;border-radius:999px;white-space:nowrap}.network-badge.online{background:#a8cf45;color:#373435}.network-badge.saving{background:#fff3bf;color:#5e4d00}.network-badge.offline{background:#ffd9d9;color:#7a2020}.container{width:100%;max-width:1050px;margin:0 auto;padding:28px 18px 80px}.card{background:#fff;border-radius:18px;padding:26px;box-shadow:0 10px 35px #0000000d;border:1px solid #e9e9e5;margin-bottom:18px;max-width:100%}.hero{padding:34px}.kicker{display:inline-block;background:#a8cf45;color:#373435;font-weight:800;padding:6px 10px;border-radius:999px;font-size:.84rem;max-width:100%}h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.02;margin:16px 0 12px;overflow-wrap:anywhere}h2{margin:0 0 10px;font-size:1.55rem;overflow-wrap:anywhere}h3{margin:0 0 10px}.muted{color:#6f706e}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.span-all{grid-column:1/-1}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field label{font-weight:750}input,select{border:1px solid #d5d7d0;border-radius:10px;padding:12px 13px;background:#fff;width:100%;max-width:100%;min-width:0}input:focus,select:focus{outline:3px solid #a8cf4533;border-color:#a8cf45}.btn{border:0;border-radius:11px;padding:13px 18px;font-weight:800;max-width:100%;white-space:normal}.btn-primary{background:#a8cf45;color:#373435}.btn-dark{background:#373435;color:#fff}.btn-ghost{background:#eceee8;color:#373435}.btn-danger{background:#8f2f2f;color:#fff}.actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-top:18px;min-width:0}.notice,.error,.success,.warning-box{padding:14px 16px;border-radius:12px;margin:12px 0}.notice{background:#f1f6df;border-left:5px solid #a8cf45}.error{background:#fff0f0;border-left:5px solid #b54c4c}.success{background:#eff8ed;border-left:5px solid #4e9947}.warning-box{background:#fff4d7;border-left:5px solid #d5a21d;line-height:1.5}.schedule-date,.resume-time{font-weight:900;font-size:clamp(1.25rem,4vw,2rem);margin:12px 0}.resume-time{font-variant-numeric:tabular-nums}.summary-list{display:grid;gap:0;margin:18px 0;border:1px solid #e6e7e1;border-radius:12px;overflow:hidden}.summary-list>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:12px;padding:12px 14px;border-bottom:1px solid #eee}.summary-list>div:last-child{border-bottom:0}.summary-list span{color:#6f706e}.summary-list strong{text-align:right;overflow-wrap:anywhere}.progress{height:9px;background:#e6e8e2;border-radius:999px;overflow:hidden;margin:10px 0 2px}.progress>div{height:100%;background:#a8cf45}.exam-header{display:flex;justify-content:space-between;gap:12px;align-items:center}.exam-header h2{margin-top:10px}.exam-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:18px}.sticky-side{position:sticky;top:86px;align-self:start;min-width:0}.nav-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:12px}.nav-q{border:0;border-radius:8px;padding:7px 0;background:#eceee8;font-size:.82rem}.nav-q.answered{background:#a8cf45}.nav-q.current{outline:2px solid #373435}.situation{white-space:pre-line;line-height:1.58;background:#f8f9f6;padding:18px;border-radius:12px;margin:15px 0;overflow-wrap:anywhere}.situation-image{max-width:100%;display:block;margin:14px auto;border-radius:12px;border:1px solid #e5e5e2}.question{padding:18px 0;border-top:1px solid #ecece8}.question:first-of-type{border-top:0}.stem{font-weight:800;line-height:1.45;margin-bottom:12px;overflow-wrap:anywhere}.option{display:flex;gap:10px;align-items:flex-start;padding:11px 12px;border:1px solid #e4e5df;border-radius:10px;margin:8px 0;cursor:pointer;min-width:0}.option:hover{background:#fafbf7}.option input{margin-top:3px;width:auto;flex:0 0 auto}.option span{min-width:0;overflow-wrap:anywhere}.badge{display:inline-block;padding:5px 9px;background:#373435;color:#fff;border-radius:999px;font-size:.78rem;font-weight:800;max-width:100%}.result-score{font-size:4rem;font-weight:900;line-height:1;color:#373435}.result-score span{font-size:1.5rem}.area-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:10px 0;border-bottom:1px solid #eee}.login-box{max-width:620px;margin:35px auto}.consent{display:flex;gap:10px;align-items:flex-start;margin:12px 0;min-width:0}.consent input{margin-top:4px;width:auto;flex:0 0 auto}.consent span{min-width:0;overflow-wrap:anywhere}.review-block{margin-bottom:24px}.review-question{padding:18px;border-radius:12px;margin:14px 0;border-left:5px solid #ddd;background:#fbfbfa}.review-question.review-correct{border-left-color:#4e9947}.review-question.review-wrong{border-left-color:#b54c4c}.review-option{padding:9px 11px;margin:6px 0;border:1px solid #e7e7e2;border-radius:8px}.review-option.selected{outline:2px solid #373435}.review-option.key{background:#eff8ed;border-color:#86b980}.review-meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px;font-size:.9rem}.ok-text{color:#357a31;font-weight:900}.bad-text{color:#a33b3b;font-weight:900}@media(max-width:800px){.grid{grid-template-columns:1fr}.span-all{grid-column:auto}.exam-layout{grid-template-columns:1fr}.sticky-side{position:static}.topbar{padding:11px 14px}.container{padding:18px 12px 70px}.card{padding:18px}.hero{padding:22px}.nav-grid{grid-template-columns:repeat(10,1fr)}}@media(max-width:520px){.topbar{align-items:center;padding:8px 10px}.brand-logo{width:185px;max-width:55vw}.hero-brand img{width:min(320px,92%)}.top-status{justify-content:flex-end}.network-badge{font-size:.67rem;padding:6px 8px}.timer{font-size:.82rem;padding:7px 8px}.login-box{margin:14px auto}h1{font-size:2.3rem}h2{font-size:1.25rem}.actions{flex-direction:column;align-items:stretch;justify-content:flex-start}.actions>*{width:100%}.btn{width:100%}.nav-grid{grid-template-columns:repeat(7,1fr)}.result-score{font-size:3rem}.summary-list>div{grid-template-columns:1fr}.summary-list strong{text-align:left}.exam-header{align-items:flex-start}.area-row{font-size:.92rem}}