:root{font-family:Inter,system-ui,sans-serif;color:#17263c;background:#f5f7fa;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:0}.shell{min-height:100vh}.topbar{height:74px;background:#fff;border-bottom:1px solid #e6eaf0;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,64px)}.brand{display:flex;align-items:center;gap:11px;font-weight:800;color:#18395f}.brand em{font-style:normal;font-weight:500;color:#8895a6}.brand-mark{display:grid;place-items:center;width:34px;height:34px;color:#fff;background:#236bb2;border-radius:10px;font-size:20px}.top-actions{display:flex;align-items:center;gap:22px;color:#667589;font-size:13px}.connection{display:flex;align-items:center;gap:7px}.connection i{width:7px;height:7px;border-radius:50%;background:#43b581;display:inline-block}.connection.demo i{background:#df9b38}.user-name{font-weight:600;color:#273b55}.link-button{background:none;color:#3973ad;font-size:13px;padding:4px}.nav{background:#fff;border-bottom:1px solid #e6eaf0;padding:0 clamp(20px,4vw,64px);display:flex;gap:25px}.nav button{background:none;color:#728198;padding:15px 2px;border-bottom:2px solid transparent;font-size:14px}.nav button.active{color:#236bb2;border-bottom-color:#236bb2;font-weight:700}.content{max-width:1200px;margin:0 auto;padding:38px clamp(20px,4vw,64px) 60px}.demo-banner{background:#fff7e9;color:#8b601e;border:1px solid #f0ddb4;border-radius:10px;padding:10px 14px;font-size:12px;margin-bottom:22px}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:26px}.page-heading h1{font-size:34px;line-height:1.15;letter-spacing:-.04em;margin:5px 0 8px;color:#192d47}.eyebrow{text-transform:uppercase;letter-spacing:.11em;color:#6382a6;font-size:10px;font-weight:800;margin:0}.muted{color:#7e8c9e}.pill{background:#e9f1fb;color:#2869aa;padding:5px 10px;border-radius:20px;font-size:11px;font-weight:700}.hero-card{overflow:hidden;position:relative;background:linear-gradient(112deg,#123a64,#236cae);color:#fff;border-radius:16px;padding:34px 38px;min-height:205px;margin-bottom:24px}.hero-card h2{font-size:25px;letter-spacing:-.035em;margin:8px 0}.hero-card p{margin:0 0 20px;color:#d5e4f4;font-size:14px}.light-button{background:#fff;color:#245f9d;border-radius:8px;padding:11px 16px;font-size:12px;font-weight:700}.hero-illustration{position:absolute;right:10%;top:4px;width:230px;height:200px;opacity:.6}.orb{position:absolute;width:130px;height:130px;border:1px solid #94c4eb;border-radius:50%;top:32px;left:55px}.cross{position:absolute;color:#cce9ff;font-size:76px;font-weight:200;top:38px;left:99px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.stat-card{background:#fff;border:1px solid #e6ebf1;border-radius:12px;padding:19px 20px}.stat-card span,.stat-card small{display:block;color:#7b8a9f;font-size:12px}.stat-card strong{display:block;font-size:28px;letter-spacing:-.04em;color:#203a5a;margin:7px 0 2px}.stat-card small{font-size:11px}.panel{background:#fff;border:1px solid #e5eaf0;border-radius:12px;padding:24px;margin-bottom:20px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.panel h2{font-size:18px;letter-spacing:-.025em;margin:0;color:#203954}.secondary{border:1px solid #d9e1ea;background:#fff;color:#4d6784;border-radius:7px;padding:8px 12px;font-size:12px}.primary{background:#236bb2;color:#fff;border-radius:7px;padding:10px 16px;font-size:12px;font-weight:700}.primary:disabled{opacity:.5;cursor:wait}.assessment{display:flex;gap:15px;align-items:center;border-top:1px solid #edf0f4;padding:18px 0}.assessment-icon{width:42px;height:42px;border-radius:10px;background:#e8f2fc;color:#2771b7;display:grid;place-items:center;font-weight:800}.assessment-main{flex:1}.assessment-main h3{font-size:14px;margin:0 0 4px}.assessment-main p,.assessment-main small{font-size:12px;color:#7c8a9b;margin:0}.assessment-main p span{padding:0 5px;color:#c0c7d0}.pending-panel{border-style:dashed;background:#fbfcfd}.pending-panel h2{margin:8px 0 3px}.pending-panel p{font-size:13px}.empty{color:#8794a4;font-size:13px}.exam-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:20px}.exam-card{padding:30px}.exam-head{display:flex;justify-content:space-between;border-bottom:1px solid #ecf0f4;padding-bottom:18px;margin-bottom:20px}.exam-head h1{margin:3px 0 0;font-size:22px}.timer{font-size:20px;font-weight:800;color:#245f9d}.question-meta{display:flex;justify-content:space-between;color:#8492a3;font-size:12px}.question{font-size:21px;line-height:1.4;margin:26px 0}.options{border:0;padding:0;margin:0}.option{display:flex;align-items:center;gap:12px;border:1px solid #e1e8f0;padding:14px 16px;border-radius:9px;margin:10px 0;font-size:14px;color:#354e6b}.option.selected{border-color:#5597d1;background:#f0f7fd}.option input{accent-color:#236bb2}.exam-actions{display:flex;justify-content:space-between;margin-top:28px;padding-top:20px;border-top:1px solid #ecf0f4}.navigator h3{font-size:15px;margin:0 0 16px}.question-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.question-grid button{background:#f1f4f7;color:#607189;border-radius:6px;padding:8px}.question-grid button.current{background:#236bb2;color:#fff}.navigator hr{border:0;border-top:1px solid #ecf0f4;margin:22px 0}.tiny{font-size:11px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;border-top:1px solid #edf0f4;padding:13px 8px}th{color:#8190a3;font-size:11px;font-weight:600}td small{display:block;color:#94a0af;font-size:11px;margin-top:3px}.footer{max-width:1200px;margin:0 auto;padding:20px clamp(20px,4vw,64px);color:#9aa6b5;font-size:11px;display:flex;justify-content:space-between}.footer span{color:#c1c8d1}.login-page{display:grid;grid-template-columns:1.05fr .95fr;min-height:100vh;background:#123a64}.login-intro{color:#fff;padding:70px clamp(30px,8vw,130px);background:radial-gradient(circle at 85% 75%,#266da9 0,transparent 44%),#123a64}.login-intro .brand{color:#fff;margin-bottom:90px}.login-intro .brand-mark{background:#fff;color:#2463a1}.login-intro h1{font-size:54px;line-height:1.08;letter-spacing:-.06em;margin:16px 0}.login-intro h1 span{color:#8cc7ef}.login-intro>p{color:#c4d9ec;max-width:380px;font-size:15px}.login-side{background:#f5f7fa;display:grid;place-items:center;padding:30px}.login-card{background:#fff;border:1px solid #e6ebf1;border-radius:14px;padding:38px;width:min(410px,100%);box-shadow:0 15px 50px #153b6315}.login-card h2{font-size:27px;margin:7px 0}.login-card form{margin-top:25px}.login-card label{display:block;color:#51667e;font-size:12px;font-weight:700;margin-bottom:16px}.login-card input,.login-card select{display:block;width:100%;padding:11px 12px;border:1px solid #dae3ec;border-radius:7px;margin-top:6px;outline-color:#4087bd;background:#fff}.demo-toggle{font-size:11px!important;font-weight:500!important;color:#7c8b9d!important;display:flex!important;gap:7px;align-items:center;margin-top:17px}.error{font-size:12px;color:#ba4646}.login-help{font-size:11px;color:#98a3b0;margin:25px 0 0}@media(max-width:760px){.topbar{height:auto;padding:15px 20px;align-items:flex-start}.top-actions{gap:10px;flex-wrap:wrap;justify-content:flex-end}.user-name{display:none}.nav{padding:0 20px;gap:20px}.content{padding:25px 20px}.page-heading{align-items:flex-start;gap:10px}.page-heading h1{font-size:27px}.hero-card{padding:25px}.hero-illustration{opacity:.25;right:-20px}.stat-grid,.exam-layout{grid-template-columns:1fr}.navigator{order:-1}.login-page{grid-template-columns:1fr}.login-intro{display:none}.login-side{padding:20px}.assessment{align-items:flex-start;flex-wrap:wrap}.assessment .primary{margin-left:57px}.footer{padding:20px}.footer span{display:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.wide{width:100%}.center-page{min-height:100vh;display:grid;place-items:center;padding:24px}.demo-toggle input{width:16px;margin:0}.save-row,.button-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:18px 0}.question-grid button.answered{background:#def1e7;color:#286c49}.finish-confirm{background:#fff7e9;padding:18px;border-radius:8px;margin-top:20px}.finish-confirm button{margin-right:10px}.notice{background:#fff1ec;color:#963d26;padding:12px 16px;border:1px solid #f2d4c9;border-radius:8px;font-size:13px}.answer-correct{background:#eaf6f0;color:#286747;padding:15px;border-radius:8px;margin-top:16px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:20px 0;align-items:stretch}.form-grid label{font-size:12px;color:#526780}.form-grid input:not([type=checkbox]):not([type=radio]),.form-grid select{display:block;width:100%;background:#fff;border:1px solid #cbd8e4;border-radius:7px;padding:10px;margin-top:5px;color:#1c3e5d}.subnav{display:flex;gap:8px;margin-bottom:20px}.subnav button{background:#e8eef5;padding:10px 17px;border-radius:8px;color:#4e6580}.subnav button.active{background:#236bb2;color:#fff}.secret-box{background:#fff7e9;border:1px solid #ead4a9;border-radius:8px;padding:16px}.secret-box code{display:block;font-size:19px;letter-spacing:.05em;margin:12px 0;-webkit-user-select:all;user-select:all}.training-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:20px}.question-list{max-height:600px;overflow:auto;border-right:1px solid #e5eaf0;padding-right:14px}.question-list button{display:block;width:100%;text-align:left;padding:12px;background:#f5f8fb;margin-bottom:8px;border-radius:8px;color:#334d69}.question-list button.selected{background:#e8f1fc;border:1px solid #93bce3}.question-list small{display:block;color:#7790aa;font-size:10px}.question-list span{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;margin-top:5px}.training-detail h3{font-size:19px;line-height:1.5}.training-history{margin-top:24px;border-top:1px solid #e5eaf0;padding-top:15px}.hero-card>div:first-child{position:relative;z-index:1;max-width:75%}:focus-visible{outline:3px solid #72a6d6;outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.55}@media(max-width:760px){.training-layout{grid-template-columns:1fr}.question-list{max-height:220px;border-right:0;border-bottom:1px solid #e5eaf0}.hero-card>div:first-child{max-width:100%}.form-grid{grid-template-columns:1fr}.exam-actions{gap:10px;flex-wrap:wrap}}:root{--bg:#f3f6f8;--surface:#fff;--ink:#203537;--muted:#667b80;--line:#dce6e7;--accent:#137b70;--soft:#e8f4f0;color:var(--ink);background:var(--bg);font-family:Segoe UI,system-ui,sans-serif}:root[data-theme=dark]{--bg:#101c21;--surface:#19282f;--ink:#e0eeee;--muted:#a0b6bc;--line:#30454d;--accent:#72cdb5;--soft:#253e3e;color-scheme:dark}body{background:var(--bg);color:var(--ink)}button,input,select{transition:background .18s,color .18s,border-color .18s,box-shadow .18s,transform .18s}button:not(:disabled):active{transform:translateY(1px)}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.app-frame{display:flex;min-height:100vh}.sidebar{width:246px;position:fixed;inset:0 auto 0 0;padding:32px 22px 20px;background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:20}.sidebar .brand{color:var(--ink);font-size:23px;margin:0 10px 42px}.brand-mark{background:#137b70;width:43px;height:43px;border-radius:14px}.brand small{display:block;font-weight:400;font-size:12px;letter-spacing:.04em;color:var(--muted)}.sidebar-caption{font-size:10px;letter-spacing:.13em;color:var(--muted);margin:0 12px 14px}.sidebar nav{display:grid;gap:7px}.sidebar nav button{display:flex;align-items:center;gap:13px;padding:14px;border-radius:12px;text-align:left;background:transparent;color:var(--muted);font-size:14px;min-height:48px}.sidebar nav button:hover{background:var(--bg);color:var(--ink)}.sidebar nav button[aria-current]{color:var(--accent);background:var(--soft);font-weight:650}.nav-dot{margin-left:auto;background:var(--accent);width:6px;height:6px;border-radius:100%}.sidebar-note{margin-top:auto;padding:24px 12px;color:var(--muted);font-size:12px;line-height:1.8}.account-card{display:flex;gap:10px;align-items:center;text-align:left;padding:16px 0 0;border-top:1px solid var(--line);background:none;color:var(--ink);font-size:12px}.account-card>span:last-child{overflow-wrap:anywhere}.account-card small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.avatar{width:38px;height:38px;flex-shrink:0;display:inline-grid;place-items:center;border-radius:50%;background:var(--soft);color:var(--accent);font-size:19px;font-weight:700}.avatar-large{width:80px;height:80px;font-size:32px;margin-bottom:20px}.workspace{margin-left:246px;flex:1;min-width:0}.workspace-header{display:flex;align-items:center;justify-content:space-between;min-height:86px;padding:20px 42px;gap:12px}.breadcrumb{font-size:12px;color:var(--muted)}.breadcrumb span{padding:0 12px;color:var(--line)}.breadcrumb b{color:var(--ink);font-weight:600}.header-tools{display:flex;align-items:center;gap:12px}.header-tools button{min-height:38px}.theme-button{font-size:21px;padding:0 12px}.content{max-width:1280px;padding:28px 42px 60px}.content>section,.content>.page-heading,.settings-grid{animation:reveal .35s ease-out}.content>div[hidden]{display:none}.page-heading h1{font-size:36px;color:var(--ink);font-weight:650;letter-spacing:-.045em}.page-heading{margin-bottom:30px}.muted,.empty,.stat-card span,.stat-card small,.question-meta,.assessment-main p,.assessment-main small{color:var(--muted)}.eyebrow{color:var(--accent);letter-spacing:.16em}.hero-card{background:linear-gradient(115deg,#164d47,#147d70);border-radius:22px;padding:38px 40px;min-height:248px;box-shadow:0 16px 36px #103c3910}.hero-card h2{font-size:31px;font-weight:550;max-width:500px;line-height:1.25;margin:14px 0}.hero-card .eyebrow{color:#a8dbc9}.hero-illustration{right:7%;top:25px}.orb{height:190px;width:190px;border:28px solid #a0d9c72b;left:10px;top:0;box-shadow:0 0 0 25px #b1e3d511}.cross{left:68px;top:33px;color:#c7e7d7}.panel,.stat-card,.login-card{background:var(--surface);border:1px solid var(--line);border-radius:17px;box-shadow:0 3px 12px #102a2a03}.panel{padding:28px}.panel h2,.stat-card strong,.exam-head h1,.question{color:var(--ink)}.stat-card{padding:25px}.stat-card strong{font-size:34px}.primary{background:#137b70;border-radius:10px;font-size:14px;padding:12px 20px;min-height:44px}.primary:not(:disabled):hover{background:#10665e;box-shadow:0 5px 16px #137b702b}.secondary,.light-button{border-radius:10px;min-height:40px;font-size:13px}.secondary{background:var(--surface);border-color:var(--line);color:var(--ink)}.secondary:hover{background:var(--soft)}.pill,.assessment-icon{background:var(--soft);color:var(--accent)}.assessment,th,td,.exam-head,.exam-actions,.training-history{border-color:var(--line)}.option{border-color:var(--line);color:var(--ink);min-height:55px;border-radius:12px}.option:hover{background:var(--bg)}.option.selected{background:var(--soft);border-color:var(--accent)}.option input{accent-color:#137b70}.question-grid button.current{background:#137b70}.question-grid button{min-height:40px}.timer{color:var(--accent);font-variant-numeric:tabular-nums}.form-grid input:not([type=checkbox]):not([type=radio]),.form-grid select,.login-card input,.login-card select{background:var(--bg);color:var(--ink);border-color:var(--line);min-height:45px}.form-grid label,.login-card label{color:var(--muted)}.login-side{background:var(--bg)}.login-intro{background:radial-gradient(circle at 80% 70%,#247c70,transparent 50%),#153f3d}.login-intro h1 span{color:#9cd4bc}.login-intro .brand-mark{color:#137b70}.login-theme{position:fixed;top:20px;right:24px;z-index:30}.login-card{padding:42px}.login-help{color:var(--muted)}.settings-grid{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px}.profile-card{text-align:center;align-self:start;padding:35px 24px}.profile-card .tiny{margin-top:25px;line-height:1.8}.theme-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.theme-choices button{background:var(--bg);color:var(--ink);border:2px solid transparent;padding:10px;border-radius:12px;font-size:12px}.theme-choices button[aria-pressed=true]{border-color:var(--accent)}.theme-preview{display:flex;flex-direction:column;gap:7px;padding:15px 12px 15px 25px;border-radius:6px;background:#f5f8f8;border:1px solid #d5e0de;border-left:15px solid #e0ece7;margin-bottom:10px;height:75px}.theme-preview i{height:5px;background:#9cb8b1;border-radius:3px;width:80%}.theme-preview i:last-child{width:50%}.theme-preview.dark{background:#17292f;border-color:#34515a;border-left-color:#293e45}.theme-preview.system{background:linear-gradient(90deg,#f5f8f8 50%,#17292f 50%)}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:19px 0;border-top:1px solid var(--line);font-size:14px}.setting-row small{display:block;color:var(--muted);font-size:12px;margin-top:5px}.setting-row input{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;margin:0;padding:0;display:inline-grid;place-content:center;border:1.5px solid var(--line);border-radius:5px;background:var(--surface);cursor:pointer;accent-color:var(--accent)}.setting-row input:checked{background:var(--accent);border-color:var(--accent)}.setting-row input:checked:before{content:"";width:9px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translateY(-1px);margin-top:-1px}:root[data-theme=dark] .setting-row input:checked:before{border-color:#10201e}.footer{color:var(--muted);padding:20px 42px}.footer span{color:var(--muted)}.skip-link{position:fixed;top:0;left:12px;z-index:99;padding:12px 16px;border-radius:10px;background:var(--surface);color:var(--ink);border:1px solid var(--line);transform:translateY(-120%);transition:transform .15s}.skip-link:focus,.skip-link:focus-visible{transform:translateY(8px);outline:3px solid var(--accent);outline-offset:2px}.subnav{flex-wrap:wrap}.subnav button{background:var(--soft);color:var(--accent)}.subnav button.active{background:#137b70;color:#fff}.question-list button{background:var(--bg);color:var(--ink)}.question-list button.selected{background:var(--soft);border-color:var(--accent)}.notice .link-button{float:right}.demo-banner{font-size:12px;margin-bottom:24px}.question{font-size:22px!important}.theme-preview,.hero-illustration{pointer-events:none}[data-large=yes] .question,[data-large=yes] .training-detail h3{font-size:26px!important}[data-large=yes] .option{font-size:18px}html[data-theme=dark] .notice,html[data-theme=dark] .finish-confirm,html[data-theme=dark] .secret-box,html[data-theme=dark] .demo-banner{background:#3d3428;color:#f1d9ae;border-color:#62513c}html[data-theme=dark] .answer-correct{background:#203f35;color:#a9debe}@keyframes reveal{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}[data-motion=no] *,[data-motion=no] *:before,[data-motion=no] *:after{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:1050px){.sidebar{width:210px;padding:26px 15px}.workspace{margin-left:210px}.content{padding:24px}.workspace-header{padding:20px 24px}.settings-grid{grid-template-columns:1fr}.profile-card{text-align:left}.profile-card .avatar{float:left;margin-right:20px}.profile-card .tiny{clear:both;padding-top:15px}.hero-illustration{opacity:.3}}@media(max-width:700px){.sidebar{inset:auto 0 0;width:100%;height:76px;padding:7px 8px calc(7px + env(safe-area-inset-bottom));border-right:0;border-top:1px solid var(--line);height:auto}.sidebar .brand,.sidebar-caption,.sidebar-note,.account-card{display:none}.sidebar nav{display:flex;justify-content:space-around;gap:2px}.sidebar nav button{flex:1;flex-direction:column;gap:5px;padding:8px 2px;font-size:10px;border-radius:10px;min-width:0}.nav-dot{display:none}.workspace{margin-left:0;padding-bottom:90px}.workspace-header{min-height:68px;padding:14px 20px}.breadcrumb{font-size:11px}.breadcrumb>span,.breadcrumb>b{display:none}.header-tools{gap:7px}.content{padding:20px}.page-heading h1{font-size:29px}.hero-card{padding:28px;min-height:230px}.hero-card h2{font-size:26px}.stat-grid{gap:10px}.stat-card{padding:18px}.panel{padding:20px}.settings-grid{gap:10px}.theme-choices{gap:6px}.theme-choices button{font-size:11px;padding:6px}.theme-preview{padding:13px 5px;border-left-width:9px}.footer{padding:15px 20px}.login-card{padding:30px}.login-side{padding-top:78px}.skip-link{left:12px}.exam-layout{display:flex;flex-direction:column}.navigator{order:1}.question-grid{grid-template-columns:repeat(auto-fill,minmax(35px,1fr))}.question{font-size:20px!important}}.attempt-review{display:grid;gap:22px}.review-hero{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;flex-wrap:wrap;padding-bottom:4px;border-bottom:1px solid var(--line)}.review-hero-main{min-width:min(100%,280px);flex:1}.review-hero h2{margin:0 0 6px;font-size:clamp(22px,2.4vw,28px);letter-spacing:-.02em}.review-student{margin:0;font-size:17px;font-weight:650;color:var(--ink)}.review-meta{margin:4px 0 14px;font-size:13px}.review-dot{margin:0 .45em;opacity:.55}.review-summary{display:flex;flex-wrap:wrap;gap:8px}.review-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid var(--line);background:var(--soft);color:var(--ink)}.review-chip.ok{background:#2f8f6b24;border-color:#2f8f6b59;color:#1f7a58}.review-chip.bad{background:#b4533a24;border-color:#b4533a59;color:#b4533a}.review-chip.skip{background:#78828c1f;border-color:var(--line);color:var(--muted)}:root[data-theme=dark] .review-chip.ok,html[data-theme=dark] .review-chip.ok{color:#8fd6b4}:root[data-theme=dark] .review-chip.bad,html[data-theme=dark] .review-chip.bad{color:#f0a090}.review-hero-side{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.review-score{min-width:112px;padding:14px 16px;border-radius:16px;background:var(--soft);border:1px solid var(--line);text-align:right;display:grid;gap:2px}.review-score strong{font-size:22px;letter-spacing:-.03em;line-height:1.1}.review-score span{font-size:13px;color:var(--muted)}.review-score em{font-style:normal;font-size:12px;font-weight:700;color:var(--accent)}.review-score.pass{border-color:#2f8f6b66;background:#2f8f6b1f}.review-score.fail{border-color:#b4533a66;background:#b4533a1f}.review-score.fail em{color:#b4533a}.review-questions{display:grid;gap:14px}.review-q{padding:16px 16px 14px;border-radius:16px;border:1px solid var(--line);background:var(--surface);border-left:4px solid var(--line)}.review-q-ok{border-left-color:#2f8f6b}.review-q-bad{border-left-color:#b4533a}.review-q-skip{border-left-color:#8a94a0}.review-q-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}.review-q-num{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:var(--soft);color:var(--accent);font-size:13px;font-weight:750}.review-q-title{display:flex;align-items:center;gap:8px;flex:1;flex-wrap:wrap}.review-badge{font-size:11px;font-weight:750;letter-spacing:.02em;padding:3px 9px;border-radius:999px}.review-badge.ok{background:#2f8f6b2e;color:#1f7a58}.review-badge.bad{background:#b4533a2e;color:#b4533a}.review-badge.skip{background:#78828c29;color:var(--muted)}:root[data-theme=dark] .review-badge.ok,html[data-theme=dark] .review-badge.ok{color:#8fd6b4}:root[data-theme=dark] .review-badge.bad,html[data-theme=dark] .review-badge.bad{color:#f0a090}.review-topic{font-size:12px;color:var(--muted)}.review-q-body{margin:0 0 12px;font-size:15px;line-height:1.45;max-width:72ch}.review-options{list-style:none;margin:0;padding:0;display:grid;gap:7px}.review-opt{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:start;padding:10px 12px;border-radius:12px;border:1px solid transparent;background:var(--bg)}.review-opt-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;font-size:13px;font-weight:700;background:var(--soft);color:var(--muted)}.review-opt-text{padding-top:4px;font-size:14px;line-height:1.4}.review-opt-tags{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;padding-top:3px}.review-opt-tags .tag{font-size:11px;font-weight:650;padding:2px 8px;border-radius:999px;white-space:nowrap}.review-opt-tags .tag.picked{background:#b4533a29;color:#b4533a}.review-opt-tags .tag.correct{background:#2f8f6b29;color:#1f7a58}:root[data-theme=dark] .review-opt-tags .tag.picked,html[data-theme=dark] .review-opt-tags .tag.picked{color:#f0a090}:root[data-theme=dark] .review-opt-tags .tag.correct,html[data-theme=dark] .review-opt-tags .tag.correct{color:#8fd6b4}.review-opt-correct{background:#2f8f6b1f;border-color:#2f8f6b47}.review-opt-correct .review-opt-mark{background:#2f8f6b;color:#fff}.review-opt-picked{background:#b4533a1a;border-color:#b4533a47}.review-opt-picked .review-opt-mark{background:#b4533a;color:#fff}.review-opt-correct.review-opt-picked,.review-opt-correct:has(.tag.picked){background:#2f8f6b24}@media(max-width:700px){.review-hero-side{width:100%;align-items:stretch}.review-score{text-align:left}.review-opt{grid-template-columns:28px 1fr;grid-template-rows:auto auto}.review-opt-tags{grid-column:2;justify-content:flex-start}}.form-grid input[type=checkbox],.form-grid input[type=radio],.check-field input,.check-list input{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px!important;height:18px!important;min-height:0!important;min-width:0!important;margin:0!important;padding:0!important;display:inline-grid!important;place-content:center;flex-shrink:0;border:1.5px solid var(--line);border-radius:5px;background:var(--surface);box-shadow:none;cursor:pointer}.form-grid input[type=radio],.check-list input[type=radio]{border-radius:50%}.form-grid input[type=checkbox]:checked,.check-field input:checked,.check-list input:checked{background:var(--accent);border-color:var(--accent)}.form-grid input[type=checkbox]:checked:before,.check-field input:checked:before,.check-list input:checked:before{content:"";width:9px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translateY(-1px);margin-top:-1px}:root[data-theme=dark] .form-grid input[type=checkbox]:checked:before,:root[data-theme=dark] .check-field input:checked:before,:root[data-theme=dark] .check-list input:checked:before{border-color:#10201e}.form-grid input[type=checkbox]:focus-visible,.check-field input:focus-visible,.check-list input:focus-visible,.form-grid select:focus-visible,.panel-head select:focus-visible,.select-menu-trigger:focus-visible,.datetime-picker-trigger:focus-visible,.file-dropzone:focus-visible,textarea:focus-visible,input.control:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.check-field{display:flex!important;flex-direction:row!important;align-items:center;gap:12px;align-self:stretch;min-height:45px;padding:11px 14px;margin:0;background:var(--bg);border:1px solid var(--line);border-radius:12px;color:var(--ink);font-size:13px;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none}.check-field:hover{border-color:var(--accent);background:var(--soft)}.check-field input{margin-top:0!important}.check-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;margin:12px 0}.check-list label{display:flex;align-items:center;gap:10px;padding:10px 12px;min-height:42px;margin:0;background:var(--bg);border:1px solid var(--line);border-radius:11px;color:var(--ink);font-size:13px;cursor:pointer}.check-list label:hover{border-color:var(--accent);background:var(--soft)}.form-grid select,.login-card select,.panel-head select,.toolbar-field select,select.control{-moz-appearance:none;appearance:none;-webkit-appearance:none;display:block;width:100%;min-height:45px;padding:10px 40px 10px 12px;border:1px solid var(--line);border-radius:10px;background-color:var(--bg);color:var(--ink);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23137b70' d='M1.2 1.2 6 6l4.8-4.8 1.2 1.2L6 8.4 0 2.4z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:12px;cursor:pointer}:root[data-theme=dark] .form-grid select,:root[data-theme=dark] .login-card select,:root[data-theme=dark] .panel-head select,:root[data-theme=dark] .toolbar-field select,:root[data-theme=dark] select.control{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2372cdb5' d='M1.2 1.2 6 6l4.8-4.8 1.2 1.2L6 8.4 0 2.4z'/%3E%3C/svg%3E")}.form-grid select:hover,.panel-head select:hover,.toolbar-field select:hover,select.control:hover{border-color:var(--accent)}.form-grid textarea,textarea.control,input.control{display:block;width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--ink);line-height:1.45}.form-grid textarea,textarea.control{min-height:120px;margin-top:5px;resize:vertical}input.control{min-height:45px;margin-top:5px}.toolbar-field{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.02em}.toolbar-field select,.toolbar-field .select-menu{width:auto;min-width:210px;margin:0}.toolbar-field .select-menu-trigger{min-height:40px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;width:100%;min-width:0}.panel-head>div{min-width:0;flex:1 1 auto}.panel-head>.toolbar-field,.panel-head>.pill,.panel-head>button{flex:0 0 auto}.form-grid{align-items:stretch}.form-grid>label,.form-grid>.select-menu,.form-grid>.datetime-picker,.form-grid>.file-picker,.form-grid>.check-field{min-width:0;width:100%}.form-grid>button.primary,.form-grid>button.secondary{align-self:center;justify-self:start;width:auto;min-width:140px;min-height:45px}.form-grid>.file-picker{grid-column:1 / -1}.form-grid>.check-field{align-self:center;min-height:45px}.form-grid input[type=file]{display:none}.sr-only,.file-picker input[type=file],.datetime-picker>input.sr-only{position:absolute!important;width:1px!important;height:1px!important;min-width:0!important;min-height:0!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;border:0!important;white-space:nowrap!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}.select-menu{position:relative;display:grid;gap:5px;width:100%}.select-menu-label{font-size:12px;color:var(--muted)}.select-menu-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:45px;padding:10px 14px;text-align:left;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);font:inherit;cursor:pointer}.select-menu-trigger:hover:not(:disabled){border-color:var(--accent)}.select-menu-trigger:disabled{opacity:.55;cursor:not-allowed}.select-menu-placeholder{color:var(--muted)}.select-menu-chevron{color:var(--accent);font-size:12px;line-height:1}.select-menu-list{position:absolute;z-index:50;top:calc(100% + 6px);left:0;right:0;max-height:260px;overflow:auto;margin:0;padding:6px;list-style:none;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 32px #102a2a28;color-scheme:only light}:root[data-theme=dark] .select-menu-list{color-scheme:only dark;box-shadow:0 16px 36px #0005}.select-menu-option{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:10px 12px;border:0;border-radius:9px;background:transparent;color:var(--ink);font:inherit;text-align:left;cursor:pointer}.select-menu-option small{color:var(--muted);font-size:11px}.select-menu-option.is-active,.select-menu-option:hover{background:var(--soft)}.select-menu-option.is-selected{color:var(--accent);font-weight:600;background:var(--soft)}.select-menu-option.is-selected.is-active{background:var(--soft)}.select-menu-compact .select-menu-trigger{min-height:40px}.select-menu-option::-moz-focus-inner{border:0}.select-menu-list button{-webkit-tap-highlight-color:transparent}.retract-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px;background:var(--bg);border:1px solid var(--line);border-radius:12px;min-width:220px;max-width:420px}.retract-row input{flex:1 1 140px;min-width:140px;min-height:40px;margin:0!important;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink)}.retract-row input:focus{outline:2px solid var(--accent);outline-offset:1px}.retract-row button{flex:0 0 auto;white-space:nowrap}.datetime-picker{position:relative;display:grid;gap:5px;width:100%;min-width:0}.datetime-picker-label{font-size:12px;color:var(--muted)}.datetime-picker-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:45px;padding:10px 14px;text-align:left;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);font:inherit;cursor:pointer}.datetime-picker-trigger:hover:not(:disabled){border-color:var(--accent)}.datetime-picker-trigger:disabled{opacity:.55;cursor:not-allowed}.datetime-picker-placeholder{color:var(--muted)}.datetime-picker-icon{color:var(--accent);display:inline-grid;place-items:center;flex-shrink:0}.datetime-picker-trigger:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.datetime-picker-pop{position:absolute;z-index:55;top:calc(100% + 8px);left:0;width:min(340px,calc(100vw - 32px));padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 40px #102a2a2a;display:grid;gap:14px}:root[data-theme=dark] .datetime-picker-pop{box-shadow:0 18px 40px #0006}.dtp-cal-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.dtp-cal-title{font-weight:650;font-size:14px;color:var(--ink)}.dtp-nav{width:36px;height:36px;border-radius:10px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font-size:18px;line-height:1;padding:0}.dtp-nav:hover{border-color:var(--accent);background:var(--soft);color:var(--accent)}.dtp-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-top:10px;color:var(--muted);font-size:11px;text-align:center;font-weight:600}.dtp-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-top:6px}.dtp-day{aspect-ratio:1;min-height:34px;border:0;border-radius:10px;background:transparent;color:var(--ink);font:inherit;font-size:13px;cursor:pointer;padding:0}.dtp-day:hover{background:var(--soft)}.dtp-day.is-outside{color:var(--muted);opacity:.45}.dtp-day.is-today{box-shadow:inset 0 0 0 1.5px var(--accent)}.dtp-day.is-selected{background:var(--accent);color:#fff;font-weight:650}:root[data-theme=dark] .dtp-day.is-selected{color:#10201e}.dtp-time{display:grid;gap:8px;padding-top:4px;border-top:1px solid var(--line)}.dtp-time-label{font-size:12px;color:var(--muted);font-weight:600}.dtp-time-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.dtp-spin{display:flex;align-items:center;gap:6px}.dtp-spin-btn{width:34px;height:34px;border-radius:9px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font-size:16px;padding:0}.dtp-spin-btn:hover{border-color:var(--accent);background:var(--soft)}.dtp-time-input{width:84px;min-height:40px;text-align:center;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);font:inherit;font-variant-numeric:tabular-nums}.dtp-time-input:focus{outline:2px solid var(--accent);outline-offset:1px}.dtp-min-btns,.dtp-presets{display:flex;flex-wrap:wrap;gap:6px}.dtp-chip{min-height:32px;padding:6px 10px;border-radius:999px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font-size:12px}.dtp-chip:hover,.dtp-chip.is-on{border-color:var(--accent);background:var(--soft);color:var(--accent)}.dtp-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.dtp-actions .primary,.dtp-actions .secondary{min-height:36px;padding:8px 14px}.file-picker{display:grid;gap:5px;width:100%;min-width:0}.file-picker-label{font-size:12px;color:var(--muted)}.file-dropzone{display:flex;align-items:center;gap:14px;min-height:72px;padding:14px 16px;border:1.5px dashed var(--line);border-radius:14px;background:var(--bg);color:var(--ink);cursor:pointer;transition:border-color .18s,background .18s,box-shadow .18s}.file-dropzone:hover,.file-picker.is-dragging .file-dropzone{border-color:var(--accent);background:var(--soft);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.file-picker.has-file .file-dropzone{border-style:solid}.file-picker.is-disabled .file-dropzone{opacity:.55;cursor:not-allowed}.file-dropzone:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.file-dropzone-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;flex-shrink:0;background:var(--soft);color:var(--accent)}.file-dropzone-copy{display:grid;gap:3px;min-width:0;flex:1}.file-dropzone-copy strong{font-size:14px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-dropzone-copy small{color:var(--muted);font-size:12px;line-height:1.35}.file-dropzone-cta{flex-shrink:0;padding:8px 14px;border-radius:10px;background:var(--accent);color:#fff;font-size:13px;font-weight:600}:root[data-theme=dark] .file-dropzone-cta{color:#10201e}.button-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:18px 0}.button-row>button{flex:0 0 auto}.datetime-field{display:grid;gap:5px}.datetime-field>span{font-size:12px;color:var(--muted)}.datetime-field-row{display:grid;grid-template-columns:1.4fr .9fr;gap:8px}.datetime-field-row input.control{margin-top:0}.datetime-field .tiny{margin-top:2px}@media(max-width:700px){.datetime-picker-pop{width:min(100%,calc(100vw - 24px));left:0;right:auto}.retract-row{max-width:100%}.panel-head{align-items:stretch}.toolbar-field{width:100%}.toolbar-field .select-menu{width:100%;min-width:0}}.notice .link-button{float:none;display:inline-block;margin-left:8px}.profile-card .avatar{float:none}.content .panel,.content .form-grid,.content .panel-head{clear:both}