:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#203440;background:#f3f7f8;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.42;cursor:not-allowed}.shell{max-width:920px;margin:auto;min-height:100vh;background:#fff;box-shadow:0 0 35px #16334410}header{background:#163344;color:#fff;padding:26px 24px 24px}.brand{display:flex;align-items:center;gap:12px;color:#b4e4d3}.brand strong{letter-spacing:.1em;font-size:14px}.brand small{display:block;color:#b7cbd2;font-size:11px;margin-top:3px}header h1{font-size:26px;margin:25px 0 5px}header p{color:#d0e0e4;font-size:13px}header>small{color:#b9d1d8}.progress{height:8px;background:#375767;border-radius:20px;overflow:hidden;margin:20px 0 6px}.progress span{display:block;background:#a9e2c9;height:100%;border-radius:20px;transition:width .2s}nav{display:flex;overflow-x:auto;border-bottom:1px solid #e1e9ed;gap:4px;padding:10px 12px}nav button{border:0;background:transparent;color:#526775;display:flex;align-items:center;gap:6px;padding:10px 12px;border-radius:10px;white-space:nowrap;font-size:12px}nav button.active{background:#e4f3ed;color:#176e58;font-weight:700}main{padding:20px 22px 32px}h2{font-size:20px;line-height:1.35;margin:12px 0}h3{font-size:15px;margin:14px 0 8px}p{line-height:1.6}.muted,small{color:#6a7b84}.panel{border:1px solid #e1e9ec;border-radius:17px;padding:20px;margin-bottom:18px}.hero{background:#f0f8f4}.eyebrow{font-size:11px;letter-spacing:.08em;font-weight:800;color:#307c67}.primary,.secondary,.danger{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:12px 16px;font-weight:650;border:1px solid transparent}.primary{background:#176f59;color:#fff}.secondary{background:#fff;border-color:#cbd9df;color:#284c5a}.danger{background:#fff;color:#a33e3e;border-color:#e6baba;margin-top:12px}.full{width:100%;margin:10px 0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.stats div{background:#f0f5f6;padding:15px 8px;border-radius:12px;text-align:center}.stats b{display:block;font-size:23px}.stats small{display:block;font-size:11px;margin-top:4px}.tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:22px}.tile{display:flex;flex-direction:column;align-items:flex-start;gap:14px;background:#fff;border:1px solid #e1e9ec;border-radius:14px;padding:18px;text-align:left;color:#234656}.tile strong{font-size:14px}.tile svg:last-child{align-self:flex-end}.between{display:flex;justify-content:space-between;align-items:center;gap:10px}.tag{background:#e6f2ee;border-radius:30px;color:#24765f;font-size:11px;padding:6px 10px}.answers{display:grid;gap:10px;margin:20px 0}.answer{border:1px solid #dbe5e8;background:#fff;text-align:left;padding:14px;border-radius:12px;display:flex;gap:12px;align-items:center;color:#263b45}.answer span{font-weight:700;color:#548073}.answer.selected{border-color:#267b65;background:#eff8f4}.answer.right{border-color:#267b65}.solution,.scenario{background:#edf6f2;padding:16px;border-radius:12px;margin:16px 0}.solution p,.scenario p{margin:8px 0}.solution small{display:block}.buttons{margin-top:18px}.check{display:flex;align-items:center;gap:10px;margin-top:16px;font-size:14px}textarea{width:100%;min-height:150px;resize:vertical;border:1px solid #cbd9df;border-radius:10px;padding:13px;line-height:1.5}.flashcard{width:100%;min-height:250px;background:#eff7f4;border:1px solid #d2e9df;border-radius:18px;padding:24px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;color:#183e36;margin:18px 0}.flashcard h2{font-size:21px}.install{position:fixed;bottom:16px;left:50%;transform:translate(-50%);background:#163344;color:#fff;border:0;border-radius:12px;padding:13px 20px;display:flex;gap:10px;white-space:nowrap;box-shadow:0 4px 18px #0003}.upload{display:flex;justify-content:center;position:relative;margin-top:10px;cursor:pointer}.upload input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%}footer{font-size:11px;color:#778a93;border-top:1px solid #e4ebed;padding-top:20px;margin-top:30px}footer p{margin:4px 0}@media(max-width:550px){main{padding:16px}header{padding:22px 17px}nav{gap:0;padding:8px 5px}nav button{padding:9px;font-size:11px;flex-direction:column}.panel{padding:16px}.stats b{font-size:20px}.between.buttons button{padding:11px}.brand strong{font-size:12px}}