:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#223248;background:#f4f7fb;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}.shell{max-width:1100px;margin:auto;padding:0 24px}.site-header{background:white;border-bottom:1px solid #e1e7f0}.header-row{min-height:92px;display:flex;gap:16px;justify-content:space-between;align-items:center}.logo{font-size:24px;letter-spacing:-.03em;font-weight:850}.logo span{color:#2367b2}.header-note{font-size:12px;font-weight:700;color:#6c572b;background:#fff3d9;border:1px solid #edd5a5;border-radius:20px;padding:8px 12px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:23px 0}.tab{background:#fff;padding:12px 17px;border:1px solid #d4dfed;color:#364c64;border-radius:11px;font-weight:750}.tab.active,.tab[aria-current=page]{color:#fff;background:#1e558d;border-color:#1e558d}.pane.hidden,.hidden{display:none!important}.panel{background:white;border:1px solid #e0e8f2;border-radius:19px;padding:28px;box-shadow:0 5px 26px #19375208;margin-bottom:24px}.section-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:25px}.eyebrow{letter-spacing:.08em;text-transform:uppercase;font-size:11px;color:#5b78a0;font-weight:850;margin-bottom:7px}.step-label{flex-shrink:0;background:#eff5fe;color:#285d9a;padding:8px 11px;border-radius:9px;font-size:12px;font-weight:750}h1{margin:0 0 8px;font-size:26px;line-height:1.2}h2{font-size:20px;margin:27px 0 15px}h3{font-size:16px;margin:0 0 10px}p{line-height:1.58}.muted{color:#596e85}.small{font-size:13px}.field{display:block;width:100%;border:1px solid #c7d5e5;border-radius:11px;padding:13px 15px;background:#fff;color:#203047;margin:0 0 17px}.field:focus,.btn:focus-visible,.tab:focus-visible{outline:3px solid #82b9ff;outline-offset:2px}.short-field{max-width:390px}.writing{min-height:295px;resize:vertical;font-size:18px;line-height:1.8}label{display:block;font-weight:780;margin-bottom:9px}.buttons{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:18px 0 4px}.btn{padding:12px 18px;border-radius:10px;border:1px solid transparent;font-weight:750}.primary{background:#2063ab;color:white}.secondary{background:#eaf3ff;color:#235c95;border-color:#cddff3}.subtle{background:white;color:#3f5978;border-color:#d2dce8}.danger{background:#fff;color:#ae374b;border-color:#e7b8c0}.message{padding:13px 16px;border-radius:11px;margin:16px 0;font-size:14px;line-height:1.5}.message.info{background:#eff6ff;color:#245482}.message.warning{background:#fff5e6;color:#765422}.message.ok{background:#e9f8ef;color:#246144}.message.problem{background:#fff1f2;color:#9c3244}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.card{background:white;border:1px solid #dbe5ef;padding:18px;border-radius:13px}.soft{background:#f6f9fd}.text-preview{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.85;font-size:16px}.empty{background:#f2f6fb;border-radius:12px;color:#62748a;padding:24px}.error-card{border:1px solid #d5e2f0;border-radius:16px;padding:23px;background:#fff}.error-label{display:inline-block;font-weight:750;color:#3b5e83;background:#ebf3ff;border-radius:8px;font-size:12px;padding:6px 10px}.incorrect{background:#fff0ce;border-bottom:3px solid #e0a035;display:inline;padding:3px}.progress-track{height:9px;border-radius:20px;background:#e9eff6;overflow:hidden;margin:14px 0 22px}.progress-bar{height:100%;background:#2e75b8;transition:width .2s}.big-hint{border-left:4px solid #83add9;border-radius:4px;padding:10px 16px;background:#f0f7ff}.answer{min-height:85px;line-height:1.6}.mini{font-size:13px;color:#627a93}.stack{display:flex;flex-direction:column;gap:12px}.right{color:#166b45}.wrong{color:#a24430}.pill{display:inline-block;padding:4px 9px;border-radius:6px;background:#eff3f8;color:#48617d;font-size:12px;font-weight:700}.statistics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}.stat{background:#edf4fc;padding:18px;border-radius:12px}.stat strong{display:block;font-size:29px;color:#23598c}.stat span{font-size:12px;color:#58718f}.record-list{display:grid;gap:8px;margin-bottom:20px}.record{width:100%;text-align:left;background:#fff;border-radius:12px;border:1px solid #dbe4ef;padding:13px 16px}.record:hover{border-color:#4b88cc}.record small{display:block;color:#67809a;margin-top:5px}.report-section{margin:16px 0}.divider{border:0;border-top:1px solid #e1e8ef;margin:22px 0}.data-table{width:100%;border-collapse:collapse;table-layout:fixed}.data-table th,.data-table td{vertical-align:top;padding:10px 8px;border-bottom:1px solid #e4ebf3;font-size:14px;text-align:left;overflow-wrap:anywhere}.data-table th{color:#496781;background:#f3f7fc}.data-table td:first-child{width:25%}.card ul{padding-left:20px}footer{font-size:12px;color:#71849b;padding:2px 0 28px}@media(max-width:720px){.shell{padding:0 14px}.panel{padding:17px}.header-row{min-height:76px}.logo{font-size:20px}.header-note{font-size:10px;padding:6px}.tabs{gap:6px}.tab{font-size:13px;padding:10px 9px}.section-heading{flex-direction:column;margin-bottom:20px}.grid2{grid-template-columns:1fr}.statistics{gap:7px}.stat{padding:11px}.stat strong{font-size:23px}.writing{min-height:240px}h1{font-size:23px}.error-card{padding:16px}}@media print{header,.tabs,.buttons,footer,.header-note,.no-print{display:none!important}.shell{max-width:100%;padding:0}.panel,.card{box-shadow:none;border:0}.pane.hidden{display:none!important}}
