:root{--learn-turquoise:#079fa9;--learn-ink:#183e48}body{color:var(--learn-ink);background:#f4fafa}main{padding-bottom:100px;max-width:760px;margin:auto}.panel{border-radius:21px;border:1px solid #e0eff0;box-shadow:0 5px 20px #15484b08}.btn{background:var(--learn-turquoise);min-height:44px;border-radius:12px}.btn.secondary{background:#e9f7f7;color:#176b74}.learn-hero{background:linear-gradient(130deg,#079fa9,#166473);border-radius:24px;color:white;padding:24px;margin:15px 0}.learn-hero h1{font-size:29px;color:white}.learn-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:20px}.learn-stats div{background:#ffffff1c;padding:12px 6px;border-radius:14px;text-align:center;display:flex;flex-direction:column;gap:7px}.learn-stats b{font-size:20px}.learn-stats span{font-size:11px}.learn-road{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.learn-milestone{background:white;border:1px dashed #aecfd2;border-radius:15px;padding:13px;color:#40666f;display:flex;flex-direction:column;align-items:center;gap:9px}.learn-milestone span,.learn-path-step{background:#edf6f7;width:43px;height:43px;border-radius:50%;display:grid;place-items:center;font-size:20px}.learn-milestone.done span,.learn-path-step.done{background:#079fa9;color:white}.learn-milestone b{font-size:12px}.learn-ring-row{display:flex;align-items:center;gap:20px;margin:18px 0}.learn-ring{width:68px;height:68px;flex-shrink:0;border-radius:50%;background:conic-gradient(#079fa9 var(--progress),#e7f0f2 0);display:grid;place-items:center}.learn-ring b{background:white;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font-size:14px}.learn-path{border-left:3px dashed #b0dbdd;margin-left:16px;padding-left:15px}.learn-path-step{margin-left:-39px;border:4px solid #f4fafa}.lesson-card{border-left:4px solid #079fa9}.lesson-card.requested{background:repeating-linear-gradient(135deg,#f9fcfc,#f9fcfc 7px,#edf5f5 7px,#edf5f5 9px);border-style:dashed}.lesson-card.confirmed{background:#07a2ad16}.lesson-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.learn-task{border-bottom:1px solid #dfedef;padding:13px 0}.learn-task div{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.learn-task span{font-size:11px;padding:5px;background:#edf4f5;border-radius:7px}.learn-task span.done{background:#daf4e9;color:#126e4e}.practice-answer{display:flex;align-items:center;gap:12px;min-height:48px}.practice-answer input{width:22px;accent-color:#079fa9}#learn-nav{position:fixed;bottom:0;left:0;right:0;z-index:50;display:flex;justify-content:space-around;background:#fffffff5;border-top:1px solid #d6e9eb;padding:9px 4px calc(9px + env(safe-area-inset-bottom));backdrop-filter:blur(12px)}#learn-nav button{border:0;background:none;display:flex;flex:1;flex-direction:column;align-items:center;color:#829ba1;gap:4px;min-height:45px;padding:0}#learn-nav span{font-size:24px}#learn-nav small{font-size:10px}#learn-nav .active{color:#079fa9}.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}.calendar-cell{min-width:0;min-height:75px;padding:4px}.calendar-cell h4,.calendar-event{font-size:9px;overflow-wrap:anywhere}.calendar-event small{font-size:8px}.calendar-day{grid-template-columns:1fr}.calendar-day .calendar-event{font-size:14px}details summary{min-height:40px;cursor:pointer}details p{white-space:pre-wrap}@media(max-width:450px){main{padding:12px 12px 100px}.panel{padding:16px}input,select,textarea{font-size:16px}.toolbar>*{min-width:0}.learn-hero{padding:21px}.learn-stats b{font-size:17px}}@media(min-width:800px){#learn-nav{left:calc(50% - 390px);right:calc(50% - 390px);border-radius:20px 20px 0 0}}