:root{--learn-turquoise:#008c9b;--learn-ink:#172c3b}body{background:#f2f6f8;color:#172c3b}#workspace>header{background:#fff;border-bottom:1px solid #e1eaee;position:sticky;top:0;z-index:4}#workspace>header strong{background:url('logo.png') no-repeat left center/contain;min-width:150px;height:44px;font-size:0}#school{font-size:12px;color:#647984;margin-bottom:12px}#workspace main{max-width:720px;padding:18px 18px 110px}#learn-nav{background:#062c38;border-top:0;gap:4px;padding:10px 8px max(12px,env(safe-area-inset-bottom));justify-content:space-around;z-index:5}#learn-nav button{border-radius:12px;color:#b6cdd2;flex:1;min-width:0;min-height:55px;padding:7px 3px}#learn-nav button.active{background:#008c9b;color:white}#learn-nav button small{font-size:11px}#learn-nav button span{font-size:21px}.panel{border:1px solid #e1eaee;border-radius:18px;box-shadow:0 4px 16px #062b3604;background:#fff;overflow:visible}.l116-card{padding:20px;margin:14px 0}.l116-card h2{font-size:17px;margin:0 0 18px;display:flex;gap:10px;align-items:center}.l116-card h2>span{color:#008c9b;font-size:22px}.l116-hero{position:relative;overflow:hidden;border-radius:20px;padding:26px;background:radial-gradient(ellipse at 75% 0%,#0c6873,transparent 85%),#052b37;color:white;margin:4px 0 17px}.l116-hero:after{content:'';position:absolute;pointer-events:none;width:420px;height:200px;border:1px solid #29c8d135;border-radius:50%;right:-80px;bottom:-140px;transform:rotate(-22deg)}.l116-hero small{color:#b9e1e5;font-size:11px;letter-spacing:1.8px}.l116-hero h1{font-size:29px;line-height:1.2;letter-spacing:-.7px;color:white;margin:12px 0 8px}.l116-hero p{color:#c6e1e7}.l116-hero>span{display:inline-block;border-radius:8px;background:#ffffff14;padding:6px 10px;font-size:12px;margin-top:18px}.l116-next{display:flex;text-align:left;align-items:center;gap:14px;width:100%;padding:17px;border:0;border-radius:14px;background:#e2f3f4;color:#172c3b}.l116-next>span{font-size:23px;color:#008c9b}.l116-next>div{flex:1;min-width:0}.l116-next b,.l116-next small{display:block}.l116-next small{color:#526d78;margin-top:4px;font-size:12px}.l116-stat{margin:15px 0}.l116-stat>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:10px}.l116-stat b{font-variant-numeric:tabular-nums;white-space:nowrap}.l116-stat small{font-size:12px;font-weight:400;color:#647984}.l116-meter{height:7px;border-radius:8px;background:#edf2f5;margin-top:9px;overflow:hidden}.l116-meter span{display:block;background:#008c9b;height:100%;border-radius:8px}.l116-note{font-size:12px;color:#647984;margin-top:15px;line-height:1.6}.l116-card>.l116-note:last-child{padding-top:12px;border-top:1px solid #e1eaee}.l116-subtitle{border-top:1px solid #e1eaee;padding-top:17px;margin-top:18px;font-weight:700}.l116-card summary{display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:36px}.l116-card summary>span{font-size:11px;color:#006b77;background:#e2f3f4;padding:5px 8px;border-radius:7px}.l116-details{padding-top:15px}.l116-details details{border-top:1px solid #e1eaee;padding:12px 0}.l116-details p{font-size:13px}.l116-details small{color:#647984;font-size:12px}.l116-exam{display:flex;justify-content:space-between;gap:10px;padding:13px 0;border-top:1px solid #e1eaee}.l116-exam b{font-size:12px;color:#006b77}.l116-tabs,.l116-actions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.l116-tabs button{flex:1;font-size:12px;padding:10px 8px}.l116-actions .btn{white-space:normal}.l116-kicker{display:block;color:#006b77;font-size:11px;letter-spacing:1px;margin-bottom:10px}.l116-warning{background:#fff4dd;color:#754d0d;padding:12px;border-radius:10px;margin:12px 0;font-size:13px}.l116-badge{padding:7px;color:#006b77;background:#e2f3f4;border-radius:8px}.l116-consent{display:flex;gap:12px;align-items:flex-start;margin:20px 0;font-size:13px}.l116-consent input{min-width:20px;min-height:20px;width:20px;flex-shrink:0}.btn:disabled{opacity:.5;cursor:not-allowed}#l116-dialog{z-index:30}#l116-dialog .dialog{width:min(100%,520px);padding:24px}#l116-dialog p{line-height:1.6;font-size:13px}#l116-confirm-error{color:#a32836}.l116-card p{overflow-wrap:anywhere}@media(max-width:420px){#workspace main{padding:12px 12px 110px}.l116-card{padding:17px}.l116-hero{padding:22px}.l116-hero h1{font-size:25px}.l116-exam{font-size:13px}.l116-tabs button{font-size:11px}#l116-dialog .dialog{padding:18px}}