@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=Source+Serif+4:opsz,wght@8..60,600;8..60,700&display=swap";.voice-assistant{z-index:9999;flex-direction:column;align-items:flex-end;display:flex;position:fixed;bottom:30px;right:30px}.va-avatar{cursor:pointer;background:linear-gradient(135deg,#6e8efb,#a777e3);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:transform .3s;display:flex;position:relative;box-shadow:0 4px 15px #0000004d}.va-avatar:hover{transform:scale(1.1)}.va-icon{z-index:2;font-size:30px}.speaking .va-pulse{z-index:1;border:3px solid #a777e3;border-radius:50%;animation:1s infinite pulse;position:absolute;inset:-5px}@keyframes pulse{0%{opacity:.8;transform:scale(.8)}to{opacity:0;transform:scale(1.5)}}.va-menu{background:var(--clr-surface,#2c3e50);border:1px solid var(--clr-border,#34495e);color:#fff;border-radius:12px;flex-direction:column;gap:10px;min-width:200px;margin-bottom:15px;padding:15px;display:flex;box-shadow:0 10px 25px #00000080}.va-menu h4{text-align:center;color:#a777e3;margin:0 0 5px;font-family:inherit}.va-btn{color:#fff;cursor:pointer;text-align:left;background:#ffffff1a;border:none;border-radius:8px;padding:10px 15px;font-size:.9rem;transition:background .2s}.va-btn:hover:not(:disabled){background:#fff3}.va-btn:disabled{opacity:.5;cursor:not-allowed}.tour-overlay{z-index:9998;pointer-events:auto;background:#000000a6;position:fixed;inset:0}.tour-modal{background:var(--clr-card,#2c2622);border:1px solid var(--clr-border,#fff5e62e);z-index:10000;width:480px;color:var(--clr-text,#ede8e3);font-family:var(--font-body,"DM Sans", system-ui, sans-serif);border-radius:16px;flex-direction:column;padding:24px;transition:top .4s cubic-bezier(.16,1,.3,1),left .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;box-shadow:0 16px 48px #0009,0 0 0 1px #e8864a1f}.tour-header{border-bottom:1px solid var(--clr-border,#fff5e62e);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:14px;display:flex}.tour-header-left{align-items:center;gap:12px;display:flex}.tour-title{color:var(--clr-text,#ede8e3);font-size:1.25rem;font-weight:700;font-family:var(--font-display,"Source Serif 4", Georgia, serif);margin:0}.tour-mute-btn{background:var(--clr-surface,#362f2a);border:1px solid var(--clr-border,#fff5e62e);color:var(--clr-text-soft,#a89e94);cursor:pointer;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:600;transition:all .2s;display:flex}.tour-mute-btn:hover{background:var(--clr-input,#3e3631);color:var(--clr-text,#ede8e3)}.tour-step-count{color:var(--clr-text-soft,#a89e94);font-size:.82rem;font-weight:500}.tour-content{margin-bottom:28px}.tour-message{color:var(--clr-text-soft,#a89e94);margin:0;font-size:.95rem;line-height:1.65}.tour-footer{justify-content:space-between;align-items:center;display:flex}.tour-skip-btn{color:var(--clr-text-soft,#a89e94);cursor:pointer;background:0 0;border:none;padding:8px 0;font-size:.88rem;font-weight:600;transition:color .2s}.tour-skip-btn:hover{color:var(--clr-text,#ede8e3)}.tour-dots{gap:6px;display:flex}.tour-dot{background:var(--clr-border,#fff5e62e);border-radius:50%;width:6px;height:6px;transition:background .3s}.tour-dot.active{background:var(--clr-accent,#e8864a);box-shadow:0 0 6px #e8864a80}.tour-controls{gap:8px;display:flex}.tour-btn{cursor:pointer;font-size:.88rem;font-weight:600;font-family:var(--font-body,"DM Sans", sans-serif);border-radius:8px;padding:8px 18px;transition:all .2s}.tour-btn-prev{background:var(--clr-surface,#362f2a);border:1px solid var(--clr-border,#fff5e62e);color:var(--clr-text,#ede8e3)}.tour-btn-prev:hover{background:var(--clr-input,#3e3631)}.tour-btn-next{color:#fff;background:linear-gradient(135deg,#e8864a,#d4703a);border:none;box-shadow:0 4px 12px #e8864a59}.tour-btn-next:hover{background:linear-gradient(135deg,#f09050,#e8864a);transform:translateY(-1px);box-shadow:0 6px 18px #e8864a73}.tour-btn:disabled{opacity:.4;cursor:not-allowed}.tour-highlighted{transition:box-shadow .3s;z-index:9999!important;box-shadow:0 0 0 3px var(--clr-accent,#e8864a), 0 4px 20px #e8864a4d!important;background-color:var(--clr-card,#2c2622)!important;border-radius:8px!important;position:relative!important}.tour-mockup-container{background:var(--clr-surface,#362f2a);border:1px solid var(--clr-border,#fff5e62e);border-radius:8px;margin-top:16px;padding:16px}.mock-scale{justify-content:center;align-items:center;gap:16px;display:flex}.mock-basket{background:var(--clr-input,#3e3631);border:2px solid var(--clr-border,#fff5e62e);width:40px;height:40px;color:var(--clr-text,#ede8e3);border-radius:8px;justify-content:center;align-items:center;font-weight:700;display:flex;box-shadow:0 2px 8px #0003}.mock-beam{background:var(--clr-accent,#e8864a);border-radius:2px;width:60px;height:4px}.about-modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:99999;background:#000000a6;position:fixed;inset:0}.about-modal-dialog{z-index:100000;border-radius:var(--radius-md,12px);width:90%;max-width:420px;padding:24px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 40px #00000080}.about-modal-title{color:var(--clr-accent);margin-top:0;margin-bottom:14px;font-size:1.35rem}.about-modal-text{color:var(--clr-text);margin:0 0 12px;font-size:.95rem;line-height:1.6}.about-modal-btn{box-sizing:border-box;justify-content:center;width:100%;margin-top:16px;padding:12px;display:flex}.home-dropdown-item{text-align:left;cursor:pointer;width:100%;color:var(--clr-text);font-family:var(--font-body);transition:background var(--transition);background:0 0;border:none;padding:10px 16px;font-size:.95rem;display:block}.home-dropdown-item:hover{background:var(--clr-hover-strong)}.home-dropdown-item-title{color:var(--clr-accent)}.home-dropdown-item-subtitle{color:var(--clr-text-soft);margin-top:2px;font-size:.78rem;display:block}.home-nav-dropdown{z-index:50;background:var(--clr-card);border:1.5px solid var(--clr-border);border-radius:var(--radius-sm,8px);box-shadow:0 10px 30px #0006, var(--shadow-card);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--clr-border) transparent;min-width:240px;max-width:320px;max-height:min(520px,100vh - 75px);padding:6px 0;position:absolute;top:100%;right:0;overflow:hidden auto}.home-nav-dropdown::-webkit-scrollbar{width:6px}.home-nav-dropdown::-webkit-scrollbar-track{background:0 0}.home-nav-dropdown::-webkit-scrollbar-thumb{background:var(--clr-border);border-radius:4px}.home-nav-dropdown::-webkit-scrollbar-thumb:hover{background:var(--clr-text-soft)}.search-bar-row{box-sizing:border-box;justify-content:center;width:100%;margin:18px 0 22px;padding:0 16px;display:flex}.search-bar-wrapper{align-items:center;width:100%;max-width:580px;display:flex;position:relative}.search-input-icon{width:18px;height:18px;color:var(--clr-text-soft);pointer-events:none;transition:color var(--transition), transform var(--transition);z-index:1;position:absolute;left:16px}.search-bar-wrapper:hover .search-input-icon,.search-bar-wrapper:focus-within .search-input-icon{color:var(--clr-accent)}.search-bar-wrapper:focus-within .search-input-icon{transform:scale(1.08)}.search-bar-wrapper .search-bar{width:100%;max-width:100%;font-family:var(--font-body);border:1.5px solid var(--clr-border);background:var(--clr-surface);color:var(--clr-text);box-sizing:border-box;transition:border-color var(--transition), box-shadow var(--transition), background var(--transition), color var(--transition);border-radius:9999px;outline:none;padding:12px 44px;font-size:.95rem;font-weight:500;box-shadow:0 2px 10px #00000014}.search-bar-wrapper .search-bar::placeholder{color:var(--clr-text-soft);opacity:.85;font-weight:400}.search-bar-wrapper:hover .search-bar{border-color:var(--clr-accent)}.search-bar-wrapper .search-bar:focus{border-color:var(--clr-accent);background:var(--clr-surface);color:#fff;box-shadow:0 0 0 3px var(--clr-accent-soft), 0 4px 16px #0000002e}.search-bar-wrapper .search-bar:active{border-color:var(--clr-accent)}.search-bar-wrapper .search-bar:-webkit-autofill{-webkit-text-fill-color:#fff;-webkit-box-shadow:0 0 0px 1000px var(--clr-surface) inset;transition:background-color 5000s ease-in-out}.search-bar-wrapper .search-bar:-webkit-autofill:hover{-webkit-text-fill-color:#fff;-webkit-box-shadow:0 0 0px 1000px var(--clr-surface) inset;transition:background-color 5000s ease-in-out}.search-bar-wrapper .search-bar:-webkit-autofill:focus{-webkit-text-fill-color:#fff;-webkit-box-shadow:0 0 0px 1000px var(--clr-surface) inset;transition:background-color 5000s ease-in-out}[data-theme=light] .search-bar-wrapper .search-bar{color:var(--clr-text);border-color:var(--clr-border);background:#fff}[data-theme=light] .search-bar-wrapper:hover .search-bar{border-color:var(--clr-accent)}[data-theme=light] .search-bar-wrapper .search-bar:focus{color:#1a1614;border-color:var(--clr-accent);background:#fff}[data-theme=light] .search-bar-wrapper .search-bar:-webkit-autofill{-webkit-text-fill-color:#1a1614;-webkit-box-shadow:inset 0 0 0 1000px #fff}[data-theme=light] .search-bar-wrapper .search-bar:-webkit-autofill:hover{-webkit-text-fill-color:#1a1614;-webkit-box-shadow:inset 0 0 0 1000px #fff}[data-theme=light] .search-bar-wrapper .search-bar:-webkit-autofill:focus{-webkit-text-fill-color:#1a1614;-webkit-box-shadow:inset 0 0 0 1000px #fff}.search-clear-btn{background:var(--clr-border);width:22px;height:22px;color:var(--clr-text-soft);cursor:pointer;transition:background var(--transition), color var(--transition), transform .15s ease;z-index:2;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:11px;line-height:1;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.search-clear-btn:hover{background:var(--clr-hover-strong);color:var(--clr-text);transform:translateY(-50%)scale(1.1)}.search-clear-btn:active{transform:translateY(-50%)scale(.95)}.section-cards-grid{box-sizing:border-box;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;width:100%;max-width:1080px;margin:20px auto 40px;display:grid}.section-category-card{text-align:left;border-radius:var(--radius);border:1px solid var(--clr-border);background:var(--clr-surface);color:var(--clr-text);cursor:pointer;transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition);font-family:var(--font-body);box-sizing:border-box;flex-direction:column;justify-content:space-between;align-items:flex-start;min-height:168px;padding:20px 18px 16px;display:flex;position:relative;box-shadow:0 2px 8px #0000000f}.section-category-card:hover{background:var(--clr-surface);border-color:var(--clr-accent);transform:translateY(-3px);box-shadow:0 10px 24px #00000026}.section-category-card:before{content:"";background:var(--dot,var(--clr-accent));opacity:.85;border-radius:50%;width:8px;height:8px;position:absolute;top:16px;right:16px}.section-category-card.purple{--dot:#9b6dca}.section-category-card.blue{--dot:#5a8fc2}.section-category-card.green{--dot:#5aab7a}.section-category-card.orange{--dot:#e8864a}.section-card-top{justify-content:space-between;align-items:center;width:100%;margin-bottom:12px;padding-right:14px;display:flex}.section-card-icon{font-size:1.85rem;line-height:1}.section-card-badge{background:var(--clr-hover-strong);color:var(--clr-text-soft);letter-spacing:.02em;border-radius:12px;padding:3px 8px;font-size:.72rem;font-weight:600}.section-card-main{flex:1;margin-bottom:14px}.section-card-title{color:var(--clr-text);letter-spacing:-.01em;margin:0 0 5px;font-size:1.1rem;font-weight:700}.section-card-desc{color:var(--clr-text-soft);margin:0;font-size:.8rem;line-height:1.35}.section-card-footer{border-top:1px solid var(--clr-border);justify-content:space-between;align-items:center;width:100%;margin-top:auto;padding-top:10px;display:flex}.section-card-progress{align-items:center;gap:6px;display:flex}.progress-fraction{color:var(--clr-text-soft);letter-spacing:.02em;font-size:.82rem;font-weight:700}.progress-pill{border-radius:6px;align-items:center;gap:3px;padding:2px 6px;font-size:.72rem;font-weight:600;display:inline-flex}.progress-pill.gold{color:#d99b00;background:#ffc10726}.progress-pill.completed{color:#28a745;background:#28a74526}.progress-pill.muted{color:var(--clr-text-soft);font-weight:500}.section-card-cta{color:var(--clr-accent);transition:transform var(--transition);align-items:center;gap:4px;font-size:.8rem;font-weight:600;display:flex}.section-category-card:hover .section-card-cta{transform:translate(3px)}.section-drilldown-view{width:100%;margin-top:16px}.section-drilldown-header{border-bottom:1px solid var(--clr-border);flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:16px;display:flex}.section-drilldown-info{align-items:center;gap:12px;display:flex}.section-drilldown-icon{font-size:2rem;line-height:1}.section-drilldown-title{color:var(--clr-text);margin:0;font-size:1.3rem;font-weight:700}.section-drilldown-subtitle{color:var(--clr-text-soft);font-size:.82rem}.section-drilldown-view .menu-grid{box-sizing:border-box;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;width:100%;max-width:1080px;margin:0 auto 40px;display:grid}.section-modal{z-index:100000;justify-content:center;align-items:flex-start;padding-top:14vh;animation:.2s ease-out modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.section-modal__backdrop{-webkit-backdrop-filter:blur(8px);background:#000000a6;position:absolute;inset:0}.section-modal__content{background:var(--clr-card,#fff);border:1.5px solid var(--clr-border,#e2e8f0);border-radius:var(--radius-md,16px);flex-direction:column;width:90%;max-width:520px;max-height:75vh;animation:.25s cubic-bezier(.175,.885,.32,1.275) modalSlideDown;display:flex;position:relative;box-shadow:0 12px 40px #00000040}@keyframes modalSlideDown{0%{opacity:0;transform:translateY(-20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.section-modal__header{border-bottom:1px solid var(--clr-border,#e2e8f0);flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.section-modal__title{font-family:var(--font-heading,inherit);letter-spacing:-.01em;color:var(--clr-text,#1e293b);font-size:1.15rem;font-weight:700}.section-modal__close{color:var(--clr-text-soft,#64748b);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.35rem;transition:background-color .15s,color .15s;display:flex}.section-modal__close:hover{background:var(--clr-hover-strong,#f1f5f9);color:var(--clr-text,#1e293b)}.section-modal__body{flex:auto;padding:1.25rem 1.5rem;overflow-y:auto}.section-modal__subtitle{color:var(--clr-text-soft,#64748b);margin-top:0;margin-bottom:1.1rem;font-size:.88rem}.section-modal__grid{flex-wrap:wrap;gap:.6rem;display:flex}.section-modal-chip{background:var(--clr-card,#fff);border:1.5px solid var(--clr-border,#e2e8f0);color:var(--clr-text,#1e293b);font-family:var(--font-body,inherit);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:9999px;align-items:center;gap:.5rem;padding:.45rem .85rem;font-size:.85rem;font-weight:500;transition:all .15s ease-in-out;display:inline-flex}.section-modal-chip:hover{background:var(--clr-hover-strong,#f1f5f9);border-color:var(--clr-accent,#3b82f6);color:var(--clr-accent,#3b82f6)}.section-modal-chip.selected{background:var(--clr-text,#1e293b);border-color:var(--clr-text,#1e293b);color:var(--clr-bg,#fff);font-weight:600;box-shadow:0 2px 6px #0000001f}.section-modal-chip__count{color:inherit;background:#00000014;border-radius:9999px;justify-content:center;align-items:center;min-width:18px;padding:1px 6px;font-size:.72rem;font-weight:700;display:inline-flex}.section-modal-chip.selected .section-modal-chip__count{color:#fff;background:#ffffff40}.section-modal-chip__icon{stroke:currentColor;display:none}.section-modal-chip.selected .section-modal-chip__icon{margin-left:-2px;display:inline-block}.section-modal__footer{border-top:1px solid var(--clr-border,#e2e8f0);flex-shrink:0;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}.section-modal__btn{font-family:var(--font-body,inherit);border-radius:var(--radius-sm,8px);cursor:pointer;padding:.5rem 1.2rem;font-size:.88rem;font-weight:600;transition:all .15s}.section-modal__btn--secondary{border:1.5px solid var(--clr-border,#e2e8f0);color:var(--clr-text-soft,#64748b);background:0 0}.section-modal__btn--secondary:hover{background:var(--clr-hover-strong,#f1f5f9);color:var(--clr-text,#1e293b)}.section-modal__btn--primary{background:var(--clr-accent,#3b82f6);border:1.5px solid var(--clr-accent,#3b82f6);color:#fff}.section-modal__btn--primary:hover{filter:brightness(1.1);transform:translateY(-1px)}@media (width<=600px){.section-modal{align-items:flex-end;padding-top:0}.section-modal__content{border-bottom-right-radius:0;border-bottom-left-radius:0;width:100%;max-width:100%;max-height:80vh;animation:.25s cubic-bezier(.175,.885,.32,1.275) modalSlideUp}@keyframes modalSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}}.section-filter-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;max-width:1040px;margin:14px auto 20px;padding:0 16px;display:flex}.section-filter-trigger{background:var(--clr-card,#fff);border:1.5px solid var(--clr-border,#e2e8f0);color:var(--clr-text,#1e293b);font-family:var(--font-body,inherit);cursor:pointer;transition:all var(--transition,.15s ease-in-out);-webkit-user-select:none;user-select:none;border-radius:9999px;align-items:center;gap:8px;padding:7px 15px;font-size:.88rem;font-weight:600;display:inline-flex;box-shadow:0 1px 3px #0000000d}.section-filter-trigger:hover{background:var(--clr-hover-strong,#f1f5f9);border-color:var(--clr-accent,#3b82f6);color:var(--clr-accent,#3b82f6);transform:translateY(-1px)}.section-filter-trigger:focus-visible{outline:2px solid var(--clr-accent,#3b82f6);outline-offset:2px}.section-filter-trigger__icon{stroke:currentColor;flex-shrink:0}.section-filter-trigger__badge{background:var(--clr-accent,#3b82f6);color:#fff;border-radius:9999px;justify-content:center;align-items:center;min-width:18px;padding:1px 7px;font-size:.72rem;font-weight:700;line-height:1.2;display:inline-flex}.active-sections-container{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.active-section-chip{background:var(--clr-hover-strong,#f1f5f9);border:1px solid var(--clr-accent,#3b82f6);color:var(--clr-text,#1e293b);font-family:var(--font-body,inherit);border-radius:9999px;align-items:center;gap:6px;padding:4px 10px;font-size:.82rem;font-weight:500;transition:all .15s;display:inline-flex}.active-section-chip__remove{color:var(--clr-text-soft,#64748b);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;padding:0;transition:all .15s;display:inline-flex}.active-section-chip__remove:hover{color:var(--clr-text,#1e293b);background:#0000001a}.active-section-clear-all{color:var(--clr-text-soft,#64748b);cursor:pointer;font-family:var(--font-body,inherit);background:0 0;border:none;padding:4px 6px;font-size:.82rem;text-decoration:underline;transition:color .15s}.active-section-clear-all:hover{color:var(--clr-accent,#3b82f6)}@media (width<=600px){.section-filter-bar{justify-content:flex-start}}.search-results-container{width:100%;margin-top:16px}.search-results-summary{color:var(--clr-text-soft);text-align:center;margin-bottom:20px;font-size:.88rem;font-weight:600}.section-title-icon{margin-right:6px}.search-results-container .menu-grid{box-sizing:border-box;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;width:100%;max-width:1080px;margin:0 auto 32px;display:grid}.section-match-badge{background:var(--clr-hover-strong);color:var(--clr-accent);vertical-align:middle;border-radius:10px;margin-left:8px;padding:2px 7px;font-size:.72rem;font-weight:600;display:inline-block}.search-empty-state{text-align:center;color:var(--clr-text-soft);padding:48px 16px}.search-clear-action-btn{border-radius:var(--radius-sm);border:1px solid var(--clr-border);background:var(--clr-surface);color:var(--clr-text);cursor:pointer;transition:all var(--transition);margin-top:12px;padding:8px 16px;font-weight:600}.search-clear-action-btn:hover{background:var(--clr-hover-strong);border-color:var(--clr-accent)}.topic-menu-card{text-align:left;border-radius:var(--radius);border:1px solid var(--clr-border);background:var(--clr-surface);color:var(--clr-text);cursor:pointer;transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition);font-family:var(--font-body);box-sizing:border-box;flex-direction:column;justify-content:space-between;align-items:flex-start;width:100%;min-height:140px;padding:18px 16px 14px;display:flex;position:relative;box-shadow:0 2px 8px #0000000f}.topic-menu-card:hover{background:var(--clr-surface);border-color:var(--clr-accent);transform:translateY(-3px);box-shadow:0 10px 24px #00000026}.topic-menu-card:before{content:"";background:var(--dot,var(--clr-accent));opacity:.85;border-radius:50%;width:8px;height:8px;position:absolute;top:14px;right:14px}.topic-menu-card.purple{--dot:#9b6dca}.topic-menu-card.blue{--dot:#5a8fc2}.topic-menu-card.green{--dot:#5aab7a}.topic-menu-card.orange{--dot:#e8864a}.topic-menu-card.gold-card{--dot:#d99b00;border-color:#ffc10773}.topic-card-main{flex:1;width:100%;margin-bottom:12px;padding-right:12px}.topic-card-title{color:var(--clr-text);letter-spacing:-.01em;margin:0 0 6px;font-size:1.02rem;font-weight:700;line-height:1.25}.topic-card-desc{color:var(--clr-text-soft);margin:0;font-size:.8rem;line-height:1.35}.topic-card-footer{border-top:1px solid var(--clr-border);justify-content:space-between;align-items:center;width:100%;margin-top:auto;padding-top:10px;display:flex}.topic-card-badges{align-items:center;gap:6px;min-height:22px;display:flex}.topic-badge-pill{border-radius:6px;justify-content:center;align-items:center;padding:2px 7px;font-size:.76rem;font-weight:700;line-height:1.2;display:inline-flex}.topic-badge-pill.completed{color:#28a745;background:#28a74526}.topic-badge-pill.gold{color:#d99b00;background:#ffc1072e}.topic-card-cta{color:var(--clr-accent);transition:transform var(--transition);font-size:.82rem;font-weight:600}.topic-menu-card:hover .topic-card-cta{transform:translate(2px)}.home-section{margin-bottom:32px}.home-section-title{color:var(--clr-text);letter-spacing:-.01em;margin-bottom:14px;font-size:1.2rem;font-weight:700}.home-top-header{width:100%;position:relative}.home-back-btn{background:var(--clr-surface);border:1.5px solid var(--clr-border);color:var(--clr-text);border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-body);transition:background var(--transition), border-color var(--transition), color var(--transition), transform .15s ease;z-index:10;align-items:center;gap:6px;padding:6px 14px;font-size:.85rem;font-weight:600;display:inline-flex;position:absolute;top:8px;left:0}.home-back-btn:hover{background:var(--clr-hover-strong);border-color:var(--clr-accent);color:var(--clr-accent);transform:translate(-2px)}.home-back-btn:active{transform:translate(-2px)scale(.98)}@media (width<=640px){.home-top-header:has(.home-back-btn) .home-header-center{padding-top:40px}}.la-module{--la-accent:#e8864a;--la-accent-soft:#e8864a2e;--la-correct:#5cb87a;--la-correct-bg:#5cb87a26;--la-wrong:#e05a4a;--la-wrong-bg:#e05a4a26;--la-card-bg:var(--clr-card);--la-surface:var(--clr-surface);--la-text:var(--clr-text);--la-text-soft:var(--clr-text-soft);--la-border:var(--clr-border);--la-radius:16px;--la-radius-sm:10px;max-width:780px;font-family:var(--font-body);color:var(--la-text);margin:0 auto}.la-header{text-align:center;margin-bottom:20px}.la-module-tabs{flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:12px;display:flex}.la-module-tab{background:var(--la-accent-soft);color:var(--la-accent);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:999px;padding:6px 14px;font-size:.85rem;font-weight:600;transition:all .15s}.la-module-tab.active{background:var(--la-accent);color:#fff;border-color:var(--la-accent)}.la-module-tab.complete{border-color:var(--la-correct)}.la-module-tab.locked{opacity:.45;cursor:not-allowed}.la-module-tab.locked:hover{opacity:.6}.la-module-tab:hover:not(.locked):not(.active){background:var(--la-accent);color:#fff}.la-flashcard-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;max-width:780px;margin:0 auto;padding:0 8px;display:grid}.la-flashcard{background:var(--la-card-bg);border:2px solid var(--la-border);cursor:pointer;text-align:center;color:var(--la-text);border-radius:12px;padding:20px 14px;font-family:inherit;transition:transform .15s,border-color .15s,box-shadow .15s}.la-flashcard.unlocked:hover{border-color:var(--la-accent);transform:translateY(-3px);box-shadow:0 4px 16px #00000026}.la-flashcard.complete{border-color:var(--la-correct)}.la-flashcard.locked{opacity:.45;cursor:not-allowed}.la-flashcard-emoji{margin-bottom:6px;font-size:2.2rem}.la-flashcard-title{margin-bottom:4px;font-size:.95rem;font-weight:700}.la-flashcard-sub{color:var(--la-text-soft);margin-bottom:8px;font-size:.8rem}.la-flashcard-lock{color:var(--la-text-soft);margin-top:4px;font-size:.78rem}.la-flashcard-progress{background:var(--la-border);border-radius:3px;height:6px;margin-top:6px;overflow:hidden}.la-flashcard-progress-bar{background:var(--la-accent);border-radius:3px;height:100%;transition:width .3s}.la-modules-back{border:1px solid var(--la-border);color:var(--la-text-soft);cursor:pointer;background:0 0;border-radius:6px;margin-bottom:6px;padding:4px 12px;font-size:.8rem;display:block}.la-modules-back:hover{border-color:var(--la-accent);color:var(--la-accent)}.la-header h1{font-family:var(--font-display);color:var(--la-text);margin:8px 0 4px;font-size:1.6rem}.la-header p{color:var(--la-text-soft);margin:0;font-size:.9rem}.la-back{border:1px solid var(--la-border);color:var(--la-text-soft);border-radius:var(--la-radius-sm);cursor:pointer;background:0 0;padding:6px 14px;font-size:.85rem;transition:background .15s,color .15s;position:absolute;top:16px;left:16px}.la-back:hover{background:var(--la-hover);color:var(--la-text)}.la-progress{justify-content:center;align-items:center;gap:4px;margin:16px 0 20px;display:flex}.la-progress-dots{justify-content:center;gap:4px;min-width:180px;display:flex}.la-progress-dot{border:2px solid var(--la-border);cursor:default;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.6rem;font-weight:700;transition:all .25s;display:flex}.la-progress-dot.solved{background:var(--la-correct);border-color:var(--la-correct);color:#fff}.la-progress-dot.active{border-color:var(--la-accent);box-shadow:0 0 0 3px var(--la-accent-soft);color:var(--la-accent)}.la-nav-btn{background:var(--la-accent-soft);border:1px solid var(--la-accent);color:var(--la-accent);cursor:pointer;white-space:nowrap;border-radius:6px;padding:4px 12px;font-size:.8rem;font-weight:600;transition:all .15s}.la-nav-btn:hover:not(:disabled){background:var(--la-accent);color:#fff}.la-nav-btn:disabled{opacity:.3;cursor:default}.la-progress-dot.locked{opacity:.35}.la-progress-dot.clickable{cursor:pointer}.la-progress-dot.clickable:hover{border-color:var(--la-accent);transform:scale(1.2)}.la-mission{background:var(--la-card-bg);border-radius:var(--la-radius);border:1px solid var(--la-border);margin-bottom:16px;padding:20px 24px}.la-mission-goal{background:var(--la-surface);border-radius:var(--la-radius-sm);border-left:3px solid var(--la-accent);margin-bottom:14px;padding:10px 14px;font-size:.9rem}.la-skill-check{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.la-skill-btn{border-radius:var(--la-radius-sm);border:2px solid var(--la-border);min-width:100px;color:var(--la-text);cursor:pointer;text-align:center;background:0 0;flex:1;padding:10px 12px;font-size:.82rem;font-weight:500;transition:all .2s}.la-skill-btn:hover{border-color:var(--la-accent);background:var(--la-accent-soft)}.la-skill-btn.selected{border-color:var(--la-accent);background:var(--la-accent-soft);color:var(--la-accent)}.la-guidance{background:var(--la-surface);border-radius:var(--la-radius-sm);border-left:3px solid #5cb87a;margin-bottom:12px;padding:12px 16px;font-size:.85rem;line-height:1.6}.la-guidance-toggle{color:var(--la-accent);cursor:pointer;background:0 0;border:none;margin-bottom:8px;padding:4px 0;font-size:.8rem;font-weight:500}.la-guidance-step{padding:3px 0}.la-guidance-step .step-num{color:var(--la-accent);min-width:20px;margin-right:4px;font-weight:700;display:inline-block}.la-guidance-hint{background:#e8864a1a;border-radius:6px;margin:6px 0;padding:8px 12px;font-size:.82rem}.la-action-row{flex-wrap:wrap;gap:8px;margin:8px 0 12px;display:flex}.la-action-btn{border:1px solid var(--la-border);color:var(--la-text-soft);cursor:pointer;background:0 0;border-radius:999px;padding:6px 14px;font-size:.78rem;transition:all .15s}.la-action-btn:hover{border-color:var(--la-accent);color:var(--la-accent);background:var(--la-accent-soft)}.la-ggb-wrap{border-radius:var(--la-radius-sm);border:1px solid var(--la-border);background:#fff;width:100%;min-height:420px;margin:0 auto 14px;position:relative;overflow:hidden}.la-ggb-wrap .fallback-message{text-align:center;min-height:400px;color:var(--la-text-soft);justify-content:center;align-items:center;padding:20px;font-size:.9rem;display:flex}.la-ggb-outer{position:relative}.la-ggb-outer.fullscreen{z-index:9999;background:#fff;position:fixed;inset:0}.la-ggb-outer.fullscreen .la-ggb-wrap{width:auto;max-width:none;height:auto;min-height:unset;border:none;border-radius:0;margin:0;position:absolute;inset:0}.la-ggb-outer.fullscreen .la-ggb-wrap>div{width:100%!important;height:100%!important}.la-ggb-fullscreen-btn{z-index:10;border:1px solid var(--la-border);cursor:pointer;width:32px;height:32px;color:var(--la-text-soft);background:#ffffffe6;border-radius:6px;justify-content:center;align-items:center;font-size:1rem;transition:all .15s;display:flex;position:absolute;top:8px;right:8px}.la-ggb-fullscreen-btn:hover{color:var(--la-accent);border-color:var(--la-accent);background:#fff}.la-answer-area{margin:10px 0}.la-question-prompt{margin-bottom:12px;font-size:1.15rem;font-weight:600;line-height:1.6}.la-input-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.la-text-input{border-radius:var(--la-radius-sm);border:2px solid var(--la-border);background:var(--clr-input);min-width:200px;color:var(--la-text);font-size:.95rem;font-family:var(--font-body);outline:none;flex:1;padding:10px 14px;transition:border-color .15s}.la-text-input:focus{border-color:var(--la-accent)}.la-num-input{border-radius:var(--la-radius-sm);border:2px solid var(--la-border);background:var(--clr-input);width:100px;color:var(--la-text);font-size:.95rem;font-family:var(--font-body);text-align:center;outline:none;padding:10px 14px;transition:border-color .15s}.la-num-input:focus{border-color:var(--la-accent)}.la-mcq-grid{flex-direction:column;gap:8px;display:flex}.la-mcq-option{border-radius:var(--la-radius-sm);border:2px solid var(--la-border);color:var(--la-text);cursor:pointer;text-align:left;background:0 0;padding:10px 16px;font-size:.88rem;transition:all .15s}.la-mcq-option:hover{border-color:var(--la-accent)}.la-mcq-option.selected{border-color:var(--la-accent);background:var(--la-accent-soft)}.la-check-btn{border-radius:var(--la-radius-sm);background:var(--la-accent);color:#fff;cursor:pointer;border:none;padding:10px 28px;font-size:.9rem;font-weight:600;transition:background .15s,transform .1s}.la-check-btn:hover{background:#d0743c}.la-check-btn:active{transform:scale(.97)}.la-check-btn:disabled{opacity:.5;cursor:not-allowed}.la-feedback{border-radius:var(--la-radius-sm);margin-top:12px;padding:12px 16px;font-size:.9rem;line-height:1.5;animation:.3s fadeSlide}@keyframes fadeSlide{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.la-feedback.correct{background:var(--la-correct-bg);border:1px solid var(--la-correct);color:var(--la-correct)}.la-feedback.wrong{background:var(--la-wrong-bg);border:1px solid var(--la-wrong);color:var(--la-wrong)}.la-feedback-message{margin-bottom:4px;font-weight:600}.la-feedback-detail{opacity:.9;font-weight:400}.la-quiz-section{background:var(--la-surface);border-radius:var(--la-radius-sm);border:1px solid var(--la-border);margin-top:16px;padding:16px;animation:.3s fadeSlide}.la-quiz-title{margin-bottom:12px;font-size:.95rem;font-weight:600}.la-quiz-question{background:var(--clr-input);border-radius:8px;margin-bottom:14px;padding:10px 14px}.la-quiz-q-text{margin-bottom:8px;font-size:.85rem}.la-quiz-options{flex-wrap:wrap;gap:6px;display:flex}.la-quiz-opt{border:1px solid var(--la-border);color:var(--la-text);cursor:pointer;background:0 0;border-radius:999px;padding:5px 14px;font-size:.8rem;transition:all .15s}.la-quiz-options.yesno{justify-content:center;gap:12px}.la-quiz-options.yesno .la-quiz-opt{min-width:80px;font-weight:600}.la-quiz-opt:hover{border-color:var(--la-accent)}.la-quiz-opt.selected{border-color:var(--la-accent);background:var(--la-accent-soft);color:var(--la-accent)}.la-quiz-opt.correct{border-color:var(--la-correct);background:var(--la-correct-bg);color:var(--la-correct)}.la-quiz-opt.wrong{border-color:var(--la-wrong);background:var(--la-wrong-bg);color:var(--la-wrong)}.la-quiz-result{margin-top:8px;font-size:.8rem;font-weight:500}.la-quiz-result.pass{color:var(--la-correct)}.la-quiz-result.fail{color:var(--la-wrong)}.la-quiz-next-btn{border-radius:var(--la-radius-sm);background:var(--la-accent);color:#fff;cursor:pointer;border:none;width:100%;margin-top:12px;padding:10px 28px;font-size:.9rem;font-weight:600;transition:background .15s}.la-quiz-next-btn:hover{background:#d0743c}.la-quiz-next-btn:disabled{opacity:.5;cursor:not-allowed}.la-reallife{margin-top:16px}.la-reallife-title{color:var(--la-text);letter-spacing:-.01em;margin-bottom:12px;font-size:1.05rem;font-weight:700}.la-reallife-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.la-reallife-card{border:1.5px solid var(--la-border);background:var(--la-surface);cursor:pointer;text-align:center;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:12px 10px;font-size:.8rem;transition:all .2s;display:flex}.la-reallife-card:hover{border-color:var(--la-accent);background:var(--la-accent-soft);transform:translateY(-1px)}.la-reallife-card.active{border-color:var(--la-accent);background:var(--la-accent-soft);box-shadow:0 0 0 2px #e8864a33}.la-reallife-card .rl-emoji{margin-bottom:2px;font-size:1.5rem;display:block}.la-reallife-card .rl-title{color:var(--la-text);font-size:.78rem;font-weight:600;line-height:1.3}.la-reallife-expanded{background:var(--la-surface);border:1.5px solid var(--la-border);border-radius:12px;margin-top:12px;padding:18px;animation:.2s fadeSlide}.la-reallife-expanded .rl-story{background:var(--la-card-bg,var(--la-surface));border-left:3px solid var(--la-accent);color:var(--la-text);border-radius:10px;margin-bottom:14px;padding:14px 16px;font-size:.9rem;line-height:1.7}.la-reallife-expanded .rl-input-area{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.la-reallife-expanded .rl-back-btn{color:var(--la-accent);cursor:pointer;background:0 0;border:none;margin-bottom:10px;font-size:.85rem;font-weight:500;display:block}.la-reallife-expanded .rl-emoji-large{text-align:center;margin-bottom:8px;font-size:2.5rem}.la-reallife-expanded .rl-puzzle-box{background:var(--la-card-bg,var(--la-surface));border:1.5px solid var(--la-border);border-radius:10px;margin-top:12px;padding:16px}.la-reallife-expanded .rl-question{color:var(--la-text);margin-bottom:10px;font-size:.92rem;line-height:1.5}.la-reallife-expanded .rl-feedback{border-radius:8px;margin-top:12px;padding:10px 14px;font-size:.88rem;font-weight:600;animation:.2s fadeSlide}.la-reallife-expanded .rl-feedback.correct{background:var(--la-correct-bg);border:1px solid var(--la-correct);color:var(--la-correct)}.la-reallife-expanded .rl-feedback.wrong{background:var(--la-wrong-bg);border:1px solid var(--la-wrong);color:var(--la-wrong)}.la-reallife-expanded .rl-done{color:var(--la-correct);background:#5cb87a14;border:1px solid #5cb87a33;border-radius:8px;margin-top:10px;padding:10px 14px;font-size:.85rem;line-height:1.6}.la-reallife-expanded .rl-hint{color:var(--la-accent);background:#e8864a14;border:1px solid #e8864a33;border-radius:8px;margin-top:10px;padding:10px 14px;font-size:.85rem;line-height:1.6}.la-reallife-expanded .rl-summary-toggle{border:1px solid var(--la-border);color:var(--la-text-soft);cursor:pointer;background:0 0;border-radius:6px;margin:8px 0 10px;padding:5px 12px;font-size:.78rem;transition:all .15s;display:inline-block}.la-reallife-expanded .rl-summary-toggle:hover{border-color:var(--la-accent);color:var(--la-accent)}.la-complete{text-align:center;padding:40px 20px}.la-complete h2{font-family:var(--font-display);margin-bottom:8px;font-size:1.5rem}.la-complete .big-score{color:var(--la-accent);margin:12px 0;font-size:3rem;font-weight:700}.la-complete p{color:var(--la-text-soft);margin:6px 0}.la-complete .teaser{background:var(--la-surface);border-radius:var(--la-radius-sm);border:1px solid var(--la-border);margin-top:20px;padding:16px;font-style:italic}.mq-explanation-panel{background:var(--la-surface);border:1.5px solid var(--la-border);text-align:left;border-radius:12px;margin:16px 0;padding:16px}.mq-explanation-title{color:var(--la-accent);border-bottom:1.5px solid var(--la-border);margin-bottom:12px;padding-bottom:8px;font-size:1rem;font-weight:700}.mq-explanation-step{border-bottom:1px solid #ffffff0d;align-items:flex-start;gap:10px;padding:8px 0;font-size:.9rem;line-height:1.6;display:flex}.mq-explanation-step:last-child{border-bottom:none}.mq-explanation-step-num{color:var(--la-accent);flex-shrink:0;min-width:20px;font-weight:700}.mq-explanation-step-label{color:var(--la-text);flex-shrink:0;min-width:90px;font-weight:700}.mq-explanation-step-text{color:var(--la-text-soft)}@media (width<=600px){.la-mission{padding:14px 16px}.la-ggb-wrap{min-height:300px}.la-skill-btn{min-width:80px;font-size:.75rem}.la-reallife-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}}.landing-container{width:100%;min-height:100vh;color:var(--clr-text);background:var(--clr-bg);font-family:var(--font-body);position:relative;overflow-x:hidden}.landing-ambient-bg{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.landing-glow-circle-1{filter:blur(50px);background:radial-gradient(circle,#e8864a24 0%,#e8864a00 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:-100px;left:15%}.landing-glow-circle-2{filter:blur(60px);background:radial-gradient(circle,#5cb87a1a 0%,#5cb87a00 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:600px;right:10%}.landing-glow-circle-3{filter:blur(60px);background:radial-gradient(circle,#8e44ad1f 0%,#8e44ad00 70%);border-radius:50%;width:550px;height:550px;position:absolute;top:1500px;left:5%}.landing-section{z-index:1;max-width:1240px;margin:0 auto;padding:80px 24px;position:relative}.landing-section-compact{padding:40px 24px 70px}.section-header-center{text-align:center;max-width:760px;margin:0 auto 50px}.section-tag{background:var(--clr-accent-soft);color:var(--clr-accent);text-transform:uppercase;letter-spacing:.8px;border:1px solid #e8864a4d;border-radius:999px;align-items:center;gap:8px;margin-bottom:16px;padding:6px 14px;font-size:.85rem;font-weight:600;display:inline-flex}.section-title{font-family:var(--font-display);color:var(--clr-text);margin-bottom:16px;font-size:clamp(2rem,4vw,2.8rem);font-weight:700;line-height:1.2}.section-subtitle{color:var(--clr-text-soft);font-size:1.12rem;line-height:1.6}.landing-navbar{z-index:1000;-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--clr-border);transition:all var(--transition);background:#1a1614d9;position:sticky;top:0;left:0;right:0}[data-theme=light] .landing-navbar{background:#faf8f5e0}.landing-navbar-inner{justify-content:space-between;align-items:center;gap:20px;max-width:1240px;margin:0 auto;padding:12px 24px;display:flex}.landing-nav-brand{cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;padding:0;text-decoration:none;display:flex}.landing-nav-logo{object-fit:contain;filter:drop-shadow(0 2px 8px #e8864a4d);width:44px;height:44px;transition:transform .25s}.landing-nav-brand:hover .landing-nav-logo{transform:rotate(-6deg)scale(1.08)}.landing-nav-title-group{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.landing-nav-title{font-family:var(--font-display);color:var(--clr-text);letter-spacing:-.3px;font-size:1.45rem;font-weight:700;line-height:1.1}.landing-nav-badge{background:var(--clr-surface);color:var(--clr-accent);border:1px solid var(--clr-border);letter-spacing:.4px;border-radius:4px;padding:1px 6px;font-size:.68rem;font-weight:600}.landing-nav-links{align-items:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.landing-nav-link-btn{color:var(--clr-text-soft);font-family:var(--font-body);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);background:0 0;border:none;align-items:center;gap:6px;padding:8px 14px;font-size:.95rem;font-weight:500;display:inline-flex}.landing-nav-link-btn:hover{color:var(--clr-text);background:var(--clr-hover-strong)}.landing-nav-link-btn.active{color:var(--clr-accent);background:var(--clr-accent-soft);font-weight:600}.landing-nav-actions{align-items:center;gap:10px;display:flex}.landing-icon-btn,.landing-theme-toggle{background:var(--clr-surface);border:1.5px solid var(--clr-border);color:var(--clr-text);cursor:pointer;width:40px;height:40px;transition:all var(--transition);border-radius:50%;justify-content:center;align-items:center;font-size:1.15rem;display:flex;box-shadow:0 2px 8px #0000001a}.landing-icon-btn:hover,.landing-theme-toggle:hover{border-color:var(--clr-accent);background:var(--clr-hover-strong,#ffffff14);transform:scale(1.08)}body:has(.landing-navbar) .a11y-toggle-btn{display:none!important}body:has(.landing-navbar) .auth-menu-floating-btn{display:none!important}body:has(.landing-navbar) button[aria-label=Menu][style*="position: fixed"]{display:none!important}.landing-mobile-toggle{color:var(--clr-text);cursor:pointer;background:0 0;border:none;padding:6px;font-size:1.5rem;display:none}.landing-mobile-menu{background:var(--clr-card);border-bottom:1px solid var(--clr-border);flex-direction:column;gap:8px;padding:16px 24px 24px;display:none}.landing-mobile-menu.open{display:flex}.landing-mobile-menu .landing-nav-link-btn{justify-content:flex-start;width:100%;padding:12px 16px;font-size:1.05rem}.landing-hero{max-width:1240px;margin:0 auto;padding:70px 24px 60px;position:relative}.landing-hero-grid{grid-template-columns:1.15fr .85fr;align-items:center;gap:48px;display:grid}.hero-content-col{flex-direction:column;align-items:flex-start;display:flex;text-align:left!important}.hero-pill-badge{background:var(--clr-surface);border:1px solid var(--clr-border);color:var(--clr-text-soft);border-radius:999px;align-self:flex-start;align-items:center;gap:10px;margin:0 0 24px;padding:6px 14px;font-size:.86rem;font-weight:500;display:inline-flex}.hero-pill-sparkle{color:var(--clr-accent)}.hero-heading{font-family:var(--font-display);color:var(--clr-text);letter-spacing:-.5px;width:100%;margin:0 0 20px;padding:0;font-size:clamp(2.4rem,5vw,3.8rem);font-weight:700;line-height:1.15;text-align:left!important}.hero-highlight{background:linear-gradient(135deg,#e8864a 0%,#f4a261 50%,#e76f51 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.hero-description{color:var(--clr-text-soft);max-width:580px;margin:0 0 34px;padding:0;font-size:1.18rem;line-height:1.65;text-align:left!important}.hero-cta-group{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:40px;display:flex}.hero-btn-primary{color:#fff;border-radius:var(--radius-sm);font-family:var(--font-body);cursor:pointer;transition:all var(--transition);background:linear-gradient(135deg,#e8864a 0%,#d46b28 100%);border:none;align-items:center;gap:10px;padding:14px 28px;font-size:1.05rem;font-weight:700;display:inline-flex;box-shadow:0 4px 20px #e8864a66}.hero-btn-primary:hover{background:linear-gradient(135deg,#f0955b 0%,#db732f 100%);transform:translateY(-2px);box-shadow:0 8px 28px #e8864a8c}.hero-btn-secondary{background:var(--clr-surface);color:var(--clr-text);border:1.5px solid var(--clr-border);border-radius:var(--radius-sm);font-family:var(--font-body);cursor:pointer;transition:all var(--transition);align-items:center;gap:10px;padding:14px 24px;font-size:1.02rem;font-weight:600;display:inline-flex}.hero-btn-secondary:hover{background:var(--clr-hover-strong);border-color:var(--clr-accent);transform:translateY(-2px)}.hero-stats-row{border-top:1px solid var(--clr-border);grid-template-columns:repeat(4,1fr);gap:16px;padding-top:24px;display:grid}.hero-stat-card{flex-direction:column;display:flex}.hero-stat-number{font-family:var(--font-display);color:var(--clr-accent);font-size:1.8rem;font-weight:700;line-height:1.2}.hero-stat-label{color:var(--clr-text-soft);margin-top:2px;font-size:.82rem}.landing-hero-visual{justify-content:center;align-items:center;display:flex;position:relative}.hero-mascot-container{justify-content:center;align-items:center;width:320px;height:320px;display:flex;position:relative}.hero-mascot-circle-bg{background:radial-gradient(circle,#e8864a38 0%,#e8864a0d 70%);border:2px dashed #e8864a59;border-radius:50%;width:290px;height:290px;animation:40s linear infinite hero-spin;position:absolute}@keyframes hero-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-mascot-img{z-index:2;filter:drop-shadow(0 12px 30px #00000059);width:240px;height:auto;transition:transform .4s;position:relative}.hero-mascot-img:hover{transform:scale(1.05)rotate(2deg)}.hero-floating-card{background:var(--clr-card);border:1.5px solid var(--clr-border);box-shadow:var(--shadow-card);border-radius:var(--radius-sm);z-index:3;align-items:center;gap:10px;padding:10px 14px;animation:4s ease-in-out infinite alternate float-slow;display:flex;position:absolute}.hero-floating-card-1{animation-delay:0s;top:10px;left:-20px}.hero-floating-card-2{animation-delay:1.5s;bottom:25px;right:-20px}.hero-floating-card-3{animation-delay:.8s;bottom:-15px;left:20px}@keyframes float-slow{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.hero-floating-icon{justify-content:center;align-items:center;font-size:1.3rem;display:flex}.hero-floating-text{color:var(--clr-text);white-space:nowrap;font-size:.85rem;font-weight:600}.hero-floating-sub{color:var(--clr-text-soft);font-size:.72rem;display:block}.slider-outer-wrapper{align-items:center;gap:18px;max-width:1220px;margin:0 auto;display:flex;position:relative}.slider-container{background:var(--clr-card);border:1.5px solid var(--clr-border);border-radius:var(--radius);box-shadow:var(--shadow-card);flex:1;position:relative;overflow:hidden}.slider-wrapper{align-items:stretch;min-height:480px;display:flex;position:relative}.slider-slide{grid-template-columns:1.15fr .85fr;align-items:center;gap:40px;width:100%;padding:48px 52px 58px;transition:opacity .4s,transform .4s;display:grid}.slider-text-col{text-align:left;flex-direction:column;justify-content:center;display:flex}.slider-badge-pill{border-radius:999px;align-self:flex-start;align-items:center;gap:8px;width:fit-content;margin-bottom:16px;padding:5px 14px;font-size:.82rem;font-weight:600;display:inline-flex}.slider-slide-title{font-family:var(--font-display);color:var(--clr-text);text-align:left;margin-bottom:16px;font-size:clamp(1.85rem,3.2vw,2.4rem);font-weight:700;line-height:1.22}.slider-slide-desc{color:var(--clr-text-soft);text-align:left;max-width:540px;margin-bottom:24px;font-size:1.05rem;line-height:1.65}.slider-highlights{text-align:left;flex-direction:column;gap:10px;margin-bottom:28px;display:flex}.slider-highlight-item{color:var(--clr-text);align-items:center;gap:10px;font-size:.94rem;display:flex}.slider-highlight-dot{background:var(--clr-accent);border-radius:50%;flex-shrink:0;width:8px;height:8px}.slider-btn-play{color:#fff;border-radius:var(--radius-sm);font-family:var(--font-body);cursor:pointer;width:fit-content;transition:all var(--transition);background:linear-gradient(135deg,#e8864a 0%,#d46b28 100%);border:none;align-self:flex-start;align-items:center;gap:8px;padding:12px 24px;font-size:.98rem;font-weight:600;display:inline-flex;box-shadow:0 3px 12px #e8864a59}.slider-btn-play:hover{background:linear-gradient(135deg,#f0955b 0%,#db732f 100%);transform:translateY(-2px);box-shadow:0 6px 20px #e8864a80}.slider-visual-col{justify-content:center;align-items:center;display:flex;position:relative}.slider-image-card{border-radius:var(--radius-sm);border:1.5px solid var(--clr-border);width:100%;max-width:440px;height:320px;box-shadow:var(--shadow-card);background:#332d29;justify-content:center;align-items:center;padding:16px;display:flex;position:relative;overflow:hidden}.slider-math-graphic{object-fit:contain;width:100%;max-width:400px;height:100%;max-height:280px;box-shadow:none;border-radius:8px;transition:transform .3s}.slider-image-card:hover .slider-math-graphic{transform:scale(1.03)}.slider-nav-btn{background:var(--clr-surface);border:1.5px solid var(--clr-border);width:48px;height:48px;color:var(--clr-text);cursor:pointer;z-index:10;transition:all var(--transition);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.4rem;display:flex;position:static;box-shadow:0 4px 14px #00000040}.slider-nav-btn:hover{background:var(--clr-accent);color:#fff;border-color:var(--clr-accent);transform:scale(1.1);box-shadow:0 6px 18px #e8864a66}.slider-pagination{z-index:10;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;bottom:18px;left:0;right:0}.slider-dot{background:var(--clr-border);cursor:pointer;border:none;border-radius:50%;width:10px;height:10px;padding:0;transition:all .25s}.slider-dot.active{background:var(--clr-accent);border-radius:8px;width:28px}.demo-player-container{background:var(--clr-card);border:1.5px solid var(--clr-border);border-radius:var(--radius);box-shadow:var(--shadow-card);position:relative;overflow:hidden}.demo-player-topbar{background:var(--clr-surface);border-bottom:1px solid var(--clr-border);justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.demo-window-controls{align-items:center;gap:8px;display:flex}.demo-window-dot{border-radius:50%;width:12px;height:12px}.demo-dot-red{background:#ff5f56}.demo-dot-yellow{background:#ffbd2e}.demo-dot-green{background:#27c93f}.demo-window-title{color:var(--clr-text-soft);align-items:center;gap:8px;font-size:.88rem;font-weight:600;display:flex}.demo-mode-switcher{align-items:center;gap:6px;display:flex}.demo-mode-btn{color:var(--clr-text-soft);cursor:pointer;transition:all var(--transition);background:0 0;border:none;border-radius:6px;padding:4px 10px;font-size:.8rem;font-weight:500}.demo-mode-btn.active{background:var(--clr-accent-soft);color:var(--clr-accent);font-weight:600}.demo-screen-content{flex-direction:column;justify-content:center;min-height:420px;padding:36px 40px;display:flex}.sim-quiz-header{border-bottom:1px solid var(--clr-border);justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:14px;display:flex}.sim-topic-tag{color:var(--clr-accent);align-items:center;gap:6px;font-size:.9rem;font-weight:600;display:flex}.sim-difficulty-meter{color:var(--clr-text-soft);align-items:center;gap:8px;font-size:.84rem;display:flex}.sim-diff-bar-bg{background:var(--clr-surface);border-radius:999px;width:100px;height:8px;overflow:hidden}.sim-diff-bar-fill{background:linear-gradient(90deg,#5cb87a,#e8864a,#e05a4a);height:100%;transition:width .5s}.sim-question-box{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-sm);text-align:center;margin-bottom:24px;padding:24px}.sim-question-prompt{color:var(--clr-text);margin-bottom:10px;font-size:1.25rem;font-weight:600}.sim-question-formula{color:var(--clr-accent);font-family:"Source Serif 4",serif;font-size:1.6rem;font-weight:700}.sim-options-grid{grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:24px;display:grid}.sim-option-btn{background:var(--clr-surface);border:1.5px solid var(--clr-border);border-radius:var(--radius-sm);color:var(--clr-text);cursor:pointer;transition:all var(--transition);justify-content:space-between;align-items:center;padding:14px 18px;font-size:1.05rem;font-weight:500;display:flex}.sim-option-btn:hover{background:var(--clr-hover-strong);border-color:var(--clr-accent)}.sim-option-btn.selected-correct{background:var(--clr-correct-bg);border-color:var(--clr-correct);color:var(--clr-correct);font-weight:700}.sim-feedback-banner{border-radius:var(--radius-sm);justify-content:space-between;align-items:center;padding:14px 20px;animation:.3s fadeIn;display:flex}.sim-feedback-correct{background:var(--clr-correct-bg);border:1px solid var(--clr-correct);color:var(--clr-correct)}.sim-hint-card{background:var(--clr-card);border:1px dashed var(--clr-accent);border-radius:var(--radius-sm);color:var(--clr-text);margin-top:16px;padding:16px;font-size:.95rem;line-height:1.5}.demo-player-controls-bar{background:var(--clr-surface);border-top:1px solid var(--clr-border);justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.demo-ctrl-group{align-items:center;gap:12px;display:flex}.demo-action-btn{background:var(--clr-card);border:1px solid var(--clr-border);color:var(--clr-text);cursor:pointer;transition:all var(--transition);border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:.85rem;font-weight:500;display:inline-flex}.demo-action-btn:hover{background:var(--clr-hover-strong);border-color:var(--clr-accent)}.demo-action-btn.primary{background:var(--clr-accent);border-color:var(--clr-accent);color:#fff}.features-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.feature-card{background:var(--clr-card);border:1.5px solid var(--clr-border);border-radius:var(--radius);transition:all var(--transition);flex-direction:column;padding:32px 26px;display:flex;position:relative;overflow:hidden}.feature-card:hover{border-color:#e8864a66;transform:translateY(-6px);box-shadow:0 12px 36px #00000040}.feature-icon-box{border-radius:14px;justify-content:center;align-items:center;width:54px;height:54px;margin-bottom:20px;font-size:1.6rem;display:flex;box-shadow:0 4px 14px #00000026}.feature-card-title{font-family:var(--font-display);color:var(--clr-text);margin-bottom:12px;font-size:1.35rem;font-weight:700}.feature-card-desc{color:var(--clr-text-soft);flex-grow:1;font-size:.98rem;line-height:1.6}.feature-card-tag{color:var(--clr-accent);text-transform:uppercase;letter-spacing:.6px;margin-top:18px;font-size:.78rem;font-weight:600}.workflow-row{grid-template-columns:repeat(4,1fr);gap:24px;display:grid;position:relative}.workflow-card{background:var(--clr-card);border:1.5px solid var(--clr-border);border-radius:var(--radius);transition:all var(--transition);flex-direction:column;padding:30px 22px;display:flex;position:relative}.workflow-card:hover{border-color:var(--clr-accent);transform:translateY(-4px)}.workflow-step-num{background:var(--clr-accent);color:#fff;border-radius:999px;padding:3px 10px;font-size:.8rem;font-weight:800;position:absolute;top:-14px;left:22px;box-shadow:0 2px 8px #e8864a66}.workflow-icon{margin-top:8px;margin-bottom:16px;font-size:2.2rem}.workflow-title{font-family:var(--font-display);color:var(--clr-text);margin-bottom:8px;font-size:1.25rem;font-weight:700}.workflow-desc{color:var(--clr-text-soft);font-size:.92rem;line-height:1.55}.curriculum-tabs{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-bottom:36px;display:flex}.curriculum-tab-btn{background:var(--clr-surface);border:1px solid var(--clr-border);color:var(--clr-text-soft);font-family:var(--font-body);cursor:pointer;transition:all var(--transition);border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:.92rem;font-weight:600;display:inline-flex}.curriculum-tab-btn:hover{background:var(--clr-hover-strong);color:var(--clr-text)}.curriculum-tab-btn.active{background:var(--clr-accent);border-color:var(--clr-accent);color:#fff;box-shadow:0 2px 12px #e8864a59}.curriculum-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.curriculum-card{background:var(--clr-card);border:1.5px solid var(--clr-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);text-align:left;flex-direction:column;padding:18px 20px;display:flex}.curriculum-card:hover{border-color:var(--clr-accent);background:var(--clr-hover-strong);transform:translateY(-3px)}.curriculum-card-title{color:var(--clr-text);margin-bottom:4px;font-size:1.05rem;font-weight:700}.curriculum-card-sub{color:var(--clr-text-soft);font-size:.82rem;line-height:1.4}.curriculum-bottom-cta{text-align:center;margin-top:40px}.landing-footer{background:var(--clr-surface);border-top:1px solid var(--clr-border);z-index:1;padding:70px 24px 30px;position:relative}.landing-footer-inner{max-width:1240px;margin:0 auto}.footer-top-grid{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;margin-bottom:60px;display:grid}.footer-brand-col{flex-direction:column;display:flex}.footer-brand-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.footer-brand-logo{object-fit:contain;width:42px;height:42px}.footer-brand-title{font-family:var(--font-display);color:var(--clr-text);font-size:1.4rem;font-weight:700}.footer-brand-desc{color:var(--clr-text-soft);max-width:320px;margin-bottom:20px;font-size:.95rem;line-height:1.6}.footer-motto-quote{color:var(--clr-accent);border-left:2px solid var(--clr-accent);padding-left:12px;font-size:.88rem;font-style:italic}.footer-col-title{color:var(--clr-text);letter-spacing:.3px;margin-bottom:18px;font-size:1rem;font-weight:700}.footer-links-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.footer-link-btn{color:var(--clr-text-soft);font-family:var(--font-body);cursor:pointer;text-align:left;transition:color var(--transition);background:0 0;border:none;padding:0;font-size:.92rem;text-decoration:none;display:inline-block}.footer-link-btn:hover{color:var(--clr-accent)}.footer-bottom-bar{border-top:1px solid var(--clr-border);color:var(--clr-text-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:24px;font-size:.85rem;display:flex}.footer-badges-strip{align-items:center;gap:12px;display:flex}.footer-mini-badge{background:var(--clr-card);border:1px solid var(--clr-border);color:var(--clr-text-soft);border-radius:6px;padding:4px 10px;font-size:.78rem;font-weight:500}@media (width<=980px){.landing-hero-grid{text-align:center;grid-template-columns:1fr;gap:40px}.hero-description{margin-left:auto;margin-right:auto}.hero-cta-group{justify-content:center}.hero-stats-row{grid-template-columns:repeat(2,1fr)}.slider-slide{text-align:center;grid-template-columns:1fr;padding:32px 24px}.slider-highlights{align-items:center}.slider-btn-play{margin:0 auto}.features-grid,.workflow-row,.footer-top-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.landing-nav-links{display:none}.landing-mobile-toggle{display:block}.landing-cta-btn-nav{display:none}.features-grid,.workflow-row,.footer-top-grid{grid-template-columns:1fr}.footer-bottom-bar{text-align:center;flex-direction:column}}.rj-fab{z-index:45;border:1px solid var(--clr-border);background:var(--clr-surface);cursor:pointer;box-shadow:var(--shadow-btn);border-radius:999px;align-items:center;gap:4px;padding:10px 14px;font-size:1.3rem;display:flex;position:fixed;bottom:22px;right:22px}.rj-fab:hover{filter:brightness(1.08)}.rj-streak-badge{color:var(--clr-text);font-size:.85rem;font-weight:700}.rj-side{z-index:40;box-sizing:border-box;background:var(--clr-bg,var(--clr-surface));border-left:1px solid var(--clr-border);border-top:1px solid var(--clr-border);border-top-left-radius:var(--radius);flex-direction:column;max-width:100vw;padding:18px 20px 84px;animation:.25s rj-slide-in;display:flex;position:fixed;top:64px;bottom:0;right:0;box-shadow:-8px 0 24px #0000002e}@keyframes rj-slide-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.rj-resizer{cursor:ew-resize;touch-action:none;background:0 0;width:6px;transition:background .15s;position:absolute;top:0;bottom:0;left:0}.rj-resizer:hover{background:var(--clr-accent);opacity:.5}body.rj-resizing{cursor:ew-resize;-webkit-user-select:none;user-select:none}.rj-newnote{flex-direction:column;gap:8px;display:flex}.rj-newnote>.rj-textarea{min-height:260px}.rj-textarea{box-sizing:border-box;resize:vertical;width:100%;max-width:100%;min-height:110px;font-size:1.02rem;font-family:var(--font-body);border-radius:var(--radius-sm);border:1px solid var(--clr-border);background:var(--clr-input);color:var(--clr-text);background-image:linear-gradient(var(--clr-accent), var(--clr-accent));background-position:center bottom 4px;background-repeat:no-repeat;background-size:28px 3px;background-attachment:local;padding:12px 14px;line-height:1.45}.rj-textarea::placeholder{color:var(--clr-placeholder)}.rj-textarea:focus{outline:2px solid var(--clr-accent);border-color:#0000}.rj-mention-btn{border:1px dashed var(--clr-border);border-radius:var(--radius-sm);color:var(--clr-text-soft);cursor:pointer;background:0 0;align-self:flex-start;padding:6px 12px;font-size:.85rem}.rj-mention-btn:hover{color:var(--clr-text);border-color:var(--clr-accent)}.rj-mention-box{flex-direction:column;gap:4px;display:flex}.rj-mention-label{color:var(--clr-text-soft);font-size:.8rem}.rj-mention-row{align-items:center;gap:6px;display:flex}.rj-mention-input{box-sizing:border-box;font-size:.9rem;font-family:var(--font-body);border-radius:var(--radius-sm);border:1px solid var(--clr-border);border-left:3px solid var(--clr-accent);background:var(--clr-accent-soft);color:var(--clr-text);flex:1;padding:8px 10px;font-style:italic}.rj-mention-input:focus{outline:2px solid var(--clr-accent)}.rj-mention-remove{color:var(--clr-text-soft);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:.9rem}.rj-mention-remove:hover{color:var(--clr-wrong,#c0392b)}.rj-actions{justify-content:flex-end;gap:8px;display:flex}.rj-btn{border-radius:var(--radius-sm);background:var(--clr-accent);color:var(--clr-on-accent,#fff);cursor:pointer;border:none;padding:8px 16px;font-size:.9rem}.rj-btn:hover{filter:brightness(1.05)}.rj-btn:disabled{opacity:.5;cursor:default}.rj-btn-soft{background:var(--clr-surface);color:var(--clr-text);border:1px solid var(--clr-border)}.rj-btn-soft:hover{border-color:var(--clr-accent);filter:none}.rj-btn-icon{justify-content:center;align-items:center;width:40px;height:40px;padding:8px;font-size:1.1rem;line-height:1;display:inline-flex}.rj-notes{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex}.rj-notes-bar{justify-content:space-between;gap:8px;display:flex}.rj-notes-list{flex:1;min-height:0;padding-right:6px;overflow-y:auto}.rj-empty{color:var(--clr-text-soft);text-align:center;margin:18px 0;font-style:italic}.rj-entry{border:1px solid var(--clr-border);border-radius:var(--radius-sm);background:var(--clr-surface);cursor:pointer;margin-bottom:12px;padding:14px 16px;transition:border-color .15s}.rj-entry:hover{border-color:var(--clr-accent)}.rj-entry.editing{cursor:default;border-color:var(--clr-accent)}.rj-entry-meta{color:var(--clr-text-soft);justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;font-size:.8rem;display:flex}.rj-delete{color:var(--clr-text-soft);cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:.9rem}.rj-delete:hover{filter:brightness(1.2);transform:scale(1.1)}.rj-quote{border-left:3px solid var(--clr-accent);background:var(--clr-accent-soft);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--clr-text-soft);margin:0 0 6px;padding:6px 10px;font-size:.93rem;font-style:italic;line-height:1.45}.rj-entry-text{white-space:pre-wrap;margin:0;font-size:1rem;line-height:1.55}.rj-edit{flex-direction:column;gap:8px;display:flex}.rj-side,.rj-notes-list,.rj-textarea{scrollbar-width:thin;scrollbar-color:var(--clr-accent) transparent}.rj-side::-webkit-scrollbar{width:8px}.rj-notes-list::-webkit-scrollbar{width:8px}.rj-textarea::-webkit-scrollbar{width:8px}.rj-side::-webkit-scrollbar-track{background:0 0}.rj-notes-list::-webkit-scrollbar-track{background:0 0}.rj-textarea::-webkit-scrollbar-track{background:0 0}.rj-side::-webkit-scrollbar-thumb{background:var(--clr-accent);background-clip:padding-box;border:2px solid #0000;border-radius:999px}.rj-notes-list::-webkit-scrollbar-thumb{background:var(--clr-accent);background-clip:padding-box;border:2px solid #0000;border-radius:999px}.rj-textarea::-webkit-scrollbar-thumb{background:var(--clr-accent);background-clip:padding-box;border:2px solid #0000;border-radius:999px}.rj-side::-webkit-scrollbar-thumb:hover{background:var(--clr-accent);background-clip:border-box}.rj-notes-list::-webkit-scrollbar-thumb:hover{background:var(--clr-accent);background-clip:border-box}.rj-textarea::-webkit-scrollbar-thumb:hover{background:var(--clr-accent);background-clip:border-box}@media (width<=520px){.rj-fab{bottom:14px;right:14px}.rj-side{border-radius:0;width:100vw!important}.rj-resizer{display:none}}:root{--font-display:"Source Serif 4", "Georgia", serif;--font-body:"DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--clr-bg:#1a1614;--clr-card:#2c2622;--clr-surface:#362f2a;--clr-input:#3e3631;--clr-text:#ede8e3;--clr-text-soft:#a89e94;--clr-border:#fff5e62e;--clr-accent:#e8864a;--clr-accent-soft:#e8864a38;--clr-correct:#5cb87a;--clr-correct-bg:#5cb87a1f;--clr-wrong:#e05a4a;--clr-wrong-bg:#e05a4a1f;--clr-badge:#4a4340;--clr-placeholder:#6b6058;--clr-hover:#fff5e60a;--clr-hover-strong:#fff5e614;--radius:16px;--radius-sm:10px;--shadow-card:0 4px 24px #00000040, 0 1px 3px #00000026;--shadow-btn:0 2px 8px #0003;--transition:.18s ease}[data-theme=light]{--clr-bg:#f5f0eb;--clr-card:#fffdf9;--clr-surface:#f0ebe5;--clr-input:#fff;--clr-text:#2c2420;--clr-text-soft:#6b5e54;--clr-border:#3c2d1e38;--clr-accent:#e07a3a;--clr-accent-soft:#e07a3a2e;--clr-correct:#3a8a5c;--clr-correct-bg:#eaf5ef;--clr-wrong:#c24b3a;--clr-wrong-bg:#fdf0ee;--clr-badge:silver;--clr-placeholder:#b5a99a;--clr-hover:#3c28140a;--clr-hover-strong:#3c281414;--shadow-card:0 4px 24px #3c281414, 0 1px 3px #3c28140f;--shadow-btn:0 2px 8px #3c28141a}*,:before,:after{box-sizing:border-box}body{background:var(--clr-bg);min-height:100vh;font-family:var(--font-body);color:var(--clr-text);-webkit-font-smoothing:antialiased;transition:background var(--transition), color var(--transition);margin:0}.app-shell{flex-direction:column;min-height:100vh;padding:32px 20px;display:flex}.card{background:var(--clr-card);border:1px solid var(--clr-border);width:100%;max-width:900px;box-shadow:var(--shadow-card);transition:background var(--transition), border-color var(--transition);border-radius:24px;margin:auto;padding:48px 40px;position:relative}h1{text-align:center;font-family:var(--font-display);color:var(--clr-text);letter-spacing:-.02em;margin:0 0 6px;font-size:clamp(2.4rem,5vw,3.2rem);font-weight:700;line-height:1.15}.subtitle{text-align:center;color:var(--clr-text-soft);letter-spacing:.01em;margin:0 0 36px;font-size:.95rem;font-weight:400;line-height:1.6}.menu-grid{grid-template-columns:repeat(auto-fill,180px);justify-content:center;gap:14px;display:grid}.menu-card{text-align:center;border:1px solid var(--clr-border);border-radius:var(--radius);background:var(--clr-surface);width:180px;height:160px;color:var(--clr-text);cursor:pointer;transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition), background var(--transition);font-family:var(--font-body);font-size:inherit;font-weight:inherit;line-height:inherit;appearance:none;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:10px;margin:0;padding:20px 16px 16px;display:flex;position:relative;box-shadow:0 1px 4px #00000014}.menu-card:hover{border-color:var(--clr-accent);transform:translateY(-3px);box-shadow:0 8px 24px #0000002e}.menu-card:before{content:"";background:var(--clr-accent);opacity:0;width:8px;height:8px;transition:opacity var(--transition);border-radius:50%;position:absolute;top:16px;right:16px}.menu-card:hover:before{opacity:1}.menu-card.purple{--dot:#9b6dca}.menu-card.blue{--dot:#5a8fc2}.menu-card.green{--dot:#5aab7a}.menu-card.orange{--dot:#e8864a}.menu-card.featured{--dot:var(--clr-accent)}.menu-card.purple:before,.menu-card.blue:before,.menu-card.green:before,.menu-card.orange:before,.menu-card.featured:before{background:var(--dot)}.menu-card.placeholder{border-style:dashed;border-color:var(--clr-border);background:var(--clr-hover);cursor:default;box-shadow:none}.menu-card.placeholder:hover{box-shadow:none;border-color:var(--clr-border);transform:none}.menu-card.placeholder:before{display:none}.placeholder-text{color:var(--clr-text-soft);opacity:.35;background:0 0;border-radius:0;padding:0;font-size:.88rem;font-weight:500}.menu-title{color:var(--clr-text);background:var(--clr-badge);text-align:center;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:140px;height:38px;font-size:.92rem;font-weight:700;line-height:1;display:flex}.menu-subtitle{color:var(--clr-text-soft);min-height:1.3em;font-size:.82rem;line-height:1.4}button{font-family:var(--font-body);border-radius:var(--radius-sm);cursor:pointer;background:var(--clr-accent);color:#fff;box-shadow:var(--shadow-btn);transition:transform var(--transition), box-shadow var(--transition), background var(--transition);border:none;padding:12px 28px;font-size:.95rem;font-weight:600;line-height:1.4}button:hover{background:#cc6a2e;transform:translateY(-1px);box-shadow:0 4px 14px #e8864a4d}button:active{transform:translateY(0)}button.secondary{color:var(--clr-text);border:1px solid var(--clr-border);box-shadow:none;background:0 0}button.secondary:hover{background:var(--clr-hover);box-shadow:none}button:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.back-button{font-family:var(--font-body);border:1px solid var(--clr-border);border-radius:var(--radius-sm);color:var(--clr-text-soft);cursor:pointer;transition:background var(--transition), color var(--transition);box-shadow:none;background:0 0;padding:8px 16px;font-size:.88rem;font-weight:500}.back-button:hover{background:var(--clr-hover);color:var(--clr-text);box-shadow:none;transform:none}.header-row{justify-content:flex-start;margin-bottom:20px;display:flex}.top-mini-row{justify-content:flex-end;gap:8px;margin-bottom:8px;display:flex}.score-pill,.progress-pill{color:var(--clr-text-soft);background:var(--clr-surface);letter-spacing:.02em;border:none;border-radius:999px;align-items:center;padding:6px 14px;font-size:.82rem;font-weight:600;display:inline-flex}.progress-pill.center{margin:0 auto 20px;display:table}.radio-group{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:28px;display:flex}.radio-pill{border:1px solid var(--clr-border);color:var(--clr-text-soft);font-family:var(--font-body);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--transition);background:0 0;border-radius:999px;padding:10px 20px;font-size:.88rem;font-weight:500;position:relative}.radio-pill input{opacity:0;pointer-events:none;position:absolute}.radio-pill:hover{border-color:var(--clr-accent);color:var(--clr-accent)}.radio-pill.active{background:var(--clr-accent);border-color:var(--clr-accent);color:#fff}.welcome-box{text-align:center;padding:32px 8px}.welcome-box>button{margin-top:8px}.welcome-text{color:var(--clr-text-soft);margin-bottom:28px;font-size:1.05rem;font-weight:500;line-height:1.6}.final-score{color:var(--clr-text);font-size:1.6rem;font-weight:700;font-family:var(--font-display);margin-bottom:32px}.question-box{font-family:var(--font-body);color:var(--clr-text);text-align:center;margin:16px 0 28px;font-size:1.3rem;font-weight:400;line-height:1.5}.question-box .equation{letter-spacing:.01em;margin-top:12px;font-size:clamp(1.6rem,4vw,2.2rem);font-weight:600;display:block}.question-box .given{font-size:inherit;color:var(--clr-text);margin-bottom:8px;font-weight:600;display:block}.vocab-word{font-family:var(--font-display);color:var(--clr-text);letter-spacing:.01em;font-size:1.6rem;font-weight:600}.glossary-term-wrapper{display:inline;position:relative}.glossary-term{cursor:pointer;border-bottom:1.5px dashed var(--clr-text-soft);color:inherit;font:inherit;transition:background var(--transition), color var(--transition), border-color var(--transition);background:0 0;border-radius:2px;outline:none;padding:0 1px 1px}.glossary-term:hover,.glossary-term:focus-visible,.glossary-term--open{background:var(--clr-accent-soft);border-bottom-color:var(--clr-accent);color:var(--clr-accent)}.glossary-term-icon{vertical-align:super;opacity:.65;-webkit-user-select:none;user-select:none;margin-left:2px;font-size:.6em}.glossary-popover{background:var(--clr-card);border:1.5px solid var(--clr-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-card);z-index:200;border-left:3px solid var(--clr-accent);-webkit-user-select:text;user-select:text;width:min(240px,80vw);color:var(--clr-text);font-size:1rem;font-weight:400;font-family:var(--font-body);flex-direction:column;gap:5px;padding:10px 14px;line-height:1.5;animation:.13s glossary-appear;display:flex;position:absolute;top:calc(100% + 7px);left:50%;transform:translate(-50%)}.glossary-popover-term{color:var(--clr-accent);text-transform:capitalize;letter-spacing:.03em;font-size:.8rem;font-weight:700;display:block}.glossary-popover-def{color:var(--clr-text);font-size:.85rem;line-height:1.55;display:block}@keyframes glossary-appear{0%{opacity:0;transform:translate(-50%)translateY(-5px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.glossary-term-wrapper--above .glossary-popover{animation:.13s glossary-appear-above;top:auto;bottom:calc(100% + 7px)}@keyframes glossary-appear-above{0%{opacity:0;transform:translate(-50%)translateY(5px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.word-explorer{z-index:100;text-align:left;justify-content:center;margin:0 0 24px;display:flex;position:relative}@media (width<=600px){.word-explorer{margin-bottom:20px}}.word-explorer-toggle{color:#ff8000;font:inherit;border-radius:var(--radius-sm);cursor:pointer;min-height:44px;transition:background var(--transition), color var(--transition);background:0 0;border:none;align-items:center;gap:6px;padding:0 14px;font-size:.95rem;font-weight:500;display:inline-flex}.word-explorer-toggle:hover,.word-explorer-toggle:focus-visible{background:var(--clr-hover);color:#ff8000;outline:none}.word-explorer-toggle:focus-visible{box-shadow:0 0 0 2px var(--clr-accent-soft)}.word-explorer-toggle[aria-expanded=true]{color:#ff8000}.word-explorer-caret{opacity:.7;transition:transform var(--transition);font-size:.85em;display:inline-block}.word-explorer-toggle[aria-expanded=true] .word-explorer-caret{transform:rotate(180deg)}.word-explorer-panel{z-index:101;background:var(--clr-card);border:1px solid var(--clr-text-soft);border-left:3px solid var(--clr-accent);border-radius:var(--radius-sm);width:520px;max-height:580px;box-shadow:var(--shadow-card);grid-template-columns:180px 1fr;animation:.15s ease-out word-explorer-slide;display:grid;position:absolute;top:calc(100% + 6px);left:auto;right:0;overflow:hidden}@keyframes word-explorer-slide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width>=1440px){.word-explorer-panel{left:0;right:auto}}@media (width<=600px){.word-explorer-panel{width:min(520px,100vw - 48px)}}@media (width<=520px){.word-explorer-panel{grid-template-columns:1fr;width:min(320px,100vw - 48px);max-height:480px}}.word-explorer-list{border-right:1px solid var(--clr-border);-ms-overflow-style:none;scrollbar-width:none;flex-direction:column;min-height:0;max-height:480px;padding:14px 12px;display:flex;overflow-y:auto}@media (width<=520px){.word-explorer-list{border-right:none;border-bottom:1px solid var(--clr-border);max-height:160px}}.word-explorer-item{appearance:none;border-radius:var(--radius-sm);color:var(--clr-text-soft);font:inherit;text-align:left;cursor:pointer;width:100%;min-height:44px;transition:background var(--transition), color var(--transition), border-color var(--transition);background:0 0;border:1px solid #0000;margin:0 0 4px;padding:10px 14px;font-size:.98rem}.word-explorer-item:last-child{margin-bottom:0}.word-explorer-item:hover{background:var(--clr-hover);color:var(--clr-text)}.word-explorer-item:focus-visible{border-color:var(--clr-accent);background:var(--clr-hover);color:var(--clr-text);outline:none}.word-explorer-item.is-selected{background:var(--clr-accent-soft);color:var(--clr-accent);border-color:var(--clr-accent);font-weight:600}.word-explorer-item.is-selected:focus-visible{box-shadow:0 0 0 2px var(--clr-accent-soft)}.word-explorer-reader{background:var(--clr-bg);min-height:0;max-height:580px;padding:28px 32px;overflow-y:auto}.word-explorer-reader::-webkit-scrollbar{display:none}.word-explorer-reader{-ms-overflow-style:none;scrollbar-width:none}@media (width<=520px){.word-explorer-reader{padding:24px 22px}}.word-explorer-reader-term{border-bottom:1px solid var(--clr-border);font-family:var(--font-body);color:var(--clr-text);letter-spacing:-.005em;text-transform:capitalize;margin:0 0 14px;padding:0 0 12px;font-size:1.45rem;font-weight:700}.word-explorer-reader-def{font-family:var(--font-body);color:var(--clr-text);margin:0;font-size:1.05rem;line-height:1.55}.word-explorer-reader-simple{font-family:var(--font-body);color:var(--clr-text);margin:0 0 14px;padding:0;font-size:1.04rem;font-weight:500;line-height:1.55}.word-explorer-reader-visual{color:var(--clr-text);justify-content:center;align-items:center;margin:8px 0 18px;display:flex}.glossary-visual{width:132px;max-width:100%;height:auto;display:block}.word-explorer-reader-example{border-radius:var(--radius-sm);color:var(--clr-text-soft);font-family:var(--font-body);background:0 0;align-items:flex-start;gap:10px;margin:10px 0;padding:10px 14px;font-size:.95rem;line-height:1.5;display:flex}.word-explorer-reader-tip{border-radius:var(--radius-sm);background:var(--clr-accent-soft);color:var(--clr-accent);font-family:var(--font-body);align-items:flex-start;gap:10px;margin:10px 0 0;padding:10px 14px;font-size:.95rem;font-weight:500;line-height:1.5;display:flex}.word-explorer-reader-icon{flex-shrink:0;font-size:1.05rem;line-height:1.5}.word-explorer-reader-body{flex:1}.answer-input{width:100%;max-width:320px;font-family:var(--font-body);border:1.5px solid var(--clr-border);border-radius:var(--radius-sm);text-align:center;color:var(--clr-text);background:var(--clr-input);transition:border-color var(--transition), box-shadow var(--transition), background var(--transition);outline:none;margin:0 auto;padding:14px 20px;font-size:1.3rem;font-weight:500;display:block}.answer-input::placeholder{color:var(--clr-placeholder);font-weight:400}.answer-input:focus{border-color:var(--clr-accent);box-shadow:0 0 0 3px var(--clr-accent-soft)}.answer-input.input-error{border-color:#f44336;animation:.35s shake;box-shadow:0 0 0 3px #f443362e}@keyframes shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-6px)}40%,60%{transform:translate(6px)}}.options-list{gap:10px;margin-bottom:8px;display:grid}.option-card{border-radius:var(--radius-sm);border:1.5px solid var(--clr-border);background:var(--clr-input);cursor:pointer;color:var(--clr-text);transition:border-color var(--transition), background var(--transition);align-items:center;gap:12px;padding:14px 18px;font-size:.95rem;line-height:1.5;display:flex}.option-card:hover{border-color:var(--clr-text-soft);background:var(--clr-hover)}.option-card.selected{border-color:var(--clr-accent);background:var(--clr-accent-soft)}.option-card input[type=radio]{display:none}.feedback{border-radius:var(--radius-sm);text-align:center;white-space:pre-line;margin-top:20px;padding:16px 20px;font-size:.88rem;font-weight:500;line-height:1.75}.feedback.correct{background:var(--clr-correct-bg);color:var(--clr-correct)}.feedback.wrong{background:var(--clr-wrong-bg);color:var(--clr-wrong)}.feedback.solve{background:var(--clr-surface);color:var(--clr-text);text-align:center;border-radius:var(--radius);max-width:440px;box-shadow:none;border:none;margin:24px auto 0;padding:0;font-size:.9rem;font-weight:400}.solve-answer-badge{font-family:var(--font-display);color:#fff;background:linear-gradient(135deg, var(--clr-accent), #d4714a);letter-spacing:.03em;border-radius:24px;margin-bottom:20px;padding:10px 28px;font-size:1.4rem;font-weight:700;display:inline-block;box-shadow:0 3px 12px #e8864a59}.solve-timeline{text-align:left;padding:0 8px}.solve-step{align-items:stretch;gap:14px;display:flex}.solve-step-marker{flex-direction:column;flex-shrink:0;align-items:center;width:18px;padding-top:6px;display:flex}.solve-step-dot{background:var(--clr-accent);border-radius:50%;flex-shrink:0;width:10px;height:10px;box-shadow:0 0 0 3px #e8864a2e}.solve-step-line{background:linear-gradient(to bottom, var(--clr-accent), var(--clr-border));border-radius:1px;flex:1;width:2px;margin:4px 0}.solve-step-content{background:var(--clr-bg);border:1px solid var(--clr-border);color:var(--clr-text-soft);white-space:pre-line;border-radius:12px;flex:1;margin-bottom:10px;padding:10px 16px;font-size:.86rem;line-height:1.65;transition:border-color .2s}.solve-step-content:hover{border-color:var(--clr-accent)}.solve-step:last-child .solve-step-content{border-color:var(--clr-accent);color:var(--clr-text);background:#e8864a0f;font-weight:500}.solve-step:last-child .solve-step-dot{background:var(--clr-correct);box-shadow:0 0 0 3px #4caf502e}.button-row{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px;display:flex}.timer-pill{color:var(--clr-accent);background:var(--clr-accent-soft);letter-spacing:.02em;font-variant-numeric:tabular-nums;border:none;border-radius:999px;align-items:center;padding:6px 14px;font-size:.82rem;font-weight:600;transition:all .3s;display:inline-flex}.timer-pill.speed{color:#ff4757;background:#ff475726;border:1px solid #ff47574d;animation:1s infinite alternate timer-pulse}@keyframes timer-pulse{0%{transform:scale(1);box-shadow:0 0 #ff475700}to{transform:scale(1.05);box-shadow:0 0 8px #ff47574d}}.results-table-wrapper{margin-top:28px;overflow-x:auto}.results-table{border-collapse:collapse;text-align:left;width:100%;font-size:.85rem}.results-table th{color:var(--clr-text-soft);border-bottom:2px solid var(--clr-border);text-transform:uppercase;letter-spacing:.04em;padding:10px 12px;font-size:.78rem;font-weight:600}.results-table td{border-bottom:1px solid var(--clr-border);color:var(--clr-text);vertical-align:middle;padding:10px 12px}.results-table tr.row-correct td:nth-child(4){color:var(--clr-correct);font-weight:600}.results-table tr.row-wrong td:nth-child(4){color:var(--clr-wrong);font-weight:600}.results-table tr:last-child td{border-bottom:none}.results-summary{color:var(--clr-text-soft);text-align:center;margin-top:16px;margin-bottom:32px;font-size:.85rem;font-weight:500}.checkbox-group{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:24px;display:flex}.checkbox-pill{border:1px solid var(--clr-border);color:var(--clr-text-soft);font-family:var(--font-body);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--transition);background:0 0;border-radius:999px;padding:12px 22px;font-size:1rem;font-weight:600;position:relative}.checkbox-pill input{opacity:0;pointer-events:none;position:absolute}.checkbox-pill:hover{border-color:var(--clr-accent);color:var(--clr-accent)}.checkbox-pill.active{background:var(--clr-accent);border-color:var(--clr-accent);color:#fff}.question-count-row{flex-direction:column;align-items:center;gap:8px;margin-bottom:20px;display:flex}.question-count-label{color:var(--clr-text-soft);font-size:.88rem;font-weight:500}.question-count-input{max-width:160px;font-size:1.1rem}.twin-panels{align-items:stretch;gap:0;margin:16px 0 20px;display:flex}.twin-panel{flex:1;min-height:280px;position:relative}.twin-panel:before{content:"";padding-top:100%;display:block}.twin-circle{border:2px solid var(--clr-border);background:var(--clr-hover);border-radius:50%;position:absolute;inset:0;overflow:visible}.twin-divider{background:var(--clr-border);flex-shrink:0;width:1px;margin:20px 0}.twin-item{border:1.5px solid var(--clr-border);background:var(--clr-input);cursor:pointer;width:44px;height:44px;transition:transform var(--transition), border-color var(--transition), box-shadow var(--transition);border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:1.5rem;line-height:1;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 4px #0000001a}.twin-item:hover:not(:disabled){border-color:var(--clr-accent);z-index:10;transform:translate(-50%,-50%)scale(1.2);box-shadow:0 2px 12px #e8864a40}.twin-item:active:not(:disabled){transform:translate(-50%,-50%)scale(.95)}.twin-item:disabled{cursor:default}.twin-item.twin-match{border-color:var(--clr-correct);background:var(--clr-correct-bg);z-index:10;transform:translate(-50%,-50%)scale(1.25);box-shadow:0 0 0 3px #5cb87a40}.twin-item.twin-dim{opacity:.25}.coeff-inputs{flex-wrap:wrap;justify-content:center;gap:10px;margin:16px 0;display:flex}.coeff-field{flex-direction:column;align-items:center;gap:4px;display:flex}.coeff-label{color:var(--clr-text-soft);font-size:.78rem;font-weight:500}.coeff-input{text-align:center;width:72px!important;font-size:1.1rem!important}.poly-expr{font-family:var(--font-body);font-weight:500}.factor-inputs{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:16px 0;display:flex}.factor-group{color:var(--clr-text);font-size:1.2rem;font-weight:600}.factor-input{text-align:center;width:56px!important;font-size:1.1rem!important}.prime-chain{font-family:var(--font-display);letter-spacing:.02em;word-spacing:.15em;font-size:1.3rem;font-weight:600}.prime-input-row{justify-content:center;align-items:center;gap:8px;margin:12px 0;display:flex}.prime-input-row .answer-input{max-width:140px}.give-up-btn{font-size:.85rem;background:var(--clr-wrong)!important}.roots-inputs{flex-wrap:wrap;justify-content:center;gap:14px;margin:16px 0;display:flex}.single-input-row{justify-content:center;align-items:center;gap:8px;margin:12px 0;display:flex}.single-input-row .answer-input{max-width:180px}.equation-system{text-align:left;margin:0 auto;display:inline-block}.equation-system div{font-family:var(--font-body);font-variant-numeric:tabular-nums;font-size:1.15rem;line-height:1.8}.numpad{flex-direction:column;align-items:center;gap:8px;max-width:280px;margin:20px auto 0;display:flex}.numpad-row{gap:8px;width:100%;display:flex}.numpad-key{font-family:var(--font-body);color:var(--clr-text);background:var(--clr-input);border:1px solid var(--clr-border);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition), transform var(--transition), box-shadow var(--transition);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;flex:1;padding:14px 0;font-size:1.2rem;font-weight:600;line-height:1;box-shadow:0 1px 3px #00000014}.numpad-key:hover{background:var(--clr-hover-strong);transform:none;box-shadow:0 1px 3px #00000014}.numpad-key:active{background:var(--clr-hover-strong);transform:scale(.96)}.numpad-key:disabled{opacity:.3;cursor:not-allowed;transform:none}.numpad-key.numpad-special{color:var(--clr-text-soft);background:var(--clr-surface);font-size:1.05rem}.numpad-key.numpad-special:hover{background:var(--clr-hover-strong)}.theme-toggle{border:1px solid var(--clr-border);background:var(--clr-surface);width:40px;height:40px;color:var(--clr-text);cursor:pointer;transition:background var(--transition), color var(--transition), transform var(--transition);z-index:100;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:1.2rem;line-height:1;display:flex;position:fixed;top:16px;right:16px;box-shadow:0 2px 8px #00000026}.theme-toggle:hover{transform:scale(1.1);box-shadow:0 4px 14px #0003}.custom-section-label{color:var(--clr-text);text-align:left;margin:20px 0 10px;font-size:.92rem;font-weight:600}.custom-puzzle-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;margin-bottom:16px;display:grid}.custom-puzzle-check{border-radius:var(--radius-sm);border:1.5px solid var(--clr-border);background:var(--clr-input);cursor:pointer;color:var(--clr-text);transition:border-color var(--transition), background var(--transition);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:10px 14px;font-size:.88rem;font-weight:500;display:flex}.custom-puzzle-check:hover{border-color:var(--clr-accent)}.custom-puzzle-check.checked{border-color:var(--clr-accent);background:var(--clr-accent-soft);color:var(--clr-accent);font-weight:600}.custom-order-list{flex-direction:column;gap:6px;margin:8px 0 16px;display:flex}.custom-order-item{border-radius:var(--radius-sm);border:1px solid var(--clr-border);background:var(--clr-surface);align-items:center;gap:10px;padding:8px 12px;font-size:.88rem;display:flex}.custom-order-num{color:var(--clr-accent);min-width:20px;font-weight:700}.custom-order-name{color:var(--clr-text);flex:1;font-weight:500}.custom-order-btn{border:1px solid var(--clr-border);width:28px;height:28px;color:var(--clr-text-soft);cursor:pointer;box-shadow:none;transition:background var(--transition);background:0 0;border-radius:6px;justify-content:center;align-items:center;padding:0;font-size:.85rem;display:flex}.custom-order-btn:hover{background:var(--clr-hover);box-shadow:none;transform:none}.custom-order-btn:disabled{opacity:.25}.custom-type-badge{background:var(--clr-surface);color:var(--clr-text-soft);border-radius:999px;margin-bottom:8px;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-block}.tables-layout{justify-content:center;align-items:flex-start;gap:24px;display:flex}.tables-quiz-area{flex:1;max-width:480px}.ref-table{border-radius:var(--radius);background:var(--clr-surface);border:1px solid var(--clr-border);flex-shrink:0;width:200px;padding:14px 16px}.ref-table-title{font-family:var(--font-display);color:var(--clr-accent);text-align:center;border-bottom:1px solid var(--clr-border);margin-bottom:10px;padding-bottom:8px;font-size:1.05rem;font-weight:700}.ref-table-row{color:var(--clr-text);font-variant-numeric:tabular-nums;justify-content:space-between;gap:12px;padding:4px 0;font-size:.92rem;font-weight:500;display:flex}@media (width<=700px){.tables-layout{flex-direction:column;gap:10px}.tables-quiz-area{order:-1}.ref-table{width:100%;min-width:auto;max-height:180px;padding:8px 10px;overflow-y:auto}.ref-table-rows{grid-template-columns:1fr 1fr 1fr;gap:1px 10px;display:grid}.ref-table-row{padding:1px 0;font-size:.78rem}.ref-table-title{margin-bottom:4px;padding-bottom:4px;font-size:.88rem}}@media (width<=500px){.card{border-radius:20px;padding:32px 24px}.menu-card{width:100%;height:140px}.button-row button{width:100%}}.card.is-wide{max-width:1100px}.is-algo-explain{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-sm);color:var(--clr-text-soft);margin-bottom:24px;padding:14px 18px;font-size:.9rem;line-height:1.6}.is-timeline-container{margin-bottom:20px}.is-timeline-labels{-webkit-user-select:none;user-select:none;justify-content:space-between;padding:0 0 4px;display:flex}.is-timeline-label{color:var(--clr-text-soft);text-align:center;width:0;font-size:.7rem}.is-timeline{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-sm);cursor:crosshair;touch-action:none;width:100%;height:220px;position:relative;overflow:hidden}.is-grid-line{background:var(--clr-border);pointer-events:none;width:1px;position:absolute;top:0;bottom:0}.is-interval{height:28px;color:var(--clr-text);background:var(--clr-input);border:1.5px solid var(--clr-border);-webkit-user-select:none;user-select:none;z-index:1;border-radius:6px;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;transition:opacity .3s,border-color .3s,background .3s,box-shadow .3s;display:flex;position:absolute}.is-interval.is-preview{background:var(--clr-accent-soft);border:1.5px dashed var(--clr-accent);opacity:.8}.is-interval.is-selected{z-index:3;border-color:#fff;box-shadow:0 0 8px #fff3}.is-interval.is-considering{border-color:var(--clr-accent);box-shadow:0 0 12px var(--clr-accent-soft);background:var(--clr-accent-soft);z-index:2;animation:1s ease-in-out infinite is-pulse}.is-interval.is-rejected{border-color:var(--clr-wrong);background:var(--clr-wrong-bg);box-shadow:0 0 12px var(--clr-wrong-bg);z-index:2;animation:1s ease-in-out infinite is-pulse-red}.is-interval.is-skipped{opacity:.3}@keyframes is-pulse{0%,to{box-shadow:0 0 8px var(--clr-accent-soft)}50%{box-shadow:0 0 18px var(--clr-accent-soft)}}@keyframes is-pulse-red{0%,to{box-shadow:0 0 8px var(--clr-wrong-bg)}50%{box-shadow:0 0 18px var(--clr-wrong-bg)}}.is-interval-label{font-family:var(--font-body);pointer-events:none}.is-interval-remove{color:var(--clr-text-soft);cursor:pointer;opacity:0;transition:opacity var(--transition);background:0 0;border:none;padding:0 4px;font-size:.85rem;line-height:1;position:absolute;top:50%;right:2px;transform:translateY(-50%)}.is-interval:hover .is-interval-remove{opacity:1}.is-interval-remove:hover{color:var(--clr-wrong)}.is-controls{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:20px;display:flex}.is-btn{font-family:var(--font-body);border:1.5px solid var(--clr-border);background:var(--clr-surface);color:var(--clr-text);cursor:pointer;transition:all var(--transition);border-radius:999px;padding:10px 22px;font-size:.88rem;font-weight:600}.is-btn:hover:not(:disabled){border-color:var(--clr-accent);background:var(--clr-hover-strong)}.is-btn:disabled{opacity:.4;cursor:not-allowed}.is-btn-primary{background:var(--clr-accent);border-color:var(--clr-accent);color:#fff}.is-btn-primary:hover:not(:disabled){background:#d07a42;border-color:#d07a42}.is-log{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-sm);margin-bottom:20px;padding:18px 20px}.is-log h3{font-family:var(--font-display);color:var(--clr-text);margin:0 0 10px;font-size:1.1rem}.is-log-header{color:var(--clr-text-soft);word-break:break-word;margin-bottom:12px;font-size:.82rem}.is-log-entries{flex-direction:column;gap:6px;display:flex}.is-log-entry{border-radius:6px;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 10px;font-size:.85rem;display:flex}.is-log-accept{background:var(--clr-correct-bg)}.is-log-reject{background:var(--clr-wrong-bg)}.is-log-current{border:1.5px dashed var(--clr-accent);background:var(--clr-accent-soft)}.is-log-step{min-width:56px;font-weight:700}.is-log-verdict{margin-left:auto;font-size:.82rem;font-weight:600}.is-log-verdict.is-accept{color:var(--clr-correct)}.is-log-verdict.is-reject{color:var(--clr-wrong)}.is-log-verdict.is-pending{color:var(--clr-accent);font-style:italic}.is-result{background:var(--clr-correct-bg);border:1px solid var(--clr-correct);border-radius:var(--radius-sm);margin-top:14px;padding:14px 18px;font-size:.95rem;line-height:1.7}.is-result-note{color:var(--clr-text-soft);font-size:.82rem}.is-legend{color:var(--clr-text-soft);flex-wrap:wrap;justify-content:center;gap:20px;margin-top:16px;font-size:.82rem;display:flex}.is-legend-item{align-items:center;gap:6px;display:flex}.is-legend-swatch{border:1.5px solid var(--clr-border);border-radius:4px;width:16px;height:16px}.is-swatch-default{background:var(--clr-input)}.is-swatch-considering{background:var(--clr-accent-soft);border-color:var(--clr-accent)}.is-swatch-selected{background:var(--clr-correct);border-color:var(--clr-correct)}.is-swatch-rejected{background:var(--clr-wrong-bg);border-color:var(--clr-wrong)}.ee-input-row{justify-content:center;gap:16px;margin-bottom:20px;display:flex}.ee-field{flex-direction:column;align-items:center;gap:6px;display:flex}.ee-label{color:var(--clr-text);font-size:1rem;font-weight:700}.ee-input{font-family:var(--font-body);border:1.5px solid var(--clr-border);border-radius:var(--radius-sm);background:var(--clr-input);color:var(--clr-text);text-align:center;width:300px;max-width:90vw;transition:border-color var(--transition), box-shadow var(--transition);outline:none;padding:12px 16px;font-size:1.1rem;font-weight:600}.ee-input:focus{border-color:var(--clr-accent);box-shadow:0 0 0 3px var(--clr-accent-soft)}.ee-input::placeholder{color:var(--clr-placeholder);font-weight:400}.ee-table-wrap{margin:20px 0;overflow-x:auto}.ee-table{border-collapse:collapse;width:100%;font-size:.88rem}.ee-table th{background:var(--clr-surface);text-align:center;border-bottom:2px solid var(--clr-border);color:var(--clr-text);white-space:nowrap;padding:10px 14px;font-weight:700}.ee-table td{text-align:center;border-bottom:1px solid var(--clr-border);color:var(--clr-text);padding:8px 14px}.ee-table tr:hover td{background:var(--clr-hover)}.ee-row-gcd td{background:var(--clr-correct-bg);font-weight:700}.ee-row-zero td{opacity:.5}.ee-eq{font-family:var(--font-body);white-space:nowrap;font-size:.84rem;text-align:left!important}.ee-divisions{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-sm);margin-top:16px;padding:18px 20px}.ee-divisions h3{font-family:var(--font-display);color:var(--clr-text);margin:0 0 10px;font-size:1.1rem}.ee-division-step{background:var(--clr-hover);border-radius:6px;margin-bottom:4px;padding:6px 10px;font-size:.88rem}@media (width<=600px){.ee-input-row{flex-direction:column;align-items:center}.ee-input{width:200px}.is-timeline{height:180px}}.scaffold-layout{justify-content:center;align-items:flex-start;gap:1.5rem;display:flex}.scaffold-tables{flex-shrink:0;gap:.75rem;display:flex}@media (width<=700px){.scaffold-layout{flex-direction:column;align-items:center}.scaffold-tables{order:-1;max-width:100%;padding-bottom:.5rem;overflow-x:auto}.scaffold-tables .ref-table{min-width:120px;font-size:.75rem}}.fraction-display{vertical-align:middle;flex-direction:column;align-items:center;margin:0 .15rem;line-height:1.1;display:inline-flex}.frac-num{color:var(--clr-fg);padding:0 .3rem;font-size:1.5rem;font-weight:600}.frac-bar{background:var(--clr-fg);width:100%;min-width:1.5rem;height:2px}.frac-den{color:var(--clr-fg);padding:0 .3rem;font-size:1.5rem;font-weight:600}.mixed-number{align-items:center;gap:.2rem;display:inline-flex}.mixed-whole{color:var(--clr-fg);font-size:1.8rem;font-weight:700}.fraction-problem{flex-direction:column;align-items:center;gap:1.5rem;margin:1rem 0;display:flex}.fraction-expression{flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;font-size:1.5rem;display:flex}.frac-operator{color:var(--clr-accent);margin:0 .2rem;font-size:1.8rem;font-weight:700}.fraction-answer-area{align-items:center;gap:.5rem;display:flex}.fraction-whole-input{text-align:center;border:2px solid var(--clr-border);border-radius:var(--radius);background:var(--clr-card);width:3rem;height:3rem;color:var(--clr-fg);font-size:1.4rem;font-weight:700}.fraction-whole-input:focus{border-color:var(--clr-accent);outline:none}.fraction-input-stack{flex-direction:column;align-items:center;gap:0;display:flex}.fraction-field{text-align:center;border:2px solid var(--clr-border);border-radius:var(--radius);background:var(--clr-card);width:4rem;height:2rem;color:var(--clr-fg);padding:.1rem;font-size:1.2rem;font-weight:600}.fraction-field:focus{border-color:var(--clr-accent);outline:none}.frac-num-input{border-bottom:none;border-bottom-right-radius:0;border-bottom-left-radius:0}.fraction-input-bar{background:var(--clr-accent);width:4.5rem;height:3px}.frac-den-input{border-top:none;border-top-left-radius:0;border-top-right-radius:0}@media (width<=500px){.fraction-expression{gap:.4rem;font-size:1.2rem}.frac-num,.frac-den{font-size:1.2rem}.frac-operator,.mixed-whole{font-size:1.4rem}.fraction-field{width:3.5rem;font-size:1rem}.fraction-input-bar{width:4rem}.fraction-whole-input{width:2.5rem;height:2.5rem;font-size:1.2rem}}.matrix-wrap{flex-direction:column;align-items:center;margin:0 6px;display:inline-flex}.matrix-label{color:var(--clr-accent);letter-spacing:.02em;margin-bottom:4px;font-size:.78rem;font-weight:600}.matrix-bracket{border-left:2.5px solid var(--clr-text);border-right:2.5px solid var(--clr-text);align-items:center;padding:6px 14px;display:inline-flex;position:relative}.matrix-bracket:before,.matrix-bracket:after{content:"";background:var(--clr-text);width:8px;height:2.5px;position:absolute}.matrix-bracket:before{top:0;left:0}.matrix-bracket:after{bottom:0;left:0}.matrix-bracket .cap-tr,.matrix-bracket .cap-br{background:var(--clr-text);width:8px;height:2.5px;position:absolute}.matrix-bracket .cap-tr{top:0;right:0}.matrix-bracket .cap-br{bottom:0;right:0}.matrix-bracket table{border-collapse:collapse}.matrix-bracket td{text-align:center;font-family:var(--font-body);color:var(--clr-text);padding:3px 10px;font-size:1.1rem}.matrix-bracket td.blank-cell{color:var(--clr-accent);background:#e8864a14;border-radius:4px;font-weight:700}.matrix-op{color:var(--clr-accent);-webkit-user-select:none;user-select:none;margin:0 6px;font-size:1.4rem;font-weight:700}.matrix-grid-cell{text-align:center;width:48px;height:40px;font-family:var(--font-body);border:2px solid var(--clr-accent);border-radius:var(--radius-sm);background:var(--clr-input);color:var(--clr-text);transition:border-color var(--transition), box-shadow var(--transition), background var(--transition);outline:none;font-size:1.1rem;font-weight:600}.matrix-grid-cell:focus{border-color:var(--clr-accent);box-shadow:0 0 0 3px var(--clr-accent-soft)}.matrix-grid-cell.small{width:40px;height:34px;font-size:.95rem}.matrix-grid-cell.revealed-correct{background:#4caf5014;border-color:#4caf50}.matrix-grid-cell.revealed-wrong{background:#f4433614;border-color:#f44336}.matrix-grid-fixed{text-align:center;font-family:var(--font-body);color:var(--clr-text);padding:4px 10px;font-size:1.1rem}.dotprod-question{text-align:center;margin:18px 0}.dotprod-question .hint-text{color:var(--clr-dim);margin-bottom:12px;font-size:.92rem}.dotprod-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}@media (width<=600px){.matrix-grid-cell{width:38px;height:32px;font-size:.9rem}.matrix-grid-cell.small{width:34px;height:30px;font-size:.85rem}.matrix-bracket td{padding:2px 6px;font-size:.95rem}.matrix-op{margin:0 3px;font-size:1.15rem}}.learning-journey-container{padding:16px}.topic-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.concept-timeline-node{align-items:center;gap:16px;display:flex;position:relative}.timer-pill{border:1.5px solid var(--clr-border,#444);font-variant-numeric:tabular-nums;border-radius:20px;justify-content:center;align-items:center;min-width:48px;padding:3px 12px;font-size:.9rem;font-weight:600;display:inline-flex}.goal-success-card{background:linear-gradient(135deg, var(--clr-card) 0%, var(--clr-surface) 100%);text-align:center;box-sizing:border-box;border-radius:24px;max-width:600px;margin:2rem auto;padding:2.5rem 2rem;animation:.6s cubic-bezier(.175,.885,.32,1.275) forwards cardAppear;position:relative;overflow:hidden}@keyframes cardAppear{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.confetti-particle{animation:confetti-fall var(--confetti-duration) linear forwards;pointer-events:none;z-index:999;position:absolute;top:-10px}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(105vh)rotate(720deg)}}.success-checkmark-container{justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}@keyframes checkmarkStroke{to{stroke-dashoffset:0}}@keyframes checkmarkScale{0%,to{transform:none}50%{transform:scale(1.1)}}@keyframes checkmarkFill{to{box-shadow:inset 0 0 0 30px #ffffff0d}}.goal-success-card button{cursor:pointer!important;text-transform:none!important;border-radius:30px!important;margin-top:10px!important;padding:12px 24px!important;font-size:.95rem!important;font-weight:600!important;transition:all .2s!important}.goal-success-card button:hover{filter:brightness(1.15);transform:translateY(-2px)}.goal-success-card ::-webkit-scrollbar{width:6px}.goal-success-card ::-webkit-scrollbar-track{background:#ffffff05;border-radius:10px}.goal-success-card ::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:10px}.goal-success-card ::-webkit-scrollbar-thumb:hover{background:#ffffff40}.checkbox-pill.active[style*=\#ffb300],.checkbox-pill.active[style*="255,179,0"]{border-color:var(--clr-accent)!important;color:var(--clr-accent)!important;background:#e8864a24!important}.checkbox-pill.active[style*=\#f44336],.checkbox-pill.active[style*="244,67,54"]{color:#ffb300!important;background:#ffb30024!important;border-color:#ffb300!important}.checkbox-pill.active[style*=\#2196f3],.checkbox-pill.active[style*="33,150,243"]{color:#d27c3c!important;background:#d27c3c24!important;border-color:#d27c3c!important}.checkbox-pill.active[style*=linear-gradient]{background:linear-gradient(135deg, var(--clr-accent), #ffb300, #d27c3c)!important;color:#fff!important;border:none!important}.word-explorer-list::-webkit-scrollbar{display:none}.concept-card-active{box-shadow:0 0 10px #feb47b26;background:var(--clr-hover-strong,#ffffff0f)!important;border:1.5px solid var(--clr-accent)!important}.checkpoint-badge{font-size:.85rem;font-weight:700}.journey-banner-row{justify-content:center;margin-bottom:24px;padding:0 16px;display:flex}.journey-banner-btn{border:1.5px solid var(--clr-accent,#feb47b);text-align:left;cursor:pointer;width:100%;max-width:568px;box-shadow:var(--shadow-card);transition:transform var(--transition), box-shadow var(--transition), background var(--transition);background:linear-gradient(135deg,#feb47b14 0%,#ff7e5f14 100%);border-radius:12px;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.journey-banner-btn:hover{background:linear-gradient(135deg,#feb47b26 0%,#ff7e5f26 100%);transform:translateY(-2px);box-shadow:0 6px 18px #feb47b2e}.journey-banner-content{flex:1}.journey-banner-header{align-items:center;gap:8px;margin-bottom:4px;display:flex}.journey-banner-title{color:var(--clr-text);margin:0;font-size:1.08rem;font-weight:700}.journey-banner-subtitle{color:var(--clr-text-soft);margin:0;font-size:.8rem;line-height:1.4}.journey-banner-arrow{color:var(--clr-accent);margin-left:12px;font-size:1.3rem;font-weight:700}.dnd-container{flex-direction:column;align-items:center;gap:20px;width:100%;display:flex}.dnd-source,.dnd-target{border-radius:var(--radius);flex-wrap:wrap;place-content:flex-start center;gap:12px;width:100%;max-width:500px;min-height:140px;padding:24px;display:flex}.dnd-source{background:var(--clr-surface);border:1px solid var(--clr-border)}.dnd-target{background:var(--clr-input);border:2px dashed var(--clr-border)}.dnd-item{cursor:grab;-webkit-user-select:none;user-select:none;background:0 0;justify-content:center;align-items:center;width:56px;height:56px;font-size:2.8rem;transition:transform .2s cubic-bezier(.175,.885,.32,1.275),opacity .2s;display:flex}.dnd-item:hover{transform:scale(1.15)}.dnd-item.dragging{opacity:.4;cursor:grabbing}.scale-container{flex-direction:column;justify-content:flex-start;align-items:center;width:100%;max-width:600px;height:380px;margin:75px auto 40px;display:flex;position:relative}.scale-beam{z-index:2;background:linear-gradient(#d35400,#e67e22);border-radius:8px;justify-content:space-between;width:90%;max-width:520px;height:14px;margin:0 auto;transition:transform .5s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;box-shadow:0 4px 8px #00000040}.scale-pan{border:3px solid var(--clr-border);transform-origin:top;background:#ffffff0a;border-top:none;border-radius:0 0 70px 70px;flex-wrap:wrap-reverse;place-content:flex-end center;gap:4px;width:140px;height:140px;padding:12px 12px 20px;transition:transform .5s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;top:14px;overflow:visible;box-shadow:inset 0 -10px 20px #0000001a}.scale-pan.left{left:2%}.scale-pan.right{right:2%}.scale-fulcrum{border-left:45px solid #0000;border-right:45px solid #0000;border-bottom:80px solid var(--clr-border);z-index:1;width:0;height:0;margin-top:-6px}.weight-bank{background:var(--clr-surface);border-radius:var(--radius);border:1px solid var(--clr-border);flex-wrap:wrap;justify-content:center;gap:14px;min-height:120px;margin-top:40px;padding:30px;display:flex;box-shadow:inset 0 2px 10px #0000000d}.weight-block{color:#fff;cursor:grab;-webkit-user-select:none;user-select:none;border-radius:8px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.1rem;font-weight:700;transition:transform .15s;display:inline-flex;box-shadow:0 3px 6px #0000004d}.weight-block:active{cursor:grabbing}.weight-block:hover{transform:translateY(-3px)scale(1.05);box-shadow:0 5px 12px #0006}.weight-block.dragging{opacity:.5;transform:scale(.95)}.weight-block.val-1{background:#3498db;border-top:2px solid #5dade2}.weight-block.val-5{background:#2ecc71;border-top:2px solid #58d68d}.weight-block.val-10{background:#e74c3c;border-top:2px solid #ec7063}.weight-block.val-50{background:#9b59b6;border-top:2px solid #af7ac5}.weight-block.val-100{background:#e67e22;border-top:2px solid #f39c12}.weight-block.val-500{background:#1abc9c;border-top:2px solid #48c9b0}.dartboard-container{-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;margin:20px 0;display:flex}.dartboard-grid{background:var(--clr-surface);border:2px solid var(--clr-border);background-image:linear-gradient(var(--clr-border) 1px, transparent 1px), linear-gradient(90deg, var(--clr-border) 1px, transparent 1px);cursor:crosshair;background-position:-1px -1px;background-size:30px 30px;border-radius:4px;width:300px;height:300px;position:relative;box-shadow:inset 0 0 10px #0003}.dartboard-axis-x{background:var(--clr-accent);pointer-events:none;height:2px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.dartboard-axis-y{background:var(--clr-accent);pointer-events:none;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.dartboard-label{color:var(--clr-text-soft);pointer-events:none;font-size:.75rem;font-weight:700;position:absolute}.dartboard-label.origin{top:calc(50% + 4px);left:calc(50% + 4px)}.dartboard-label.x-pos{top:calc(50% + 4px);right:4px}.dartboard-label.y-pos{top:4px;left:calc(50% + 4px)}.dartboard-label.x-neg{top:calc(50% + 4px);left:4px}.dartboard-label.y-neg{bottom:4px;left:calc(50% + 4px)}.dart-marker{text-align:center;pointer-events:none;filter:drop-shadow(0 4px 6px #00000080);z-index:10;width:24px;height:24px;font-size:20px;line-height:24px;transition:top .2s cubic-bezier(.175,.885,.32,1.275),left .2s cubic-bezier(.175,.885,.32,1.275);position:absolute;transform:translate(-50%,-50%)}.dartboard-controls{gap:12px;margin-top:20px;display:flex}@keyframes frogBounce{0%{transform:translate(-50%)translateY(0)}40%{transform:translate(-50%)translateY(-18px)}70%{transform:translate(-50%)translateY(-6px)}to{transform:translate(-50%)translateY(0)}}@keyframes cellPop{0%{transform:scale(1)}40%{transform:scale(1.25)}to{transform:scale(1)}}.vm-cell-filled{animation:.2s cellPop}.vm-bucket-btn{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:1rem;font-weight:700;transition:transform .1s;display:flex}.vm-bucket-btn:active{transform:scale(.9)}.scale-container{flex-direction:column;align-items:center;display:flex;position:relative;overflow:visible}.setup-row{background:var(--clr-card);border-radius:var(--radius-sm);border:1px solid var(--clr-border);justify-content:space-between;align-items:center;margin:15px 0;padding:10px;display:flex}.setup-row label{color:var(--clr-text);font-weight:600}.setup-row select{border-radius:var(--radius-sm);border:1px solid var(--clr-border);background:var(--clr-bg);color:var(--clr-text);padding:8px;font-family:inherit;font-size:1rem}.confetti-anim{text-align:center;margin-bottom:20px;font-size:4rem;animation:1s infinite alternate bounce}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-20px)}}.guide-toggle{color:#fff;cursor:pointer;z-index:1000;font-weight:700;font-family:var(--font-body,"DM Sans", sans-serif);letter-spacing:.01em;white-space:nowrap;background:linear-gradient(135deg,#e8864a,#d4703a);border:none;border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:.88rem;transition:all .2s;display:flex;position:fixed;top:16px;left:16px;right:auto;box-shadow:0 4px 14px #e8864a59}.guide-toggle:hover{background:linear-gradient(135deg,#f09050,#e8864a);transform:translateY(-2px);box-shadow:0 6px 20px #e8864a73}@media (width<=700px){.guide-toggle{padding:6px 12px;font-size:.82rem;top:16px;left:12px;right:auto}}.word-explorer-reader-section-label{color:var(--clr-text-soft);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:.78rem;font-weight:600}.word-explorer-reader-difference{border-radius:var(--radius-sm);background:var(--clr-card);border:1px solid var(--clr-border);border-left:3px solid var(--clr-accent);flex-direction:column;gap:6px;margin-top:10px;padding:10px 14px;display:flex}.word-explorer-diff-row{border-top:1px solid var(--clr-border);flex-direction:column;gap:2px;padding:6px 0;display:flex}.word-explorer-diff-row:first-child{border-top:none;padding-top:0}.word-explorer-diff-term{color:var(--clr-accent);text-transform:capitalize;font-size:.92rem;font-weight:600}.word-explorer-diff-body{color:var(--clr-text);font-size:.88rem;line-height:1.5}.word-explorer-list{scrollbar-width:none;-ms-overflow-style:none}.badge-detail-overlay{-webkit-backdrop-filter:blur(6px);z-index:1001;background:#000000b8;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.badge-detail-modal{background:var(--clr-card);border:2px solid var(--clr-border);text-align:center;border-radius:24px;width:90%;max-width:460px;padding:24px 24px 28px;animation:.3s modal-pop;position:relative}.badge-detail-close{background:var(--clr-hover-strong);cursor:pointer;width:36px;height:36px;color:var(--clr-text);box-sizing:border-box;z-index:10;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:1.25rem;line-height:1;transition:transform .2s,background .2s,color .2s,box-shadow .2s;display:flex;position:absolute;top:16px;right:16px}.badge-detail-close:hover{color:#fff;transform:scale(1.1);box-shadow:0 0 12px #ea580c99;background:#ea580c!important}.badge-detail-hero{justify-content:center;align-items:center;min-height:140px;display:flex;position:relative}.badge-detail-aura{filter:blur(28px);opacity:.35;pointer-events:none;border-radius:50%;width:130px;height:130px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.badge-detail-aura.level-gold{background:gold}.badge-detail-aura.level-silver{background:#cbd5e1}.badge-detail-aura.level-bronze{background:#d97706}.badge-detail-aura.level-blue{background:#3b82f6}.badge-detail-title{text-transform:uppercase;letter-spacing:.03em;color:var(--clr-text);font-size:1.6rem;font-weight:850;font-family:var(--font-display);margin:8px 0 4px}.badge-detail-tag{text-transform:uppercase;letter-spacing:.06em;background:var(--clr-accent-soft);border:1.5px solid var(--clr-accent);color:var(--clr-accent);border-radius:12px;margin-top:6px;padding:4px 12px;font-size:.72rem;font-weight:800;display:inline-block}.badge-detail-desc{color:var(--clr-text-soft);margin:16px 0;font-size:.9rem;line-height:1.5}.badge-detail-requirement{text-align:left;background:#ffffff05;border:1.5px solid #ffffff0d;border-radius:16px;padding:12px 16px}.badge-detail-requirement strong{text-transform:uppercase;letter-spacing:.05em;color:var(--clr-accent);margin-bottom:6px;font-size:.78rem;display:block}.badge-detail-requirement p{color:var(--clr-text-soft);margin:0;font-size:.85rem;line-height:1.5}@keyframes modal-pop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}:root{--bg-page:#1e1a2e;--bg-card:#2a2440;--bg-card-elevated:#362d52;--border-subtle:#ffffff1a;--text-primary:#f8f4ec;--text-secondary:#c2b8e0;--accent-primary:#ff5d7a;--accent-primary-hover:#ff7d94;--accent-gold:#ffc247;--accent-teal:#4fd1c5;--accent-success:#4ade80;--accent-error:#f87171;--shadow-card:0 4px 20px #00000026}[data-theme=light]{--bg-page:#fef8ee;--bg-card:#fff;--bg-card-elevated:#fff3e0;--border-subtle:#00000014;--text-primary:#2a2440;--text-secondary:#6b6485;--accent-primary:#ff5d7a;--accent-primary-hover:#eb4d69;--accent-gold:#f5a623;--accent-teal:#14b8a6;--accent-success:#22c55e;--accent-error:#ef4444;--shadow-card:0 4px 16px #00000014}.percentages-app-theme{min-height:100vh;transition:background var(--transition), color var(--transition);padding:24px 16px;background:var(--bg-page)!important;color:var(--text-primary)!important}.percentages-pop-in{animation:.35s cubic-bezier(.34,1.56,.64,1) forwards percentages-card-fade-in}.percentages-num-bounce{display:inline-block}.percentages-num-bounce:active{animation:.4s cubic-bezier(.175,.885,.32,1.275) score-bounce}@keyframes score-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.percentages-star-earn{animation:.6s cubic-bezier(.34,1.56,.64,1) forwards star-pop-in}@keyframes star-pop-in{0%{opacity:0;transform:scale(0)rotate(-45deg)}70%{transform:scale(1.25)rotate(12deg)}to{opacity:1;transform:scale(1)rotate(0)}}.percentages-mute-btn{cursor:pointer;z-index:10;border-radius:12px;place-items:center;width:44px;height:44px;font-size:1.2rem;transition:transform .1s,box-shadow .1s;display:grid;background:var(--bg-card-elevated)!important;border:1px solid var(--border-subtle)!important;color:var(--text-primary)!important;box-shadow:0 4px 0 var(--border-subtle)!important;flex-shrink:0!important}.percentages-mute-btn:hover{background:var(--bg-card)!important;border-color:var(--accent-teal)!important;box-shadow:0 4px 0 var(--accent-teal)!important}.percentages-mute-btn:active{box-shadow:0 2px 0 var(--border-subtle)!important;transform:translateY(2px)!important}.percentages-quest-shell{box-shadow:var(--shadow-card);border-radius:20px;flex-direction:column;gap:16px;margin-bottom:24px;padding:20px;display:flex;background:var(--bg-card)!important;border:1px solid var(--border-subtle)!important}.percentages-quest-title{padding-right:60px;flex-wrap:nowrap!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;display:flex!important}.percentages-quest-title span{font-family:var(--font-display);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:1.3rem;font-weight:800;overflow:hidden}.percentages-quest-title strong{font-family:var(--font-body);background:var(--bg-card-elevated);color:var(--accent-teal);text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--border-subtle);white-space:nowrap;border-radius:999px;padding:6px 14px;font-size:.85rem;flex-shrink:0!important}.percentages-reward-row{flex-wrap:nowrap;justify-content:center;gap:12px;display:flex}.percentages-reward-row span{font-family:var(--font-body);white-space:nowrap;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:.95rem;font-weight:800;display:inline-flex;background:var(--bg-card-elevated)!important;border:1px solid var(--border-subtle)!important}.percentages-reward-row span:first-child{color:var(--accent-gold)!important;border-color:#ffc24733!important}.percentages-reward-row span:nth-child(2){color:var(--accent-teal)!important;border-color:#4fd1c533!important}.percentages-reward-row span:nth-child(3){color:var(--accent-primary)!important;border-color:#ff5d7a33!important}.percentages-quest-path{justify-content:space-between;align-items:center;margin:10px 0;padding:0 10px;display:flex;position:relative}.percentages-quest-path:after{content:"";background:var(--border-subtle);z-index:1;border-radius:3px;height:6px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.percentages-path-node{z-index:2;background:var(--bg-card-elevated);border:3px solid var(--border-subtle);border-radius:50%;place-items:center;width:44px;height:44px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:grid;position:relative}.percentages-path-node span{color:var(--text-secondary);place-items:center;width:100%;height:100%;font-size:1.1rem;font-weight:800;display:grid}.percentages-path-node.current{background:var(--bg-card);border-color:var(--accent-gold);box-shadow:0 0 15px var(--accent-gold);animation:1.8s ease-in-out infinite percent-node-pulse;transform:scale(1.15)}.percentages-path-node.current span{color:var(--accent-gold)}.percentages-path-node.complete span{color:#fff}@keyframes percent-node-pulse{0%,to{transform:scale(1.15)}50%{transform:scale(1.22)}}.percentages-collection-shelf{background:var(--bg-card-elevated);border:1px dashed var(--border-subtle);border-radius:20px;flex-wrap:wrap;justify-content:center;gap:12px;max-width:720px;margin:15px auto 20px;padding:16px;display:flex}.percentages-collection-item{background:var(--bg-card);border:2px solid var(--border-subtle);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:96px;height:104px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;box-shadow:0 4px 8px #0000001a}.percentages-collection-item.locked{filter:grayscale();opacity:.35;background:var(--bg-card)!important;border-color:var(--border-subtle)!important}.percentages-collection-item.locked .badge-emoji{font-size:1.8rem}.percentages-collection-item.locked .badge-name{color:var(--text-secondary);margin-top:4px;font-size:.72rem;font-weight:700}.percentages-collection-item.glowing-next{border-color:var(--accent-gold);background:#ffc24714;animation:1.6s infinite alternate badge-next-pulse;box-shadow:0 0 15px #ffc2474d}.percentages-collection-item.glowing-next .badge-emoji{font-size:2rem;animation:6s linear infinite spin-slow}.percentages-collection-item.glowing-next .badge-name{color:var(--accent-gold);margin-top:4px;font-size:.75rem;font-weight:800}.percentages-collection-item.unlocked{background:linear-gradient(135deg, var(--bg-card-elevated) 0%, var(--bg-card) 100%);border-color:var(--accent-gold);animation:.6s ease-out badge-unlock-spin;transform:scale(1.05);box-shadow:0 6px 12px #ffc24733}.percentages-collection-item.unlocked .badge-emoji{font-size:2.2rem}.percentages-collection-item.unlocked .badge-name{color:var(--text-primary);text-align:center;margin-top:4px;font-size:.8rem;font-weight:800;line-height:1.1}.percentages-btn{justify-content:center;align-items:center;gap:8px;display:inline-flex;background:var(--accent-primary)!important;color:#fff!important;font-family:var(--font-body)!important;cursor:pointer!important;box-shadow:0 4px 0 var(--accent-primary-hover), 0 8px 16px #00000026!important;border:none!important;border-radius:16px!important;padding:14px 32px!important;font-size:1.15rem!important;font-weight:800!important;transition:transform .1s,box-shadow .1s!important;transform:translateY(0)!important}.percentages-btn:hover:not(:disabled){background:var(--accent-primary-hover)!important}.percentages-btn:active:not(:disabled){box-shadow:0 2px 0 var(--accent-primary-hover)!important;transform:translateY(2px)!important}.percentages-btn:disabled{background:var(--bg-card-elevated)!important;color:var(--text-secondary)!important;border:1px solid var(--border-subtle)!important;box-shadow:none!important;cursor:not-allowed!important;opacity:.6!important;transform:none!important}.percentages-btn-secondary{background:var(--bg-card-elevated)!important;border:1px solid var(--border-subtle)!important;color:var(--accent-teal)!important;box-shadow:0 4px 0 var(--accent-teal), 0 6px 12px #0000000d!important}.percentages-btn-secondary:hover:not(:disabled){background:var(--bg-card)!important;border-color:var(--accent-teal)!important}.percentages-btn-secondary:active:not(:disabled){box-shadow:0 2px 0 var(--accent-teal)!important;transform:translateY(2px)!important}.percentages-reward-toast{z-index:50;background:var(--bg-card-elevated);color:var(--accent-gold);border:2px solid var(--accent-gold);border-radius:999px;align-items:center;gap:8px;padding:12px 22px;font-size:1.1rem;font-weight:800;animation:.4s cubic-bezier(.175,.885,.32,1.275) forwards percent-toast-pop;display:flex;position:absolute;top:15px;left:50%;transform:translate(-50%);box-shadow:0 10px 25px #00000040}.percentages-stars-row{justify-content:center;gap:16px;margin:10px 0 25px;display:flex}.percentages-star{color:var(--text-secondary);opacity:.4;-webkit-user-select:none;user-select:none;text-shadow:0 2px 4px #00000026;font-size:3rem;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),color .3s}.percentages-star.active{color:var(--accent-gold);opacity:1;text-shadow:0 0 12px #ffc24766,0 4px #0003}.percentages-mascot-container{justify-content:center;align-items:center;gap:20px;max-width:620px;margin:15px auto 25px;padding:10px;display:flex}.percentages-mascot-emoji{-webkit-user-select:none;user-select:none;font-size:4rem;animation:3s ease-in-out infinite alternate mascot-float;display:inline-block}.percentages-mascot-bubble{background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-primary);text-align:left;box-shadow:var(--shadow-card);border-radius:20px;flex:1;padding:16px 22px;font-size:1.15rem;line-height:1.4;position:relative}.percentages-mascot-bubble:before{content:"";background:var(--bg-card);border-left:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);width:16px;height:16px;position:absolute;top:50%;left:-9px;transform:translateY(-50%)rotate(45deg)}.percentages-step-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius);text-align:center;box-shadow:var(--shadow-card);margin:20px 0;padding:28px;transition:all .3s cubic-bezier(.25,.8,.25,1)}.percentages-step-card.active{border-color:var(--accent-primary);box-shadow:0 0 25px #ff5d7a26, var(--shadow-card)}.percentages-step-card.inactive{opacity:.4;pointer-events:none;transform:scale(.98)}.percentages-step-card.correct{border-color:var(--accent-success);background-color:var(--bg-card-elevated);box-shadow:0 8px 20px #4ade801f, var(--shadow-card)}.percentages-step-card.wrong{border-color:var(--accent-error);background-color:var(--bg-card-elevated);box-shadow:0 8px 20px #f871711f, var(--shadow-card)}.percentages-step-title{font-family:var(--font-display);color:var(--text-primary);align-items:center;gap:10px;margin-bottom:12px;font-size:1.25rem;font-weight:800;display:flex}.percentages-step-formula{background:var(--bg-card-elevated);border:1px dashed var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);margin-top:15px;padding:16px 20px;font-size:1.15rem;line-height:1.5}.percentages-step-formula p{margin:8px 0}.quiz-confetti-particle{z-index:99999;pointer-events:none;opacity:.95;border-radius:4px;width:10px;height:14px;animation:2.5s linear forwards confetti-fall;position:fixed}.percentages-success-view{text-align:center;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:40px 24px}.percentages-success-icon{margin-bottom:25px;font-size:5.5rem;animation:.8s cubic-bezier(.175,.885,.32,1.2) infinite alternate percentages-trophy-bounce}.percentages-finale-panel{grid-template-columns:repeat(3,1fr);gap:16px;max-width:540px;margin:25px auto;display:grid}.percentages-finale-panel div{background:var(--bg-card-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);box-shadow:0 4px 0 var(--border-subtle);padding:20px 12px}.percentages-finale-panel strong{color:var(--accent-gold);font-size:2.2rem;display:block}.percentages-finale-panel span{color:var(--text-secondary);margin-top:6px;font-size:.95rem;font-weight:800;display:block}.percentages-collection-shelf.finale{margin-bottom:30px}.percentages-check-badge{background:var(--accent-teal);color:#fff;border-radius:12px;margin-bottom:12px;padding:6px 14px;font-size:.95rem;font-weight:900;display:inline-block;box-shadow:0 3px #00000026}.percentages-accordion{border-radius:var(--radius-sm);text-align:left;box-shadow:var(--shadow-card);margin:20px 0;overflow:hidden;border:1px solid var(--border-subtle)!important}.percentages-accordion-header{cursor:pointer;justify-content:space-between;align-items:center;padding:14px 20px;font-size:1.1rem;font-weight:800;transition:background-color .2s;display:flex;background:var(--bg-card-elevated)!important;color:var(--text-primary)!important}.percentages-accordion-header:hover{background:var(--bg-card)!important}.percentages-accordion-content{padding:20px;font-size:1.15rem;line-height:1.5;background:var(--bg-card)!important;border-top:1px solid var(--border-subtle)!important;color:var(--text-primary)!important}.percentages-celebration-popup{border-radius:var(--radius);max-width:600px;box-shadow:0 10px 25px #4ade8026, var(--shadow-card);text-align:center;margin:20px auto;padding:30px;background:var(--bg-card-elevated)!important;border:3px solid var(--accent-success)!important}.percentages-celebration-popup h2{margin:10px 0;font-family:var(--font-display)!important;color:var(--accent-success)!important;font-size:1.8rem!important;font-weight:800!important}.percentages-celebration-popup p{margin-bottom:20px;color:var(--text-primary)!important;font-size:1.25rem!important}.celebration-emoji-burst{font-size:2.5rem;animation:.8s ease-in-out infinite alternate emoji-burst-anim}@keyframes emoji-burst-anim{0%{transform:scale(1)rotate(-5deg)}to{transform:scale(1.15)rotate(5deg)}}.percentages-app-theme .answer-input{font-family:var(--font-body)!important;border-radius:var(--radius-sm)!important;border:3px solid var(--border-subtle)!important;background-color:var(--clr-input)!important;color:var(--text-primary)!important;max-width:280px!important;padding:12px 20px!important;font-size:1.4rem!important;font-weight:800!important;transition:all .2s!important;box-shadow:inset 0 3px 6px #00000026!important}.percentages-app-theme .answer-input:focus{border-color:var(--accent-primary)!important;background-color:var(--bg-card)!important;outline:none!important;box-shadow:inset 0 3px 6px #00000026,0 0 10px #ff5d7a33!important}.percentages-app-theme .question-prompt{font-family:var(--font-display)!important;color:var(--text-primary)!important;margin:20px 0!important;font-size:1.7rem!important;font-weight:800!important;line-height:1.4!important}.shake-animation{animation:.4s kid-shake}@keyframes kid-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-10px)rotate(-1deg)}40%,80%{transform:translate(10px)rotate(1deg)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.percentages-card-transition-wrapper{animation:.25s ease-out forwards percentages-card-fade-in}@keyframes percentages-card-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.percentages-app-theme{--bg-page:var(--clr-bg);--bg-card:var(--clr-card);--bg-card-elevated:var(--clr-card);--border-subtle:var(--clr-border);--text-primary:var(--clr-text);--text-secondary:var(--clr-text-soft);--accent-primary:#ff6b4a;--accent-primary-hover:#e95334;--accent-gold:#f6b832;--accent-teal:#00a99d;--accent-success:#1d9a63;--accent-error:#dc3f45;--clr-input:var(--clr-card);--clr-correct:var(--accent-success);--clr-wrong:var(--accent-error);--shadow-card:0 18px 44px #ee8b4f29, 0 2px 8px #22313f14;border-radius:22px;margin:-20px;padding:28px 20px;background:var(--clr-bg)!important;color:var(--text-primary)!important}[data-theme=dark] .percentages-app-theme{--bg-page:var(--clr-bg);--bg-card:var(--clr-card);--bg-card-elevated:var(--clr-card);--border-subtle:var(--clr-border);--text-primary:var(--clr-text);--text-secondary:var(--clr-text-soft);--clr-input:var(--clr-card);background:var(--clr-bg)!important}.app-shell:has(.percentages-app-theme){background:var(--clr-bg)}[data-theme=dark] .app-shell:has(.percentages-app-theme){background:var(--clr-bg)}.card:has(.percentages-app-theme){background:var(--clr-card);border-color:var(--clr-border);max-width:980px;box-shadow:var(--shadow-card)}[data-theme=dark] .card:has(.percentages-app-theme){background:var(--clr-card);border-color:var(--clr-border);box-shadow:var(--shadow-card)}.percentages-app-theme .header-row,.percentages-app-theme h1,.percentages-app-theme .subtitle{color:var(--text-primary)}.percentages-app-theme h1{font-size:clamp(2.6rem,5vw,3.5rem)}.percentages-app-theme .subtitle{color:var(--text-secondary);font-size:1.1rem}.percentages-app-theme .back-button,.percentages-app-theme .timer-pill{color:var(--text-primary);background:#fff;border:2px solid #22313f1f;box-shadow:0 5px #22313f1f}[data-theme=dark] .percentages-app-theme .back-button,[data-theme=dark] .percentages-app-theme .timer-pill{background:var(--bg-card-elevated);color:var(--text-primary);border:1px solid var(--border-subtle);box-shadow:0 3px #0006}.percentages-mute-btn{background:#fff!important;border:2px solid #22313f24!important;box-shadow:0 5px #22313f1f,0 10px 22px #22313f14!important}[data-theme=dark] .percentages-mute-btn{background:var(--bg-card-elevated)!important;border:1px solid var(--border-subtle)!important;color:var(--text-primary)!important;box-shadow:0 3px #0006!important}.percentages-quest-shell{box-shadow:var(--shadow-card);border-radius:22px;position:relative;overflow:hidden;background:var(--clr-card)!important;border:2px solid var(--clr-border)!important}[data-theme=dark] .percentages-quest-shell{background:var(--clr-card)!important;border:2px solid var(--clr-border)!important}.percentages-quest-shell:before{content:"";pointer-events:none;display:none;position:absolute;inset:0}[data-theme=dark] .percentages-quest-shell:before{display:none}.percentages-quest-shell>*{z-index:1;position:relative}.percentages-quest-title span{color:var(--text-primary);font-size:1.55rem}.percentages-quest-title strong,.percentages-check-badge{background:var(--clr-card)!important;color:var(--clr-accent)!important;border:1px solid var(--clr-border)!important;box-shadow:none!important}[data-theme=dark] .percentages-quest-title strong,[data-theme=dark] .percentages-check-badge{background:var(--clr-card)!important;border-color:var(--clr-border)!important;box-shadow:none!important}.percentages-reward-row{gap:14px}.percentages-reward-row span{min-height:48px;box-shadow:none;border-radius:18px;border:2px solid var(--clr-border)!important;background:var(--clr-card)!important}.percentages-reward-row span:first-child{color:#9b6500!important;background:var(--clr-card)!important}.percentages-reward-row span:nth-child(2){color:#006f69!important;background:var(--clr-card)!important}.percentages-reward-row span:nth-child(3){color:#b63828!important;background:var(--clr-card)!important}[data-theme=dark] .percentages-reward-row span{background:var(--clr-card)!important;border:2px solid var(--clr-border)!important;box-shadow:none!important}[data-theme=dark] .percentages-reward-row span:first-child{color:#ffb020!important;background:var(--clr-card)!important;border-color:var(--clr-border)!important}[data-theme=dark] .percentages-reward-row span:nth-child(2){color:#4fc3f7!important;background:var(--clr-card)!important;border-color:var(--clr-border)!important}[data-theme=dark] .percentages-reward-row span:nth-child(3){color:#ff5470!important;background:var(--clr-card)!important;border-color:var(--clr-border)!important}.percentages-quest-path:after{background:linear-gradient(90deg,#ffe1ac,#c7f5ee);border:1px solid #22313f14;height:8px}[data-theme=dark] .percentages-quest-path:after{background:linear-gradient(90deg,#7c5cff66,#00d9c066);border:none}.percentages-path-node{background:#fff;border-color:#ffd27c;box-shadow:0 5px #c78b2238}.percentages-path-node span{color:var(--text-primary)}.percentages-path-node.current{border-color:var(--accent-gold);background:linear-gradient(135deg,#fff8dc,#ffe3a1);box-shadow:0 0 0 6px #f6b8322e,0 7px #c78b2247}.percentages-path-node.complete{background:linear-gradient(135deg,#1d9a63,#31c987);border-color:#1d9a63;box-shadow:0 5px #1d754b59}[data-theme=dark] .percentages-path-node{background:var(--bg-card-elevated);border-color:#33374f;box-shadow:0 3px #00000059}[data-theme=dark] .percentages-path-node.current{background:linear-gradient(135deg,#ffb02033,#ffb0201a);border-color:#ffb020;box-shadow:0 0 0 5px #ffb02026,0 5px #00000059}[data-theme=dark] .percentages-path-node.current span{color:#ffb020}[data-theme=dark] .percentages-path-node.complete{background:linear-gradient(135deg,#3ddc84,#00d9c0);border-color:#3ddc84;box-shadow:0 4px #0006}.percentages-collection-shelf,[data-theme=dark] .percentages-collection-shelf{background:var(--clr-card);border:2px dashed var(--clr-border);box-shadow:none}.percentages-collection-item{background:var(--clr-card);border:2px solid var(--clr-border);border-radius:18px;box-shadow:0 6px #22313f1a,0 12px 22px #22313f0f}[data-theme=dark] .percentages-collection-item{background:var(--clr-card);border:2px solid var(--clr-border);box-shadow:none}.percentages-collection-item.locked{filter:none;opacity:1;color:#7a8794;border-style:dashed;background:var(--clr-card)!important}.percentages-collection-item.locked .badge-emoji{color:#8a96a3;text-shadow:0 2px #fff}[data-theme=dark] .percentages-collection-item.locked{color:var(--text-secondary);opacity:.5;background:var(--clr-card)!important}[data-theme=dark] .percentages-collection-item.locked .badge-emoji{text-shadow:none}.percentages-collection-item.glowing-next{border-color:var(--accent-gold);box-shadow:0 0 0 5px #f6b8322e,0 0 22px #f6b83259,0 7px #c78b2240;background:var(--clr-card)!important}[data-theme=dark] .percentages-collection-item.glowing-next{border-color:#ffb020;box-shadow:0 0 0 4px #ffb02026,0 0 20px #ffb0204d;background:var(--clr-card)!important}.percentages-collection-item.unlocked{background:var(--clr-card);border-color:var(--accent-gold);box-shadow:0 8px #c78b2238,0 18px 28px #f6b8322e}[data-theme=dark] .percentages-collection-item.unlocked{background:var(--clr-card);border-color:#ffb020;box-shadow:0 6px #0006,0 0 20px #ffb02040}.percentages-stars-row{margin:14px 0 24px}.percentages-star{color:#cfd6dc;opacity:1;text-shadow:0 3px #fff,0 6px 14px #22313f1f}.percentages-star.active{color:var(--accent-gold);text-shadow:0 0 18px #f6b83273,0 5px #c78b2240}[data-theme=dark] .percentages-star{color:#33374f;text-shadow:none}[data-theme=dark] .percentages-star.active{color:#ffb020;text-shadow:0 0 16px #ffb02080,0 3px #0006}.percentages-mascot-container{background:var(--clr-card);border:2px solid var(--clr-border);border-radius:22px;box-shadow:0 12px 28px #22313f0f}[data-theme=dark] .percentages-mascot-container{background:var(--clr-card);border:2px solid var(--clr-border);box-shadow:var(--shadow-card)}.percentages-mascot-bubble{background:var(--clr-card);border:2px solid var(--clr-border);color:var(--text-primary);font-size:1.2rem;box-shadow:0 6px #22313f1a}.percentages-mascot-bubble:before{background:var(--clr-card);border-color:var(--clr-border)}[data-theme=dark] .percentages-mascot-bubble{background:var(--clr-card);border:2px solid var(--clr-border);color:var(--text-primary);box-shadow:0 4px #0006}[data-theme=dark] .percentages-mascot-bubble:before{background:var(--clr-card);border-color:var(--clr-border)}.percentages-step-card{background:var(--clr-card);border:2px solid var(--clr-border);max-width:720px;box-shadow:var(--shadow-card);border-radius:22px;margin:18px auto;padding:clamp(24px,4vw,38px);position:relative;overflow:hidden;min-height:0!important}.percentages-step-card:before{content:"";background:linear-gradient(90deg,#ff6b4a,#f6b832,#00a99d);height:8px;position:absolute;inset:0 0 auto}.percentages-step-card.active{box-shadow:0 0 0 6px #ff6b4a17, var(--shadow-card);border-color:#ff6b4a6b}.percentages-step-card.correct,.percentages-step-card.wrong{background:var(--clr-card)}[data-theme=dark] .percentages-step-card{background:var(--clr-card)!important;border:2px solid var(--clr-border)!important}[data-theme=dark] .percentages-step-card:before{background:linear-gradient(90deg,#7c5cff,#ffb020,#00d9c0)}[data-theme=dark] .percentages-step-card.active{box-shadow:0 0 0 5px #7c5cff1f, var(--shadow-card)!important;border-color:#7c5cff80!important}[data-theme=dark] .percentages-step-card.correct,[data-theme=dark] .percentages-step-card.wrong{background:var(--clr-card)!important;border-color:var(--clr-border)!important}.percentages-app-theme .question-prompt{max-width:660px;font-family:var(--font-display)!important;color:var(--text-primary)!important;margin:10px auto 24px!important;font-size:clamp(1.7rem,4vw,2.25rem)!important;line-height:1.25!important}.percentages-app-theme .answer-input{color:var(--text-primary)!important;background:#fff!important;border:3px solid #00a99d52!important;border-radius:18px!important;box-shadow:inset 0 3px 6px #22313f14,0 7px #00a99d29!important}.percentages-app-theme .answer-input:focus{border-color:var(--accent-primary)!important;box-shadow:inset 0 3px 6px #22313f14,0 0 0 6px #ff6b4a24,0 7px #ff6b4a33!important}[data-theme=dark] .percentages-app-theme .answer-input{background:var(--bg-card-elevated)!important;color:var(--text-primary)!important;border:2px solid #00d9c059!important;box-shadow:inset 0 2px 8px #0000004d,0 5px #00d9c033!important}[data-theme=dark] .percentages-app-theme .answer-input:focus{border-color:#7c5cff!important;box-shadow:inset 0 2px 8px #0000004d,0 0 0 5px #7c5cff33,0 5px #7c5cff40!important}.percentages-btn{background:linear-gradient(135deg,#ff6b4a,#ff8a3d)!important;box-shadow:0 5px #c9482f,0 14px 26px #ff6b4a3d!important}[data-theme=dark] .percentages-btn{background:linear-gradient(135deg,#7c5cff,#5b3fe0)!important;box-shadow:0 5px #3d27b8,0 14px 26px #7c5cff4d!important}.percentages-btn-secondary{color:#008f86!important;background:#fff!important;border:2px solid #00a99d4d!important;box-shadow:0 5px #00a99d73,0 12px 22px #00a99d1a!important}[data-theme=dark] .percentages-btn-secondary{background:var(--bg-card-elevated)!important;color:#00d9c0!important;border:1px solid #00d9c04d!important;box-shadow:0 4px #00d9c059,0 8px 18px #00d9c01a!important}.percentages-card-transition-wrapper:empty{display:none}.percentages-step-title,.percentages-step-formula,.percentages-accordion-header,.percentages-accordion-content{color:var(--text-primary)!important}.percentages-step-formula,.percentages-accordion,.percentages-accordion-header,.percentages-accordion-content{background:#fff!important;border-color:#22313f1f!important}.percentages-step-formula{font-size:1.18rem;line-height:1.65;box-shadow:0 8px 18px #22313f0d}[data-theme=dark] .percentages-step-formula,[data-theme=dark] .percentages-accordion,[data-theme=dark] .percentages-accordion-header,[data-theme=dark] .percentages-accordion-content{background:var(--bg-card-elevated)!important;border-color:var(--border-subtle)!important;color:var(--text-primary)!important}[data-theme=dark] .percentages-step-formula{box-shadow:0 4px 12px #0000004d}.percentages-celebration-popup,.percentages-success-view{box-shadow:var(--shadow-card);border-radius:22px;background:linear-gradient(135deg,#fff 0%,#fff4df 55%,#e9fbf8 100%)!important;border:2px solid #1d9a6347!important}[data-theme=dark] .percentages-celebration-popup,[data-theme=dark] .percentages-success-view{background:linear-gradient(135deg,#3ddc8426 0%,#00d9c01a 100%)!important;border:1px solid #3ddc8459!important}.percentages-celebration-popup h2{color:var(--accent-success)!important}.percentages-celebration-popup.wrong{border-color:#dc3f4559!important}[data-theme=dark] .percentages-celebration-popup.wrong{background:#ff54701a!important;border-color:#ff547059!important}.percentages-success-view{max-width:820px;margin:0 auto}.percentages-finale-panel div{background:#fff;border:2px solid #22313f1a;box-shadow:0 6px #22313f1a,0 12px 22px #22313f0f}.percentages-finale-panel strong{color:#9b6500}.percentages-finale-panel span{color:var(--text-secondary)}[data-theme=dark] .percentages-finale-panel div{background:var(--bg-card-elevated);border:1px solid var(--border-subtle);box-shadow:0 4px #0006}[data-theme=dark] .percentages-finale-panel strong{color:#ffb020}.percentages-reward-toast{color:#9b6500;border-color:var(--accent-gold);background:#fff;box-shadow:0 14px 30px #f6b8323d}[data-theme=dark] .percentages-reward-toast{background:var(--bg-card-elevated);color:#ffb020;border-color:#ffb020;box-shadow:0 8px 24px #ffb02040}@media (width<=700px){.percentages-app-theme{margin:-28px -20px;padding:24px 14px}.percentages-quest-title{padding-right:50px}.percentages-reward-row{flex-wrap:wrap}.percentages-reward-row span{flex-basis:30%;min-width:120px}.percentages-mascot-container{align-items:flex-start;gap:12px}.percentages-mascot-emoji{font-size:3rem}}.proctor-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.proctor-modal{background:var(--clr-card,#1c1c1f);border:1.5px solid var(--clr-border,#444);border-radius:14px;flex-direction:column;width:100%;max-width:520px;max-height:85vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000080}.proctor-modal-header{text-align:center;padding:20px 24px 8px}.proctor-modal-header h2{color:var(--clr-text);margin:0;font-size:1.3rem;font-weight:700}.proctor-modal-subtitle{color:var(--clr-text-soft,#999);margin:4px 0 0;font-size:.85rem}.proctor-modal-body{color:var(--clr-text);flex:1;padding:16px 24px;overflow-y:auto}.proctor-modal-footer{border-top:1px solid var(--clr-border,#333);justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.proctor-consent-section{margin-bottom:16px}.proctor-consent-section h3{color:var(--clr-text);margin:0 0 6px;font-size:.95rem;font-weight:600}.proctor-consent-section p{color:var(--clr-text-soft,#aaa);margin:0;font-size:.85rem;line-height:1.55}.proctor-btn{cursor:pointer;font-size:.88rem;font-weight:600;font-family:var(--font-body,system-ui, sans-serif);border:none;border-radius:8px;padding:8px 18px;transition:all .15s}.proctor-btn:disabled{opacity:.5;cursor:not-allowed}.proctor-btn-accept{color:#fff;background:#4caf50}.proctor-btn-accept:hover:not(:disabled){background:#43a047}.proctor-btn-decline{color:var(--clr-text-soft,#999);border:1px solid var(--clr-border,#555);background:0 0}.proctor-btn-decline:hover{background:#ffffff0d}.proctor-btn-skip{color:var(--clr-text-soft,#999);border:1px solid var(--clr-border,#555);background:0 0}.proctor-btn-skip:hover{background:#ffffff0d}.proctor-floating-video{border:2px solid var(--clr-border,#444);background:#000;border-radius:10px;transition:box-shadow .3s;overflow:hidden;box-shadow:0 8px 32px #0006}.proctor-floating-video:hover{box-shadow:0 12px 40px #0009}.proctor-fv-header{background:#000c;justify-content:space-between;align-items:center;padding:6px 10px;font-size:.75rem;display:flex}.proctor-fv-status-dot{border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:0 0 6px}.proctor-fv-status-text{color:#fff;font-size:.72rem;font-weight:600}.proctor-fv-btn{color:#fff;cursor:pointer;opacity:.7;background:0 0;border:none;padding:2px 6px;font-size:.8rem}.proctor-fv-btn:hover{opacity:1}.proctor-fv-alerts{background:#ef444426;padding:4px 8px}.proctor-fv-alert{color:#ef4444;text-transform:capitalize;padding:1px 0;font-size:.68rem}.proctor-challenge-overlay{z-index:10001;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.proctor-challenge{background:var(--clr-card,#1c1c1f);text-align:center;border:2px solid #f59e0b;border-radius:14px;width:90%;max-width:360px;padding:24px 32px;box-shadow:0 12px 40px #f59e0b33}.proctor-challenge-header{color:#f59e0b;margin-bottom:12px;font-size:1rem;font-weight:700}.proctor-challenge-prompt{color:var(--clr-text);margin:0 0 16px;font-size:1rem}.proctor-challenge-input{border:1.5px solid var(--clr-border,#555);background:var(--clr-surface,#222);width:100%;color:var(--clr-text);text-align:center;font-size:1.1rem;font-family:var(--font-body,system-ui, sans-serif);border-radius:8px;padding:10px 14px}.proctor-challenge-input:focus{border-color:#f59e0b;outline:none}.proctor-challenge-options{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.proctor-challenge-shape{border:2px solid var(--clr-border,#555);background:var(--clr-surface,#222);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.8rem;transition:all .15s;display:flex}.proctor-challenge-shape:hover,.proctor-challenge-shape.selected{background:#f59e0b1a;border-color:#f59e0b}.proctor-challenge-color{cursor:pointer;border:3px solid #0000;border-radius:50%;width:48px;height:48px;transition:all .15s}.proctor-challenge-color:hover{border-color:#fff;transform:scale(1.1)}.proctor-challenge-result{margin-top:12px;font-size:.95rem;font-weight:700}.proctor-challenge-result.pass{color:#22c55e}.proctor-challenge-result.fail{color:#ef4444}.proctor-emotion-container{z-index:10002;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;flex-direction:column;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.proctor-emotion-title{color:#fff;margin:0 0 4px;font-size:1.2rem;font-weight:700}.proctor-emotion-subtitle{color:#fff9;margin:0 0 20px;font-size:.85rem}.proctor-emotion-row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.proctor-emotion-btn{cursor:pointer;background:#ffffff0d;border:2px solid #ffffff26;border-radius:12px;flex-direction:column;align-items:center;gap:4px;min-width:68px;padding:12px 14px;transition:all .2s;display:flex}.proctor-emotion-btn:hover{background:#ffffff1a;border-color:#ffffff4d}.proctor-emotion-btn.selected{border-color:var(--clr-accent,#6cf);background:#6cceff1a}.proctor-emotion-emoji{font-size:1.8rem}.proctor-emotion-label{color:#ffffffb3;font-size:.72rem;font-weight:600}.proctor-emotion-feedback{color:#fff;resize:vertical;width:100%;max-width:360px;font-size:.88rem;font-family:var(--font-body,system-ui, sans-serif);background:#ffffff0d;border:1.5px solid #fff3;border-radius:8px;margin-top:16px;padding:10px 14px}.proctor-emotion-feedback:focus{border-color:var(--clr-accent,#6cf);outline:none}.proctor-emotion-actions{gap:10px;margin-top:16px;display:flex}.proctor-emotion-thanks{color:#22c55e;text-align:center;padding:24px;font-size:1.1rem;font-weight:600}.proctor-report{max-width:560px}.proctor-report-scores{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:16px;display:flex}.proctor-report-score{border:1px solid var(--clr-border,#444);background:#ffffff0a;border-radius:10px;flex-direction:column;align-items:center;min-width:100px;padding:12px 20px;display:flex}.proctor-report-score-label{color:var(--clr-text-soft,#999);margin-bottom:4px;font-size:.75rem}.proctor-report-score-value{color:var(--clr-text);font-size:1.4rem;font-weight:700}.proctor-report-score-value.warning{color:#ef4444}.proctor-report-table{border-collapse:collapse;width:100%;font-size:.85rem}.proctor-report-table th{text-align:left;border-bottom:1px solid var(--clr-border,#444);color:var(--clr-text-soft,#999);text-transform:uppercase;letter-spacing:.5px;padding:8px 10px;font-size:.78rem;font-weight:600}.proctor-report-table td{color:var(--clr-text);border-bottom:1px solid #ffffff0f;padding:7px 10px}.proctor-report-severity{color:#fff;border-radius:4px;padding:2px 8px;font-size:.72rem;font-weight:600;display:inline-block}.proctor-report-clean{text-align:center;color:#22c55e;padding:20px;font-size:.95rem;font-weight:600}.proctor-dashboard{max-width:1100px;margin:0 auto;padding:16px}.proctor-dashboard-header{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px;display:flex}.proctor-dashboard-header h2{color:var(--clr-text);margin:0;font-size:1.2rem;font-weight:700}.proctor-header-live{color:#22c55e;background:#22c55e1a;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.proctor-live-dot{background:#22c55e;border-radius:50%;width:6px;height:6px;animation:1.8s ease-in-out infinite proctor-live-pulse}@keyframes proctor-live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.7)}}.proctor-header-time{color:var(--clr-dim,#888);margin-left:auto;font-size:.68rem}.proctor-stats-bar{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}.proctor-stat-pill{border:1px solid var(--clr-border,#333);background:#ffffff08;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;display:flex}.proctor-stat-pill.live{border-color:#22c55e4d}.proctor-stat-pill-value{color:var(--clr-text);font-size:1.1rem;font-weight:700}.proctor-stat-pill-label{color:var(--clr-dim,#666);text-transform:uppercase;letter-spacing:.04em;font-size:.68rem}.proctor-stat-pill-dot{background:#22c55e;border-radius:50%;width:6px;height:6px;animation:1.8s ease-in-out infinite proctor-live-pulse}.proctor-controls-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.proctor-search-input{border:1px solid var(--clr-border,#444);background:var(--clr-surface,#1c1c1f);min-width:160px;color:var(--clr-text);font-size:.82rem;font-family:var(--font-body,system-ui, sans-serif);border-radius:8px;outline:none;flex:1;padding:7px 12px;transition:border-color .15s}.proctor-search-input::placeholder{color:var(--clr-dim,#555)}.proctor-search-input:focus{border-color:var(--clr-accent,#6cf)}.proctor-filter-group{gap:4px;display:flex}.proctor-filter-chip{border:1px solid var(--clr-border,#444);color:var(--clr-text-soft,#aaa);cursor:pointer;font-size:.72rem;font-weight:600;font-family:var(--font-body,system-ui, sans-serif);background:0 0;border-radius:999px;padding:5px 12px;transition:all .15s}.proctor-filter-chip:hover{border-color:var(--clr-accent,#6cf);color:var(--clr-text)}.proctor-filter-chip.active{border-color:var(--clr-accent,#6cf);color:var(--clr-accent,#6cf);background:#6cceff26}.proctor-filter-chip.sm{padding:3px 8px;font-size:.65rem}.proctor-sort-select{border:1px solid var(--clr-border,#444);background:var(--clr-surface,#1c1c1f);color:var(--clr-text);font-size:.78rem;font-family:var(--font-body,system-ui, sans-serif);cursor:pointer;border-radius:8px;outline:none;padding:6px 10px}.proctor-dashboard-loading,.proctor-dashboard-empty,.proctor-dashboard-error{text-align:center;color:var(--clr-dim);flex-direction:column;align-items:center;gap:12px;padding:40px 24px;display:flex}.proctor-dashboard-error h3{color:#fca5a5;margin:0;font-size:1.1rem}.proctor-dashboard-error p{color:var(--clr-text-soft,#999);margin:0;font-size:.85rem}.proctor-dashboard-content{grid-template-columns:300px 1fr;align-items:start;gap:16px;display:grid}@media (width<=700px){.proctor-dashboard-content{grid-template-columns:1fr}}.proctor-dashboard-list{flex-direction:column;gap:8px;max-height:70vh;display:flex;overflow-y:auto}.proctor-dashboard-list::-webkit-scrollbar{width:4px}.proctor-dashboard-list::-webkit-scrollbar-track{background:0 0}.proctor-dashboard-list::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}.proctor-session-card{cursor:pointer;border:1px solid var(--clr-border,#444);background:var(--clr-surface,#1c1c1f);border-radius:8px;padding:12px;transition:all .15s}.proctor-session-card:hover{border-color:var(--clr-accent,#6cf);transform:translate(2px)}.proctor-session-card.selected{border-color:var(--clr-accent,#6cf);background:#6cceff14}.proctor-session-card-header{justify-content:space-between;align-items:center;display:flex}.proctor-session-quiz{color:var(--clr-text);font-size:.88rem;font-weight:700}.proctor-session-status{text-transform:uppercase;border-radius:4px;padding:2px 8px;font-size:.65rem;font-weight:600}.status-active{color:#22c55e;background:#22c55e33}.status-completed{color:#6cf;background:#6cceff33}.status-ejected{color:#ef4444;background:#ef444433}.proctor-session-meta{color:var(--clr-text-soft,#999);justify-content:space-between;margin-top:6px;font-size:.78rem;display:flex}.proctor-session-event-count{color:#f59e0b;align-items:center;gap:4px;margin-top:4px;font-size:.68rem;font-weight:600;display:inline-flex}.proctor-session-date{color:var(--clr-dim,#666);margin-top:4px;font-size:.72rem}.proctor-dashboard-detail{border:1px solid var(--clr-border,#444);background:var(--clr-surface,#1c1c1f);border-radius:10px;padding:16px}.proctor-dashboard-detail h3{color:var(--clr-text);margin:0 0 12px;font-size:1rem}.proctor-detail-header-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.proctor-detail-header-row h3{margin:0}.proctor-export-btn{font-size:.72rem}.proctor-detail-warning-banner{color:#fca5a5;background:linear-gradient(135deg,#dc262633,#b91c1c26);border:1px solid #ef44444d;border-radius:8px;align-items:center;gap:8px;margin-bottom:14px;padding:8px 14px;font-size:.8rem;font-weight:600;animation:.3s proctor-fade-in;display:flex}.proctor-detail-stats{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px;display:grid}.proctor-detail-stat{color:var(--clr-text-soft,#aaa);background:#ffffff08;border-radius:6px;flex-direction:column;gap:2px;padding:8px 10px;font-size:.82rem;display:flex}.proctor-detail-stat-label{text-transform:uppercase;letter-spacing:.05em;color:var(--clr-dim,#666);font-size:.68rem;font-weight:600}.proctor-penalty-high{color:#ef4444;font-weight:700}.proctor-severity-bar-wrap{margin-bottom:14px}.proctor-severity-bar{background:#ffffff08;border-radius:4px;gap:2px;height:8px;display:flex;overflow:hidden}.proctor-severity-seg{border-radius:4px;transition:flex .3s}.proctor-severity-seg.high{background:linear-gradient(90deg,#ef4444,#dc2626)}.proctor-severity-seg.med{background:linear-gradient(90deg,#f59e0b,#d97706)}.proctor-severity-seg.low{background:linear-gradient(90deg,#eab308,#ca8a04)}.proctor-severity-legend{gap:12px;margin-top:6px;display:flex}.proctor-sev-leg-item{color:var(--clr-dim,#888);align-items:center;gap:4px;font-size:.65rem;display:inline-flex}.proctor-sev-dot{border-radius:50%;width:6px;height:6px}.proctor-sev-dot.high{background:#ef4444}.proctor-sev-dot.med{background:#f59e0b}.proctor-sev-dot.low{background:#eab308}.proctor-anomaly-cards{margin-top:14px}.proctor-anomaly-cards-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.proctor-anomaly-cards-header h4{color:var(--clr-text);margin:0;font-size:.88rem}.proctor-anomaly-cards-header span{color:var(--clr-dim,#666);font-size:.72rem}.proctor-event-filters{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.proctor-event-filter-select{border:1px solid var(--clr-border,#444);background:var(--clr-surface,#1c1c1f);color:var(--clr-text-soft,#aaa);font-size:.72rem;font-family:var(--font-body,system-ui, sans-serif);cursor:pointer;border-radius:6px;outline:none;padding:4px 8px}.proctor-severity-filter-group{gap:3px;display:flex}.proctor-anomaly-card{border:1px solid var(--clr-border,#444);background:var(--clr-surface,#1c1c1f);border-left:4px solid #eab308;border-radius:10px;gap:12px;margin-bottom:8px;padding:10px;transition:all .15s;display:flex}.proctor-anomaly-card:hover{border-color:var(--clr-accent,#6cf);background:#6cceff0a}.proctor-anomaly-card.expanded{background:#6cceff08}.proctor-anomaly-card-screenshot{background:#111;border-radius:6px;flex-shrink:0;width:120px;height:90px;overflow:hidden}.proctor-anomaly-card-screenshot img{object-fit:cover;cursor:pointer;width:100%;height:100%;transition:transform .2s}.proctor-anomaly-card-screenshot img:hover{transform:scale(1.05)}.proctor-anomaly-card-no-screenshot{width:100%;height:100%;color:var(--clr-dim,#555);text-align:center;justify-content:center;align-items:center;padding:4px;font-size:.6rem;display:flex}.proctor-anomaly-card-body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.proctor-anomaly-card-top{align-items:center;gap:6px;display:flex}.proctor-anomaly-card-icon{font-size:1rem}.proctor-anomaly-card-type{color:var(--clr-text);flex:1;font-size:.82rem;font-weight:600}.proctor-anomaly-card-severity{text-transform:uppercase;letter-spacing:.04em;border:1px solid;border-radius:999px;padding:2px 8px;font-size:.6rem;font-weight:700}.proctor-anomaly-expand-btn{border:1px solid var(--clr-border,#444);color:var(--clr-dim,#888);cursor:pointer;background:0 0;border-radius:4px;padding:2px 6px;font-size:.7rem;line-height:1;transition:all .15s}.proctor-anomaly-expand-btn:hover{color:var(--clr-text);border-color:var(--clr-accent,#6cf)}.proctor-anomaly-card-meta{align-items:center;gap:8px;display:flex}.proctor-anomaly-card-time{color:var(--clr-dim,#666);font-family:monospace;font-size:.68rem}.proctor-anomaly-card-ago{color:var(--clr-accent,#6cf);opacity:.8;font-size:.62rem;font-weight:600}.proctor-anomaly-card-expanded-meta{border:1px solid var(--clr-border,#333);background:#0000004d;border-radius:6px;margin-top:6px;padding:8px 10px;animation:.2s proctor-fade-in}.proctor-anomaly-card-expanded-meta pre{color:var(--clr-text-soft,#aaa);white-space:pre-wrap;word-break:break-word;margin:0;font-family:SF Mono,Fira Code,monospace;font-size:.68rem;line-height:1.5}.proctor-screenshot-modal-overlay{z-index:9999999;background:#000000d9;justify-content:center;align-items:center;animation:.15s proctor-fade-in;display:flex;position:fixed;inset:0}.proctor-screenshot-modal{background:var(--clr-surface,#1c1c1f);border-radius:12px;max-width:90vw;max-height:90vh;overflow:hidden;box-shadow:0 8px 32px #0009}.proctor-screenshot-modal-header{color:var(--clr-text);border-bottom:1px solid var(--clr-border,#444);justify-content:space-between;align-items:center;padding:10px 16px;font-size:.85rem;font-weight:600;display:flex}.proctor-screenshot-modal-header button{color:var(--clr-text-soft,#999);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:1rem}.proctor-screenshot-modal-header button:hover{background:#ffffff1a}.proctor-screenshot-modal img{width:100%;height:auto;display:block}.proctor-end-quiz-btn{z-index:9998;color:#fff;cursor:pointer;font-size:.88rem;font-weight:700;font-family:var(--font-body,system-ui, sans-serif);background:linear-gradient(135deg,#ef4444,#f97316);border:none;border-radius:999px;padding:10px 24px;transition:all .2s;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #ef444466}.proctor-end-quiz-btn:hover{transform:translate(-50%)scale(1.05);box-shadow:0 6px 28px #ef444480}@keyframes proctor-pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes proctor-slide-in{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes proctor-spin{to{transform:rotate(360deg)}}.proctor-sidebar::-webkit-scrollbar{width:3px}.proctor-sidebar::-webkit-scrollbar-track{background:0 0}.proctor-sidebar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.proctor-skeleton-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;width:100%;max-width:700px;display:grid}.proctor-skeleton-card{border:1px solid var(--clr-border,#333);background:var(--clr-surface,#1c1c1f);border-radius:10px;flex-direction:column;gap:8px;padding:16px;display:flex}.proctor-skeleton-bar{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 50%,#ffffff0a 75%) 0 0/200% 100%;border-radius:6px;height:12px;animation:1.5s infinite proctor-skeleton-shimmer}@keyframes proctor-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes proctor-slide-down{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.proctor-toast-container{z-index:999999;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;top:60px;right:16px}.proctor-toast{background:var(--clr-surface,#1c1c1f);border:1px solid var(--clr-border,#444);pointer-events:auto;border-radius:10px;align-items:center;gap:10px;min-width:240px;max-width:380px;padding:10px 16px;animation:.3s proctor-toast-in;display:flex;box-shadow:0 8px 32px #0006}.proctor-toast.info{border-left:4px solid #3b82f6}.proctor-toast.warning{border-left:4px solid #f59e0b}.proctor-toast.error{border-left:4px solid #ef4444}.proctor-toast.success{border-left:4px solid #22c55e}.proctor-toast-icon{flex-shrink:0;font-size:1.2rem}.proctor-toast-body{flex:1;min-width:0}.proctor-toast-title{color:var(--clr-text);font-size:.82rem;font-weight:700}.proctor-toast-message{color:var(--clr-text-soft,#999);margin-top:2px;font-size:.72rem}.proctor-toast-close{color:var(--clr-dim,#666);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:2px;font-size:.9rem}.proctor-toast-close:hover{color:var(--clr-text);background:#ffffff0d}@keyframes proctor-toast-in{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.proctor-toggle-btn{z-index:9999;color:#fff;cursor:pointer;font-size:.85rem;font-weight:700;font-family:var(--font-body,system-ui, sans-serif);background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:999px;align-items:center;gap:6px;padding:10px 20px;transition:all .2s;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 20px #6366f166}.proctor-toggle-btn:hover{transform:translateY(-2px);box-shadow:0 6px 28px #6366f180}.proctor-toggle-btn.active{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 20px #22c55e66}.proctor-toggle-btn.active:hover{box-shadow:0 6px 28px #22c55e80}.proctor-anomaly-card.screenshot-available:hover{border-color:#ef44444d}.proctor-face-status{border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:.6rem;font-weight:700;display:inline-flex}.proctor-face-status.ok{color:#22c55e;background:#22c55e26}.proctor-face-status.warning{color:#f59e0b;background:#f59e0b26}.proctor-face-status.error{color:#ef4444;background:#ef444426}.proctor-motion-indicator{border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:.6rem;font-weight:700;display:inline-flex}.proctor-motion-indicator.active{color:#f59e0b;background:#f59e0b26}.proctor-motion-indicator.clear{color:#22c55e;background:#22c55e26}.proctor-dashboard-fab{z-index:95000;color:#4caf50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.82rem;font-weight:600;font-family:var(--font-body,system-ui, sans-serif);background:linear-gradient(135deg,#4caf5033,#388e3c33);border:1px solid #4caf504d;border-radius:999px;align-items:center;gap:6px;padding:10px 20px;text-decoration:none;transition:all .2s;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 16px #0000004d}.proctor-dashboard-fab:hover{background:linear-gradient(135deg,#4caf504d,#388e3c4d);transform:translateY(-2px);box-shadow:0 6px 24px #0006}.proctor-anomaly-card{animation:.2s ease-out proctor-card-slide-in}@keyframes proctor-card-slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.proctor-session-card{position:relative}.proctor-session-card.selected:after{content:"";background:var(--clr-accent,#6cf);border-radius:3px 0 0 3px;width:3px;height:60%;position:absolute;top:50%;right:-1px;transform:translateY(-50%)}.proctor-detail-warning-banner{animation:2s ease-in-out infinite proctor-warning-pulse}@keyframes proctor-warning-pulse{0%,to{box-shadow:0 0 #ef444433}50%{box-shadow:0 0 12px 2px #ef444426}}.proctor-event-filters{border:1px solid var(--clr-border,#333);background:#ffffff05;border-radius:8px;padding:8px 10px}.proctor-stats-bar{animation:.3s proctor-fade-in}.proctor-controls-bar{animation:.3s .1s both proctor-fade-in}.proctor-dashboard-detail{animation:.25s proctor-fade-in}.proctor-kbd-hints{flex-wrap:wrap;gap:14px;margin-bottom:14px;display:flex}.proctor-kbd-hints span{color:var(--clr-dim,#666);align-items:center;gap:4px;font-size:.65rem;display:inline-flex}.proctor-kbd-hints kbd{border:1px solid var(--clr-border,#444);min-width:20px;height:18px;color:var(--clr-text-soft,#aaa);background:#ffffff0f;border-radius:4px;justify-content:center;align-items:center;padding:0 5px;font-family:SF Mono,monospace;font-size:.6rem;font-weight:700;line-height:1;display:inline-flex}.card.card--curiosity{width:100%;max-width:1040px}.curiosity-shell{width:100%;min-width:0}.curiosity-header{grid-template-columns:minmax(96px,1fr) auto minmax(96px,1fr);align-items:center;gap:16px;margin-bottom:24px;display:grid}.curiosity-header .back-button{border-radius:8px;justify-self:start;width:auto;min-width:68px;min-height:34px;padding:6px 12px;font-size:.78rem;font-weight:700}.curiosity-header h2{font-family:var(--font-display);text-align:center;color:var(--clr-text);letter-spacing:0;margin:0;font-size:clamp(2rem,4vw,3rem);line-height:1.05}.curiosity-eyebrow{color:var(--clr-accent);text-align:center;text-transform:uppercase;letter-spacing:.08em;margin:0 0 6px;font-size:.78rem;font-weight:700}.curiosity-status{border:1px solid var(--clr-border);background:var(--clr-surface);min-width:86px;color:var(--clr-text-soft);text-align:center;border-radius:999px;justify-self:end;padding:8px 12px;font-size:.82rem;font-weight:700}.curiosity-workspace{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start;gap:18px;display:grid}.curiosity-panel{border:1px solid var(--clr-border);border-radius:var(--radius);background:var(--clr-surface);min-width:0;box-shadow:0 14px 34px #00000024}.curiosity-controls{padding:20px}.curiosity-form{gap:16px;display:grid}.curiosity-field{gap:7px;min-width:0;display:grid}.curiosity-field>span,.curiosity-edit-row>span,.curiosity-preview-item>span,.curiosity-result>span{color:var(--clr-text-soft);text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;font-weight:700;line-height:1.2}.curiosity-field input,.curiosity-field select,.curiosity-edit-row input,.curiosity-edit-row select,.curiosity-equation-row input,.curiosity-equation-row select{border:1px solid var(--clr-border);border-radius:var(--radius-sm);background:var(--clr-input);width:100%;min-height:44px;color:var(--clr-text);font:inherit;transition:border-color var(--transition), box-shadow var(--transition), background var(--transition);outline:none;padding:10px 12px;font-weight:600}.curiosity-field input:focus,.curiosity-field select:focus,.curiosity-edit-row input:focus,.curiosity-edit-row select:focus,.curiosity-equation-row input:focus,.curiosity-equation-row select:focus,.curiosity-operator-select select:focus{border-color:var(--clr-accent);box-shadow:0 0 0 3px var(--clr-accent-soft)}.curiosity-subgrid,.curiosity-fraction-setup{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));align-items:end;gap:12px;display:grid}.curiosity-subgrid--compact{grid-template-columns:minmax(120px,180px)}.curiosity-field--wide{grid-column:1/-1}.curiosity-field--operator{min-width:100px;max-width:100%}.curiosity-mode-switch{border:1px solid var(--clr-border);border-radius:var(--radius-sm);background:var(--clr-card);grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,300px);padding:4px;display:inline-grid}.curiosity-mode-option{color:var(--clr-text-soft);box-shadow:none;background:0 0;border:0;padding:9px 12px}.curiosity-mode-option:hover{background:var(--clr-hover);box-shadow:none;transform:none}.curiosity-mode-option.is-active{background:var(--clr-accent);color:#fff}.curiosity-custom-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.curiosity-built-variation{border:1px solid var(--clr-border);border-radius:var(--radius-sm);background:var(--clr-card);grid-column:1/-1;gap:6px;padding:12px 14px;display:grid}.curiosity-built-variation span{color:var(--clr-text-soft);text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;font-weight:700;line-height:1.2}.curiosity-built-variation strong{color:var(--clr-text);overflow-wrap:anywhere;word-break:break-word;line-height:1.45}.curiosity-formula-note{border:1px solid var(--clr-border);border-radius:var(--radius-sm);background:var(--clr-card);grid-column:1/-1;gap:6px;padding:12px 14px;display:grid}.curiosity-formula-note span{color:var(--clr-text-soft);text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;font-weight:700;line-height:1.2}.curiosity-formula-note strong{color:var(--clr-text);overflow-wrap:anywhere;word-break:break-word;font-size:.98rem;line-height:1.4}.curiosity-equation-row{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.curiosity-equation-row input,.curiosity-equation-row select{text-align:center;flex:48px;min-width:44px;max-width:84px}.curiosity-equation-row--simple{grid-template-columns:minmax(90px,160px) minmax(72px,90px) minmax(90px,160px)}.curiosity-equation-row>span,.curiosity-inline-inputs>span{color:var(--clr-text-soft);white-space:nowrap;font-weight:700}.curiosity-inline-inputs{grid-template-columns:minmax(54px,1fr) auto minmax(54px,1fr);align-items:center;gap:8px;min-width:0;display:grid}.curiosity-playground{gap:14px;display:grid}.curiosity-play-problem{grid-template-columns:minmax(120px,.82fr) minmax(86px,108px) minmax(120px,.82fr);align-items:end;gap:12px;display:grid}.curiosity-number-tile,.curiosity-action-tile,.curiosity-both-drop,.curiosity-operator-select select{touch-action:manipulation}.curiosity-number-tile{border:1px solid var(--clr-border);background:var(--clr-input);min-height:96px;color:var(--clr-text);box-shadow:none;cursor:text;border-radius:8px;align-content:center;gap:8px;padding:12px;display:grid}.curiosity-number-tile:hover,.curiosity-number-tile.is-target,.curiosity-both-drop.is-target{border-color:var(--clr-accent);background:var(--clr-accent-soft);transform:translateY(-1px)}.curiosity-number-tile span{text-transform:uppercase;text-align:center;font-size:.78rem;font-weight:800;line-height:1}.curiosity-number-tile input{background:var(--clr-surface);width:100%;min-height:46px;color:var(--clr-text);font-family:var(--font-display);letter-spacing:0;text-align:center;border:0;border-radius:8px;outline:none;font-size:clamp(2rem,4vw,3.2rem);font-weight:800;line-height:1}.curiosity-number-tile input:focus{box-shadow:0 0 0 3px var(--clr-accent-soft)}.curiosity-operator-select{gap:8px;display:grid}.curiosity-operator-select span{color:var(--clr-text-soft);text-align:center;text-transform:uppercase;font-size:.72rem;font-weight:800;line-height:1}.curiosity-operator-select select{border:1px solid var(--clr-border);background:var(--clr-card);width:100%;min-height:56px;color:var(--clr-text);font:inherit;text-align:center;text-align-last:center;box-shadow:none;cursor:pointer;border-radius:8px;outline:none;padding:8px 12px;font-size:1.45rem;font-weight:900}.curiosity-action-shelf{flex-wrap:wrap;gap:8px;display:flex}.curiosity-action-tile{border:1px solid var(--clr-border);background:var(--clr-card);width:52px;height:46px;color:var(--clr-text);box-shadow:none;cursor:grab;border-radius:8px;place-items:center;padding:0;display:grid;position:relative}.curiosity-action-tile:active{cursor:grabbing}.curiosity-action-tile.is-active{border-color:var(--clr-accent);background:var(--clr-accent-soft)}.curiosity-action-tile strong{color:var(--clr-accent);font-size:1.18rem;line-height:1}.curiosity-action-tile span{z-index:5;border:1px solid var(--clr-border);background:var(--clr-surface);width:max-content;max-width:210px;color:var(--clr-text);opacity:0;pointer-events:none;text-align:center;transition:opacity var(--transition), transform var(--transition);border-radius:8px;padding:7px 9px;font-size:.78rem;font-weight:800;line-height:1.2;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px);box-shadow:0 10px 24px #00000029}.curiosity-action-tile:hover span,.curiosity-action-tile:focus-visible span{opacity:1;transform:translate(-50%)}.curiosity-play-bottom{grid-template-columns:minmax(140px,200px) minmax(150px,1fr);align-items:end;gap:12px;display:grid}.curiosity-play-value{gap:7px;display:grid}.curiosity-play-value span{color:var(--clr-text-soft);text-transform:uppercase;font-size:.78rem;font-weight:800}.curiosity-play-value input{border:1px solid var(--clr-border);background:var(--clr-input);width:100%;min-height:44px;color:var(--clr-text);font:inherit;border-radius:8px;padding:10px 12px;font-weight:700}.curiosity-play-value input:disabled{opacity:.55}.curiosity-both-drop{border:2px dashed var(--clr-border);min-height:44px;color:var(--clr-text);box-shadow:none;background:0 0;border-radius:8px;font-weight:900}.curiosity-play-choice{border:1px solid var(--clr-border);background:var(--clr-surface);min-height:42px;color:var(--clr-text);border-radius:8px;padding:10px 12px;font-weight:800;line-height:1.35}.curiosity-kid-preview{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.curiosity-kid-preview>div{border:1px solid var(--clr-border);background:var(--clr-card);border-radius:8px;align-content:center;gap:8px;min-height:150px;padding:16px;display:grid}.curiosity-kid-preview span,.curiosity-chip-row span{color:var(--clr-text-soft);text-transform:uppercase;font-size:.78rem;font-weight:800}.curiosity-kid-preview strong{color:var(--clr-text);font-size:1.15rem;line-height:1.3}.curiosity-kid-preview small{color:var(--clr-accent);font-size:clamp(2rem,6vw,3.4rem);font-weight:900;line-height:1}.curiosity-result--kid{background:var(--clr-card)}.curiosity-chip-row{flex-wrap:wrap;gap:8px;display:flex}.curiosity-chip-row span{background:var(--clr-accent-soft);color:var(--clr-text);border-radius:999px;padding:7px 9px}.curiosity-manual{border-top:1px dashed var(--clr-border);gap:12px;padding-top:16px;display:grid}.curiosity-section-title{gap:3px;display:grid}.curiosity-section-title span{color:var(--clr-text);font-size:.95rem;font-weight:800}.curiosity-section-title small{color:var(--clr-text-soft);font-size:.84rem;line-height:1.4}.curiosity-edit-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;display:grid}.curiosity-edit-row{grid-template-columns:minmax(0,1.2fr) 60px minmax(0,.9fr);align-items:end;gap:8px;min-width:0;display:grid}.curiosity-toggle-row,.curiosity-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.curiosity-toggle{border:1px solid var(--clr-border);color:var(--clr-text);box-shadow:none;background:0 0;padding:9px 14px}.curiosity-toggle:hover{background:var(--clr-hover);box-shadow:none}.curiosity-toggle.is-active{background:var(--clr-accent-soft);color:var(--clr-text);border-color:#0000}.curiosity-preview{min-width:0;position:sticky;top:18px}.curiosity-preview-header{border-bottom:1px solid var(--clr-border);justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.curiosity-preview-header span{color:var(--clr-text);font-size:1rem;font-weight:800}.curiosity-preview-header small{background:var(--clr-accent-soft);color:var(--clr-text);border-radius:999px;padding:5px 9px;font-size:.72rem;font-weight:800}.curiosity-preview-stack{gap:12px;min-width:0;padding:16px;display:grid}.curiosity-preview-item,.curiosity-result{border:1px solid var(--clr-border);border-radius:var(--radius-sm);background:var(--clr-card);gap:8px;min-width:0;padding:14px;display:grid}.curiosity-preview-item strong,.curiosity-new-problem,.curiosity-answer{color:var(--clr-text);overflow-wrap:anywhere;word-break:break-word;font-size:1rem;line-height:1.45}.curiosity-answer{border-radius:var(--radius-sm);background:var(--clr-correct-bg);width:fit-content;max-width:100%;color:var(--clr-correct);padding:8px 10px;font-weight:800;display:inline-flex}.curiosity-result-body{gap:10px;min-width:0;display:grid}.curiosity-comparison{border:1px solid var(--clr-border);border-radius:var(--radius-sm);background:var(--clr-surface);width:100%;min-width:0;display:grid;overflow:hidden}.curiosity-comparison-head,.curiosity-comparison-row{grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr) minmax(0,.9fr);align-items:center;gap:8px;min-width:0;padding:9px 11px;display:grid}.curiosity-comparison-head>*,.curiosity-comparison-row>*{overflow-wrap:anywhere;word-break:break-word;min-width:0}.curiosity-comparison-head{border-bottom:1px solid var(--clr-border);color:var(--clr-text-soft);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:800}.curiosity-comparison-row+.curiosity-comparison-row{border-top:1px solid var(--clr-border)}.curiosity-comparison-row span{color:var(--clr-text-soft);font-weight:700}.curiosity-comparison-row strong{color:var(--clr-text);overflow-wrap:anywhere;word-break:break-word}.curiosity-comparison-row.is-changed strong:last-child{color:var(--clr-accent)}.curiosity-result-body pre{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;max-width:100%;max-height:280px;color:var(--clr-text-soft);font:.9rem/1.55 var(--font-body);margin:0;overflow:auto}.curiosity-error{color:var(--clr-wrong);overflow-wrap:anywhere;word-break:break-word;font-weight:700}.curiosity-empty{color:var(--clr-text-soft);font-weight:600}@media (width<=900px){.card.card--curiosity{padding:36px 24px}.curiosity-header{grid-template-columns:1fr;justify-items:center}.curiosity-status{justify-self:center}.curiosity-workspace{grid-template-columns:1fr}.curiosity-preview{position:static}}@media (width<=640px){.curiosity-controls{padding:16px}.curiosity-subgrid,.curiosity-fraction-setup,.curiosity-edit-grid,.curiosity-custom-grid{grid-template-columns:1fr}.curiosity-equation-row--simple{grid-template-columns:repeat(2,minmax(0,1fr))}.curiosity-play-problem{grid-template-columns:1fr}.curiosity-action-shelf{justify-content:center}.curiosity-play-bottom,.curiosity-kid-preview{grid-template-columns:1fr}.curiosity-equation-row>span{justify-self:start}.curiosity-edit-row{grid-template-columns:1fr}.curiosity-actions button,.curiosity-mode-switch{width:100%}.curiosity-comparison-head,.curiosity-comparison-row{grid-template-columns:1fr;gap:4px}}@keyframes hintFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes wobble-anim{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.wobble-anim{animation:.45s wobble-anim}.hint-fade-in{animation:.22s ease-out hintFadeIn}.hint-accordion-list{flex-direction:column;gap:10px;display:flex}.hint-accordion-card{background:#211e1b;border:1px solid #fff5e612;border-radius:12px;transition:border-color .2s;overflow:hidden}.hint-accordion-card.active{border-color:#e07b39}.hint-accordion-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.hint-accordion-card.locked .hint-accordion-header{cursor:default}.hint-header-left{align-items:center;gap:12px;min-width:0;display:flex}.hint-circle-num{color:#a89e94;background:#4a4540;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;font-weight:700;transition:background .2s,color .2s;display:flex}.hint-accordion-card.unlocked .hint-circle-num{color:#fff;background:#e07b39}.hint-accordion-card.active .hint-circle-num{color:#c0b8b0;background:#4a4540}.hint-title-text{color:#e8e2dc;white-space:nowrap;text-overflow:ellipsis;font-size:.97rem;font-weight:600;overflow:hidden}.hint-accordion-card.locked .hint-title-text{color:#7a7370;font-weight:500}.hint-status-indicator{white-space:nowrap;font-size:.82rem;font-weight:600}.hint-status-indicator.used{color:#8a8480}.hint-status-indicator.cost{color:#e07b39}.hint-status-indicator.locked{color:#6a6460}.hint-chevron{color:#8a8480;flex-shrink:0;transition:transform .2s}.hint-accordion-card.open .hint-chevron{transform:rotate(180deg)}.hint-accordion-body{padding:0 16px 16px;animation:.18s ease-out hintFadeIn}.hint-inner-content{color:#d4cdc7;font-size:.9rem;line-height:1.6}.hint-sub-badge{text-transform:uppercase;letter-spacing:.08em;color:#e07b39;background:#e07b391f;border-radius:4px;margin-bottom:10px;padding:3px 8px;font-size:.72rem;font-weight:700;display:inline-block}.hint-locked-prompt{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.hint-locked-text{color:#8a8480;font-size:.85rem}.hint-reveal-btn{color:#e07b39;cursor:pointer;background:0 0;border:1px solid #e07b3980;border-radius:8px;align-items:center;gap:6px;padding:7px 18px;font-size:.85rem;font-weight:600;transition:background .18s,color .18s,border-color .18s;display:inline-flex}.hint-reveal-btn:hover:not(:disabled){background:#e07b3926;border-color:#e07b39}.hint-reveal-btn:disabled{opacity:.45;cursor:not-allowed}.nudge-chips-grid{flex-direction:column;gap:8px;display:flex}.nudge-chip{background:#fff5e60a;border:1px solid #fff5e612;border-radius:8px;align-items:flex-start;gap:10px;padding:10px 12px;animation:.2s ease-out both hintFadeIn;display:flex}.nudge-chip-icon{color:#e07b39;flex-shrink:0;margin-top:1px}.nudge-chip-text{color:#d4cdc7;font-size:.9rem;line-height:1.5}mark.nudge-keyword{color:#f0a060;background:#e07b392e;border-radius:3px;padding:0 3px}.hint-svg-block svg{max-width:100%;height:auto}.progressive-hint-toggle{color:var(--clr-accent,#e07b39);border:1.5px solid var(--clr-accent,#e07b39);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:9px 22px;font-size:.9rem;font-weight:600;transition:background .18s,color .18s;display:inline-flex}.progressive-hint-toggle:hover{background:#e07b391f}.learn-test-selection{grid-template-columns:1fr 1fr;gap:20px;max-width:560px;margin:0 auto;display:grid}@media (width<=520px){.learn-test-selection{grid-template-columns:1fr;gap:14px}}.learn-test-card{border:2px solid var(--clr-border,#444);background:var(--clr-surface,#1c1c1f);color:var(--clr-text);cursor:pointer;text-align:center;font-family:inherit;font-size:inherit;border-radius:14px;flex-direction:column;align-items:center;gap:10px;padding:28px 20px 24px;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s;display:flex}.learn-test-card:hover{transform:translateY(-3px);box-shadow:0 8px 28px #00000040}.learn-test-card.learn-card:hover{background:#388bfd14;border-color:#388bfd}.learn-test-card.test-card:hover{background:#2ea04314;border-color:#2ea043}.learn-test-icon{font-size:2.6rem;line-height:1}.learn-test-label{letter-spacing:.02em;font-size:1.25rem;font-weight:700}.learn-test-desc{opacity:.75;max-width:220px;font-size:.88rem;line-height:1.5}.learn-placeholder{border:1.5px dashed var(--clr-border,#444);text-align:center;color:var(--clr-text-soft,#999);background:#6cceff0a;border-radius:10px;margin-top:20px;padding:20px 24px}.learn-placeholder-icon{opacity:.6;margin-bottom:8px;font-size:2rem}.learn-placeholder-title{margin-bottom:6px;font-size:.95rem;font-weight:600}.learn-placeholder-body{opacity:.7;font-size:.85rem;line-height:1.5}.test-result-banner{text-align:center;border-radius:12px;margin:16px 0;padding:24px}.test-result-banner.pass{background:#2ea0431f;border:1.5px solid #2ea04373}.test-result-banner.fail{background:#f851491f;border:1.5px solid #f8514973}.test-result-score{margin-bottom:6px;font-size:2.4rem;font-weight:800}.test-result-banner.pass .test-result-score{color:#2ea043}.test-result-banner.fail .test-result-score{color:#f85149}.test-result-label{margin-bottom:10px;font-size:1.1rem;font-weight:600}.test-result-detail{opacity:.8;font-size:.9rem;line-height:1.5}.celebration-overlay{z-index:2000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.celebration-card{background:var(--clr-card);text-align:center;border:4px solid #fbbf24;border-radius:24px;width:90%;max-width:450px;padding:32px;animation:.5s cubic-bezier(.175,.885,.32,1.275) modal-pop;position:relative;box-shadow:0 10px 40px #fbbf2466}.celebration-sparkles{margin-bottom:12px;font-size:2.2rem;display:block}.celebration-title{font-family:var(--font-display);color:#fbbf24;margin:0 0 16px;font-size:2rem}.celebration-badge-container{filter:drop-shadow(0 8px 16px #fbbf244d);margin:20px 0}.celebration-text{color:var(--clr-text);margin:0 0 20px;font-size:1.05rem}.celebration-reward{color:#22c55e;background:#22c55e1f;border:1.5px dashed #22c55e;border-radius:20px;align-items:center;gap:8px;margin-bottom:24px;padding:8px 18px;font-size:1.05rem;font-weight:750;display:inline-flex}.celebration-btn{cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;padding:12px 28px;font-size:1.1rem;font-weight:750;transition:transform .2s;box-shadow:0 4px 12px #10b9814d;color:#fff!important}.celebration-btn:hover{transform:scale(1.05)}.confetti-piece{opacity:.85;z-index:9998;pointer-events:none;border-radius:4px;animation:linear infinite confetti-fall;position:absolute;top:-20px}.th-grid{gap:8px;max-width:360px;margin:1rem auto;padding:0 4px;display:grid}.th-cell{aspect-ratio:1;border-radius:var(--radius-sm,10px);font-family:var(--font-body);cursor:pointer;transition:transform var(--transition), box-shadow var(--transition);border:none;justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;display:flex}.th-cell:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0003}.th-cell.hidden{color:#fff;background:#5a8fc2}.th-cell.treasure{color:#fff;cursor:default;background:linear-gradient(135deg,#ff9800,#f57c00);box-shadow:0 2px 8px #ff980059}.th-cell.treasure.th-treasure-reveal{animation:.4s ease-out th-treasure-pop}@keyframes th-treasure-pop{0%{transform:scale(.65);box-shadow:0 0 #ff980000}55%{transform:scale(1.1);box-shadow:0 0 18px #ff9800bf}to{transform:scale(1);box-shadow:0 2px 8px #ff980059}}.th-cell.question{background:var(--clr-hover-strong);color:var(--clr-text-soft);cursor:default}.th-cell:disabled{cursor:default;opacity:1}.th-status-row{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:.5rem;display:flex}.th-error{color:var(--clr-wrong,#f44336);text-align:center;margin-top:.5rem;font-size:.9rem}.th-loading{text-align:center;color:var(--clr-text-soft);padding:1rem}.th-cell.revealed{background:var(--clr-correct-bg,#5cb87a1f);color:var(--clr-correct,#5cb87a);cursor:default;border:1px solid var(--clr-correct,#5cb87a)}.th-gameover{text-align:center;color:var(--clr-wrong,#e05a4a);font-family:var(--font-display,"Source Serif 4", serif);padding:3rem 1rem}.th-hint-glow{border:2px solid #7c4dffb3;animation:1.2s ease-in-out infinite th-pulse;box-shadow:0 0 10px 3px #7c4dff80}@keyframes th-pulse{0%,to{box-shadow:0 0 8px 2px #7c4dff59}50%{box-shadow:0 0 18px 6px #7c4dffa6}}.th-htp-overlay{z-index:1100;background:#0009;justify-content:center;align-items:center;animation:.22s th-htp-fade;display:flex;position:fixed;inset:0}@keyframes th-htp-fade{0%{opacity:0}to{opacity:1}}.th-htp-popup{background:var(--clr-card,#2c2622);border-radius:var(--radius,16px);box-shadow:var(--shadow-card,0 4px 24px #00000040);text-align:center;width:90%;max-width:420px;padding:28px 24px 24px;animation:.28s th-htp-entrance}@keyframes th-htp-entrance{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.th-htp-popup--welcome{text-align:left}.th-htp-title{font-family:var(--font-display,"Source Serif 4", serif);color:var(--clr-text,#ede8e3);text-align:center;margin-bottom:4px;font-size:1.3rem;font-weight:700}.th-htp-subtitle{font-family:var(--font-body,"DM Sans", sans-serif);color:var(--clr-text-soft,#a89e94);text-align:center;margin-bottom:24px;font-size:.92rem}.th-htp-steps{flex-direction:column;gap:16px;margin-bottom:20px;display:flex}.th-htp-step{align-items:flex-start;gap:14px;display:flex}.th-htp-step-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-top:1px;display:flex}.th-htp-icon--tap{color:#7c4dff;background:#7c4dff26}.th-htp-icon--treasure{color:#ff9800;background:#ff980026}.th-htp-icon--question{color:#26a69a;background:#26a69a26}.th-htp-icon--lives{color:#e05a4a;background:#e05a4a26}.th-htp-step-text{flex-direction:column;gap:2px;display:flex}.th-htp-step-title{font-family:var(--font-body,"DM Sans", sans-serif);color:var(--clr-text,#ede8e3);font-size:.92rem;font-weight:700;line-height:1.3}.th-htp-step-body{font-family:var(--font-body,"DM Sans", sans-serif);color:var(--clr-text-soft,#a89e94);font-size:.84rem;line-height:1.4}.th-htp-tip{font-family:var(--font-body,"DM Sans", sans-serif);color:var(--clr-text-soft,#a89e94);border-radius:var(--radius-sm,10px);text-align:center;background:#ffffff0a;margin-bottom:20px;padding:10px 14px;font-size:.82rem;line-height:1.45}.th-htp-btn{color:#fff;border-radius:var(--radius-sm,10px);font-family:var(--font-body,"DM Sans", sans-serif);cursor:pointer;background:linear-gradient(135deg,#7c4dff,#651fff);border:none;padding:12px 32px;font-size:1.05rem;font-weight:700;transition:transform .18s,box-shadow .18s}.th-htp-popup--welcome .th-htp-btn{width:100%}.th-htp-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #7c4dff66}.th-worlds-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-top:12px;display:grid}.th-world-card{background:var(--clr-card,#2c2622);border-radius:var(--radius,16px);box-shadow:var(--shadow-card,0 4px 24px #0000002e);cursor:pointer;font-family:var(--font-body,"DM Sans", sans-serif);text-align:center;border:1px solid #ffffff0f;flex-direction:column;align-items:center;gap:6px;padding:18px 12px 14px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex}.th-world-card:hover{border-color:#7c4dff66;transform:translateY(-3px);box-shadow:0 6px 20px #7c4dff40}.th-world-icon{font-size:2rem;line-height:1}.th-world-name{color:var(--clr-text,#ede8e3);font-size:.95rem;font-weight:700}.th-world-meta{color:var(--clr-text-soft,#a89e94);opacity:.8;font-size:.75rem}.th-conf-heading{font-family:var(--font-display,"Source Serif 4", serif);color:var(--clr-text,#ede8e3);margin-bottom:4px;font-size:1.3rem;font-weight:700}.th-conf-sub{color:var(--clr-text-soft,#a89e94);margin-bottom:18px;font-size:.95rem}.th-conf-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.th-conf-card{background:var(--clr-card,#2c2622);border-radius:var(--radius,16px);box-shadow:var(--shadow-card,0 4px 24px #0000002e);cursor:pointer;font-family:var(--font-body,"DM Sans", sans-serif);text-align:center;border:2px solid #0000;flex-direction:column;align-items:center;gap:4px;padding:18px 10px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex}.th-conf-card:hover{transform:translateY(-2px)}.th-conf-beginner:hover{border-color:#4caf50;box-shadow:0 4px 16px #4caf5040}.th-conf-confident:hover{border-color:#42a5f5;box-shadow:0 4px 16px #42a5f540}.th-conf-advanced:hover{border-color:#ab47bc;box-shadow:0 4px 16px #ab47bc40}.th-conf-adaptive:hover{border-color:#ff9800;box-shadow:0 4px 16px #ff980040}.th-conf-icon{font-size:1.6rem;line-height:1}.th-conf-label{color:var(--clr-text,#ede8e3);font-size:.9rem;font-weight:700}.th-conf-label small{opacity:.7;font-size:.75rem;font-weight:400}.th-conf-desc{color:var(--clr-text-soft,#a89e94);font-size:.78rem;line-height:1.3}.th-diagnostic-body{text-align:center;padding:8px 0}.th-diag-progress{color:var(--clr-text,#ede8e3);margin-bottom:8px;font-size:.95rem;font-weight:700}.th-diag-progress-bar{background:#ffffff14;border-radius:3px;width:100%;height:6px;margin-bottom:14px;overflow:hidden}.th-diag-progress-fill{background:linear-gradient(90deg,#7c4dff,#651fff);border-radius:3px;height:100%;transition:width .3s}.th-diag-topic{color:var(--clr-text-soft,#a89e94);text-transform:capitalize;margin-bottom:10px;font-size:.8rem}.th-end-screen{text-align:center;font-family:var(--font-body,"DM Sans", sans-serif);padding:2rem 1rem}.th-end-win .th-end-title{color:var(--clr-correct,#5cb87a)}.th-end-lose .th-end-title{color:var(--clr-text,#ede8e3)}.th-end-title{font-family:var(--font-display,"Source Serif 4", serif);margin-bottom:8px;font-size:1.4rem;font-weight:700}.th-end-message{color:var(--clr-text-soft,#a89e94);max-width:360px;margin:0 auto 1rem;font-size:.95rem;line-height:1.5}.th-summary{text-align:left;max-width:320px;margin:0 auto 1.25rem}.th-summary-heading{color:var(--clr-text,#ede8e3);margin-bottom:8px;font-size:.9rem;font-weight:700}.th-summary-list{color:var(--clr-text-soft,#a89e94);margin:0;padding:0;font-size:.88rem;line-height:1.6;list-style:none}.th-summary-list li+li{margin-top:2px}.th-summary-empty{color:var(--clr-text-soft,#a89e94);margin:0;font-size:.88rem}.th-summary-weakest{color:#ff9800;margin-top:12px;font-size:.88rem;font-weight:700}.th-summary-treasures{color:var(--clr-text-soft,#a89e94);margin-top:8px;font-size:.85rem}.th-end-actions{flex-direction:column;align-items:center;gap:10px;margin-top:8px;display:flex}.th-end-secondary-btn{background:linear-gradient(135deg,#546e7a,#37474f)!important}.th-world-preview-popup{max-width:420px}.th-world-preview-header{text-align:left;align-items:center;gap:14px;margin-bottom:16px;display:flex}.th-world-preview-badge{border-radius:var(--radius-sm,10px);background:#7c4dff26;border:1px solid #7c4dff59;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.75rem;display:flex}.th-world-preview-header-text{min-width:0}.th-world-preview-title{text-align:left;margin-bottom:2px}.th-world-topics-heading{color:var(--clr-text-soft,#a89e94);text-align:left;margin:0;font-size:.82rem;font-weight:700}.th-world-topics-grid{grid-template-columns:1fr 1fr;gap:10px;max-height:280px;margin-bottom:20px;padding-right:2px;display:grid;overflow-y:auto}.th-topic-card{border-radius:var(--radius-sm,10px);text-align:center;border:1px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:72px;padding:12px 8px;display:flex}.th-topic-card-icon{opacity:.95;justify-content:center;align-items:center;display:flex}.th-topic-card-name{color:var(--clr-text,#ede8e3);font-size:.78rem;font-weight:600;line-height:1.25}.th-topic-tint-1{background:#7c4dff24;border-color:#7c4dff47}.th-topic-tint-1 .th-topic-card-icon{color:#c4b5fd}.th-topic-tint-2{background:#4caf501f;border-color:#4caf5047}.th-topic-tint-2 .th-topic-card-icon{color:#a5d6a7}.th-topic-tint-3{background:#42a5f51f;border-color:#42a5f547}.th-topic-tint-3 .th-topic-card-icon{color:#90caf9}.th-topic-tint-4{background:#ff98001f;border-color:#ff980047}.th-topic-tint-4 .th-topic-card-icon{color:#ffcc80}.th-topic-tint-5{background:#ab47bc1f;border-color:#ab47bc47}.th-topic-tint-5 .th-topic-card-icon{color:#ce93d8}.th-topic-tint-6{background:#26c6da1f;border-color:#26c6da47}.th-topic-tint-6 .th-topic-card-icon{color:#80deea}.th-topic-card.th-topic-soon{opacity:.5}.th-topic-badge{color:var(--clr-text-soft,#a89e94);margin-top:-2px;font-size:.65rem;font-style:italic}.th-world-preview-actions{flex-direction:column;gap:10px;display:flex}.th-world-preview-actions .th-htp-btn{width:100%;padding:12px 32px}.th-world-preview-cancel-btn{color:var(--clr-text,#ede8e3)!important;box-shadow:none!important;background:0 0!important;border:2px solid #ffffff2e!important}.th-world-preview-cancel-btn:hover{transform:translateY(-2px);background:#ffffff0f!important}.th-lives-pill{align-items:center;gap:2px;display:flex;padding:4px 12px!important}.th-celebration-container{pointer-events:none;z-index:1200;position:fixed;inset:0;overflow:hidden}.th-confetti-piece{opacity:0;animation:linear forwards th-confetti-fall;position:absolute;top:-40px}@keyframes th-confetti-fall{0%{opacity:0;transform:translateY(0)rotate(0)scale(0)}10%{opacity:1;transform:translateY(0)rotate(0)scale(1)}30%{opacity:1;transform:translateY(25vh)rotate(120deg)scale(1.1)}60%{opacity:.8;transform:translateY(55vh)rotate(240deg)scale(.9)}to{opacity:0;transform:translateY(105vh)rotate(400deg)scale(.5)}}.th-win-trophy{filter:drop-shadow(0 4px 20px #ffc10780);margin-bottom:12px;font-size:4rem;animation:1.5s ease-out th-trophy-bounce}@keyframes th-trophy-bounce{0%{opacity:0;transform:scale(0)rotate(-30deg)}30%{opacity:1;transform:scale(1.3)rotate(8deg)}50%{transform:scale(.9)rotate(-4deg)}70%{transform:scale(1.1)rotate(2deg)}to{transform:scale(1)rotate(0)}}.th-win-title{animation:2s ease-in-out infinite alternate th-win-glow}@keyframes th-win-glow{0%{text-shadow:0 0 10px #5cb87a4d}to{text-shadow:0 0 25px #5cb87a99,0 0 50px #5cb87a33}}.th-lose-emoji{margin-bottom:8px;font-size:3.5rem;animation:.8s ease-in-out th-lose-shake}@keyframes th-lose-shake{0%,to{transform:rotate(0)}15%{transform:rotate(-15deg)scale(1.1)}30%{transform:rotate(12deg)scale(1.05)}45%{transform:rotate(-10deg)}60%{transform:rotate(8deg)}75%{transform:rotate(-4deg)}}.th-lose-title{animation:.6s ease-out th-lose-entrance;color:var(--clr-wrong,#e05a4a)!important}@keyframes th-lose-entrance{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.th-lose-hearts{justify-content:center;margin:16px auto;display:flex}.th-lose-inspire{color:#ff9800;border-radius:var(--radius-sm,10px);text-align:left;background:#ff980014;border-left:3px solid #ff9800;max-width:320px;margin:0 auto 16px;padding:12px 16px;font-size:.95rem;font-weight:600;animation:1s ease-out .5s both th-inspire-fade}@keyframes th-inspire-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.th-end-win{position:relative}.eg-overlay{z-index:1000;background:#0000008c;justify-content:center;align-items:center;animation:.18s eg-fade-in;display:flex;position:fixed;inset:0}@keyframes eg-fade-in{0%{opacity:0}to{opacity:1}}.eg-popup{background:var(--clr-card,#2c2622);border-radius:var(--radius,16px);box-shadow:var(--shadow-card,0 4px 24px #00000040);width:90%;max-width:380px;animation:.22s eg-slide-up;position:relative;overflow:hidden}@keyframes eg-slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.eg-header{background:linear-gradient(135deg,#7c4dff,#651fff);padding:14px 18px}.eg-header-text{color:#fff;font-family:var(--font-body,"DM Sans", sans-serif);font-size:.95rem;font-weight:700}.eg-body{padding:20px 18px 16px}.eg-loading{text-align:center;color:var(--clr-text-soft,#a89e94);padding:1.5rem 0}.eg-error{color:var(--clr-wrong,#e05a4a);text-align:center;font-size:.9rem}.eg-question{font-family:var(--font-body,"DM Sans", sans-serif);text-align:center;color:var(--clr-text,#ede8e3);margin-bottom:18px;font-size:1.35rem;font-weight:600;line-height:1.4}.eg-options{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;display:grid}.eg-option-btn{background:var(--clr-surface,#362f2a);color:var(--clr-text,#ede8e3);border:1px solid var(--clr-border,#fff5e62e);border-radius:var(--radius-sm,10px);font-family:var(--font-body,"DM Sans", sans-serif);cursor:pointer;transition:background var(--transition,.18s ease), transform var(--transition,.18s ease), box-shadow var(--transition,.18s ease);padding:12px 8px;font-size:1.05rem;font-weight:600}.eg-option-btn:hover:not(:disabled){background:var(--clr-hover-strong,#fff5e614);box-shadow:var(--shadow-btn,0 2px 8px #0003);transform:translateY(-2px)}.eg-option-btn:active:not(:disabled){transform:translateY(0)}.eg-option-btn:disabled{opacity:.6;cursor:not-allowed}.eg-wrong-view{text-align:center}.eg-wrong-heading{color:var(--clr-wrong,#e05a4a);font-family:var(--font-display,"Source Serif 4", serif);margin-bottom:10px;font-size:1.3rem;font-weight:700}.eg-correct-label{color:var(--clr-text,#ede8e3);margin-bottom:6px;font-size:1rem}.eg-correct-label strong{color:var(--clr-correct,#5cb87a)}.eg-tip{color:var(--clr-text-soft,#a89e94);margin-bottom:16px;font-size:.9rem;font-style:italic}.eg-continue-btn{background:var(--clr-wrong,#e05a4a);color:#fff;border-radius:var(--radius-sm,10px);font-family:var(--font-body,"DM Sans", sans-serif);cursor:pointer;border:none;margin-bottom:12px;padding:10px 28px;font-size:1rem;font-weight:600;transition:background .18s,transform .18s}.eg-continue-btn:hover{background:#c94a3c;transform:translateY(-1px)}.eg-lives{justify-content:center;padding-top:8px;display:flex}.eg-heartbreak-overlay{z-index:10;pointer-events:none;justify-content:center;align-items:center;animation:2s ease-out forwards eg-hb-flash;display:flex;position:absolute;inset:0}@keyframes eg-hb-flash{0%{background:#e05a4a00}10%{background:#e05a4a40}30%{background:#e05a4a26}to{background:#e05a4a00}}.eg-heartbreak-icon{filter:drop-shadow(0 0 20px #e05a4acc);font-size:4rem;animation:2s ease-out forwards eg-hb-icon}@keyframes eg-hb-icon{0%{opacity:0;transform:scale(.3)rotate(0)}15%{opacity:1;transform:scale(1.6)rotate(-8deg)}30%{opacity:1;transform:scale(1.2)rotate(5deg)}50%{opacity:.9;transform:scale(1)rotate(0)}80%{opacity:.4;transform:scale(.8)rotate(-3deg)}to{opacity:0;transform:scale(.5)rotate(0)}}.eg-heartbreak-crack{opacity:0;background:linear-gradient(#e05a4a,#0000);width:3px;animation:1.5s ease-out forwards eg-crack;position:absolute}.eg-crack-1{height:60px;animation-delay:.15s;top:30%;left:45%;transform:rotate(-20deg)}.eg-crack-2{height:50px;animation-delay:.25s;top:35%;left:55%;transform:rotate(15deg)}.eg-crack-3{height:40px;animation-delay:.35s;top:40%;left:50%;transform:rotate(-5deg)}@keyframes eg-crack{0%{opacity:0;transform:scaleY(0)}20%{opacity:.8;transform:scaleY(1)}60%{opacity:.5}to{opacity:0;transform:scaleY(1.2)translateY(10px)}}.eg-heartbreak-shatter{opacity:0;font-size:1.4rem;animation:1.8s ease-out forwards eg-shatter;position:absolute}.eg-shard-1{animation-delay:.2s}.eg-shard-2{animation-delay:.35s}.eg-shard-3{animation-delay:.5s}@keyframes eg-shatter{0%{opacity:0;transform:translate(0)rotate(0)scale(1)}15%{opacity:1}40%{opacity:.7;transform:translate(-40px,-30px)rotate(-45deg)scale(.8)}to{opacity:0;transform:translate(-80px,60px)rotate(-90deg)scale(.3)}}.eg-shard-2{animation-name:eg-shatter-right}@keyframes eg-shatter-right{0%{opacity:0;transform:translate(0)rotate(0)scale(1)}15%{opacity:1}40%{opacity:.7;transform:translate(35px,-25px)rotate(30deg)scale(.8)}to{opacity:0;transform:translate(70px,50px)rotate(60deg)scale(.3)}}.eg-shard-3{animation-name:eg-shatter-down}@keyframes eg-shatter-down{0%{opacity:0;transform:translate(0)rotate(0)scale(1)}15%{opacity:1}40%{opacity:.7;transform:translate(5px,30px)rotate(-15deg)scale(.9)}to{opacity:0;transform:translate(10px,80px)rotate(-30deg)scale(.3)}}.eg-gameover-view{text-align:center;animation:.6s ease-out eg-gameover-entrance}@keyframes eg-gameover-entrance{0%{opacity:0;transform:scale(.85)}60%{opacity:1;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}.eg-gameover-emoji{margin-bottom:8px;font-size:3rem;animation:.8s ease-in-out eg-gameover-shake}@keyframes eg-gameover-shake{0%,to{transform:rotate(0)}15%{transform:rotate(-12deg)}30%{transform:rotate(10deg)}45%{transform:rotate(-8deg)}60%{transform:rotate(6deg)}75%{transform:rotate(-3deg)}}.eg-gameover-heading{color:var(--clr-wrong,#e05a4a);font-family:var(--font-display,"Source Serif 4", serif);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;font-size:1.6rem;font-weight:800}.eg-gameover-message{color:var(--clr-text-soft,#a89e94);margin-bottom:14px;font-size:1.1rem;font-weight:600}.eg-gameover-inspire{color:#ff9800;border-radius:var(--radius-sm,10px);background:#ff980014;border-left:3px solid #ff9800;margin-top:12px;margin-bottom:16px;padding:10px 14px;font-size:.9rem;font-weight:600}.eg-gameover-btn{color:#fff;border-radius:var(--radius-sm,10px);font-family:var(--font-body,"DM Sans", sans-serif);cursor:pointer;background:linear-gradient(135deg,#7c4dff,#651fff);border:none;margin-bottom:12px;padding:12px 32px;font-size:1rem;font-weight:700;transition:transform .18s,box-shadow .18s}.eg-gameover-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #7c4dff66}.th-life-hearts{justify-content:center;align-items:center;gap:6px;display:flex}.th-life-hearts--sm .th-life-heart{font-size:1rem}.th-life-hearts--md .th-life-heart{font-size:1.35rem}.th-life-hearts--lg .th-life-heart{font-size:1.75rem}.th-life-heart{line-height:1;transition:transform .2s,opacity .2s;display:inline-block}.th-life-heart.filled{color:#e05a4a;text-shadow:0 1px 4px #e05a4a59;animation:2s ease-in-out infinite th-heart-pulse}@keyframes th-heart-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.th-life-heart.empty{color:var(--clr-text-soft,#a89e94);opacity:.35;filter:grayscale()}.th-life-heart.breaking{filter:drop-shadow(0 0 8px #e05a4a99);animation:1.8s ease-in-out forwards th-heartbreak}@keyframes th-heartbreak{0%{opacity:1;color:#e05a4a;transform:scale(1)}12%{opacity:1;color:#e05a4a;transform:scale(1.5)}20%{opacity:1;transform:scale(1.3)rotate(-15deg)}35%{opacity:1;transform:scale(1.4)rotate(10deg)}50%{opacity:.85;transform:scale(1.1)rotate(-8deg)}65%{opacity:.7;transform:scale(.9)rotate(5deg)}80%{opacity:.5;transform:scale(.6)rotate(-3deg)}to{opacity:.25;filter:grayscale();transform:scale(.4)translateY(8px)}}.lcmhcf-container{width:100%;min-height:550px;font-family:var(--font-body);color:var(--clr-text);flex-direction:column;padding:16px;display:flex;position:relative;overflow:hidden}.age-select-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin:30px 0;display:grid}.age-card{background:var(--clr-surface);border:2px solid var(--clr-border);border-radius:var(--radius);cursor:pointer;transition:transform var(--transition), border-color var(--transition), box-shadow var(--transition);text-align:center;flex-direction:column;align-items:center;padding:24px;display:flex;position:relative;overflow:hidden}.age-card:after{content:"";background:linear-gradient(90deg,#0000,#0000);width:100%;height:6px;position:absolute;top:0;left:0}.age-card:hover{border-color:var(--clr-accent);transform:translateY(-5px);box-shadow:0 8px 30px #0000004d}.age-card.level-1:after{background:linear-gradient(90deg, var(--clr-accent), #f0955e)}.age-card.level-2:after{background:#fff}.age-card.level-3:after{background:#5a524b}.age-card.level-1:hover{border-color:var(--clr-accent)}.age-card.level-2:hover{border-color:var(--clr-text)}.age-card.level-3:hover{border-color:var(--clr-text-soft)}.age-emoji{margin-bottom:12px;font-size:3rem}.age-title{font-family:var(--font-display);margin-bottom:8px;font-size:1.4rem}.age-desc{color:var(--clr-text-soft);margin-bottom:16px;font-size:.9rem}.age-badge{background:var(--clr-badge);color:var(--clr-text);border-radius:999px;padding:4px 12px;font-size:.75rem;font-weight:600}.lcmhcf-header{border-bottom:1px solid var(--clr-border);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:16px;display:flex}.level-indicator{align-items:center;gap:8px;font-weight:600;display:flex}.stepper-container{align-items:center;gap:6px;width:100%;padding:8px 0;display:flex;overflow-x:auto}.step-node{background:var(--clr-badge);border:2px solid var(--clr-border);width:32px;height:32px;color:var(--clr-text-soft);cursor:pointer;transition:all var(--transition);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex}.step-node.completed{background:var(--clr-correct-bg);border-color:var(--clr-correct);color:var(--clr-correct)}.step-node.active{background:var(--clr-accent-soft);border-color:var(--clr-accent);color:var(--clr-text);box-shadow:0 0 10px var(--clr-accent);transform:scale(1.1)}.step-line{background:var(--clr-border);flex-grow:1;min-width:10px;height:2px}.step-line.completed{background:var(--clr-correct)}.concept-viewport{flex-direction:column;flex-grow:1;justify-content:center;align-items:center;padding:20px 0;display:flex;position:relative}.slide-wrapper{background:var(--clr-card);border:1px solid var(--clr-border);border-radius:var(--radius);width:100%;max-width:650px;box-shadow:var(--shadow-card);flex-direction:column;min-height:340px;padding:24px;transition:transform .3s,opacity .3s;display:flex}.slide-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.concept-title{font-family:var(--font-display);color:var(--clr-text);font-size:1.6rem}.slide-tag{background:var(--clr-badge);border-radius:999px;padding:4px 10px;font-size:.75rem;font-weight:700}.slide-content{text-align:center;flex-direction:column;flex-grow:1;justify-content:center;align-items:center;display:flex}.flashcard{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--clr-surface), var(--clr-card));border:1px solid #ffffff0d;width:100%;padding:30px;box-shadow:inset 0 0 20px #ffffff05}.flashcard-main-word{color:var(--clr-accent);text-shadow:0 2px 10px #e8864a26;margin-bottom:12px;font-size:2.2rem;font-weight:700}.flashcard-desc{color:var(--clr-text);font-size:1.15rem;line-height:1.6}.flashcard-example-box{background:var(--clr-input);border-radius:var(--radius-sm);color:var(--clr-text-soft);width:100%;margin-top:20px;padding:12px;font-family:monospace;font-size:1.1rem}.nav-row{justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:650px;margin-top:24px;display:flex}.nav-row button{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);border:1px solid #0000;padding:10px 20px;font-size:.95rem;font-weight:600}.nav-row button.btn-back{border-color:var(--clr-border);color:var(--clr-text);background:0 0}.nav-row button.btn-back:hover{background:var(--clr-hover)}.nav-row button.btn-next{background:var(--clr-accent);color:#fff;box-shadow:var(--shadow-btn)}.nav-row button.btn-next:hover{background:#f0955e;transform:translateY(-1px)}.why-bulb-btn{cursor:pointer;background:0 0;background:var(--clr-surface);border:none;border:1px solid var(--clr-border);color:var(--clr-accent);transition:all var(--transition);border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:1.6rem;animation:2s ease-in-out infinite bulb-pulse;display:flex;position:relative}.why-bulb-btn:hover{background:var(--clr-hover-strong);transform:scale(1.05);box-shadow:0 0 15px #e8864a66}.why-bulb-icon{filter:drop-shadow(0 0 4px var(--clr-accent));font-size:1.8rem}@keyframes bulb-pulse{0%{box-shadow:0 0 5px #e8864a33}50%{border-color:var(--clr-accent);box-shadow:0 0 15px #e8864a80}to{box-shadow:0 0 5px #e8864a33}}.why-overlay{z-index:999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;background:#0009;transition:opacity .3s;position:fixed;inset:0}.why-overlay.open{opacity:1;pointer-events:auto}.why-drawer{background:var(--clr-card);border-right:1px solid var(--clr-border);z-index:1000;flex-direction:column;width:440px;max-width:90vw;padding:24px;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%);box-shadow:10px 0 30px #00000080}.why-drawer.open{transform:translate(0)}.why-drawer-header{border-bottom:1px solid var(--clr-border);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;display:flex}.why-drawer-title{font-family:var(--font-display);color:var(--clr-accent);font-size:1.4rem}.why-drawer-close{color:var(--clr-text-soft);cursor:pointer;background:0 0;border:none;padding:4px;font-size:1.5rem}.why-section{margin-bottom:24px}.why-section-title{color:var(--clr-text);margin-bottom:8px;font-size:1.05rem;font-weight:700}.why-section-content{color:var(--clr-text-soft);font-size:.95rem;line-height:1.5}.try-it-out-box{background:var(--clr-surface);border:1px dashed var(--clr-accent);border-radius:var(--radius-sm);margin-top:10px;padding:16px}.try-question{margin-bottom:12px;font-size:1rem;font-weight:600}.try-options-grid{grid-template-columns:1fr;gap:8px;margin-bottom:12px;display:grid}.try-option-btn{background:var(--clr-input);border:1px solid var(--clr-border);border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:all var(--transition);color:var(--clr-text);padding:10px 14px;font-size:.9rem}.try-option-btn:hover{border-color:var(--clr-accent);background:var(--clr-hover)}.try-option-btn.selected{border-color:var(--clr-accent);background:var(--clr-accent-soft);font-weight:700}.try-input{background:var(--clr-input);border:1px solid var(--clr-border);width:100%;color:var(--clr-text);border-radius:var(--radius-sm);transition:border-color var(--transition);margin-bottom:12px;padding:10px 12px;font-size:.95rem}.try-input:focus{border-color:var(--clr-accent);outline:none}.try-actions{justify-content:flex-end;gap:8px;display:flex}.try-actions button{border-radius:var(--radius-sm);cursor:pointer;padding:8px 16px;font-size:.85rem;font-weight:600}.btn-try-submit{background:var(--clr-accent);color:#fff;border:none}.btn-try-submit:hover{background:#f0955e}.try-feedback{border-radius:var(--radius-sm);margin-top:12px;padding:10px;font-size:.9rem;line-height:1.4;animation:.3s shake}.try-feedback.correct{background:var(--clr-correct-bg);color:var(--clr-correct);border:1px solid var(--clr-correct);animation:.3s scale-up}.try-feedback.incorrect{background:var(--clr-wrong-bg);color:var(--clr-wrong);border:1px solid var(--clr-wrong)}.activity-box{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-sm);width:100%;margin-top:12px;padding:20px}.prime-hunter-grid{grid-template-columns:repeat(5,1fr);gap:10px;margin:16px 0;display:grid}.prime-hunter-cell{aspect-ratio:1;background:var(--clr-input);border:2px solid var(--clr-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);justify-content:center;align-items:center;font-size:1.3rem;font-weight:700;display:flex}.prime-hunter-cell:hover{border-color:var(--clr-text-soft);transform:scale(1.05)}.prime-hunter-cell.prime-correct{background:var(--clr-correct-bg);border-color:var(--clr-correct);color:var(--clr-correct)}.prime-hunter-cell.composite-wrong{background:var(--clr-wrong-bg);border-color:var(--clr-wrong);color:var(--clr-wrong)}.prime-hunter-cell.composite-missed{opacity:.5;border-color:#0000}.factor-rainbow-box{flex-direction:column;align-items:center;margin:12px 0;display:flex}.factor-rainbow-grid{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:16px;display:flex}.factor-bubble{background:var(--clr-badge);border:2px solid var(--clr-border);cursor:pointer;width:44px;height:44px;transition:all var(--transition);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.factor-bubble:hover{border-color:var(--clr-accent);transform:translateY(-2px)}.factor-bubble.selected{background:var(--clr-accent-soft);border-color:var(--clr-accent);color:var(--clr-text);box-shadow:0 0 8px var(--clr-accent)}.factor-bubble.paired{background:var(--clr-correct-bg);border-color:var(--clr-correct);color:var(--clr-correct)}.tree-node-wrapper{flex-direction:column;align-items:center;margin:8px 12px;display:flex}.tree-node-circle{background:var(--clr-badge);border:2px solid var(--clr-border);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.1rem;font-weight:700;display:flex}.tree-node-circle.prime{background:var(--clr-accent-soft);border-color:var(--clr-accent);color:var(--clr-text)}.tree-branches{justify-content:center;margin-top:10px;display:flex;position:relative}.tree-branches:before{content:"";border-top:2px solid var(--clr-border);width:40%;height:10px;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.jump-chart-svg{background:var(--clr-input);border-radius:var(--radius-sm);border:1px solid var(--clr-border);width:100%;height:120px;margin:12px 0}.jump-tick{stroke:var(--clr-border);stroke-width:1.5px}.jump-label{fill:var(--clr-text-soft);text-anchor:middle;font-size:9px}.jump-arc{fill:none;stroke-linecap:round;stroke-width:2.5px;transition:stroke-dashoffset .6s}.venn-container{justify-content:center;width:100%;height:250px;margin-top:16px;display:flex;position:relative}.venn-circle{border-radius:50%;flex-wrap:wrap;place-content:center;align-items:center;gap:8px;width:200px;height:200px;padding:24px;transition:all .3s;display:flex;position:absolute;top:10px}.venn-circle:before{content:"";z-index:1;pointer-events:none;border:2px solid #0000;border-radius:50%;transition:background .3s,border-color .3s;position:absolute;inset:0}.venn-circle.left{justify-content:flex-start;padding-left:25px;padding-right:95px;left:calc(50% - 155px)}.venn-circle.left:before{border-color:var(--clr-accent);background:#e8864a14}.venn-circle.right{justify-content:flex-end;padding-left:95px;padding-right:25px;left:calc(50% - 45px)}.venn-circle.right:before{border-color:var(--clr-text-soft);background:#a89e9414}.venn-overlap{z-index:3;flex-wrap:wrap;place-content:center;align-items:center;gap:6px;width:100px;height:200px;display:flex;position:absolute;top:10px;left:calc(50% - 50px)}.venn-title{white-space:nowrap;z-index:4;font-size:.82rem;font-weight:700;position:absolute;top:-24px}.venn-circle.left .venn-title{color:var(--clr-accent);left:24px}.venn-circle.right .venn-title{color:var(--clr-text-soft);right:24px}.venn-placed-item{z-index:4;background:var(--clr-surface);color:var(--clr-text);border:1.5px solid var(--clr-border);cursor:pointer;width:34px;height:34px;transition:transform var(--transition), background-color var(--transition), border-color var(--transition);box-shadow:var(--shadow-btn);border-radius:50%;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex;position:relative}.venn-placed-item:hover{background:var(--clr-accent);color:#fff;border-color:var(--clr-accent);transform:scale(1.15)}.venn-placed-item.both-item{border-color:var(--clr-accent);color:var(--clr-accent)}.venn-placed-item.both-item:hover{background:var(--clr-accent);color:#fff;border-color:var(--clr-accent)}.venn-factors-pool{border:1px dashed var(--clr-border);border-radius:var(--radius-sm);background:#ffffff03;flex-wrap:wrap;justify-content:center;gap:12px;width:100%;margin-top:24px;padding:16px;display:flex}.venn-pool-box{border:1.5px solid var(--clr-border);border-radius:var(--radius-sm);background:var(--clr-card);min-width:100px;box-shadow:var(--shadow-card);transition:transform var(--transition), border-color var(--transition);flex-direction:column;align-items:center;gap:6px;padding:8px 12px;display:flex}.venn-pool-box:hover{border-color:var(--clr-accent);transform:translateY(-2px)}.venn-pool-number{color:var(--clr-text);font-size:1.2rem;font-weight:700}.venn-pool-actions{gap:4px;display:flex}.venn-pool-actions button{border:1px solid var(--clr-border);background:var(--clr-surface);color:var(--clr-text-soft);cursor:pointer;transition:all var(--transition);border-radius:4px;padding:4px 8px;font-size:.75rem;font-weight:700}.venn-pool-actions button:hover{border-color:var(--clr-accent);background:var(--clr-accent-soft);color:var(--clr-text)}.confidence-prompt{font-family:var(--font-display);margin-bottom:24px;font-size:1.5rem}.confidence-row{grid-template-columns:repeat(3,1fr);gap:16px;width:100%;max-width:600px;margin:20px 0;display:grid}.confidence-card{background:var(--clr-surface);border:2px solid var(--clr-border);border-radius:var(--radius);cursor:pointer;transition:all var(--transition);text-align:center;flex-direction:column;justify-content:space-between;align-items:center;min-height:200px;padding:24px 12px;display:flex}.confidence-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0003}.confidence-card.level-explorer{background:linear-gradient(135deg, var(--clr-surface), #3b82f626);border-color:#3b82f6}.confidence-card.level-explorer:hover{border-color:#60a5fa;box-shadow:0 8px 24px #3b82f640}.confidence-card.level-champion:not(.locked){background:linear-gradient(135deg, var(--clr-surface), #f59e0b26);border-color:#f59e0b}.confidence-card.level-champion:not(.locked):hover{border-color:#fbbf24;box-shadow:0 8px 24px #f59e0b40}.confidence-card.level-master:not(.locked){background:linear-gradient(135deg, var(--clr-surface), #ec489926);border-color:#ec4899}.confidence-card.level-master:not(.locked):hover{border-color:#f472b6;box-shadow:0 8px 24px #ec489940}.confidence-card.locked{opacity:.55;filter:grayscale(.85);cursor:not-allowed;border-color:var(--clr-border);background:var(--clr-input)}.confidence-card.locked:hover{box-shadow:none;transform:none}.confidence-emoji{margin-bottom:8px;font-size:2.5rem}.confidence-label{color:var(--clr-text);font-size:1.05rem;font-weight:700}.confidence-subtitle{color:var(--clr-text-soft);margin-top:8px;font-size:.8rem;line-height:1.35}.lock-text{color:var(--clr-wrong);margin-top:8px;font-size:.72rem;font-weight:700}.revision-modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:10;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.revision-modal{background:var(--clr-card);border:1px solid var(--clr-border);border-radius:var(--radius);text-align:center;max-width:440px;box-shadow:var(--shadow-card);padding:24px;animation:.25s cubic-bezier(.175,.885,.32,1.275) scale-up}.revision-modal h3{font-family:var(--font-display);margin-bottom:12px;font-size:1.3rem}.revision-modal p{color:var(--clr-text-soft);margin-bottom:20px;font-size:.95rem;line-height:1.5}.revision-modal-buttons{justify-content:center;gap:12px;display:flex}.revision-modal-buttons button{border-radius:var(--radius-sm);cursor:pointer;padding:10px 18px;font-weight:600}.btn-revise-go{background:var(--clr-accent);color:#fff;border:none}.btn-revise-skip{border:1px solid var(--clr-border);color:var(--clr-text);background:0 0}.quiz-welcome{text-align:center;padding:20px}.quiz-main-box{background:var(--clr-card);border:1px solid var(--clr-border);border-radius:var(--radius);width:100%;max-width:600px;box-shadow:var(--shadow-card);padding:24px}.quiz-progress-bar{background:var(--clr-input);border-radius:999px;width:100%;height:6px;margin:16px 0;overflow:hidden}.quiz-progress-fill{background:var(--clr-accent);height:100%;transition:width .3s}.quiz-question-text{margin:24px 0;font-size:1.35rem;line-height:1.5}.quiz-input-row{flex-direction:column;align-items:center;gap:12px;margin-bottom:20px;display:flex}.quiz-input{background:var(--clr-input);border:2px solid var(--clr-border);width:100%;max-width:320px;color:var(--clr-text);border-radius:var(--radius-sm);text-align:center;transition:border-color var(--transition);padding:12px 16px;font-size:1.1rem}.quiz-input:focus{border-color:var(--clr-accent);outline:none}.quiz-input:disabled{opacity:.8}.quiz-btn-submit{background:var(--clr-accent);color:#fff;border-radius:var(--radius-sm);cursor:pointer;width:100%;max-width:320px;transition:background var(--transition);border:none;padding:12px;font-size:1rem;font-weight:600}.quiz-btn-submit:hover{background:#f0955e}.quiz-feedback-box{border-radius:var(--radius-sm);text-align:center;margin-top:16px;padding:14px;font-weight:700}.quiz-feedback-box.correct{background:var(--clr-correct-bg);color:var(--clr-correct);border:1px solid var(--clr-correct)}.quiz-feedback-box.incorrect{background:var(--clr-wrong-bg);color:var(--clr-wrong);border:1px solid var(--clr-wrong)}.quiz-btn-next{background:var(--clr-surface);border:1px solid var(--clr-border);width:100%;max-width:320px;color:var(--clr-text);border-radius:var(--radius-sm);cursor:pointer;margin-top:16px;padding:12px;font-size:1rem;font-weight:600}.quiz-btn-next:hover{background:var(--clr-hover-strong)}.quiz-results-summary{text-align:center;flex-direction:column;align-items:center;padding:20px;display:flex}.quiz-score-circle{background:var(--clr-surface);border:4px solid var(--clr-accent);width:120px;height:120px;box-shadow:0 0 20px var(--clr-accent-soft);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.score-total{color:var(--clr-text-soft);margin-top:-4px;font-size:.9rem}.results-list{flex-direction:column;gap:10px;width:100%;max-width:500px;margin:20px 0;display:flex}.result-item{border-radius:var(--radius-sm);background:var(--clr-surface);border-left:4px solid #0000;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.result-item.correct{border-left-color:var(--clr-correct)}.result-item.incorrect{border-left-color:var(--clr-wrong)}.result-prompt{text-align:left;font-size:.9rem;font-weight:500}.result-details{text-align:right;color:var(--clr-text-soft);font-size:.8rem}.collectibles-bank{background:var(--clr-card);border:1px solid var(--clr-border);border-radius:var(--radius);width:100%;max-width:600px;box-shadow:var(--shadow-card);padding:24px}.bank-header{border-bottom:1px solid var(--clr-border);text-align:center;margin-bottom:20px;padding-bottom:12px}.bank-title{font-family:var(--font-display);color:var(--clr-accent);font-size:1.5rem}.bank-progress-info{color:var(--clr-text-soft);justify-content:space-between;margin-top:8px;font-size:.9rem;display:flex}.collectibles-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:16px;margin:20px 0;display:grid}.collectible-slot{aspect-ratio:1;background:var(--clr-surface);border:2px solid var(--clr-border);border-radius:var(--radius);transition:all var(--transition);flex-direction:column;justify-content:center;align-items:center;padding:8px;display:flex;position:relative}.collectible-slot.locked{filter:grayscale();opacity:.6}.collectible-slot.unlocked{background:linear-gradient(135deg, var(--clr-surface), #e8864a1a);border-color:var(--clr-accent);cursor:pointer}.collectible-slot.unlocked:hover{transform:scale(1.08)rotate(3deg);box-shadow:0 5px 15px #e8864a33}.collectible-emoji{margin-bottom:6px;font-size:2.2rem}.collectible-name{text-align:center;font-size:.75rem;font-weight:600;line-height:1.2}.collectible-lock{color:var(--clr-text-soft);font-size:.8rem;position:absolute;top:6px;right:6px}@keyframes scale-up{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.step-node.locked{opacity:.35;filter:grayscale(.8);cursor:not-allowed;pointer-events:none;background:var(--clr-input)!important;border-color:var(--clr-border)!important;color:var(--clr-text-soft)!important}.activity-popup-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10000;background:#000000b3;justify-content:center;align-items:center;animation:.25s ease-out scale-up;display:flex;position:fixed;inset:0}.activity-popup-card{background:var(--clr-card);border:1px solid var(--clr-border);border-radius:var(--radius-md);flex-direction:column;width:420px;max-width:90vw;display:flex;overflow:hidden;box-shadow:0 10px 30px #0009}.activity-popup-card.error{border-color:#ef444480}.activity-popup-card.success{border-color:#10b98180}.activity-popup-header{border-bottom:1px solid var(--clr-border);justify-content:space-between;align-items:center;padding:16px;display:flex}.activity-popup-card.error .activity-popup-header h3{color:#ef4444}.activity-popup-card.success .activity-popup-header h3{color:#10b981}.activity-popup-header button{color:var(--clr-text-soft);cursor:pointer;background:0 0;border:none;align-items:center;display:flex}.activity-popup-content{color:var(--clr-text);padding:20px 16px;font-size:.95rem;line-height:1.6}.activity-popup-footer{border-top:1px solid var(--clr-border);justify-content:flex-end;padding:12px 16px;display:flex}.btn-ok{background:var(--clr-accent);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);border:none;padding:8px 20px;font-weight:600}.btn-ok:hover{opacity:.9;transform:translateY(-1px)}.down-arrow-btn{background:var(--clr-surface);border:1px solid var(--clr-border);color:var(--clr-accent);cursor:pointer;width:44px;height:44px;transition:all var(--transition);border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 10px #0003}.down-arrow-btn:hover{background:var(--clr-hover-strong);transform:translateY(2px);box-shadow:0 2px 6px #0003}.badges-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:16px;width:100%;margin-top:16px;margin-bottom:24px;display:grid}.badge-card{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-sm);text-align:center;transition:all var(--transition);flex-direction:column;align-items:center;padding:16px 12px;display:flex;position:relative}.badge-card.unlocked{border-color:var(--clr-correct);background:linear-gradient(135deg, var(--clr-surface), #10b98114);box-shadow:0 4px 12px #10b9811a}.badge-card.locked{opacity:.55;filter:grayscale(.8)}.badge-icon{margin-bottom:8px;font-size:2.5rem}.badge-name{color:var(--clr-text);margin-bottom:4px;font-size:.85rem;font-weight:700}.badge-desc{color:var(--clr-text-soft);margin-bottom:8px;font-size:.7rem;line-height:1.2}.badge-status-label{text-transform:uppercase;border-radius:99px;padding:2px 8px;font-size:.65rem;font-weight:800}.badge-status-label.unlocked{background:var(--clr-correct-bg);color:var(--clr-correct)}.badge-status-label.locked{background:var(--clr-input);color:var(--clr-text-soft)}.revision-suggestion-box{background:var(--clr-input);border:1px dashed var(--clr-accent);border-radius:var(--radius-sm);text-align:center;margin-top:16px;margin-bottom:16px;padding:16px}.revision-suggestion-box p{color:var(--clr-text);margin-bottom:12px;font-size:.9rem}.collapsible-example-container{border:1px solid var(--clr-border);border-radius:var(--radius-sm);background:var(--clr-surface);width:100%;margin-top:20px;overflow:hidden;box-shadow:0 4px 15px #00000026}.collapsible-example-header{background:var(--clr-input);width:100%;color:var(--clr-text);cursor:pointer;text-align:left;transition:background var(--transition);border:none;justify-content:space-between;align-items:center;padding:12px 16px;font-size:.95rem;font-weight:600;display:flex}.collapsible-example-header:hover{background:var(--clr-hover)}.dropdown-arrow-icon{color:var(--clr-accent);transition:transform .3s}.dropdown-arrow-icon.open{transform:rotate(180deg)}.collapsible-example-content{border-top:1px solid var(--clr-border);color:var(--clr-text-soft);background:var(--clr-card);text-align:left;padding:16px;font-family:monospace;font-size:1rem;line-height:1.5;animation:.25s ease-out slide-down}@keyframes slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.ivs-app{max-width:760px;color:var(--clr-text);margin:0 auto;padding:16px 18px 40px;font-family:Inter,system-ui,sans-serif;position:relative}.ivs-back{color:var(--clr-text-soft);cursor:pointer;background:0 0;border:none;padding:6px 0;font-size:.95rem}.ivs-back:hover{color:var(--clr-text)}.ivs-title{text-align:center;color:var(--clr-text);letter-spacing:.5px;margin:6px 0 2px;font-size:2rem}.ivs-tagline{text-align:center;color:var(--clr-text-soft);margin:0 0 18px}.ivs-word{border-radius:999px;padding:2px 10px;font-weight:700;display:inline-block}.ivs-word.idli{color:#b5892b;background:#fff7e6;border:1px solid #f0d79a}.ivs-word.vada{color:#9a5a1e;background:#f6e2c8;border:1px solid #e2b483}.ivs-word.sambhar{color:#c0432a;background:#ffe3d6;border:1px solid #f4b39c}.ivs-setup-card{background:var(--clr-card);border:1px solid var(--clr-border);box-shadow:var(--shadow-card);border-radius:16px;padding:22px}.ivs-setup-row{flex-direction:column;gap:14px;display:flex}.ivs-setup-row label{flex-wrap:wrap;align-items:center;gap:10px;font-size:1rem;display:flex}.ivs-setup-row input{background:var(--clr-input);width:90px;color:var(--clr-text);border:1px solid var(--clr-border);border-radius:10px;padding:8px 10px;font-size:1rem}.ivs-hint{color:var(--clr-text-soft);margin:14px 0 6px;font-size:.85rem}.ivs-error{color:var(--clr-wrong);margin:6px 0;font-weight:600}.ivs-start,.ivs-submit,.ivs-continue,.ivs-again{background:var(--clr-accent);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:12px 22px;font-size:1rem;font-weight:700;transition:transform 80ms,filter .15s}.ivs-start{width:100%;margin-top:10px}.ivs-start:hover,.ivs-submit:hover:not(:disabled){filter:brightness(.92)}.ivs-submit:active{transform:scale(.98)}.ivs-submit:disabled{background:var(--clr-badge);cursor:not-allowed}.ivs-legend{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:16px;display:flex}.ivs-goal{background:var(--clr-accent-soft);color:var(--clr-accent);border-radius:999px;padding:2px 12px;font-size:.85rem;font-weight:600}.ivs-circle{justify-content:center;gap:26px;margin:8px 0 18px;display:flex}.ivs-player{text-align:center;border:2px solid #0000;border-radius:16px;min-width:84px;padding:10px 14px;transition:all .2s}.ivs-player.active{border-color:var(--clr-accent);background:var(--clr-accent-soft);box-shadow:0 4px 14px var(--clr-accent-soft);transform:translateY(-3px)}.ivs-avatar{font-size:2.4rem;line-height:1}.ivs-pname{margin-top:4px;font-weight:700}.ivs-turn-badge{color:var(--clr-accent);text-transform:uppercase;margin-top:4px;font-size:.72rem;font-weight:700}.ivs-current{text-align:center;margin-bottom:14px}.ivs-count{color:var(--clr-text-soft);font-size:1.1rem}.ivs-count strong{color:var(--clr-text);margin-left:6px;font-size:2rem;display:inline-block}.ivs-who{color:var(--clr-accent);margin-top:2px;font-weight:600}.ivs-controls{background:var(--clr-card);border:1px solid var(--clr-border);text-align:center;border-radius:16px;padding:18px}.ivs-btn-row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.ivs-choice{border:2px solid var(--clr-border);background:var(--clr-input);color:var(--clr-text);cursor:pointer;border-radius:12px;padding:10px 18px;font-size:1rem;font-weight:700;transition:all .12s}.ivs-choice:hover{border-color:var(--clr-accent)}.ivs-choice.on{background:var(--clr-accent);color:#fff;border-color:var(--clr-accent)}.ivs-choice.idli.on{color:#fff;background:#d99b2b;border-color:#d99b2b}.ivs-choice.vada.on{color:#fff;background:#9a5a1e;border-color:#9a5a1e}.ivs-choice.sambhar.on{color:#fff;background:#c0432a;border-color:#c0432a}.ivs-number-input{background:var(--clr-input);color:var(--clr-text);border:1px solid var(--clr-border);text-align:center;border-radius:10px;width:200px;margin-top:14px;padding:10px 12px;font-size:1.1rem}.ivs-preview{color:var(--clr-text-soft);margin-top:12px}.ivs-submit{margin-top:14px}.ivs-feedback{border-radius:10px;margin-top:12px;padding:8px 12px;font-weight:600}.ivs-feedback.retry{background:var(--clr-accent-soft);color:var(--clr-accent)}.ivs-feedback.reveal{background:var(--clr-wrong-bg);color:var(--clr-wrong)}.ivs-stats{color:var(--clr-text-soft);flex-wrap:wrap;justify-content:center;gap:18px;margin:18px 0;font-size:.9rem;font-weight:600;display:flex}.ivs-history{margin-top:10px}.ivs-history h3{text-align:center;color:var(--clr-text-soft);margin:0 0 8px;font-size:.9rem}.ivs-history ul{max-width:420px;margin:0 auto;padding:0;list-style:none}.ivs-history li{background:var(--clr-surface);border-radius:8px;align-items:center;gap:8px;margin-bottom:4px;padding:6px 12px;display:flex}.ivs-history li.ok{border-left:3px solid var(--clr-correct)}.ivs-history li.bad{border-left:3px solid var(--clr-wrong)}.ivs-h-num{min-width:28px;font-weight:700}.ivs-h-arrow{color:var(--clr-text-soft)}.ivs-h-ans{font-weight:600}.ivs-h-player{color:var(--clr-text-soft);margin-left:auto;font-size:.85rem}.ivs-h-mark{font-weight:700}.ivs-history li.ok .ivs-h-mark{color:var(--clr-correct)}.ivs-history li.bad .ivs-h-mark{color:var(--clr-wrong)}.ivs-empty{color:var(--clr-text-soft);justify-content:center}.ivs-overlay{z-index:50;background:#141c2e8c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ivs-overlay-card{background:var(--clr-card);text-align:center;border-radius:20px;max-width:420px;padding:32px 34px;box-shadow:0 20px 50px #0000004d}.ivs-confetti{font-size:3rem}.ivs-overlay-card h2{color:var(--clr-text);margin:8px 0}.ivs-lcm{color:var(--clr-accent);margin-top:10px;font-size:1.15rem}.ivs-overlay-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:22px;display:flex}.ivs-again{background:var(--clr-correct)}.ivs-again:hover{filter:brightness(.92)}@media (width<=520px){.ivs-circle{gap:12px}.ivs-player{min-width:70px;padding:8px}.ivs-avatar{font-size:2rem}}.app-shell>div:not([class]){display:contents}*{scrollbar-width:thin;scrollbar-color:var(--clr-border) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--clr-border);background-clip:content-box;border:2px solid #0000;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--clr-accent);background-clip:content-box}::-webkit-scrollbar-corner{background:0 0}.cj-app{max-width:720px;color:var(--clr-text);font-family:var(--font-body);margin:0 auto;padding:12px 16px 40px}.cj-back{color:var(--clr-text-soft);cursor:pointer;background:0 0;border:none;padding:6px 0;font-size:.9rem}.cj-back:hover{color:var(--clr-text)}.cj-title{font-family:var(--font-display);text-align:center;margin:8px 0 4px;font-size:1.9rem}.cj-tagline{text-align:center;color:var(--clr-text-soft);max-width:560px;margin:0 auto 18px;line-height:1.45}.cj-progressbar{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:999px;height:26px;margin:0 0 16px;position:relative;overflow:hidden}.cj-progressbar-fill{background:var(--clr-accent-soft);border-right:3px solid var(--clr-accent);height:100%;transition:width var(--transition)}.cj-progressbar-label{color:var(--clr-text-soft);justify-content:center;align-items:center;font-size:.8rem;display:flex;position:absolute;inset:0}.cj-roadmap{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.cj-stop{border-radius:var(--radius);background:var(--clr-surface);border:1px solid var(--clr-border);align-items:center;gap:12px;padding:12px 14px;display:flex}.cj-stop.locked{opacity:.55}.cj-stop.done{border-color:var(--clr-correct)}.cj-stop-emoji{font-size:1.6rem}.cj-stop-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.cj-stop-name{font-weight:700}.cj-stop-q{color:var(--clr-text-soft);font-size:.9rem;font-style:italic}.cj-stop-meta{color:var(--clr-text-soft);font-size:.78rem}.cj-stop-action{border-radius:var(--radius-sm);background:var(--clr-accent);color:#fff;cursor:pointer;white-space:nowrap;border:none;padding:8px 14px;font-weight:700}.cj-stop-action:hover{filter:brightness(1.08)}.cj-stop-action.done{background:var(--clr-correct)}.cj-stop-action.locked{color:var(--clr-text-soft);cursor:default;background:0 0;font-size:1.1rem}.cj-bridge,.cj-stagedone{text-align:center;padding:20px 8px}.cj-bridge-emoji{margin-bottom:6px;font-size:3rem}.cj-bridge-stopno{color:var(--clr-text-soft);letter-spacing:.06em;text-transform:uppercase;font-size:.85rem}.cj-bridge-q{font-family:var(--font-display);max-width:520px;margin:8px auto 26px;font-size:1.5rem}.cj-role{max-width:460px;margin:14px auto 20px;font-size:1.15rem;line-height:1.5}.cj-primary{background:var(--clr-accent);color:#fff;border-radius:var(--radius-sm);cursor:pointer;box-shadow:var(--shadow-btn);border:none;padding:12px 22px;font-size:1rem;font-weight:700}.cj-primary:hover{filter:brightness(1.08)}.cj-secondary{color:var(--clr-text);border:1px solid var(--clr-border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:12px 22px;font-size:1rem}.cj-secondary:hover{background:var(--clr-hover-strong)}.cj-finale-btn{margin:0 auto 16px;display:block}.cj-quiz-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:6px 0 10px;font-weight:700;display:flex}.cj-phase-tag{background:var(--clr-badge);color:var(--clr-text);border-radius:999px;padding:4px 10px;font-size:.78rem;font-weight:700}.cj-phase-tag.check{background:var(--clr-accent-soft);color:var(--clr-accent)}.cj-pips{align-items:center;gap:6px;margin-bottom:14px;display:flex}.cj-pip{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:50%;width:10px;height:10px}.cj-pip.seen{background:var(--clr-accent);border-color:var(--clr-accent)}.cj-pip.now{border-color:var(--clr-accent);box-shadow:0 0 0 3px var(--clr-accent-soft)}.cj-pip-label{color:var(--clr-text-soft);margin-left:8px;font-size:.8rem}.cj-question,.cj-review-card{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius);margin-bottom:12px;padding:18px}.cj-prompt{margin:0 0 14px;font-size:1.08rem;line-height:1.55}.cj-input-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.cj-input-label{min-width:150px;color:var(--clr-text-soft);font-size:.9rem}.cj-input{border-radius:var(--radius-sm);border:1px solid var(--clr-border);background:var(--clr-input);min-width:140px;max-width:240px;color:var(--clr-text);flex:1;padding:10px 12px;font-size:1.05rem}.cj-input::placeholder{color:var(--clr-placeholder)}.cj-input:focus{outline:2px solid var(--clr-accent);border-color:#0000}.cj-unit{color:var(--clr-text-soft);font-size:.95rem}.cj-feedback{border-radius:var(--radius-sm);margin:12px 0;padding:12px 14px;line-height:1.5}.cj-feedback.right{background:var(--clr-correct-bg);border:1px solid var(--clr-correct)}.cj-feedback.wrong{background:var(--clr-wrong-bg);border:1px solid var(--clr-wrong)}.cj-hint{margin-top:8px;display:block}.cj-expl{color:var(--clr-text);margin-top:8px}.cj-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:14px;display:flex}.cj-check-note{text-align:center;color:var(--clr-text-soft);margin:10px 0 0;font-size:.82rem}.cj-recap{border-collapse:collapse;width:100%;margin:10px 0 20px;font-size:.92rem}.cj-recap th,.cj-recap td{text-align:left;border-bottom:1px solid var(--clr-border);padding:8px 10px}.cj-recap th{color:var(--clr-text-soft);font-weight:600}.cj-recap tr.done td:first-child:after{content:" ✓";color:var(--clr-correct)}.cj-carousel{align-items:stretch;gap:10px;margin:4px 0 6px;display:flex}.cj-stop-card{flex:1;min-height:76px}.cj-card-nav{border:1px solid var(--clr-border);border-radius:var(--radius-sm);background:var(--clr-surface);color:var(--clr-text);cursor:pointer;padding:0 12px;font-size:1.1rem}.cj-card-nav:hover:not(:disabled){background:var(--clr-hover-strong)}.cj-card-nav:disabled{opacity:.35;cursor:default}.cj-journey-overlay{z-index:50;background:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.cj-journey-panel{background:var(--clr-bg,var(--clr-surface));border:1px solid var(--clr-border);border-radius:var(--radius);width:100%;max-width:min(760px,94vw);max-height:min(760px,86vh);padding:20px 24px;overflow-y:auto}.cj-journey-head{justify-content:space-between;align-items:center;display:flex}.cj-journey-title{font-family:var(--font-display);margin:0;font-size:1.25rem}.cj-journey-close{color:var(--clr-text-soft);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:1.1rem}.cj-journey-close:hover{color:var(--clr-text)}.cj-journey-sub{color:var(--clr-text-soft);margin:4px 0 14px;font-size:.88rem}.cj-journey-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.cj-journey-item{border:1px solid var(--clr-border);border-radius:var(--radius-sm);background:var(--clr-surface);align-items:baseline;gap:10px;padding:8px 10px;line-height:1.4;display:flex}.cj-journey-item.done{border-color:var(--clr-correct)}.cj-journey-item.locked{opacity:.6}.cj-journey-status{flex:none}.cj-visual-panel{border:1px dashed var(--clr-border);border-radius:var(--radius-sm);background:var(--clr-accent-soft);margin:4px 0 10px;padding:12px 14px}.cj-visual{flex-direction:column;gap:8px;display:flex}.cj-vis-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cj-vis-row.gears{justify-content:center}.cj-vis-group{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.cj-vis-group.dim{opacity:.4}.cj-vis-emojis{letter-spacing:2px;word-break:break-all;font-size:1.25rem;line-height:1.6}.cj-vis-op{color:var(--clr-text-soft);padding:0 4px;font-size:1.1rem;font-weight:700}.cj-vis-glabel{color:var(--clr-text-soft);font-size:.8rem}.cj-vis-caption{color:var(--clr-text-soft);margin:0;font-size:.8rem;font-style:italic}.cj-vis-blockrow,.cj-vis-barrow{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cj-vis-barlabel{color:var(--clr-text-soft);text-align:right;flex:0 0 110px;font-size:.82rem}.cj-vis-barval{white-space:nowrap;font-size:.82rem;font-weight:700}.cj-vis-bartrack{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:999px;flex:1;min-width:120px;height:16px;display:flex;overflow:hidden}.cj-vis-bartrack.tall{height:26px}.cj-vis-barfill{color:#fff;white-space:nowrap;justify-content:center;align-items:center;height:100%;font-size:.72rem;display:inline-flex;overflow:hidden}.cj-vis-barfill.f0{background:var(--clr-accent)}.cj-vis-barfill.f1{background:#3b82c4}.cj-vis-barfill.f2{background:#4ca466}.cj-vis-tank{flex:1;gap:2px;min-width:120px;height:22px;display:inline-flex}.cj-vis-tank.small{flex:none;min-width:60px;height:16px}.cj-vis-cell{border:1px solid var(--clr-border);background:var(--clr-surface);border-radius:3px;flex:1;min-width:10px}.cj-vis-cell.a{background:var(--clr-accent);border-color:var(--clr-accent)}.cj-vis-cell.b{background:#3b82c4;border-color:#3b82c4}.cj-vis-cell.dim{background:var(--clr-accent);border-color:var(--clr-accent);opacity:.3}.cj-vis-gear{width:84px;height:84px;color:var(--clr-text)}.cj-vis-batt{border:2px solid var(--clr-text-soft);background:var(--clr-surface);border-radius:6px;flex:1;min-width:160px;max-width:340px;height:30px;display:flex;overflow:hidden}.cj-vis-battfill{color:#fff;white-space:nowrap;justify-content:center;align-items:center;height:100%;font-size:.72rem;font-weight:700;display:inline-flex;overflow:hidden}.cj-vis-battfill.a{background:var(--clr-accent)}.cj-vis-battfill.q{background:#3b82c4}.cj-vis-battfill.dim{background:var(--clr-accent);opacity:.3}.cj-vis-battcap{background:var(--clr-text-soft);border-radius:0 3px 3px 0;align-self:center;width:6px;height:14px;margin-left:2px}.cj-vis-dst{width:190px;height:auto;color:var(--clr-text)}.cj-vis-circle{width:130px;height:auto;color:var(--clr-text)}.cj-vis-rtri{width:250px;max-width:100%;height:auto;color:var(--clr-text)}.cj-vis-plot{width:100%;max-width:320px;height:auto;color:var(--clr-text);margin:0 auto;display:block}.cj-vis-meet{text-align:center;justify-content:center;align-items:center;gap:10px;display:flex}.cj-vis-meetcar{font-size:1.5rem;line-height:1.2}.cj-vis-meetcar small{color:var(--clr-text-soft);font-size:.72rem}.cj-vis-road{border-bottom:3px dashed var(--clr-border);max-width:260px;color:var(--clr-text-soft);text-align:center;white-space:nowrap;flex:1;padding-bottom:4px;font-size:.8rem}.cj-vis-eq{text-align:center;border:1px solid var(--clr-border);border-radius:var(--radius-sm);background:var(--clr-surface);padding:10px 12px;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:1.02rem;overflow-x:auto}.cj-resume-note{border:1px solid var(--clr-accent);border-radius:var(--radius-sm);background:var(--clr-accent-soft);max-width:520px;margin:0 auto 12px;padding:10px 14px;font-size:.92rem;line-height:1.45}.cj-stop-done-actions{flex-direction:column;gap:6px;display:flex}.cj-stop-action.license{background:var(--clr-surface);color:var(--clr-text);border:1px solid var(--clr-border)}.cj-stop-action.license:hover{border-color:var(--clr-accent);filter:none}.cj-license{text-align:left;border:1px solid var(--clr-accent);border-radius:var(--radius-sm);background:var(--clr-accent-soft);max-width:560px;margin:14px auto;padding:12px 16px}.cj-license-head{margin-bottom:8px;font-weight:700}.cj-license-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:4px 0;display:flex}.cj-license-text{line-height:1.4}.cj-license-go{border-radius:var(--radius-sm);background:var(--clr-accent);color:var(--clr-on-accent,#fff);cursor:pointer;white-space:nowrap;border:none;padding:6px 12px;font-size:.85rem}.cj-license-go:hover{filter:brightness(1.08)}.cj-license-note{color:var(--clr-text-soft);margin:8px 0 0;font-size:.82rem;font-style:italic}.cj-challenge{text-align:left;max-width:560px;margin:0 auto 14px}.cj-challenge-toggle{border:1px dashed var(--clr-border);border-radius:var(--radius-sm);width:100%;color:var(--clr-text);cursor:pointer;text-align:left;background:0 0;padding:10px 14px;font-size:.95rem;font-weight:600}.cj-challenge-toggle:hover{border-color:var(--clr-accent)}.cj-challenge-list{margin:14px 0 0;padding-left:22px}.cj-challenge-item{margin-bottom:14px}.cj-challenge-prompt{margin:0 0 6px;line-height:1.5}.cj-challenge-reveal{border:1px solid var(--clr-border);border-radius:var(--radius-sm);background:var(--clr-surface);color:var(--clr-text-soft);cursor:pointer;padding:4px 10px;font-size:.8rem}.cj-challenge-reveal:hover{color:var(--clr-text);border-color:var(--clr-accent)}.cj-challenge-solution{border-left:3px solid var(--clr-accent);background:var(--clr-accent-soft);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin:6px 0 0;padding:8px 12px;font-size:.9rem;line-height:1.5}@media (width<=520px){.cj-stop{flex-wrap:wrap}.cj-stop-action,.cj-stop-done-actions{margin-left:auto}.cj-input-label{min-width:100%}.cj-vis-barlabel{text-align:left;flex-basis:100%}.cj-license-row{flex-direction:column;align-items:flex-start}}.cw-container{flex-direction:column;align-items:center;gap:24px;width:100%;display:flex}.cw-layout{grid-template-columns:auto 320px;align-items:start;gap:24px;width:100%;display:grid}@media (width<=860px){.cw-layout{grid-template-columns:1fr}}.cw-grid-panel{background:var(--clr-surface);border:1px solid var(--clr-border);box-shadow:var(--shadow-card);border-radius:20px;flex-direction:column;align-items:center;gap:16px;padding:24px;display:flex}.cw-grid{gap:4px;padding:4px;display:grid}.cw-cell{border-radius:12px;width:46px;height:46px;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.cw-cell--block{background:0 0;border:none}.cw-cell--letter{background:var(--clr-input);border:1.8px solid var(--clr-border);cursor:pointer}.cw-cell--letter:hover{background:var(--clr-accent-soft);border-color:#e67e2259;transform:translateY(-1px)}.cw-cell--word-highlight{background:#e67e221a!important;border-color:#e67e224d!important}.cw-cell--selected{z-index:2;transform:scale(1.04);box-shadow:0 0 0 2px #e67e2240;background:#e67e2238!important;border-color:#e67e22cc!important}.cw-cell--correct{animation:.32s cw-pop;background:#26de8129!important;border-color:#26de8199!important}.cw-cell--wrong-flash{animation:.35s cw-shake;background:#ff63631f!important;border-color:#ff6363cc!important}.cw-cell-num{color:var(--clr-text-soft);pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1;font-size:.58rem;font-weight:700;line-height:1;position:absolute;top:2px;left:4px}.cw-cell-input{width:100%;height:100%;color:var(--clr-text);text-align:center;text-transform:uppercase;cursor:pointer;caret-color:#0000;letter-spacing:0;background:0 0;border:none;outline:none;padding:0;font-family:inherit;font-size:1.35rem;font-weight:800;position:absolute;inset:0}.cw-cell--correct .cw-cell-input{color:#26de81}.cw-progress-bar-track{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:99px;width:100%;height:5px;overflow:hidden}.cw-progress-bar-fill{background:linear-gradient(90deg,#e67e22,#26de81);border-radius:99px;height:100%;transition:width .5s}.cw-clues-panel{background:var(--clr-surface);border:1px solid var(--clr-border);box-shadow:var(--shadow-card);border-radius:20px;flex-direction:column;gap:16px;max-height:600px;padding:20px;display:flex;overflow-y:auto}.cw-clues-panel::-webkit-scrollbar{width:4px}.cw-clues-panel::-webkit-scrollbar-track{background:0 0}.cw-clues-panel::-webkit-scrollbar-thumb{background:var(--clr-border);border-radius:4px}.cw-clues-section-title{color:var(--clr-text-soft);text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid var(--clr-border);align-items:center;gap:8px;margin-bottom:2px;padding-bottom:8px;font-size:.8rem;font-weight:700;display:flex}.cw-clue-dot{border-radius:50%;width:8px;height:8px}.cw-clue-dot--across{background:#e67e22}.cw-clue-dot--down{background:#4a90e2}.cw-clue-item{cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;align-items:flex-start;gap:10px;width:100%;padding:9px 12px;transition:all .18s;display:flex}.cw-clue-item:hover{background:var(--clr-hover-strong);border-color:var(--clr-border)}.cw-clue-item--active{background:#e67e2224;border-color:#e67e2266}.cw-clue-item--solved{opacity:.55;cursor:default}.cw-clue-item--solved .cw-clue-text{color:#26de81;-webkit-text-decoration:line-through #26de8166;text-decoration:line-through #26de8166}.cw-clue-num{color:var(--clr-text);min-width:22px;padding-top:1px;font-size:.88rem;font-weight:700}.cw-clue-text{color:var(--clr-text-soft);font-size:.9rem;line-height:1.45}.cw-active-clue-banner{color:var(--clr-text);background:#e67e221a;border:1px solid #e67e2240;border-radius:12px;align-items:center;gap:10px;width:100%;padding:12px 16px;font-size:.92rem;display:flex}.cw-active-clue-direction{color:#e67e22;white-space:nowrap;background:#e67e222e;border-radius:20px;padding:2px 8px;font-size:.78rem;font-weight:700}.cw-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.cw-btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:.92rem;font-weight:600;transition:all .18s;display:inline-flex}.cw-btn:disabled{opacity:.38;cursor:not-allowed}.cw-btn--ghost{background:var(--clr-surface);border:1px solid var(--clr-border);color:var(--clr-text)}.cw-btn--ghost:hover:not(:disabled){background:var(--clr-hover-strong);border-color:var(--clr-accent)}.cw-btn--primary{color:#fff;background:linear-gradient(135deg,#e67e22,#d35400);box-shadow:0 4px 16px #e67e2247}.cw-btn--primary:hover:not(:disabled){background:linear-gradient(135deg,#f39c12,#e67e22);transform:translateY(-1px);box-shadow:0 6px 20px #e67e2266}.cw-btn--danger{color:#ff6b6b;background:#f851491a;border:1px solid #f8514940}.cw-btn--danger:hover:not(:disabled){background:#f8514929;border-color:#f8514966}.cw-streak-badge{color:#ffb300;background:#ffb30024;border:1px solid #ffb30059;border-radius:20px;align-items:center;gap:4px;padding:2px 10px;font-size:.82rem;font-weight:700;display:inline-flex}.cw-nav-row{border-top:1px solid var(--clr-border);justify-content:space-between;align-items:center;width:100%;max-width:560px;padding-top:16px;display:flex}.cw-toast{border-radius:12px;align-items:center;gap:10px;width:100%;max-width:560px;padding:12px 18px;font-size:.94rem;font-weight:500;animation:.25s cw-slide-in;display:flex}.cw-toast--correct{color:#26de81;background:#26de811f;border:1px solid #26de8159}.cw-toast--wrong{color:#ff6b6b;background:#ff63631a;border:1px solid #ff63634d}.cw-toast--info{color:#4a90e2;background:#4a90e21a;border:1px solid #4a90e24d}.cw-level-card{border:1px solid var(--clr-border);background:var(--clr-surface);cursor:pointer;text-align:left;border-radius:14px;flex-direction:column;gap:6px;padding:20px 18px;transition:all .2s;display:flex;position:relative;overflow:hidden}.cw-level-card:hover{background:#9b59b614;border-color:#9b59b64d;transform:translateY(-2px);box-shadow:0 8px 24px #0003}.cw-level-card-num{letter-spacing:.08em;text-transform:uppercase;color:#9b59b6;margin-bottom:2px;font-size:.76rem;font-weight:700}.cw-level-card-title{color:var(--clr-text);font-size:1.1rem;font-weight:700}.cw-level-card-sub{color:var(--clr-text-soft);font-size:.85rem}.cw-level-card-stars{letter-spacing:2px;font-size:.9rem}@keyframes cw-pop{0%{transform:scale(1)}45%{transform:scale(1.14)}to{transform:scale(1)}}@keyframes cw-shake{0%{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}to{transform:translate(0)}}@keyframes cw-slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ws-container{flex-direction:row;align-items:flex-start;gap:30px;width:100%;margin-top:20px;display:flex}@media (width<=900px){.ws-container{flex-direction:column;align-items:center}}.ws-grid-panel{background:var(--clr-surface);border:1px solid var(--clr-border);box-shadow:var(--shadow-card);border-radius:16px;flex-direction:column;align-items:center;gap:15px;padding:24px;display:flex}.ws-grid{background:var(--clr-input);border:1px solid var(--clr-border);-webkit-user-select:none;user-select:none;touch-action:none;border-radius:12px;gap:4px;padding:10px;display:grid}.ws-cell{aspect-ratio:1;color:var(--clr-text);cursor:pointer;background:#e67e220d;border:1.5px solid #e67e2226;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.ws-cell:hover{background:#e67e222e;border-color:#e67e2273;transform:scale(1.08)}.ws-cell--selected{box-shadow:0 0 10px #e67e2233;color:var(--clr-text)!important;background:#e67e2259!important;border-color:#e67e2299!important}.ws-cell--solved{color:#2ecc71!important;background:#2ecc7140!important;border-color:#2ecc7180!important}.ws-cell--hinted{animation:1.5s infinite alternate pulse-orange}@keyframes pulse-orange{0%{background:#e67e2226;box-shadow:0 0 2px #e67e2266}to{background:#e67e2266;box-shadow:0 0 12px #e67e22cc}}.ws-words-panel{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:16px;flex-direction:column;flex:1;gap:20px;width:100%;min-width:280px;max-width:400px;padding:24px;display:flex}.ws-section-title{text-transform:uppercase;letter-spacing:1px;color:var(--clr-text-soft);border-bottom:1px solid var(--clr-border);margin-bottom:12px;padding-bottom:8px;font-size:1.1rem;font-weight:700}.ws-words-list{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;display:grid}.ws-word-item{background:var(--clr-input);border:1px solid var(--clr-border);text-align:center;color:var(--clr-text);border-radius:8px;padding:10px;font-size:.95rem;font-weight:600;transition:all .2s;position:relative;overflow:hidden}.ws-word-item--solved{text-decoration:line-through;color:var(--clr-text-soft)!important;background:#2ecc711a!important;border-color:#2ecc714d!important}.ws-word-item--active{font-weight:700;box-shadow:0 0 14px #e67e2266;color:#e67e22!important;background:#e67e2226!important;border-color:#e67e22cc!important}.ws-actions{justify-content:center;gap:12px;width:100%;margin-top:15px;display:flex}.ws-btn{cursor:pointer;border-radius:10px;outline:none;padding:12px 24px;font-weight:700;transition:all .2s}.ws-btn--primary{color:#fff;background:linear-gradient(135deg,#e67e22,#d35400);border:none;box-shadow:0 4px 15px #e67e224d}.ws-btn--primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e67e2273}.ws-btn--ghost{background:var(--clr-surface);border:1px solid var(--clr-border);color:var(--clr-text)}.ws-btn--ghost:hover:not(:disabled){background:var(--clr-hover-strong);color:var(--clr-text)}.ws-btn:disabled{opacity:.4;cursor:not-allowed}.ws-toast{color:#fff;z-index:1000;border-radius:50px;padding:12px 24px;font-weight:600;animation:.25s ease-out slide-up-toast;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000059}@keyframes slide-up-toast{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.ws-toast--correct{background:linear-gradient(135deg,#2ecc71,#27ae60);border:1px solid #2ecc714d}.ws-toast--info{background:linear-gradient(135deg,#e67e22,#d35400);border:1px solid #e67e224d}.ws-toast--error{background:linear-gradient(135deg,#e74c3c,#c0392b);border:1px solid #e74c3c4d}.ws-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:15px;display:grid}.ws-stat-card{background:var(--clr-input);border:1px solid var(--clr-border);text-align:center;border-radius:8px;padding:10px}.ws-stat-val{color:#e67e22;font-size:1.15rem;font-weight:700}.ws-stat-lbl{color:var(--clr-text-soft);font-size:.75rem}.percent-exp-container{width:100%;max-width:900px;font-family:var(--font-body);color:var(--clr-text);margin:0 auto}.levels-layout{flex-direction:column;align-items:center;padding:16px 8px 32px;display:flex}.title-serif{font-family:var(--font-display);color:var(--clr-text);text-align:center;margin-bottom:8px;font-size:clamp(2.2rem,5vw,3rem);font-weight:700}.subtitle-body{color:var(--clr-text-soft);text-align:center;max-width:600px;margin-bottom:40px;font-size:1.05rem;line-height:1.5}.levels-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;width:100%;margin-bottom:48px;display:grid}.level-card{background:var(--clr-card);border:1px solid var(--clr-border);min-height:220px;box-shadow:var(--shadow-card);border-radius:20px;flex-direction:column;justify-content:space-between;padding:28px 24px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;position:relative}.level-card.active{cursor:pointer}.level-card.active:hover{border-color:var(--clr-accent);transform:translateY(-4px);box-shadow:0 8px 24px #4fd1c526}.level-card.locked{opacity:.65;cursor:not-allowed;background:var(--clr-card)}.level-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:999px;padding:4px 10px;font-size:.72rem;font-weight:800;position:absolute;top:16px;right:16px}.level-card.active .level-badge{color:var(--clr-accent);background:#4fd1c526;border:1px solid #4fd1c54d}.level-card.locked .level-badge{color:var(--clr-text-soft);border:1px solid var(--clr-border);background:#ffffff0d}.level-card h3{font-family:var(--font-display);color:var(--clr-text);margin:12px 0 8px;font-size:1.35rem;line-height:1.3}.level-card p{color:var(--clr-text-soft);flex-grow:1;margin-bottom:20px;font-size:.92rem;line-height:1.4}.learn-btn{background:var(--clr-accent);color:#fff;cursor:pointer;width:100%;box-shadow:0 4px 0 var(--clr-accent);border:none;border-radius:16px;padding:12px 16px;font-size:.95rem;font-weight:800;transition:transform .1s,box-shadow .1s}.learn-btn:hover{background:var(--clr-accent)}.learn-btn:active{box-shadow:0 2px 0 var(--clr-accent);transform:translateY(2px)}.coming-soon{text-align:center;color:var(--clr-text-soft);border:1px dashed var(--clr-border);background:#0000001a;border-radius:12px;padding:10px 0;font-size:.88rem;font-weight:600;display:block}.skip-quiz-container{background:var(--clr-card);border:1px dashed var(--clr-border);text-align:center;border-radius:20px;flex-direction:column;align-items:center;width:100%;max-width:600px;padding:24px 32px;display:flex}.skip-text{color:var(--clr-text-soft);margin-bottom:12px;font-size:.98rem}.skip-btn{background:var(--clr-card);border:1px solid var(--clr-border);color:var(--clr-accent);cursor:pointer;box-shadow:0 4px 0 var(--clr-accent);border-radius:16px;padding:10px 24px;font-size:.95rem;font-weight:800;transition:transform .1s,box-shadow .1s}.skip-btn:hover{background:var(--clr-card);border-color:var(--clr-accent)}.skip-btn:active{box-shadow:0 2px 0 var(--clr-accent);transform:translateY(2px)}.explanation-layout{flex-direction:column;align-items:stretch;padding:16px 8px 64px;display:flex}.level-title-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-bottom:8px;display:flex;position:relative}.level-info-anchor{align-items:center;display:flex;position:relative}.level-info-btn{border:1.5px solid var(--clr-border);color:var(--clr-text-soft);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:1rem;line-height:1;transition:color .15s,border-color .15s,background .15s;display:flex}.level-info-btn:hover{color:var(--clr-accent);border-color:var(--clr-accent);background:#e8864a14}.level-info-popup{opacity:0;pointer-events:none;background:var(--clr-card);border:1px solid var(--clr-border);z-index:200;border-radius:12px;width:280px;padding:14px 16px;transition:opacity .18s,transform .18s;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)translateY(-4px)scale(.95);box-shadow:0 8px 24px #0000002e}.level-info-popup.is-open{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)scale(1)}.level-info-popup p{color:var(--clr-text-soft);white-space:normal;margin:0 0 6px;font-size:.97rem;line-height:1.5}.level-info-popup p:last-child{margin-bottom:0}.explanation-card{background:var(--clr-card);border:1px solid var(--clr-border);box-shadow:var(--shadow-card);border-radius:20px;margin-bottom:24px;padding:32px}.section-title{font-family:var(--font-display);color:var(--clr-text);border-bottom:1px solid var(--clr-border);margin-bottom:8px;padding-bottom:12px;font-size:1.5rem}.section-subtitle{color:var(--clr-text-soft);margin-bottom:24px;font-size:.92rem;line-height:1.4}.equation-banner{background:var(--clr-card);text-align:center;border:1px solid var(--clr-border);border-radius:16px;margin-bottom:32px;padding:20px}.math-display{font-family:var(--font-display);margin-bottom:24px;padding:12px 0;font-size:clamp(2.4rem,6vw,3.2rem);font-weight:800;line-height:1.15}.math-breakdown{color:var(--clr-text-soft);letter-spacing:.02em;opacity:.85;font-family:monospace;font-size:.9rem}.highlight-accent{color:var(--clr-accent)}.highlight-purple{color:#b862e6}.highlight-green{color:var(--clr-correct)}.equals{color:var(--clr-text-soft);margin:0 8px}.percent-bar-wrapper{margin-bottom:32px}.percent-bar-labels{color:var(--clr-text-soft);justify-content:space-between;margin-bottom:6px;padding:0 4px;font-family:monospace;font-size:.85rem;display:flex}.percent-bar-container{background:var(--clr-card);border:1px solid var(--clr-border);border-radius:999px;height:48px;position:relative;overflow:hidden}.percent-bar-track{width:100%;height:100%;position:absolute;top:0;left:0}.percent-bar-fill{background:linear-gradient(90deg, var(--clr-accent) 0%, var(--clr-accent) 100%);border-radius:999px;justify-content:flex-end;align-items:center;min-width:60px;height:100%;transition:width .1s ease-out;display:flex;position:absolute;top:0;left:0}.percent-fill-label{color:#fff;text-shadow:0 1px 3px #0006;margin-right:16px;font-size:.95rem;font-weight:700}.controls-row{grid-template-columns:1fr 1fr;gap:32px;display:grid}@media (width<=700px){.controls-row{grid-template-columns:1fr;gap:24px}}.control-group{flex-direction:column;display:flex}.control-group label{color:var(--clr-text-soft);margin-bottom:10px;font-size:.9rem}.control-group label strong{color:var(--clr-text);font-size:1rem}.accent-slider{appearance:none;background:var(--clr-card);border-radius:999px;outline:none;width:100%;height:8px;margin:12px 0}.accent-slider::-webkit-slider-thumb{appearance:none;background:var(--clr-accent);cursor:pointer;border-radius:50%;width:24px;height:24px;transition:transform .1s;box-shadow:0 2px 6px #0006}.accent-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.accent-slider::-moz-range-thumb{background:var(--clr-accent);cursor:pointer;border:none;border-radius:50%;width:24px;height:24px;transition:transform .1s;box-shadow:0 2px 6px #0006}.accent-slider::-moz-range-thumb:hover{transform:scale(1.15)}.presets-row{gap:8px;margin-bottom:12px;display:flex}.preset-btn{background:var(--clr-card);border:1px solid var(--clr-border);color:var(--clr-text-soft);cursor:pointer;border-radius:12px;flex:1;padding:8px 0;font-size:.85rem;font-weight:700;transition:transform .15s,background .15s}.preset-btn:hover:not(.active){background:var(--clr-card);border-color:var(--clr-accent);color:var(--clr-accent)}.preset-btn.active{background:var(--clr-accent);color:#fff;box-shadow:0 4px 0 var(--clr-accent);border-color:#0000}.custom-input-wrapper{background:var(--clr-card);border:1px solid var(--clr-border);border-radius:12px;align-items:center;padding:4px 12px;display:flex}.input-prefix{color:var(--clr-text-soft);margin-right:8px;font-size:.85rem}.whole-text-input{color:var(--clr-text);background:0 0;border:none;outline:none;width:100%;font-size:.95rem;font-weight:500}.theory-steps-list,.example-steps-list{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.step-item{background:var(--clr-card);border-left:4px solid var(--clr-accent);border-radius:12px;align-items:flex-start;gap:16px;padding:16px;display:flex}.theory-card .step-item,.example-card .step-item{border:1px solid var(--clr-border);border-left:5px solid var(--clr-accent);border-radius:16px;gap:22px;margin-bottom:18px;padding:24px;box-shadow:0 4px 12px #0000000a}.step-num{color:var(--clr-accent);background:#ff5d7a26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.9rem;font-weight:800;display:flex}.step-indicator{color:var(--clr-accent);text-transform:uppercase;background:#14b8a626;border-radius:8px;flex-shrink:0;padding:4px 8px;font-size:.75rem;font-weight:800}.step-content{color:var(--clr-text);font-size:1.3rem;line-height:1.5}.step-content strong,.example-card .step-content strong{color:var(--clr-accent)}.formula-block{background:var(--clr-card);border:1px solid var(--clr-border);text-align:center;color:var(--clr-text);border-radius:12px;margin-top:12px;padding:16px;font-family:monospace;font-size:clamp(1.3rem,4vw,1.6rem);font-weight:800}.math-equation{color:var(--clr-text);background:#0003;border-radius:6px;margin-top:6px;padding:8px 12px;font-family:monospace;font-size:1.15rem;display:inline-block}.next-reveal-btn{background:var(--clr-card);border:1px solid var(--clr-border);color:var(--clr-accent);cursor:pointer;box-shadow:0 4px 0 var(--clr-accent);border-radius:16px;margin:0 auto;padding:10px 20px;font-size:.92rem;font-weight:800;transition:transform .1s,box-shadow .1s;display:block}.next-reveal-btn:hover{background:var(--clr-card);border-color:var(--clr-accent)}.next-reveal-btn:active{box-shadow:0 2px 0 var(--clr-accent);transform:translateY(2px)}.completion-badge{text-align:center;color:var(--clr-correct);background:#4ade801f;border:1px solid #4ade8040;border-radius:999px;margin:0 auto;padding:8px 16px;font-size:.92rem;font-weight:700;display:inline-block;position:relative;left:50%;transform:translate(-50%)}.prompt-box{background:var(--clr-card);border:1px solid var(--clr-border);border-radius:16px;padding:20px;position:relative}.prompt-content-text{color:var(--clr-text);margin-bottom:20px;font-size:.98rem;font-style:italic;line-height:1.5}.copy-btn{background:var(--clr-accent);color:#fff;cursor:pointer;box-shadow:0 4px 0 var(--clr-accent);border:none;border-radius:16px;align-items:center;gap:8px;padding:12px 24px;font-size:.9rem;font-weight:800;transition:transform .1s,box-shadow .1s;display:inline-flex}.copy-btn:hover{background:var(--clr-accent)}.copy-btn:active{box-shadow:0 2px 0 var(--clr-accent);transform:translateY(2px)}.copy-btn.copied{background:var(--clr-correct)!important;box-shadow:0 4px #4ade8080!important}@keyframes fadeInEffect{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.finish-action-block{text-align:center;border:1px solid var(--clr-border);background:linear-gradient(135deg,#ff5d7a1f 0%,#4fd1c51f 100%);border-radius:20px;margin-top:16px;padding:32px}.finish-action-block p{color:var(--clr-text);margin-bottom:16px;font-size:1.1rem;font-weight:600}.continue-practice-btn{background:var(--clr-accent);color:#fff;cursor:pointer;box-shadow:0 4px 0 var(--clr-accent);border:none;border-radius:16px;padding:14px 36px;font-size:1.05rem;font-weight:800;transition:transform .1s,box-shadow .1s}.continue-practice-btn:hover:not(:disabled){background:var(--clr-accent)}.continue-practice-btn:active:not(:disabled){box-shadow:0 2px 0 var(--clr-accent);transform:translateY(2px)}.continue-practice-btn:disabled{opacity:.6;background:var(--clr-card)!important;border:1px solid var(--clr-border)!important;color:var(--clr-text-soft)!important;box-shadow:none!important;cursor:not-allowed!important;transform:none!important}.percent-exp-container .percentages-btn{justify-content:center;align-items:center;gap:8px;display:inline-flex;background:var(--clr-accent)!important;color:#fff!important;box-shadow:0 4px 0 var(--clr-accent)!important;font-family:var(--font-body)!important;border:none!important;border-radius:16px!important;padding:12px 32px!important;font-size:1.15rem!important;font-weight:800!important;transition:transform .1s,box-shadow .1s!important;transform:translateY(0)!important}.percent-exp-container .percentages-btn:hover:not(:disabled){background:var(--clr-accent)!important}.percent-exp-container .percentages-btn:active:not(:disabled){box-shadow:0 2px 0 var(--clr-accent)!important;transform:translateY(2px)!important}.percent-exp-container .percentages-btn:disabled{background:var(--clr-card)!important;border:1px solid var(--clr-border)!important;color:var(--clr-text-soft)!important;box-shadow:none!important;cursor:not-allowed!important;transform:none!important}.percent-exp-container .percentages-btn-secondary{background:var(--clr-card)!important;border:1px solid var(--clr-border)!important;color:var(--clr-accent)!important;box-shadow:0 4px 0 var(--clr-accent)!important;font-family:var(--font-body)!important;border-radius:16px!important;padding:12px 32px!important;font-size:1.15rem!important;font-weight:800!important;transition:transform .1s,box-shadow .1s!important}.percent-exp-container .percentages-btn-secondary:hover:not(:disabled){background:var(--clr-card)!important;border-color:var(--clr-accent)!important}.percent-exp-container .percentages-btn-secondary:active:not(:disabled){box-shadow:0 2px 0 var(--clr-accent)!important;transform:translateY(2px)!important}.quiz-gate-card{border-color:#4fd1c540}.quiz-gate-card .section-title{border-bottom:none;align-items:center;gap:12px;margin-bottom:4px;padding-bottom:0;display:flex}.ungraded-badge{font-family:var(--font-body);letter-spacing:.04em;text-transform:uppercase;color:var(--clr-accent);background:#4fd1c51a;border:1px solid #4fd1c533;border-radius:999px;padding:3px 10px;font-size:.7rem;font-weight:800}.micro-quiz-inner{margin-top:20px}.quiz-round-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.quiz-round-label{color:var(--clr-text-soft);font-size:.85rem;font-weight:600}.quiz-dots{gap:6px;width:160px;display:flex}.quiz-dot{background:var(--clr-card);border:1px solid var(--clr-border);border-radius:999px;flex:1;height:8px;transition:all .25s}.quiz-dot.current{border-color:var(--clr-accent);background:#4fd1c526;box-shadow:0 0 0 2px #4fd1c526}.quiz-dot.correct{background:var(--clr-correct);border-color:var(--clr-correct)}.quiz-dot.wrong{background:var(--clr-wrong);border-color:var(--clr-wrong)}.quiz-question-text{font-family:var(--font-display);color:var(--clr-text);margin-bottom:20px;font-size:1.15rem;font-weight:700;line-height:1.4}.quiz-options-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px;display:grid}.quiz-option-btn{background:var(--clr-card);border:1px solid var(--clr-border);color:var(--clr-text);text-align:left;cursor:pointer;box-shadow:0 4px 0 var(--clr-border);border-radius:16px;align-items:center;gap:12px;padding:14px 16px;font-size:.95rem;font-weight:700;transition:transform .1s,box-shadow .1s;display:flex}.quiz-option-btn:hover:not(:disabled){background:var(--clr-card);border-color:var(--clr-accent);box-shadow:0 4px 0 var(--clr-accent)}.quiz-option-btn:active:not(:disabled){box-shadow:0 2px 0 var(--clr-accent);transform:translateY(2px)}.quiz-option-btn:disabled{cursor:not-allowed;opacity:.55;background:var(--clr-card);border-color:var(--clr-border);box-shadow:none;transform:none}.opt-letter{width:24px;height:24px;color:var(--clr-accent);background:#4fd1c526;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:800;display:inline-flex}.opt-label{flex:1}.quiz-feedback-msg{border-radius:12px;margin-bottom:12px;padding:12px 16px;font-size:.9rem;font-weight:700}.quiz-feedback-msg.correct{color:var(--clr-correct);background:#4ade801f;border:1px solid #4ade8033}.quiz-feedback-msg.wrong{color:var(--clr-wrong);background:#f871711f;border:1px solid #f8717133}.quiz-nudge{border:1px dashed var(--clr-accent);color:var(--clr-text-soft);background:#4fd1c514;border-radius:12px;align-items:flex-start;gap:10px;margin-top:8px;padding:12px 16px;font-size:.85rem;display:flex}.nudge-icon{flex-shrink:0}.quiz-success-state{text-align:center;padding:32px 16px}.quiz-success-icon{margin-bottom:8px;font-size:2.5rem}.quiz-success-title{font-family:var(--font-display);color:var(--clr-correct);margin-bottom:8px;font-size:1.3rem}.quiz-success-body{color:var(--clr-text-soft);font-size:.9rem}.explanation-card-transition-wrapper{animation:.25s ease-out forwards explanation-card-fade-in}@keyframes explanation-card-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.explanation-progress-bar-container button{transition:transform .2s}.explanation-progress-bar-container button:not(:disabled):hover div{box-shadow:0 0 12px var(--clr-accent)!important;transform:scale(1.08)!important}.explanation-progress-bar-container button:disabled{opacity:.6}.app-shell:has(.percent-exp-container){background:var(--clr-bg)!important}.percent-exp-container .explanation-card,.percent-exp-container .level-card,.percent-exp-container .skip-quiz-container,.percent-exp-container .finish-action-block{background:var(--clr-card)!important;border-color:var(--clr-border)!important;box-shadow:var(--shadow-card)!important}.card:has(.percent-exp-container){background:var(--clr-card)!important;border-color:var(--clr-border)!important;box-shadow:var(--shadow-card)!important}.percent-exp-container .title-serif,.percent-exp-container .math-display,.percent-exp-container .step-content,.percent-exp-container .quiz-question-text{color:var(--clr-text)!important}.percent-exp-container .equation-banner,.percent-exp-container .step-item,.percent-exp-container .formula-block,.percent-exp-container .math-equation,.percent-exp-container .custom-input-wrapper,.percent-exp-container .quiz-nudge,.percent-exp-container .micro-quiz-inner{background:var(--clr-card)!important;border-color:var(--clr-border)!important;box-shadow:none!important}.percent-exp-container .percent-bar-container,.percent-exp-container .preset-btn,.percent-exp-container .quiz-option-btn{background:var(--clr-card)!important;border-color:var(--clr-border)!important;color:var(--clr-text)!important}.percent-exp-container .percent-bar-fill,.percent-exp-container .percentages-btn,.percent-exp-container .learn-btn,.percent-exp-container .continue-practice-btn,.percent-exp-container .opt-letter{background:var(--clr-accent)!important;box-shadow:var(--shadow-btn)!important}.percent-exp-container .percentages-btn-secondary,.percent-exp-container .skip-btn,.percent-exp-container .next-reveal-btn{background:var(--clr-surface)!important;color:var(--clr-accent)!important;border-color:var(--clr-border)!important;box-shadow:none!important}.percent-exp-container .accent-slider{background:var(--clr-surface)!important;border-color:var(--clr-border)!important}.percent-exp-container .accent-slider::-webkit-slider-thumb{background:var(--clr-accent)!important;border-color:var(--clr-card)!important}.percent-exp-container .accent-slider::-moz-range-thumb{background:var(--clr-accent)!important;border-color:var(--clr-card)!important}.percent-exp-container .theory-card .step-num{background:var(--clr-accent)!important;box-shadow:none!important}.percent-exp-container .step-content strong,.percent-exp-container .example-card .step-content strong{color:var(--clr-accent)!important}[data-theme] .percent-exp-container .equation-banner,[data-theme] .percent-exp-container .step-item,[data-theme] .percent-exp-container .formula-block,[data-theme] .percent-exp-container .math-equation,[data-theme] .percent-exp-container .custom-input-wrapper,[data-theme] .percent-exp-container .quiz-nudge,[data-theme] .percent-exp-container .micro-quiz-inner,[data-theme] .percent-exp-container .percent-bar-container,[data-theme] .percent-exp-container .preset-btn,[data-theme] .percent-exp-container .quiz-option-btn{background:var(--clr-card)!important;border-color:var(--clr-border)!important;color:var(--clr-text)!important}[data-theme] .percent-exp-container .percent-bar-fill,[data-theme] .percent-exp-container .percentages-btn,[data-theme] .percent-exp-container .learn-btn,[data-theme] .percent-exp-container .continue-practice-btn,[data-theme] .percent-exp-container .opt-letter,[data-theme] .percent-exp-container .preset-btn.active{background:var(--clr-accent)!important;box-shadow:var(--shadow-btn)!important}[data-theme] .percent-exp-container .percentages-btn-secondary,[data-theme] .percent-exp-container .skip-btn,[data-theme] .percent-exp-container .next-reveal-btn{background:var(--clr-surface)!important;color:var(--clr-accent)!important;border-color:var(--clr-border)!important;box-shadow:none!important}[data-theme] .percent-exp-container .accent-slider{background:var(--clr-surface)!important;border-color:var(--clr-border)!important}[data-theme] .percent-exp-container .accent-slider::-webkit-slider-thumb{background:var(--clr-accent)!important;border-color:var(--clr-card)!important;box-shadow:var(--shadow-btn)!important}[data-theme] .percent-exp-container .accent-slider::-moz-range-thumb{background:var(--clr-accent)!important;border-color:var(--clr-card)!important;box-shadow:var(--shadow-btn)!important}[data-theme] .percent-exp-container .theory-card .step-num{background:var(--clr-accent)!important;box-shadow:none!important}[data-theme] .percent-exp-container .step-content strong,[data-theme] .percent-exp-container .example-card .step-content strong{color:var(--clr-accent)!important}[data-theme] .percent-exp-container .finish-action-block,.percent-story-card{background:var(--clr-card)!important}.percent-story-header{text-align:center}.percent-story-eyebrow{color:var(--clr-accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:.85rem;font-weight:800;display:inline-block}.percent-story-stage{justify-items:center;gap:18px;margin:28px 0;display:grid}.percent-story-progress{justify-content:center;gap:7px;margin:14px 0 0;display:flex}.percent-story-progress span{border:1px solid var(--clr-border);border-radius:999px;width:30px;height:5px}.percent-story-progress .is-current{border-color:var(--clr-accent);box-shadow:inset 30px 0 0 var(--clr-accent)}.percent-story-comic-strip,.percent-story-recap{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:min(100%,680px);display:grid}.percent-story-comic-panel{border:2px solid var(--clr-border);min-height:104px;box-shadow:4px 4px 0 var(--clr-border);border-radius:16px;align-items:center;gap:12px;padding:12px;animation:.36s both percent-story-panel-in;display:flex}.percent-story-comic-panel:nth-child(2){animation-delay:.1s}.percent-story-speech{color:var(--clr-text);margin:0;font-size:1.2rem;font-weight:700;line-height:1.4;position:relative}.percent-story-speech:before{content:"";border-left:2px solid var(--clr-border);border-bottom:2px solid var(--clr-border);width:10px;height:10px;position:absolute;top:50%;left:-17px;transform:translateY(-50%)rotate(45deg)}.percent-story-avatar{border:2px solid var(--clr-accent);width:58px;height:66px;color:var(--clr-accent);border-radius:13px 13px 20px 20px;flex:none;place-items:center;animation:2.4s ease-in-out infinite percent-story-avatar-bob;display:inline-grid;position:relative}.avatar-lid{font-size:36px;line-height:1;position:absolute;top:-12px}.avatar-face{justify-items:center;gap:2px;font-style:normal;display:grid}.avatar-face i{letter-spacing:4px;font-size:15px;font-style:normal}.avatar-face b{font-size:19px;line-height:1}.avatar-candy{font-size:18px;position:absolute;bottom:-6px;right:-7px}.percent-story-guess{flex-wrap:wrap;grid-column:1/-1;justify-content:center;gap:10px;display:flex}.percent-story-guess-option{border:2px solid var(--clr-border);min-width:78px;color:var(--clr-text);font:inherit;cursor:pointer;background:0 0;border-radius:12px;padding:10px 14px;font-weight:800;transition:transform .16s,border-color .16s,color .16s}.percent-story-guess-option:hover,.percent-story-guess-option.is-selected{border-color:var(--clr-accent);color:var(--clr-accent);transform:translateY(-2px)}.percent-story-formula{color:var(--clr-text);text-align:center;flex-wrap:wrap;grid-column:1/-1;justify-content:center;align-items:center;gap:9px;font-weight:800;display:flex}.percent-story-formula strong{color:var(--clr-accent);font-size:clamp(1.6rem,4vw,2.4rem)}.percent-story-formula b{font-size:1.3rem}.percent-story-counter{min-height:76px;color:var(--clr-text-soft);text-align:center;justify-items:center;display:grid}.percent-story-counter strong{color:var(--clr-accent);font-size:clamp(1.75rem,4vw,2.6rem);line-height:1.1}.percent-story-jar{border:2px solid var(--clr-border);width:min(100%,440px);box-shadow:inset 0 0 0 2px var(--clr-border);border-radius:22px 22px 32px 32px;padding:18px}.percent-story-grid{grid-template-columns:repeat(10,minmax(0,1fr));gap:clamp(4px,1vw,7px);display:grid}.percent-story-candy{aspect-ratio:1;background:var(--clr-accent);cursor:default;border:0;border-radius:50%;padding:0;animation:.36s both percent-story-appear}.percent-story-jar.is-interactive .percent-story-candy{cursor:pointer}.percent-story-jar.is-interactive .percent-story-candy:hover{transform:scale(1.18)}.percent-story-jar.is-interactive .percent-story-candy:focus-visible{outline:2px solid var(--clr-text);outline-offset:2px}.percent-story-candy.is-faded{animation:percent-story-fade .52s ease var(--candy-delay,0s) both}.percent-story-candy.is-glowing{animation:1.5s ease-in-out infinite percent-story-pulse}.percent-story-caption{color:var(--clr-text);text-align:center;margin:0;font-weight:700;animation:.45s both percent-story-caption-in}.percent-story-nav{justify-content:space-between;gap:16px;display:flex}@keyframes percent-story-appear{0%{opacity:0;transform:scale(.55)}to{opacity:1;transform:scale(1)}}@keyframes percent-story-fade{0%{opacity:1;filter:saturate();transform:scale(1)}to{opacity:.18;filter:saturate(0);transform:scale(.72)}}@keyframes percent-story-pulse{0%,to{box-shadow:0 0 0 0 var(--clr-accent)}50%{box-shadow:0 0 0 4px var(--clr-accent)}}@keyframes percent-story-caption-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes percent-story-panel-in{0%{opacity:0;transform:translateY(10px)rotate(-1deg)}to{opacity:1;transform:translateY(0)rotate(0)}}@keyframes percent-story-avatar-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes percent-story-think{0%,to{transform:rotate(0)}50%{transform:rotate(4deg)translateY(-2px)}}@media (prefers-reduced-motion:reduce){.percent-story-candy,.percent-story-candy.is-faded,.percent-story-candy.is-glowing,.percent-story-caption,.percent-story-comic-panel,.percent-story-avatar{animation:none}}@media (width<=520px){.percent-story-jar{padding:12px}.percent-story-nav{flex-direction:column-reverse}.percent-story-comic-strip,.percent-story-recap{grid-template-columns:1fr}}.percent-exp-container .percent-story-card,.percent-exp-container .percent-story-comic-panel,.percent-exp-container .percent-story-speech,.percent-exp-container .percent-story-formula,.percent-exp-container .percent-story-recap,.percent-exp-container .percent-story-jar{background:var(--clr-card)!important;border-color:var(--clr-border)!important}.percent-story-stage{width:min(100%,680px);margin:24px auto}.percent-story-comic-panel{border:1px solid var(--clr-border);width:100%;min-height:140px;box-shadow:none;border-radius:18px;grid-template-columns:106px minmax(0,1fr);align-items:end;gap:14px;padding:18px;display:grid}.percent-story-avatar{width:96px;height:94px;color:var(--clr-text);border:0;border-radius:0;animation:2.4s ease-in-out infinite percent-story-avatar-bob;display:block}.percent-story-avatar.is-excited{transform:rotate(-3deg)}.percent-story-avatar.is-thinking{animation-name:percent-story-think}.percent-story-speech{border:1px solid var(--clr-border);color:var(--clr-text);border-radius:15px;margin:0 0 6px;padding:14px 16px;font-size:1.25rem;font-weight:700;line-height:1.45;position:relative}.percent-story-speech:before{background:var(--clr-card);border-left:1px solid var(--clr-border);border-bottom:1px solid var(--clr-border);width:14px;height:14px;top:auto;bottom:23px;left:-8px;transform:rotate(45deg)}.percent-story-guess,.percent-story-formula,.percent-story-recap{border:1px solid var(--clr-border);border-radius:15px;width:100%;padding:14px}.percent-story-guess{grid-column:auto}.percent-story-guess-option{background:var(--clr-card);border:1px solid var(--clr-border)}.percent-story-header .section-title{font-size:1.75rem}.percent-story-formula{color:var(--clr-text);grid-column:auto;font-size:1.15rem}.percent-story-recap{color:var(--clr-text);text-align:center;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;font-size:1.15rem;font-weight:700}.percent-story-recap span,.percent-story-recap strong{border:1px solid var(--clr-border);background:var(--clr-card);border-radius:10px;padding:8px}.percent-story-jar{border:1px solid var(--clr-border);width:100%;max-width:560px;box-shadow:none;border-radius:18px;padding:16px}.percent-story-grid{grid-template-columns:repeat(var(--grid-columns), minmax(0, 1fr));gap:clamp(4px,.9vw,7px)}.percent-story-item{aspect-ratio:1;place-items:center;min-width:0;font-size:clamp(.78rem,2.3vw,1.35rem);line-height:1;display:grid}.percent-story-item.is-faded{animation:percent-story-fade .52s ease var(--item-delay,0s) both}.percent-story-counter{min-height:58px;font-size:1.15rem}@media (prefers-reduced-motion:reduce){.percent-story-item.is-faded,.percent-story-avatar{animation:none}}@media (width<=520px){.percent-story-comic-panel{grid-template-columns:80px minmax(0,1fr);gap:8px;padding:12px}.percent-story-avatar{width:76px;height:74px}.percent-story-speech{padding:11px;font-size:1.05rem}.percent-story-recap{grid-template-columns:1fr}}.example-conclusion-box{border:2px solid var(--clr-correct);color:var(--clr-correct);text-align:center;background:#4ade8014;border-radius:16px;margin-top:24px;padding:20px 24px;font-size:1.4rem;font-weight:800;box-shadow:0 4px 16px #4ade801f}@keyframes pop-bounce{0%{transform:scale(0)}50%{transform:scale(1.4)}75%{transform:scale(.9)}to{transform:scale(1)}}.pop-emoji{animation:.6s cubic-bezier(.175,.885,.32,1.275) .3s both pop-bounce;display:inline-block}@media (width<=480px){.explanation-card{padding:20px 16px}.math-display{font-size:clamp(1.6rem,5.5vw,2.2rem)}.formula-block{padding:12px;font-size:clamp(1rem,4.5vw,1.3rem)}.example-conclusion-box{padding:14px 16px;font-size:1.15rem}}.MafsView{background:var(--mafs-bg);-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums;touch-action:none;--mafs-bg:black;--mafs-fg:white;--mafs-origin-color:var(--mafs-fg);--mafs-line-color:#555;--mafs-line-stroke-dash-style:4, 3;--mafs-axis-stroke-width:1px;--grid-line-subdivision-color:#222;--mafs-red:#f11d0e;--mafs-orange:#f14e0e;--mafs-yellow:#ffe44a;--mafs-green:#15e272;--mafs-blue:#58a6ff;--mafs-indigo:#7c58ff;--mafs-violet:#ae58ff;--mafs-pink:#ee00ab;outline:0;font-family:inherit;display:block;overflow:hidden}.MafsView text{fill:var(--mafs-fg);cursor:default}.MafsView path{stroke:var(--mafs-fg)}.MafsView:focus-visible{border-radius:5px;outline:3px solid #58a6ff}@supports not selector(:focus-visible){.MafsView:focus{border-radius:5px;outline:3px solid #58a6ff}}.mafs-shadow{paint-order:stroke;stroke-width:3px;stroke:var(--mafs-bg);stroke-opacity:.75;stroke-linejoin:round}.mafs-movable-point{cursor:grab;touch-action:none}.mafs-movable-point-dragging{cursor:grabbing}.mafs-movable-point:focus{outline:0}.mafs-movable-point *{fill:none;stroke:none}.mafs-movable-point-hitbox{fill:#0000}.mafs-movable-point-focus{stroke:var(--movable-point-color);stroke-width:2px;stroke-opacity:0;fill:none;transition:stroke-opacity .2s}.mafs-movable-point-ring{fill:var(--movable-point-color);fill-opacity:.25;stroke:none;transition:r .2s}.mafs-movable-point-point{fill:var(--movable-point-color);transition:r .2s}.mafs-movable-point:hover .mafs-movable-point-point,.mafs-movable-point:focus-visible .mafs-movable-point-point{r:calc(var(--movable-point-ring-size) - 2px)}.mafs-movable-point:hover .mafs-movable-point-ring,.mafs-movable-point:focus-visible .mafs-movable-point-ring{r:calc(var(--movable-point-ring-size) + 3px)}.mafs-movable-point.mafs-movable-point-dragging .mafs-movable-point-ring{r:var(--movable-point-ring-size)}.mafs-movable-point:focus-visible .mafs-movable-point-focus{stroke-opacity:1}@font-face{font-family:CMU Serif;font-style:roman;font-weight:500;src:url(/assets/cmu-serif-500-roman-eT-JDYhI.woff2)format("woff2"),url(/assets/cmu-serif-500-roman-DzIVZ5Ds.ttf)format("truetype")}@font-face{font-family:CMU Serif;font-style:italic;font-weight:500;src:url(/assets/cmu-serif-500-italic-Ea3rjVFP.woff2)format("woff2"),url(/assets/cmu-serif-500-italic-DmklLiNq.ttf)format("truetype")}@font-face{font-family:CMU Serif;font-style:roman;font-weight:700;src:url(/assets/cmu-serif-700-roman-CFvVWXrf.woff2)format("woff2"),url(/assets/cmu-serif-700-roman-BjpK3YEj.ttf)format("truetype")}@font-face{font-family:CMU Serif;font-style:italic;font-weight:700;src:url(/assets/cmu-serif-700-italic-CxA60R0R.woff2)format("woff2"),url(/assets/cmu-serif-700-italic-ysTsm4l3.ttf)format("truetype")}.MafsView{font-family:CMU Serif,serif}.jug-lab-container{width:100%;max-width:800px;font-family:var(--font-body,system-ui, sans-serif);flex-direction:column;align-items:center;margin:0 auto;padding:20px;display:flex}.jug-title{background:linear-gradient(135deg, var(--clr-accent), var(--clr-text));-webkit-text-fill-color:transparent;font-size:2.5rem;font-weight:800;font-family:var(--font-display,serif);-webkit-background-clip:text;margin-bottom:10px}.jug-subtitle{color:var(--clr-text-soft);margin-bottom:30px;font-size:1.1rem;line-height:1.5}.diff-pill{background:var(--clr-surface);color:var(--clr-text);border:1px solid var(--clr-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);padding:12px;font-size:.95rem;font-weight:500}.diff-pill:hover{border-color:var(--clr-accent);background:var(--clr-hover-strong)}.diff-pill.active{background:var(--clr-accent);color:var(--clr-bg);border-color:var(--clr-accent);box-shadow:0 0 15px var(--clr-accent-soft)}.jug-card{background:var(--clr-card);border:1px solid var(--clr-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-card);padding:20px}.target-val{color:var(--clr-accent);margin-top:10px;font-size:2.2rem;font-weight:700}.jugs-row{flex-wrap:wrap;justify-content:space-around;gap:30px;margin:20px 0;display:flex}.jug-wrapper{flex-direction:column;flex:1;align-items:center;min-width:200px;display:flex}.jug-label{color:var(--clr-text);margin-bottom:12px;font-size:1.1rem;font-weight:700}.jug-glass{border:4px solid var(--clr-text);background:#ffffff0d;border-top:none;border-bottom-right-radius:12px;border-bottom-left-radius:12px;width:120px;height:200px;margin-bottom:20px;position:relative;overflow:hidden;box-shadow:0 8px 16px #0003}.jug-liquid{background:linear-gradient(#e8864acc 0%,#e8864a80 100%);transition:height .4s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0;left:0;right:0;box-shadow:inset 0 0 10px #e8864a66}.jug-value-overlay{color:var(--clr-text);text-shadow:0 2px 4px #0009;pointer-events:none;font-size:1.5rem;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.jug-actions{flex-direction:column;gap:8px;width:100%;max-width:160px;display:flex}.transfer-section{flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:10px;display:flex}.status-bar{background:var(--clr-surface);border-radius:var(--radius-sm);border:1px solid var(--clr-border);justify-content:space-between;align-items:center;margin-top:15px;padding:10px 15px;display:flex}.move-count{color:var(--clr-text);font-size:1.05rem;font-weight:700}.move-count.warning{color:var(--clr-accent)}.jug-feedback-box{background:var(--clr-card);border:1px solid var(--clr-border);border-radius:var(--radius);text-align:center;box-shadow:var(--shadow-card);margin-top:20px;padding:25px;animation:.3s ease-out slideIn}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.score-badge{flex-direction:column;align-items:center;margin:30px 0;display:flex}.results-table{border-collapse:collapse;border:1px solid var(--clr-border);border-radius:var(--radius-sm);width:100%;margin:20px 0;overflow:hidden}.results-table th{background:var(--clr-surface);color:var(--clr-text)}.row-correct td:nth-child(4){color:var(--clr-correct);font-weight:600}.row-wrong td:nth-child(4){color:var(--clr-accent);font-weight:600}.jug-liquid-preview{pointer-events:none;background:#ffea7540;border-top:2px dashed #ffea75;transition:height .4s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0;left:0;right:0;box-shadow:inset 0 0 12px #ffea7533}.glow-action{opacity:1!important;border-color:gold!important;animation:1.2s infinite alternate pulse-glow-simple!important;box-shadow:0 0 20px gold,inset 0 0 8px gold!important}@keyframes pulse-glow-simple{0%{border-color:gold;box-shadow:0 0 8px gold,inset 0 0 4px gold}to{border-color:gold;box-shadow:0 0 24px gold,inset 0 0 12px gold}}.jug-container-relative{flex-direction:column;align-items:center;padding:60px 0;display:flex;position:relative}.physical-tap-btn{background:var(--clr-surface);border:2px solid var(--clr-accent);cursor:pointer;width:48px;height:48px;transition:all var(--transition);z-index:10;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;display:flex;position:absolute;top:6px;left:50%;transform:translate(-50%);box-shadow:0 4px 10px #0000004d}.physical-tap-btn:hover:not(:disabled){background:var(--clr-accent);box-shadow:0 0 15px var(--clr-accent-soft);transform:translate(-50%)scale(1.1)}.physical-tap-btn:disabled{opacity:.4;cursor:not-allowed;border-color:var(--clr-border)}.physical-drain-btn{background:var(--clr-surface);cursor:pointer;width:48px;height:48px;transition:all var(--transition);z-index:10;border:2px solid #ff4a4a;border-radius:50%;justify-content:center;align-items:center;font-size:1.4rem;display:flex;position:absolute;bottom:6px;left:50%;transform:translate(-50%);box-shadow:0 4px 10px #0000004d}.physical-drain-btn:hover:not(:disabled){color:#fff;background:#ff4a4a;transform:translate(-50%)scale(1.1);box-shadow:0 0 15px #ff4a4a66}.physical-drain-btn:disabled{opacity:.4;cursor:not-allowed;border-color:var(--clr-border)}.btn-pour{background:var(--clr-surface);border:1.5px solid var(--clr-accent);color:var(--clr-text);cursor:pointer;transition:all var(--transition);border-radius:30px;justify-content:center;align-items:center;gap:8px;width:140px;padding:12px 24px;font-size:1.05rem;font-weight:700;display:flex;box-shadow:0 4px 8px #00000040}.btn-pour:hover:not(:disabled){background:var(--clr-accent);color:#fff;box-shadow:0 6px 12px var(--clr-accent-soft);transform:translateY(-2px)}.btn-pour:disabled{opacity:.35;cursor:not-allowed;border-color:var(--clr-border)}.kids-target-badge{background:var(--clr-accent-soft);border:1.5px solid var(--clr-accent);color:var(--clr-text);border-radius:20px;margin-bottom:8px;padding:6px 18px;display:inline-block;box-shadow:0 4px 10px #e8864a26}.kids-target-title{text-transform:uppercase;letter-spacing:1px;opacity:.85;margin:0;font-size:.85rem;font-weight:800}.kids-target-value{margin:0;font-family:Inter,sans-serif;font-size:1.25rem;font-weight:800}.mentor-speech-bubble{background:var(--clr-card);border:2px solid var(--clr-accent);text-align:left;border-radius:16px;align-items:center;gap:15px;margin-top:15px;padding:16px 20px;display:flex;position:relative;box-shadow:0 6px 15px #0003}.mentor-character{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:50%;flex-shrink:0;place-items:center;width:54px;height:54px;font-size:2.2rem;display:grid;box-shadow:inset 0 2px 5px #0003}.mentor-bubble-text{color:var(--clr-text);font-size:.95rem;font-weight:500;line-height:1.45}.mentor-bubble-text strong{color:var(--clr-accent)}.intro-journey-container{width:100%;max-width:600px;margin:0 auto}.journey-stage{text-align:center;flex-direction:column;align-items:center;animation:.35s slide-in;display:flex}@keyframes slide-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.journey-dots{justify-content:center;gap:10px;margin-bottom:16px;display:flex}.journey-dot{background:var(--clr-border);border-radius:50%;width:10px;height:10px;transition:all .3s}.journey-dot.active{background:var(--clr-accent);box-shadow:0 0 8px var(--clr-accent);transform:scale(1.4)}.journey-dot.done{background:var(--clr-accent);opacity:.45}.journey-big-emoji{margin-bottom:8px;font-size:3rem;line-height:1;animation:.4s cubic-bezier(.175,.885,.32,1.275) pop-in}@keyframes pop-in{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.journey-stage-badge{color:var(--clr-accent);border:1px solid var(--clr-accent);letter-spacing:.04em;background:#f08c462e;border-radius:20px;margin-bottom:10px;padding:4px 14px;font-size:.78rem;font-weight:700;display:inline-block}.journey-title{color:var(--clr-text);margin:0 0 6px;font-size:1.4rem;font-weight:800;line-height:1.25}.journey-hint{color:var(--clr-text-soft);margin:0 0 18px;font-size:.88rem;font-weight:500}.journey-desc{color:var(--clr-text-soft);max-width:480px;margin:0 0 20px;font-size:.9rem;line-height:1.6}.journey-pop{border:1.5px solid var(--clr-accent);color:var(--clr-text);background:#f08c461f;border-radius:12px;margin-top:14px;padding:10px 20px;font-size:.95rem;font-weight:600;animation:.3s slide-in}.journey-reveal{border:1.5px solid var(--clr-accent);color:var(--clr-text);background:#f08c461a;border-radius:12px;max-width:480px;margin-top:16px;padding:14px 18px;font-size:.9rem;line-height:1.55;animation:.3s slide-in}.journey-caption{background:var(--clr-surface);border:1px solid var(--clr-border);color:var(--clr-text);border-radius:10px;max-width:420px;margin-top:16px;padding:12px 16px;font-size:.88rem;font-weight:600;line-height:1.5}.stair-grid{flex-wrap:wrap;justify-content:center;gap:8px;max-width:380px;margin:0 auto;display:flex}.stair-block{border:2px solid var(--clr-border);background:var(--clr-surface);width:48px;height:48px;color:var(--clr-text-soft);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:10px;justify-content:center;align-items:center;font-size:1rem;font-weight:700;transition:all .2s;display:flex}.stair-block:hover{border-color:var(--clr-accent);background:#f08c4614}.stair-correct{box-shadow:0 0 10px #22c55e4d;color:#22c55e!important;background:#22c55e33!important;border-color:#22c55e!important}.stair-wrong{animation:.4s shake;color:#ef4444!important;background:#ef444426!important;border-color:#ef4444!important}.stair-missed{border-color:var(--clr-accent)!important;color:var(--clr-accent)!important;background:#f08c4614!important}.chunk-bars-wrapper{text-align:left;width:100%;max-width:460px}.chunk-bar-label{color:var(--clr-text-soft);margin-bottom:6px;font-size:.83rem;font-weight:700}.chunk-bar-track{border:1.5px solid var(--clr-border);border-radius:8px;height:36px;display:flex;position:relative;overflow:hidden}.chunk-cell{flex:1;height:100%;transition:background .25s}.chunk-a{background:#3b82f68c}.chunk-b{background:#f08c468c}.chunk-divider{border-left:2px solid #ffffff80}.chunk-remainder{background:#ef444499!important}.chunk-remainder-label{color:#fff;background:#ef4444;border-radius:4px;padding:2px 6px;font-size:.7rem;font-weight:700;position:absolute;top:50%;right:0;transform:translateY(-50%)}.chunk-ruler-label{color:var(--clr-text-soft);font-size:.9rem;font-weight:600}.chunk-slider{width:220px;accent-color:var(--clr-accent);cursor:pointer}.mini-jugs-row{justify-content:center;gap:32px;margin:8px 0;display:flex}.mini-jug-wrapper{flex-direction:column;align-items:center;gap:6px;display:flex}.mini-jug-label{color:var(--clr-text-soft);font-size:.82rem;font-weight:700}.mini-jug-body{border:2.5px solid var(--clr-accent);background:var(--clr-surface);border-top:none;border-radius:0 0 12px 12px;width:64px;position:relative;overflow:hidden}.mini-jug-water{background:linear-gradient(#93c5fd,#3b82f6);transition:height .5s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0;left:0;right:0}.mini-jug-tick{z-index:2;pointer-events:none;border-top:1.5px dashed gold;position:absolute;left:0;right:0}.mini-jug-tick-label{color:gold;font-size:.6rem;font-weight:700;position:absolute;top:-10px;right:4px}.mini-jug-val{color:var(--clr-accent);font-size:1rem;font-weight:800}.journey-step-btn{border:1.5px solid var(--clr-border);background:var(--clr-surface);color:var(--clr-text-soft);cursor:pointer;border-radius:8px;padding:8px 18px;font-size:.85rem;font-weight:600;transition:all .2s}.journey-step-btn:hover:not(:disabled){border-color:var(--clr-accent);color:var(--clr-text)}.journey-step-btn:disabled{opacity:.4;cursor:not-allowed}.predict-grid{flex-wrap:wrap;justify-content:center;gap:10px;max-width:420px;margin:0 auto 8px;display:flex}.predict-cup{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:68px;height:72px;transition:all .2s;display:flex}.predict-cup:hover{transform:translateY(-2px);box-shadow:0 6px 18px #00000040}.predict-cup-num{color:var(--clr-text);font-size:.95rem;font-weight:800}.predict-cup-tag{font-size:1.15rem}.rule-card{background:var(--clr-surface);border:1.5px solid var(--clr-border);text-align:left;border-radius:16px;flex-direction:column;gap:14px;width:100%;max-width:460px;padding:24px 28px;display:flex}.rule-line{color:var(--clr-text);border-radius:10px;padding:10px 14px;font-size:.95rem;font-weight:600;line-height:1.5}.rule-yes{background:#22c55e1f;border:1.5px solid #22c55e59}.rule-no{background:#ef44441a;border:1.5px solid #ef44444d}.rule-example{color:var(--clr-text-soft);background:#f08c461a;border:1.5px solid #f08c464d;border-radius:10px;padding:12px 14px;font-size:.88rem;line-height:1.7}.rule-example strong{color:var(--clr-accent)}.journey-next-btn{background:var(--clr-accent);color:#fff;cursor:pointer;letter-spacing:.02em;border:none;border-radius:50px;margin-top:18px;padding:12px 32px;font-size:1rem;font-weight:800;transition:all .2s;box-shadow:0 4px 16px #f08c4666}.journey-next-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #f08c4680}.journey-next-disabled{color:var(--clr-text-soft)!important;cursor:not-allowed!important;box-shadow:none!important;background:#ffffff14!important;transform:none!important}.journey-start-btn{background:linear-gradient(135deg, var(--clr-accent), #f5a623);color:#fff;cursor:pointer;letter-spacing:.02em;border:none;border-radius:50px;margin-top:24px;padding:14px 40px;font-size:1.1rem;font-weight:800;transition:all .2s;animation:2s ease-in-out infinite pulse-glow;box-shadow:0 6px 24px #f08c4673}.journey-start-btn:hover{transform:translateY(-3px)scale(1.03);box-shadow:0 12px 32px #f08c4699}@keyframes pulse-glow{0%,to{box-shadow:0 6px 24px #f08c4673}50%{box-shadow:0 6px 36px #f08c46bf}}.chunk-row-label{color:var(--clr-text-soft);margin-bottom:6px;font-size:.84rem;font-weight:700}.chunk-slider-row{justify-content:center;align-items:center;gap:14px;margin-top:18px;display:flex}.chunk-size-badge{color:var(--clr-accent);text-align:center;min-width:40px;font-size:1.6rem;font-weight:900;line-height:1}.chunk-status{text-align:center;border-radius:8px;margin-top:10px;padding:8px 16px;font-size:.9rem;font-weight:700}.status-great{color:#22c55e;background:#22c55e1a}.status-ok{color:#60a5fa;background:#60a5fa1a}.status-bad{color:#ef4444;background:#ef444414}.gcd-chip{color:#ffea75;letter-spacing:.03em;background:#ffea751f;border:1px solid #ffea7559;border-radius:20px;align-items:center;gap:4px;padding:3px 12px;font-size:.8rem;font-weight:600;display:inline-flex}.gcd-chip strong{font-size:1rem;font-weight:900}.alchemy-lab-container{width:100%;max-width:800px;font-family:var(--font-body,system-ui, sans-serif);flex-direction:column;align-items:center;margin:0 auto;padding:20px;display:flex}.setup-card{background:var(--clr-card);border:1px solid var(--clr-border);border-radius:var(--radius);text-align:center;width:100%;max-width:600px;box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:40px}.alchemy-title{background:linear-gradient(135deg, var(--clr-accent), var(--clr-text));-webkit-text-fill-color:transparent;font-size:2.5rem;font-weight:800;font-family:var(--font-display,serif);-webkit-background-clip:text;margin-bottom:10px}.alchemy-subtitle{color:var(--clr-text-soft);margin-bottom:30px;font-size:1.1rem;line-height:1.5}.setup-section{text-align:left;margin-bottom:30px}.setup-section h3{color:var(--clr-text);margin-bottom:12px;font-size:1.1rem}.difficulty-pills{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.diff-pill,.count-btn{background:var(--clr-surface);color:var(--clr-text);border:1px solid var(--clr-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);padding:12px;font-size:.95rem;font-weight:500}.diff-pill:hover,.count-btn:hover{border-color:var(--clr-accent);background:var(--clr-hover-strong)}.diff-pill.active,.count-btn.active{background:var(--clr-accent);color:var(--clr-bg);border-color:var(--clr-accent);box-shadow:0 0 15px var(--clr-accent-soft)}.count-buttons{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.setup-actions{justify-content:center;gap:15px;margin-top:40px;display:flex}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);padding:12px 24px;font-size:1rem;font-weight:600}.btn-primary{background:var(--clr-correct);color:var(--clr-bg);border:none}.btn-primary:hover{opacity:.9}.btn-success{background:var(--clr-correct);color:var(--clr-bg);border:none}.btn-success:hover{opacity:.9}.btn-outline{color:var(--clr-text);border:1px solid var(--clr-border);background:0 0}.btn-outline:hover{background:var(--clr-hover)}.gameplay-area{flex-direction:column;gap:14px;width:100%;display:flex}.alchemy-card{background:var(--clr-card);border:1px solid var(--clr-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-card);padding:21px 20px}.target-card{text-align:center;border-left:5px solid var(--clr-accent)}.target-label{color:var(--clr-text-soft);text-transform:uppercase;letter-spacing:1px;font-size:.85rem}.target-math{color:var(--clr-accent);margin-top:6px;font-family:Courier New,Courier,monospace;font-size:2rem;font-weight:700}.crucible-pot-wrapper{background:radial-gradient(circle at center, var(--clr-surface) 0%, var(--clr-bg) 100%);border:2px solid var(--clr-accent);border-radius:var(--radius);text-align:center;box-shadow:0 0 25px var(--clr-accent-soft);padding:21px 20px}.crucible-header{color:var(--clr-accent);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:1rem}.crucible-inner{border-radius:var(--radius-sm);border:1px dashed var(--clr-accent-soft);background:#00000026;justify-content:center;align-items:center;min-height:90px;padding:10px;display:flex}.empty-pot-msg{color:var(--clr-text-soft);font-style:italic}.crucible-blocks-grid{flex-wrap:wrap;justify-content:center;gap:15px;width:100%;display:flex}.crucible-block{background:var(--clr-card);border:1px solid var(--clr-border);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--transition);box-shadow:var(--shadow-btn);border-radius:20px;padding:12px 24px}.crucible-block:hover{border-color:var(--clr-accent);box-shadow:0 4px 12px var(--clr-accent-soft);transform:translateY(-2px)}.crucible-block.selected{background:var(--clr-accent-soft);border:2px solid var(--clr-accent);box-shadow:0 0 15px var(--clr-accent-soft);transform:scale(1.05)}.block-label{color:var(--clr-text);font-family:Courier New,Courier,monospace;font-size:1.2rem;font-weight:600}.catalysts-card h3{color:var(--clr-text);margin-bottom:15px;font-size:1.05rem}.catalyst-buttons{justify-content:center;gap:15px;display:flex}.catalyst-btn{background:var(--clr-surface);border:1px solid var(--clr-border);width:55px;height:55px;color:var(--clr-accent);cursor:pointer;transition:all var(--transition);box-shadow:var(--shadow-btn);border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;display:flex}.catalyst-btn:hover{background:var(--clr-hover-strong);transform:scale(1.08)}.catalyst-btn.active{background:var(--clr-accent);color:var(--clr-card);border-color:var(--clr-accent);box-shadow:0 0 15px var(--clr-accent-soft);transform:scale(1.1)}.alchemy-actions{justify-content:center;gap:15px;display:flex}.alchemy-feedback-box{background:var(--clr-card);border:1px solid var(--clr-border);border-radius:var(--radius);text-align:center;box-shadow:var(--shadow-card);padding:25px;animation:.3s ease-out slideIn}.feedback-badge{border-radius:30px;margin-bottom:12px;padding:8px 20px;font-size:1.1rem;font-weight:700;display:inline-block}.feedback-badge.correct{background:var(--clr-correct-bg);color:var(--clr-correct);border:1px solid var(--clr-correct)}.feedback-badge.wrong{background:var(--clr-accent-soft);color:var(--clr-accent);border:1px solid var(--clr-accent)}.feedback-text{color:var(--clr-text);margin-bottom:20px;font-size:1.05rem}.next-action-row{justify-content:center;display:flex}.finished-card{max-width:700px}.alchemy-score-badge{flex-direction:column;align-items:center;margin:30px 0;display:flex}.score-num{color:var(--clr-correct);font-size:4rem;font-weight:800}.score-total{color:var(--clr-text-soft);font-size:2rem}.score-label{color:var(--clr-text);margin-top:10px;font-size:1.05rem}.results-wrapper{text-align:left;width:100%;margin-bottom:30px}.results-wrapper h3{color:var(--clr-text);margin-bottom:15px;font-size:1.2rem}.results-table{border-collapse:collapse;border:1px solid var(--clr-border);border-radius:var(--radius-sm);width:100%;overflow:hidden}.results-table th,.results-table td{text-align:left;border-bottom:1px solid var(--clr-border);padding:12px 15px}.results-table th{background:var(--clr-surface);color:var(--clr-text);font-weight:600}.results-table td{color:var(--clr-text-soft)}.row-correct{background:var(--clr-correct-bg)}.row-correct td:nth-child(3){color:var(--clr-correct);font-weight:600}.row-wrong{background:var(--clr-accent-soft)}.row-wrong td:nth-child(3){color:var(--clr-accent);font-weight:600}.angles-learn-container{max-width:800px;color:var(--clr-text);margin:0 auto;padding:20px;font-family:Quicksand,Nunito,sans-serif}.angles-learn-header{text-align:center;margin-bottom:40px}.angles-learn-header h1{color:var(--clr-text-soft,#e8864a);margin-bottom:10px;font-size:2.5rem;font-weight:700}.angles-learn-header p{color:var(--clr-text-muted,#718096);font-size:1.2rem}.learn-step-card{background:var(--clr-card,#fff);border:3px solid var(--clr-border,#edf2f7);border-radius:24px;margin-bottom:30px;padding:30px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000000d}.learn-step-card.locked{opacity:.5;pointer-events:none;filter:grayscale()}.step-number{background:var(--clr-accent,#ff7e67);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:15px;font-size:1.5rem;font-weight:800;display:flex;box-shadow:0 4px 10px #ff7e6766}.learn-step-title{color:var(--clr-text);align-items:center;gap:10px;margin-bottom:20px;font-size:1.8rem;font-weight:700;display:flex}.learn-step-content{color:var(--clr-text-soft,#4a5568);white-space:pre-wrap;margin-bottom:20px;font-size:1.2rem;line-height:1.6}.learn-step-content strong{color:var(--clr-accent,#ff7e67)}.interactive-container,.challenge-container,.detective-container{background:#f8f9ff;border:2px dashed #6b46c133;border-radius:20px;flex-direction:column;align-items:center;margin-top:20px;padding:30px;display:flex}.instruction-badge,.challenge-header{color:var(--clr-text);background:#fff;border-radius:50px;margin-bottom:20px;padding:10px 20px;font-size:1.2rem;font-weight:700;box-shadow:0 4px 10px #0000000d}.angle-svg{filter:drop-shadow(0 10px 20px #0000000d);width:100%;max-width:400px;height:auto;overflow:visible}.draggable-handle{transition:transform .1s}.draggable-handle:hover{transform:scale(1.1)}.draggable-handle:active{transform:scale(.95)}.pulse-ring{animation:2s infinite pulse}.angle-readout{align-items:center;gap:15px;margin-top:20px;font-family:Nunito,sans-serif;font-size:2.5rem;font-weight:800;display:flex}.angle-type-label{background:#0000000d;border-radius:20px;padding:5px 15px;font-size:1.2rem}.progress-track{background:#e2e8f0;border-radius:10px;width:100%;max-width:300px;height:12px;margin-bottom:20px;overflow:hidden}.progress-fill{border-radius:10px;height:100%;transition:width .3s,background-color .3s}.challenge-controls{flex-direction:column;align-items:center;gap:15px;margin-top:20px;display:flex}.success-pulse{animation:1s success-pulse}@keyframes success-pulse{0%{transform:scale(1)}50%{transform:scale(1.02);box-shadow:0 0 30px #48bb7866}to{transform:scale(1)}}.detective-grid{grid-template-columns:repeat(2,1fr);gap:15px;width:100%;max-width:500px;display:grid}@media (width<=600px){.detective-grid{grid-template-columns:1fr}}.detective-card{cursor:pointer;background:#fff;border:3px solid #e2e8f0;border-radius:16px;flex-direction:column;align-items:center;padding:20px;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 4px #cbd5e0}.detective-card:hover:not(.revealed){border-color:var(--clr-accent,#ff7e67);transform:translateY(-3px)}.detective-card:active:not(.revealed){transform:translateY(2px);box-shadow:0 0 #cbd5e0}.detective-card.revealed{cursor:default;transform:translateY(2px);box-shadow:0 0 #cbd5e0}.detective-card.has-angle{background:#f0fff4;border-color:#48bb78}.detective-card.no-angle{background:#fffaf0;border-color:#f6ad55}.detective-icon{margin-bottom:10px;font-size:3rem}.detective-name{margin-bottom:10px;font-size:1.2rem;font-weight:700}.detective-feedback{background:#fffc;border-radius:10px;align-items:flex-start;gap:10px;padding:10px;animation:.3s fade-in;display:flex}.detective-result-icon{font-size:1.2rem;font-weight:900}.has-angle .detective-result-icon{color:#48bb78}.no-angle .detective-result-icon{color:#f6ad55}.detective-message{color:var(--clr-text-soft);font-size:.95rem;font-weight:600}.detective-success{color:#fff;background:#48bb78;border-radius:50px;margin-top:30px;padding:15px 30px;font-size:1.3rem;font-weight:700;box-shadow:0 6px 20px #48bb7866}.fade-in{animation:.5s forwards fade-in}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.completion-card{text-align:center}.completion-card h2{color:var(--clr-text);margin-bottom:8px;font-size:1.6rem}.completion-card p{color:var(--clr-text-soft,#4a5568);margin-bottom:0;font-size:1.1rem}.completion-actions{justify-content:center;margin-top:20px;display:flex}.btn-large{cursor:pointer;border:none;border-radius:50px;padding:15px 30px;font-family:inherit;font-size:1.3rem;font-weight:800;transition:transform .2s}.btn-large:hover{transform:translateY(-3px)}.btn-test{color:#ff7e67;background:#fff;box-shadow:0 6px 20px #0000001a}.btn-back{color:#fff;background:#fff3;border:2px solid #fff}.types-interactive-grid{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:20px;display:flex}.type-card{cursor:pointer;background:#fff;border:3px solid #e2e8f0;border-radius:16px;flex-direction:column;align-items:center;width:150px;padding:20px;transition:all .2s;display:flex;box-shadow:0 4px #cbd5e0}.type-card:hover:not(.revealed){border-color:#3182ce;transform:translateY(-3px)}.type-card.revealed{cursor:default;border-color:#48bb78;transform:translateY(2px);box-shadow:0 0 #cbd5e0}.type-label{margin-bottom:10px;font-size:1.2rem;font-weight:800}.type-icon{color:#a0aec0;background:#f7fafc;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:1.5rem;font-weight:700;display:flex}.type-card.revealed .type-icon{background:0 0}.gst-learn-container{max-width:800px;color:var(--clr-text);margin:0 auto;padding:20px;font-family:Quicksand,Nunito,sans-serif}.gst-learn-header{text-align:center;margin-bottom:40px}.gst-learn-header h1{color:var(--clr-text-soft,#e8864a);margin-bottom:10px;font-size:2.5rem;font-weight:700}.gst-learn-header p{color:var(--clr-text-muted,#718096);font-size:1.2rem}@media (width<=600px){.gst-learn-container .interactive-container,.gst-learn-container .challenge-container{padding:16px}}.fractions-learn-container{max-width:800px;color:var(--clr-text);margin:0 auto;padding:20px;font-family:Quicksand,Nunito,sans-serif}.fractions-learn-header{text-align:center;margin-bottom:40px}.fractions-learn-header h1{color:#48bb78;margin-bottom:10px;font-size:2.5rem;font-weight:700}.fractions-learn-header p{color:var(--clr-text-muted,#718096);font-size:1.2rem}.fraction-display{color:#3182ce;flex-direction:column;justify-content:center;align-items:center;font-family:Nunito,sans-serif;font-size:3rem;font-weight:800;display:flex}.fraction-numerator{padding-bottom:2px}.fraction-denominator{border-top:4px solid #3182ce;padding-top:2px}@media (width<=600px){.fractions-learn-container .interactive-container,.fractions-learn-container .challenge-container{padding:16px}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{margin:0}#root{min-height:100vh}html[data-a11y-dyslexia=true],html[data-a11y-dyslexia=true] *{font-family:Lexend,OpenDyslexic,sans-serif!important}.a11y-toggle-btn{background:var(--clr-card,#fff);border:2px solid var(--clr-border,#e0e0e0);cursor:pointer;z-index:9999;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .2s,background .2s;display:flex;position:fixed;top:16px;right:112px;box-shadow:0 4px 12px #00000026}.a11y-toggle-btn:hover{background:var(--clr-accent-soft,#f0f7ff);transform:scale(1.1)}.a11y-modal-backdrop{z-index:10000;background:#0000008c;justify-content:center;align-items:center;animation:.2s a11yFadeIn;display:flex;position:fixed;inset:0}@keyframes a11yFadeIn{0%{opacity:0}to{opacity:1}}.a11y-panel{background:var(--clr-card,#fff);border:1px solid var(--clr-border,#ddd);width:90%;max-width:420px;max-height:85vh;color:var(--clr-text,#222);border-radius:16px;flex-direction:column;animation:.25s a11ySlideUp;display:flex;box-shadow:0 12px 48px #00000059}@keyframes a11ySlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.a11y-header{border-bottom:1px solid var(--clr-border,#ddd);justify-content:space-between;align-items:center;padding:18px 20px 14px;display:flex}.a11y-header h2{margin:0;font-size:1.2rem;font-weight:700}.a11y-header button{cursor:pointer;color:var(--clr-text-soft,#888);background:0 0;border:none;border-radius:8px;padding:4px 8px;font-size:1.3rem;transition:background .15s}.a11y-header button:hover{background:var(--clr-hover,#0000000f)}.a11y-scroll-content{flex:1;padding:16px 20px 20px;overflow-y:auto}.a11y-section{margin-bottom:20px}.a11y-section h3{color:var(--clr-text,#222);margin-bottom:12px;font-size:.95rem;font-weight:600}.a11y-toggle{cursor:pointer;color:var(--clr-text,#333);align-items:center;gap:10px;padding:8px 0;font-size:.92rem;display:flex}.a11y-toggle input[type=checkbox]{width:18px;height:18px;accent-color:var(--clr-accent,#e8864a);cursor:pointer}.a11y-button-group{flex-wrap:wrap;gap:6px;display:flex}.a11y-button-group button{border:1px solid var(--clr-border,#ccc);background:var(--clr-card,#fff);color:var(--clr-text,#333);cursor:pointer;border-radius:8px;padding:7px 14px;font-size:.85rem;transition:all .15s}.a11y-button-group button:hover{border-color:var(--clr-accent,#e8864a)}.a11y-button-group button.active{background:var(--clr-accent,#e8864a);color:#fff;border-color:var(--clr-accent,#e8864a);font-weight:600}html[data-a11y-size=large],html[data-a11y-size=large] *{font-size-adjust:from-font}html[data-a11y-size=large]{font-size:18px}html[data-a11y-size=xl]{font-size:22px}html[data-a11y-spacing=true],html[data-a11y-spacing=true] *{letter-spacing:.06em!important;word-spacing:.12em!important}html[data-a11y-contrast=high]{filter:contrast(1.3)}.kid-zone{--kid-bg:var(--clr-bg,#e8f4f8);--kid-text:var(--clr-text,#2d3748);--kid-card-bg:var(--clr-card,#fff);--kid-accent:var(--clr-accent,#ff7e67);--kid-accent-hover:var(--clr-accent-soft,#ff6b52);--kid-secondary:var(--clr-text-soft,#e8864a);--kid-success:var(--clr-correct,#48bb78);--kid-error:var(--clr-wrong,#f6ad55);background-color:var(--kid-bg);background-image:radial-gradient(var(--clr-border,#d0e6ed) 1px, transparent 1px);color:var(--kid-text);box-sizing:border-box;background-size:24px 24px;width:100%;min-height:100vh;padding:20px;font-family:Quicksand,Nunito,sans-serif}.kid-zone h1{color:var(--kid-secondary);margin-bottom:5px;font-family:Quicksand,sans-serif;font-size:2.5rem;font-weight:700}.kid-zone .subtitle{color:#4a5568;margin-bottom:20px;font-family:Nunito,sans-serif;font-size:1.2rem}.kid-card{background:var(--kid-card-bg);border:4px solid #fff;border-radius:24px;max-width:800px;margin:0 auto;padding:30px;box-shadow:0 10px 30px #00000014,0 4px 10px #0000000a}.kid-btn-primary,.kid-btn-secondary,.kid-btn-choice{cursor:pointer;border:none;border-radius:50px;justify-content:center;align-items:center;gap:10px;padding:12px 30px;font-family:Quicksand,sans-serif;font-size:1.2rem;font-weight:700;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;display:inline-flex}.kid-btn-primary{background:var(--kid-accent);color:#fff;box-shadow:0 6px 0 var(--kid-accent-hover);margin-top:20px}.kid-btn-primary:active{box-shadow:0 0 0 var(--kid-accent-hover);transform:translateY(6px)}.kid-btn-choice{color:var(--kid-text);background:#edf2f7;min-width:120px;margin:10px;font-size:1.5rem;box-shadow:0 4px #cbd5e0}.kid-btn-choice:hover{background:#e2e8f0;transform:translateY(-2px)}.kid-btn-choice:active{transform:translateY(4px);box-shadow:0 0 #cbd5e0}.kid-btn-choice.selected{background:var(--kid-secondary);color:#fff;box-shadow:0 4px #553c9a}.math-bubble-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;margin:30px 0;font-family:Nunito,sans-serif;display:flex}.math-bubble{color:var(--kid-text);background:#f7fafc;border:3px solid #e2e8f0;border-radius:30px;padding:10px 25px;font-size:3rem;font-weight:800;box-shadow:0 4px 10px #0000000d}.math-bubble.op{box-shadow:none;color:var(--kid-secondary);background:0 0;border:none;padding:10px;font-size:2.5rem}.fun-input{color:var(--kid-secondary);text-align:center;border:4px solid var(--kid-secondary);background:#fff;border-radius:30px;outline:none;width:120px;padding:10px;font-family:Nunito,sans-serif;font-size:3rem;font-weight:800;transition:all .3s;box-shadow:inset 0 4px 8px #0000000d,0 4px 15px #6b46c133}.fun-input:focus{transform:scale(1.05);box-shadow:inset 0 4px 8px #0000000d,0 0 25px #6b46c166}.emoji-container{flex-wrap:wrap;justify-content:center;gap:20px;margin:30px 0;display:flex}.bouncy-emoji{filter:drop-shadow(0 10px 10px #00000026);font-size:5rem;animation:2s ease-in-out infinite alternate idle-bob}@keyframes idle-bob{0%{transform:translateY(0)}to{transform:translateY(-15px)}}.fair-sharing-basket{border:4px dashed var(--kid-accent);background:#ff7e671a;border-radius:30px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;min-width:100px;min-height:100px;padding:20px;display:flex}.shape-canvas{background-color:#fafafa;background-image:linear-gradient(#e2e8f0 2px,#0000 2px),linear-gradient(90deg,#e2e8f0 2px,#0000 2px);background-size:40px 40px;border:3px solid #cbd5e0;border-radius:20px;justify-content:center;align-items:center;margin:30px 0;padding:40px;display:flex;position:relative;overflow:hidden}.idle-rotate{transform-origin:50%;animation:6s ease-in-out infinite alternate idle-rotate}@keyframes idle-rotate{0%{transform:rotate(-3deg)scale(1)}to{transform:rotate(3deg)scale(1.02)}}.feedback-shake{animation:.5s cubic-bezier(.36,.07,.19,.97) both shake}.feedback-bounce{animation:.6s cubic-bezier(.28,.84,.42,1) bounce-success}@keyframes bounce-success{0%{transform:scale(1)}40%{transform:scale(1.15)}60%{transform:scale(.9)}80%{transform:scale(1.05)}to{transform:scale(1)}}.kid-progress-bar{background:#e2e8f0;border-radius:20px;width:100%;max-width:300px;height:16px;margin:0 auto;overflow:hidden;box-shadow:inset 0 2px 4px #0000000d}.kid-progress-fill{background:var(--kid-success);border-radius:20px;height:100%;transition:width .4s cubic-bezier(.34,1.56,.64,1);box-shadow:inset 0 2px 4px #ffffff4d}.kid-status-row{color:var(--kid-text);justify-content:space-between;align-items:center;margin-bottom:30px;font-family:Quicksand,sans-serif;font-weight:700;display:flex}.kid-timer{background:#fff;border-radius:20px;align-items:center;gap:8px;padding:8px 20px;font-size:1.2rem;display:flex;box-shadow:0 4px 10px #0000000d}.kid-back-btn{color:var(--kid-text);cursor:pointer;background:#edf2f7;border:none;border-radius:50px;padding:8px 20px;font-family:Quicksand,sans-serif;font-weight:700;box-shadow:0 4px #cbd5e0}.kid-back-btn:active{transform:translateY(4px);box-shadow:0 0 #cbd5e0}.kid-zone polygon,.kid-zone rect,.kid-zone path{stroke-width:4px}.men-canvas{background-color:#0000;background-image:linear-gradient(#6b46c10f 1px,#0000 1px),linear-gradient(90deg,#6b46c10f 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:30px 30px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:2px solid #6b46c126;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:24px;margin:20px 0;padding:30px 20px;display:flex;position:relative;overflow:hidden}.men-shape-wrapper{justify-content:center;align-items:center;animation:3s ease-in-out infinite alternate men-float;display:inline-flex;position:relative}@keyframes men-float{0%{transform:translateY(0)rotate(-2deg)}to{transform:translateY(-12px)rotate(2deg)}}.men-shape-svg{filter:drop-shadow(0 12px 24px #6b46c14d);width:200px;height:200px}.men-shape-badge{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#e8864a,#ff9f68);border-radius:50px;padding:6px 14px;font-family:Quicksand,sans-serif;font-size:1rem;font-weight:800;position:absolute;bottom:-16px;right:-16px;box-shadow:0 4px 12px #e8864a66}.men-options-grid{grid-template-columns:repeat(2,1fr);gap:12px;width:100%;max-width:380px;display:grid}.men-choice-btn{color:#2d3748;cursor:pointer;background:#fff;border:3px solid #e2e8f0;border-radius:16px;padding:14px 10px;font-family:Quicksand,sans-serif;font-size:1.15rem;font-weight:700;transition:all .2s cubic-bezier(.34,1.56,.64,1);position:relative;box-shadow:0 4px #cbd5e0}.men-choice-btn:hover:not(:disabled){background:#fffbf7;border-color:#ff9f68;transform:translateY(-3px);box-shadow:0 7px #e8864a33}.men-choice-btn.selected{color:#fff;background:linear-gradient(135deg,#e8864a,#ff9f68);border-color:#e8864a;transform:translateY(-1px);box-shadow:0 4px #cf6d2e}.men-choice-btn:disabled{cursor:default;opacity:.8}.men-correct-tick{color:#48bb78;margin-left:4px;font-size:1.1rem;font-weight:900}.men-choice-btn.selected .men-correct-tick{color:#9ae6b4}.men-canvas-tip{color:#e8864a;background:#e8864a14;border-radius:50px;margin:0;padding:6px 16px;font-family:Nunito,sans-serif;font-size:1rem;font-weight:700}.men-grid-wrap{background:#6b46c10f;border-radius:14px;gap:6px;padding:10px;display:grid}.men-grid-cell{cursor:pointer;-webkit-user-select:none;user-select:none;color:#48bb78;background:#fff;border:2px solid #cbd5e0;border-radius:8px;justify-content:center;align-items:center;width:46px;height:46px;font-size:1.3rem;font-weight:900;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex}.men-grid-cell:hover:not(.counted):not(.revealed){background:#f7f3ff;border-color:#9f7aea;transform:scale(1.08)}.men-grid-cell.counted{color:#fff;background:linear-gradient(135deg,#68d391,#48bb78);border-color:#38a169;transform:scale(1.05);box-shadow:0 4px 10px #48bb784d}.men-grid-cell.revealed{color:#fff;background:linear-gradient(135deg,#68d391,#48bb78);border-color:#38a169;animation:.3s forwards men-cell-pop}@keyframes men-cell-pop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1.05)}}.men-cell-count-pill{color:#fff;background:linear-gradient(135deg,#e8864a,#ff9f68);border-radius:50px;padding:10px 24px;font-family:Quicksand,sans-serif;font-size:1.1rem;font-weight:800;box-shadow:0 4px 12px #e8864a4d}.men-rect-pulse{animation:2.5s ease-in-out infinite men-pulse}@keyframes men-pulse{0%,to{opacity:.85;filter:drop-shadow(0 6px 12px #fda0854d)}50%{opacity:1;filter:drop-shadow(0 12px 24px #fda08580)}}.men-circle-spin{transform-origin:50%;animation:4s linear infinite men-spin}@keyframes men-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vml-canvas{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);border:2px solid #cbd5e1;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:24px;margin:20px 0;padding:30px 20px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px #0000000d}.vml-professional-input{text-align:center;color:#1e293b;background:#fff;border:3px solid #94a3b8;border-radius:12px;outline:none;width:120px;height:60px;font-family:Quicksand,sans-serif;font-size:2rem;font-weight:700;transition:all .2s;box-shadow:inset 0 2px 4px #0000000d}.vml-professional-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f64d}.vml-professional-input.correct{color:#166534;background:#dcfce7;border-color:#22c55e}.vml-professional-input.incorrect{color:#991b1b;background:#fee2e2;border-color:#ef4444}.vml-canvas.nature{background:linear-gradient(135deg,#dcfce7 0%,#bbf7d0 100%);border-color:#86efac}.vml-canvas.factory{background:linear-gradient(135deg,#f1f5f9 0%,#cbd5e1 100%);border-color:#94a3b8}.vml-canvas.space{color:#fff;background:linear-gradient(135deg,#1e1b4b 0%,#312e81 100%);border-color:#4f46e5}.vml-options-grid{z-index:10;grid-template-columns:repeat(2,1fr);gap:12px;width:100%;max-width:400px;display:grid}.vml-choice-btn{color:#334155;cursor:pointer;background:#fff;border:3px solid #cbd5e1;border-radius:16px;padding:14px 10px;font-family:Quicksand,sans-serif;font-size:1.2rem;font-weight:800;transition:all .2s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px #94a3b8}.vml-canvas.space .vml-choice-btn{color:#fff;background:#312e81;border-color:#4f46e5;box-shadow:0 4px #3730a3}.vml-choice-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-3px)}.vml-choice-btn.selected{color:#fff;background:#3b82f6;border-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px #1d4ed8}.vml-choice-btn:disabled{opacity:.8;cursor:default}.vml-plant-grid{background:#fff6;border:2px dashed #86efac;border-radius:16px;gap:8px;padding:12px;display:grid}.vml-plant-cell{cursor:pointer;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-size:1.8rem;transition:all .2s;display:flex;box-shadow:inset 0 4px 6px #0000001a}.vml-plant-cell.planted{background:#dcfce7;animation:.3s cubic-bezier(.34,1.56,.64,1) vml-pop;box-shadow:0 4px 10px #22c55e4d}@keyframes vml-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.vml-frog-track{border-bottom:8px solid #65a30d;align-items:flex-end;width:100%;height:140px;padding-bottom:4px;display:flex;position:relative}.vml-jump-arc{border-top:4px dashed #84cc16;border-top-left-radius:100px;border-top-right-radius:100px;position:absolute;bottom:0}.vml-frog{z-index:5;filter:drop-shadow(0 4px 4px #0003);font-size:2.5rem;transition:left .5s ease-in-out;position:absolute;bottom:0;transform:translate(-50%)}.vml-jump-anim{animation:.5s ease-in-out vml-hop}@keyframes vml-hop{0%{transform:translate(-50%)scale(1.1,.9)}50%{transform:translate(-50%,-60px)scale(.9,1.1)}to{transform:translate(-50%)scale(1.1,.9)}}.vml-machine{background:#e2e8f0;border:6px solid #94a3b8;border-radius:20px;align-items:center;gap:20px;padding:20px;display:flex;position:relative;box-shadow:inset 0 0 20px #0000001a,0 10px 20px #0003}.vml-gear{color:#64748b;font-size:3rem;animation:3s linear infinite vml-spin}.vml-gear.reverse{animation-duration:2s;animation-direction:reverse}@keyframes vml-spin{to{transform:rotate(360deg)}}.vml-machine-display{color:#22d3ee;text-shadow:0 0 10px #22d3eecc;background:#0f172a;border:4px inset #334155;border-radius:10px;padding:10px 20px;font-family:monospace;font-size:2.5rem;font-weight:700}.vml-machine-pipe{color:#fff;background:linear-gradient(90deg,#94a3b8,#cbd5e1,#94a3b8);border:2px solid #64748b;border-radius:10px;justify-content:center;align-items:center;width:60px;height:60px;font-size:2rem;font-weight:700;display:flex;box-shadow:0 4px 10px #0003}.vml-plate{background:#fff;border:4px solid #e2e8f0;border-radius:50%;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;width:80px;height:80px;padding:10px;display:flex;box-shadow:inset 0 4px 10px #0000000d,0 6px 15px #0000001a}.vml-basket{background:#fef08a;border:4px solid #eab308;border-radius:10px 10px 40px 40px;flex-wrap:wrap;justify-content:center;align-items:center;gap:2px;width:90px;height:80px;padding:10px;display:flex;box-shadow:0 6px 15px #0000001a}.vml-item{font-size:1.5rem;animation:.3s vml-pop}.kid-welcome-card{-webkit-backdrop-filter:blur(16px);background:#ffffffd9;border:2px solid #fffc;border-radius:32px;max-width:700px;margin:0 auto;padding:50px;animation:.6s cubic-bezier(.16,1,.3,1) forwards slide-up-fade;position:relative;overflow:hidden;box-shadow:0 20px 40px #6b46c126,inset 0 2px 4px #ffffff80}.kid-welcome-card:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle,#9f7aea33 0%,#0000 70%);border-radius:50%;width:200px;height:200px;position:absolute;top:-50px;right:-50px}.kid-welcome-card:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle,#48bb7826 0%,#0000 70%);border-radius:50%;width:250px;height:250px;position:absolute;bottom:-50px;left:-50px}@keyframes slide-up-fade{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.welcome-header{z-index:10;justify-content:space-between;align-items:center;margin-bottom:10px;display:flex;position:relative}.welcome-title{background:linear-gradient(135deg,#e8864a,#ff9f68);-webkit-text-fill-color:transparent;text-shadow:0 4px 10px #e8864a26;-webkit-background-clip:text;margin:0;font-family:Quicksand,sans-serif;font-size:3rem;font-weight:800}.welcome-back{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff9;border:2px solid #ffffff80;transition:all .3s;box-shadow:0 4px 10px #0000000d}.welcome-back:hover{background:#fff;transform:translateY(-2px);box-shadow:0 6px 15px #0000001a}.welcome-subtitle{color:#718096;z-index:10;margin-bottom:40px;font-family:Nunito,sans-serif;font-size:1.4rem;font-weight:600;position:relative}.welcome-settings-box{z-index:10;background:#f7fafc99;border:1px solid #ffffffb3;border-radius:24px;padding:30px;position:relative;box-shadow:inset 0 2px 10px #00000005}.settings-title{color:#4a5568;text-align:center;margin-top:0;margin-bottom:24px;font-family:Quicksand,sans-serif;font-size:1.5rem;font-weight:700}.glass-row{background:#fff;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:10px 20px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 12px #00000008}.glass-row:hover{transform:translate(4px);box-shadow:0 6px 16px #0000000f}.glass-row label{color:#2d3748;font-family:Nunito,sans-serif;font-size:1.2rem;font-weight:700}.select-wrapper{position:relative}.premium-select{appearance:none;color:#4a5568;cursor:pointer;background:#edf2f7;border:2px solid #0000;border-radius:12px;min-width:160px;padding:10px 40px 10px 20px;font-family:Nunito,sans-serif;font-size:1.1rem;font-weight:700;transition:all .3s}.premium-select:hover{background:#e2e8f0}.premium-select:focus{background:#fff;border-color:#9f7aea;outline:none;box-shadow:0 0 0 4px #9f7aea26}.select-wrapper:after{content:"▼";color:#718096;pointer-events:none;font-size:.8rem;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.premium-start-btn{color:#fff;cursor:pointer;z-index:10;background:linear-gradient(135deg,#ff7e67,#ff5b4f);border:none;border-radius:50px;justify-content:center;align-items:center;gap:12px;width:100%;padding:18px 40px;font-family:Quicksand,sans-serif;font-size:1.5rem;font-weight:800;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:inline-flex;position:relative;box-shadow:0 10px 25px #ff7e6766,inset 0 -4px #0000001a}.premium-start-btn:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 15px 35px #ff7e6780,inset 0 -4px #0000001a}.premium-start-btn:active{transform:translateY(2px);box-shadow:0 5px 15px #ff7e6766,inset 0 0 #0000}.rocket-icon{transition:transform .3s}.premium-start-btn:hover .rocket-icon{transform:translateY(-4px)translate(4px)rotate(15deg)}