@layer components{.toast-container-v2{align-items:flex-end;display:flex;flex-direction:column;gap:var(--space-2-5);left:var(--space-5);overflow-y:auto;pointer-events:none;position:fixed;right:var(--space-5);top:var(--space-5);z-index:var(--z-toast)}.toast-v2{background-color:#333;border-radius:var(--radius-sm);color:var(--text-on-color);height:auto;opacity:0;overflow:hidden;padding:var(--space-4);pointer-events:auto;position:relative;transition:opacity var(--duration-slowest)}.toast-success-v2{background-color:var(--success)}.toast-error-v2{background-color:var(--error)}.toast-info-v2{background-color:var(--accent-info)}.toast-message-v2{display:block}.toast-progress-v2{background:hsla(0,0%,100%,.7);bottom:0;height:var(--space-1);left:0;position:absolute;transition:width linear;width:100%}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text-primary);display:flex;flex-direction:column;font-family:var(--font-body);height:100vh;margin:0;overflow-x:hidden;padding:0;width:100vw}.page-header{display:flex;justify-content:flex-end;padding:var(--space-4) var(--space-5)}.blocks-container{box-sizing:border-box;flex:1;margin:0 auto;max-width:1200px;overflow-x:hidden;overflow-y:auto;padding:var(--space-5);width:100%}.lesson-block h2{display:inline-block;font-size:var(--font-h3-desktop)}.expand-btn{float:right;margin-top:var(--space-5)}.lesson-block{margin-bottom:var(--space-5);transition:all var(--duration-slow) var(--ease-default)}@media (hover:hover) and (pointer:fine){.lesson-block:hover{border-color:var(--accent-primary);box-shadow:0 4px 12px var(--accent-primary-bg)}}.lesson-grid{box-sizing:border-box;display:none;flex-direction:column;gap:var(--space-3);padding:var(--space-5) 0}.lesson-item{--dyor-card-pad:var(--space-5);align-items:center;display:flex;justify-content:space-between;min-height:80px;position:relative;transition:all var(--duration-slow) var(--ease-default)}@media (hover:hover) and (pointer:fine){.lesson-item:not(.locked):hover{border-color:var(--accent-primary);box-shadow:0 4px 12px var(--accent-primary-bg);transform:translateY(-2px)}}.lesson-content-left{align-items:center;display:flex;flex:1;gap:var(--space-4);min-width:0}.lesson-icon-container{align-items:center;background:var(--bg-table);border:1px solid var(--border-color);border-radius:var(--radius-md-plus);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.lesson-icon-container .material-icons{color:var(--accent-secondary);font-size:var(--font-h4-desktop);position:static;transform:none}.lesson-text-content{flex:1;min-width:0}.lesson-item h3{color:var(--text-primary);font-size:var(--font-body-desktop);font-weight:var(--font-weight-semibold);line-height:var(--line-height-1-3);margin:0 0 var(--space-1) 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lesson-estimate{color:var(--text-secondary);font-size:var(--font-xs-desktop);margin:0}.lesson-content-right{align-items:center;display:flex;flex-shrink:0;gap:var(--space-3)}.revisit-btn,.start-btn{white-space:nowrap}.lesson-item p{font-size:var(--font-body-desktop)}.progress-container{align-items:center;background:var(--bg-table);border:2px solid var(--border-color);border-radius:var(--radius-md);display:flex;flex-shrink:0;height:40px;justify-content:center;position:static;transition:all var(--duration-slow) var(--ease-default);width:40px}.progress-container.completed{background:linear-gradient(135deg,var(--positive) 0,var(--accent-primary-pressed) 100%);border-color:var(--positive);box-shadow:0 2px 8px var(--accent-primary-bg-heavy)}.progress-container:after{background:var(--border-color);border-radius:var(--radius-xs);bottom:-3px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all var(--duration-slow) var(--ease-default);width:70%}.progress-container.completed:after{display:none}.progress-container .material-icons{color:var(--text-secondary);font-size:var(--font-body-desktop);transition:all var(--duration-slow) var(--ease-default)}.progress-container.completed .material-icons{color:var(--bg-darker);transform:scale(1.1)}.block-progress{color:var(--text-secondary);font-size:var(--font-small-desktop);font-weight:var(--font-weight-regular);margin-left:var(--space-2-5)}.lesson-item.locked{background-color:var(--border-color);cursor:not-allowed;opacity:.7;position:relative}.lesson-lock-overlay{align-items:center;background:linear-gradient(135deg,transparent,rgba(45,49,57,.7));border-radius:var(--radius-lg);bottom:0;display:flex;gap:var(--space-3);justify-content:center;left:0;position:absolute;right:0;top:0;z-index:var(--z-elevated)}.lesson-lock-overlay .lock-icon{color:var(--text-secondary);font-size:var(--font-h2-desktop);opacity:.8}.admin-unlock-btn i{font-size:var(--font-body-desktop)}.loading-skeleton{animation:loading 1.5s infinite;background:linear-gradient(90deg,var(--border-color) 25%,rgba(45,49,57,.5) 50%,var(--border-color) 75%);background-size:200% 100%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-block{border-radius:var(--radius-lg);height:80px;margin-bottom:var(--space-5)}@media (prefers-reduced-motion:reduce){.loading-skeleton{background:var(--border-color)}}@media (max-width:768px){.blocks-container{padding:var(--space-4)}.lesson-block{--dyor-card-pad:var(--space-4);margin-bottom:var(--space-4)}.lesson-block h2{display:block;font-size:var(--font-h4-desktop);margin-bottom:var(--space-2-5)}.expand-btn{display:block;float:none;margin-top:var(--space-2-5);width:100%}.lesson-grid{gap:var(--space-2-5);padding:var(--space-4) 0}.lesson-item{--dyor-card-pad:var(--space-4);align-items:flex-start;flex-direction:column;gap:var(--space-3);min-height:70px}.lesson-content-left{gap:var(--space-3);width:100%}.lesson-content-right{justify-content:space-between;width:100%}.lesson-icon-container{height:40px;width:40px}.lesson-icon-container .material-icons{font-size:var(--font-lg-desktop)}.lesson-item h3{font-size:var(--font-body-desktop);overflow:visible;text-overflow:clip;white-space:normal}.lesson-estimate{font-size:var(--font-2xs-desktop)}.progress-container{height:32px;width:32px}.progress-container .material-icons{font-size:var(--font-small-desktop)}.revisit-btn,.start-btn{font-size:var(--font-2xs-desktop)}.lesson-lock-overlay .lock-icon{font-size:var(--font-h3-desktop)}}#welcome-desc{color:var(--text-secondary);font-size:var(--font-body-desktop);line-height:var(--line-height-relaxed);margin-bottom:var(--space-5)}.welcome-features{margin:var(--space-6) 0;text-align:left}.welcome-features ul{list-style:none;padding:0}.welcome-features li{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-small-desktop);gap:var(--space-3);margin-bottom:var(--space-3)}.welcome-features li:before{color:var(--positive);content:"✓";font-size:var(--font-body-desktop);font-weight:var(--font-weight-bold)}.achievement-notification{align-items:center;background:var(--bg-table);border:1px solid var(--positive);border-radius:var(--radius-lg);box-shadow:var(--shadow-md-strong);display:flex;gap:var(--space-3);padding:var(--space-4) var(--space-5);position:fixed;right:20px;top:20px;transform:translateX(100%);transition:transform var(--duration-slow) var(--ease-default);z-index:var(--z-overlay)}.achievement-notification.show{transform:translateX(0)}.achievement-icon{color:var(--positive);font-size:var(--font-h3-desktop)}.achievement-text{color:var(--text-primary);font-weight:var(--font-weight-medium)}.dyor-minimal-header,.dyor-settings-header{background:var(--bg-dark,var(--bg-table));border-bottom:1px solid var(--border-color);position:sticky;top:0;width:100%;z-index:var(--z-fixed)}.dyor-minimal-header .header-content,.dyor-settings-header .header-content{margin:0 auto;padding:var(--space-4) 0;position:relative}.dyor-minimal-header .back-button-container,.dyor-settings-header .back-button-container{left:16px;position:absolute;top:50%;transform:translateY(-50%);z-index:var(--z-elevated)}.dyor-minimal-header .back-button,.dyor-settings-header .back-button{min-height:44px;min-width:44px;padding:var(--space-2-5) var(--space-3)}.dyor-minimal-header .header-actions,.dyor-settings-header .header-actions{position:absolute;right:16px;top:50%;transform:translateY(-50%);z-index:var(--z-elevated)}.dyor-minimal-header .user-menu,.dyor-settings-header .user-menu{align-items:center;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--space-3);min-height:44px;padding:var(--space-2) var(--space-4);transition:all var(--duration-slow) var(--ease-default)}@media (hover:hover) and (pointer:fine){.dyor-minimal-header .user-menu:hover,.dyor-settings-header .user-menu:hover{background:var(--highlight,var(--border-color));border-color:var(--accent-primary)}}.dyor-minimal-header .user-menu:focus-within,.dyor-settings-header .user-menu:focus-within{box-shadow:var(--shadow-focus-strong);outline:none}.dyor-minimal-header .user-icon,.dyor-settings-header .user-icon{align-items:center;background:var(--accent-primary);border-radius:var(--radius-circle);color:var(--bg-darker,var(--bg-dark));display:flex;flex-shrink:0;font-size:var(--font-small-desktop);height:28px;justify-content:center;width:28px}.dyor-minimal-header .username,.dyor-settings-header .username{color:var(--text-primary);font-family:var(--font-body);font-size:var(--font-small-desktop);font-weight:var(--font-weight-medium);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dyor-minimal-header .login-button,.dyor-settings-header .login-button{text-decoration:none}.dyor-minimal-header .user-dropdown,.dyor-settings-header .user-dropdown{opacity:0;pointer-events:none;transform:translateY(-8px);transition:all var(--duration-slow) var(--ease-default)}.dyor-minimal-header .user-dropdown:not(.hidden),.dyor-settings-header .user-dropdown:not(.hidden){opacity:1;pointer-events:all;transform:translateY(0)}.dyor-minimal-header .user-dropdown ul,.dyor-settings-header .user-dropdown ul{list-style:none;margin:0;padding:var(--space-2) 0}.dyor-minimal-header .dropdown-item:active,.dyor-settings-header .dropdown-item:active{background:var(--secondary-bg-color,var(--bg-table))}.dyor-minimal-header .hidden,.dyor-settings-header .hidden{display:none!important}@media (max-width:768px){.dyor-minimal-header .header-content,.dyor-settings-header .header-content{gap:var(--space-2-5);min-height:64px;padding:var(--space-5) var(--space-3)}.dyor-minimal-header .back-button-container,.dyor-settings-header .back-button-container{left:8px}.dyor-minimal-header .back-button,.dyor-settings-header .back-button{min-height:var(--tap-target-min);min-width:var(--tap-target-min);padding:var(--space-2) var(--space-2-5)}.dyor-minimal-header .back-button span,.dyor-settings-header .back-button span{display:none}.dyor-minimal-header .header-actions,.dyor-settings-header .header-actions{right:8px}.dyor-minimal-header .user-menu,.dyor-settings-header .user-menu{gap:var(--space-2);min-height:var(--tap-target-min);padding:var(--space-1-5) var(--space-3)}.dyor-minimal-header .user-icon,.dyor-settings-header .user-icon{font-size:var(--font-2xs-desktop);height:24px;width:24px}.dyor-minimal-header .username,.dyor-settings-header .username{font-size:var(--font-xs-desktop);max-width:80px}.dyor-minimal-header .user-dropdown,.dyor-settings-header .user-dropdown{max-width:calc(100vw - 32px);min-width:180px;right:-8px}}@media (max-width:480px){.dyor-minimal-header .header-content,.dyor-settings-header .header-content{gap:var(--space-2-5);min-height:56px;padding:var(--space-3)}.dyor-minimal-header .username,.dyor-settings-header .username{display:none}.dyor-minimal-header .user-menu,.dyor-settings-header .user-menu{gap:var(--space-1-5);padding:var(--space-1-5) var(--space-2-5)}.dyor-minimal-header .user-dropdown,.dyor-settings-header .user-dropdown{left:auto;max-width:calc(100vw - 24px);right:0;transform-origin:top right;width:220px}.dyor-minimal-header .back-button,.dyor-settings-header .back-button{min-height:var(--tap-target-min);min-width:var(--tap-target-min);padding:var(--space-2)}.dyor-minimal-header .back-button span,.dyor-settings-header .back-button span{display:none}}@media (prefers-contrast:high){.dyor-minimal-header .back-button,.dyor-minimal-header .user-menu,.dyor-settings-header .back-button,.dyor-settings-header .user-menu{border-width:2px}.dyor-minimal-header .user-dropdown,.dyor-settings-header .user-dropdown{border-width:2px;box-shadow:var(--shadow-lg-strong)}}.dyor-settings-header .header-center{align-items:center;display:flex;gap:var(--space-3);justify-content:center;position:relative}.dyor-settings-header .header-logo{flex-shrink:0;height:32px;width:auto}.dyor-settings-header .header-title{background:linear-gradient(135deg,var(--text-primary) 0,var(--accent-primary) 100%);-webkit-background-clip:text;font-size:var(--font-h3-desktop);font-weight:var(--font-weight-bold);-webkit-text-fill-color:transparent;background-clip:text;font-family:var(--font-body);margin:0;white-space:nowrap}@media (max-width:768px){.dyor-settings-header .header-content{align-items:center;display:flex}.dyor-settings-header .header-center{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.dyor-settings-header .header-logo{height:24px}.dyor-settings-header .header-title{font-size:var(--font-h4-desktop)}}@media (max-width:480px){.dyor-settings-header .header-content{align-items:center;display:flex}.dyor-settings-header .header-center{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.dyor-settings-header .header-logo{height:20px}.dyor-settings-header .header-title{font-size:var(--font-lg-desktop)}}.dyor-settings-header .header-snowflakes{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.dyor-settings-header .header-snowflake{animation:header-snow-fall 8s linear infinite;color:var(--text-primary);font-size:.8em;opacity:.4;position:absolute;top:-10px}.dyor-settings-header .header-snowflake:first-child{animation-delay:-1s;animation-duration:10s;left:5%}.dyor-settings-header .header-snowflake:nth-child(2){animation-delay:-4s;animation-duration:12s;font-size:.6em;left:15%}.dyor-settings-header .header-snowflake:nth-child(3){animation-delay:-2s;animation-duration:9s;left:30%}.dyor-settings-header .header-snowflake:nth-child(4){animation-delay:-6s;animation-duration:11s;font-size:.7em;left:45%}.dyor-settings-header .header-snowflake:nth-child(5){animation-delay:-3s;animation-duration:10s;left:60%}.dyor-settings-header .header-snowflake:nth-child(6){animation-delay:-7s;animation-duration:13s;font-size:.6em;left:75%}.dyor-settings-header .header-snowflake:nth-child(7){animation-delay:-5s;animation-duration:9s;left:85%}.dyor-settings-header .header-snowflake:nth-child(8){animation-delay:-8s;animation-duration:11s;font-size:.7em;left:95%}@keyframes header-snow-fall{0%{opacity:0;top:-10px}10%{opacity:.4}90%{opacity:.4}to{opacity:0;top:calc(100% + 10px)}}.dyor-settings-header .reindeer-container{animation:reindeer-run 20s linear forwards;font-size:var(--font-h3-desktop);left:-120px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap;z-index:1}.dyor-settings-header .reindeer-sleigh{align-items:center;display:flex;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));flex-direction:row;gap:var(--space-0-5)}.dyor-settings-header .reindeer{animation:reindeer-bounce .4s ease-in-out infinite;transform:scaleX(-1)}.dyor-settings-header .sleigh{animation:sleigh-bounce .4s ease-in-out infinite;animation-delay:.1s}.dyor-settings-header .sparkle-trail{display:flex;gap:var(--space-1);margin-right:var(--space-1)}.dyor-settings-header .sparkle{animation:sparkle-fade .9s ease-out infinite;font-size:var(--font-3xs-desktop);opacity:0}.dyor-settings-header .sparkle:first-child{animation-delay:.45s}.dyor-settings-header .sparkle:nth-child(2){animation-delay:.22s}.dyor-settings-header .sparkle:nth-child(3){animation-delay:0s}@keyframes reindeer-run{0%{left:-120px}to{left:calc(100% + 120px)}}@keyframes reindeer-bounce{0%,to{transform:scaleX(-1) translateY(0)}50%{transform:scaleX(-1) translateY(-3px)}}@keyframes sleigh-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes sparkle-fade{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(.5)}}@media (max-width:768px){.dyor-settings-header .reindeer-container{animation-duration:15s;font-size:var(--font-lg-desktop)}.dyor-settings-header .header-snowflake:nth-child(2n){display:none}}@media (max-width:480px){.dyor-settings-header .reindeer-container{animation-duration:12s;font-size:var(--font-body-desktop)}.dyor-settings-header .sparkle-trail{display:none}}@media (prefers-reduced-motion:reduce){.dyor-settings-header .header-snowflakes,.dyor-settings-header .reindeer-container{display:none}}
/*# sourceMappingURL=education.38bf697b.css.map*/