.bl-planner-demo{background:var(--color-white);border:1px solid var(--color-border);box-shadow:0 12px 32px rgba(var(--color-slate-900-rgb), .06);border-radius:24px;flex-direction:column;gap:16px;padding:24px;display:flex}.bl-planner-week-strip{background:var(--color-slate-100);border-radius:12px;grid-template-columns:repeat(5,1fr);gap:6px;padding:4px;display:grid}.bl-planner-day-pill{cursor:pointer;color:var(--color-slate-600);background:0 0;border:0;border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;font-size:.78rem;font-weight:700;transition:all .2s;display:flex}.bl-planner-day-pill.is-active{background:var(--color-white);color:var(--color-primary);box-shadow:0 2px 6px rgba(var(--color-slate-900-rgb), .08)}.today-dot{background:var(--color-primary);border-radius:50%;width:4px;height:4px}.bl-planner-flow-header{justify-content:space-between;align-items:center;display:flex}.bl-planner-day-title{color:var(--color-slate-900);margin:0;font-size:.95rem;font-weight:800}.bl-planner-progress-sub{color:var(--color-slate-500);font-size:.72rem}.bl-planner-total-xp{color:var(--color-warning-dark);background:var(--color-warning-light);border:1px solid rgba(var(--color-warning-rgb), .25);border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:.76rem;font-weight:800;display:inline-flex}.bl-planner-tasks-list{flex-direction:column;gap:8px;display:flex}.bl-planner-task-item{background:var(--color-slate-50);border:1px solid var(--color-border);cursor:pointer;border-radius:12px;align-items:flex-start;gap:12px;padding:12px 14px;transition:all .2s;display:flex}.bl-planner-task-item:hover{border-color:var(--color-primary);background:rgba(var(--color-primary-rgb), .04)}.bl-planner-task-item.is-done{background:var(--color-success-light);border-color:rgba(var(--color-success-rgb), .3)}.bl-planner-task-item.is-done .bl-planner-task-title{color:var(--color-slate-500);text-decoration:line-through}.bl-planner-checkbox-btn{cursor:pointer;color:var(--color-slate-400);background:0 0;border:0;margin-top:2px;padding:0}.bl-planner-check-icon.checked{color:var(--color-success)}.bl-planner-task-content{flex:1}.bl-planner-task-title{color:var(--color-slate-900);margin:0 0 4px;font-size:.84rem;font-weight:700;line-height:1.3}.bl-planner-task-tags{align-items:center;gap:8px;display:flex}.bl-planner-time-tag{color:var(--color-slate-500);align-items:center;gap:3px;font-size:.68rem;display:inline-flex}.bl-planner-cat-tag{background:rgba(var(--color-primary-rgb), .08);color:var(--color-primary);border-radius:4px;padding:2px 6px;font-size:.68rem;font-weight:700}.bl-planner-parent-controls{background:var(--color-slate-100);border-radius:14px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.bl-planner-controls-header{justify-content:space-between;align-items:center;display:flex}.bl-planner-controls-label{color:var(--color-slate-700);align-items:center;gap:4px;font-size:.74rem;font-weight:700;display:inline-flex}.bl-planner-controls-val{color:var(--color-primary);font-size:.82rem;font-weight:800}.bl-planner-slider{width:100%;accent-color:var(--color-primary);cursor:pointer}.bl-planner-safety-pill{color:var(--color-success);align-items:center;gap:6px;font-size:.7rem;font-weight:600;display:inline-flex}@media (max-width:480px){.bl-planner-demo{border-radius:20px;gap:14px;padding:16px}.bl-planner-flow-container{padding:14px 12px}}
.bl-mistake-demo{background:var(--color-white);border:1px solid var(--color-border);box-shadow:0 12px 32px rgba(var(--color-slate-900-rgb), .06);border-radius:24px;flex-direction:column;gap:16px;padding:24px;display:flex}.bl-mistake-header-meta{justify-content:space-between;align-items:center;display:flex}.bl-mistake-tag-subj{color:var(--color-danger);background:var(--color-danger-light,rgba(var(--color-danger-rgb), .12));border:1px solid rgba(var(--color-danger-rgb), .25);border-radius:999px;padding:3px 10px;font-size:.76rem;font-weight:800}.bl-mistake-badge-full{display:inline}.bl-mistake-badge-compact{display:none}.bl-mistake-status-pill{white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.bl-mistake-status-pill.needs-fix{background:var(--color-danger-light,rgba(var(--color-danger-rgb), .12));color:var(--color-danger);border:1px solid rgba(var(--color-danger-rgb), .3)}.bl-mistake-status-pill.is-mastered{background:var(--color-success-light);color:var(--color-success);border:1px solid rgba(var(--color-success-rgb), .3)}.bl-mistake-card{background:var(--color-slate-50);border:1px solid var(--color-border);border-radius:16px;flex-direction:column;gap:10px;padding:16px;display:flex}.bl-mistake-chap-sub{color:var(--color-slate-500);text-transform:uppercase;margin:0;font-size:.72rem;font-weight:700}.bl-mistake-q{color:var(--color-slate-900);margin:0;font-size:.95rem;font-weight:800;line-height:1.35}.bl-mistake-wrong-banner{background:rgba(var(--color-danger-rgb), .08);border:1px solid rgba(var(--color-danger-rgb), .25);border-radius:10px;align-items:flex-start;gap:8px;padding:8px 12px;display:flex}.bl-mistake-alert-icon{color:var(--color-danger);flex-shrink:0;margin-top:2px}.bl-mistake-wrong-label{color:var(--color-danger);font-size:.68rem;font-weight:700;display:block}.bl-mistake-wrong-banner strong{color:var(--color-danger);font-size:.8rem}.bl-mistake-nova-note{background:rgba(var(--color-primary-rgb), .08);border:1px solid rgba(var(--color-primary-rgb), .2);border-radius:10px;padding:10px 12px}.bl-mistake-nova-heading{color:var(--color-primary);align-items:center;gap:5px;margin-bottom:4px;font-size:.74rem;font-weight:800;display:flex}.bl-mistake-nova-note p{color:var(--color-slate-800);margin:0;font-size:.78rem;line-height:1.4}.bl-mistake-retry-options{flex-direction:column;gap:6px;display:flex}.bl-mistake-retry-prompt{color:var(--color-slate-700);margin:0;font-size:.74rem;font-weight:700}.bl-mistake-opts-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.bl-mistake-opt-btn{background:var(--color-white);border:1px solid var(--color-border);color:var(--color-slate-800);cursor:pointer;border-radius:8px;padding:8px 10px;font-size:.78rem;font-weight:700;transition:all .2s}.bl-mistake-opt-btn:hover{border-color:var(--color-primary)}.bl-mistake-opt-btn.is-correct{background:var(--color-success);color:var(--color-white);border-color:var(--color-success)}.bl-mistake-opt-btn.is-wrong{background:var(--color-danger);color:var(--color-white);border-color:var(--color-danger)}.bl-mistake-mastered-box{background:var(--color-success-light);border:1px solid rgba(var(--color-success-rgb), .3);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.bl-mistake-check-icon{color:var(--color-success);flex-shrink:0}.bl-mistake-mastered-box strong{color:var(--color-success);font-size:.82rem;display:block}.bl-mistake-mastered-box p{color:var(--color-slate-800);margin:0;font-size:.72rem}.bl-mistake-actions{justify-content:flex-end;display:flex}.bl-mistake-retry-btn{background:var(--color-danger);color:var(--color-white);cursor:pointer;box-shadow:0 4px 12px rgba(var(--color-danger-rgb), .35);border:0;border-radius:999px;align-items:center;gap:8px;min-height:44px;padding:10px 18px;font-size:.82rem;font-weight:800;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.bl-mistake-retry-btn:hover{box-shadow:0 6px 16px rgba(var(--color-danger-rgb), .45);transform:translateY(-2px)}.bl-mistake-retry-btn:active{box-shadow:0 2px 6px rgba(var(--color-danger-rgb), .3);transform:translateY(0)}.bl-mistake-reset-btn{border:1px solid var(--color-border);color:var(--color-slate-600);cursor:pointer;background:0 0;border-radius:8px;padding:6px 12px;font-size:.74rem;font-weight:700}@media (max-width:540px){.bl-mistake-badge-full{display:none}.bl-mistake-badge-compact{display:inline}}@media (max-width:480px){.bl-mistake-demo{border-radius:20px;gap:14px;padding:16px 14px}.bl-mistake-card{padding:14px 12px}}
.bl-showcase-shell{background:var(--color-surface);border:3px solid rgba(var(--color-white-rgb), .9);width:100%;box-shadow:0 24px 70px rgba(var(--color-slate-900-rgb), .14), 0 6px 18px rgba(var(--color-slate-900-rgb), .06);isolation:isolate;border-radius:36px 36px 20px;flex-direction:column;transition:box-shadow .25s;display:flex;position:relative;overflow:hidden}.bl-showcase-shell:hover{box-shadow:0 30px 80px rgba(var(--color-slate-900-rgb), .18), 0 8px 24px rgba(var(--color-slate-900-rgb), .08)}.bl-showcase-header{background:var(--color-slate-100);border-bottom:1px solid var(--color-slate-200);align-items:center;gap:6px;padding:10px 14px;display:flex}.bl-showcase-tab{color:var(--color-slate-600);cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-family:inherit;font-size:.82rem;font-weight:700;transition:all .2s;display:inline-flex}.bl-showcase-tab:hover{color:var(--color-slate-900);background:rgba(var(--color-white-rgb), .5)}.bl-showcase-tab.is-active{background:var(--color-white);color:var(--color-slate-900);box-shadow:0 2px 8px rgba(var(--color-slate-900-rgb), .08), 0 1px 2px rgba(var(--color-slate-900-rgb), .04)}.bl-showcase-tab-icon{color:var(--color-primary);flex-shrink:0}.bl-showcase-tab-tag{letter-spacing:.04em;text-transform:uppercase;background:var(--color-slate-200);color:var(--color-slate-700);border-radius:999px;padding:2px 7px;font-size:.68rem;font-weight:800;transition:all .2s}.bl-showcase-tab.is-active .bl-showcase-tab-tag{background:var(--color-primary-light);color:var(--color-primary-hover)}.bl-showcase-body{flex-direction:column;width:100%;display:flex;position:relative}.bl-showcase-action-view{flex-direction:column;width:100%;animation:.24s ease-out blShowcaseFadeIn;display:flex}@keyframes blShowcaseFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.bl-showcase-media-frame{aspect-ratio:3/2;background:var(--color-slate-900);width:100%;position:relative;overflow:hidden}.bl-showcase-img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.bl-showcase-shell:hover .bl-showcase-img{transform:scale(1.02)}.bl-showcase-badges-overlay{z-index:2;flex-wrap:wrap;gap:8px;max-width:calc(100% - 28px);display:flex;position:absolute;top:14px;left:14px}.bl-showcase-badge-pill{background:rgba(var(--color-white-rgb), .92);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(var(--color-white-rgb), .95);color:var(--color-slate-900);box-shadow:0 4px 12px rgba(var(--color-slate-900-rgb), .15);letter-spacing:.02em;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.74rem;font-weight:700;display:inline-flex}.bl-showcase-sparkle{color:var(--color-warning-dark)}.bl-showcase-caption-bar{background:var(--color-slate-50);border-top:1px solid var(--color-slate-200);justify-content:space-between;align-items:center;gap:14px;padding:12px 18px;display:flex}.bl-showcase-caption-text{color:var(--color-slate-700);flex:auto;margin:0;font-size:.8rem;font-weight:600;line-height:1.4}.bl-showcase-action-btn{background:var(--color-primary);color:var(--color-white);cursor:pointer;box-shadow:0 2px 6px rgba(var(--color-primary-rgb), .25);border:none;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:7px 14px;font-family:inherit;font-size:.78rem;font-weight:700;transition:all .18s;display:inline-flex}.bl-showcase-action-btn:hover{background:var(--color-primary-hover);box-shadow:0 4px 10px rgba(var(--color-primary-rgb), .35);transform:translateY(-1px)}.bl-showcase-action-btn:active{transform:translateY(1px)}.bl-showcase-demo-view{width:100%;animation:.24s ease-out blShowcaseFadeIn}.bl-showcase-pure-demo{width:100%}.bl-showcase-shell.accent-indigo .bl-showcase-tab-icon{color:var(--color-indigo)}.bl-showcase-shell.accent-indigo .bl-showcase-action-btn{background:var(--color-indigo)}.bl-showcase-shell.accent-orange .bl-showcase-tab-icon{color:var(--color-orange)}.bl-showcase-shell.accent-orange .bl-showcase-action-btn{background:var(--color-orange)}.bl-showcase-shell.accent-yellow .bl-showcase-tab-icon{color:var(--color-yellow-dark)}.bl-showcase-shell.accent-yellow .bl-showcase-action-btn{background:var(--color-yellow-dark)}.bl-showcase-shell.accent-purple .bl-showcase-tab-icon{color:var(--color-purple)}.bl-showcase-shell.accent-purple .bl-showcase-action-btn{background:var(--color-purple)}.bl-showcase-shell.accent-green .bl-showcase-tab-icon{color:var(--color-emerald)}.bl-showcase-shell.accent-green .bl-showcase-action-btn{background:var(--color-emerald)}.bl-showcase-shell.accent-teal .bl-showcase-tab-icon{color:var(--color-teal)}.bl-showcase-shell.accent-teal .bl-showcase-action-btn{background:var(--color-teal)}.bl-showcase-shell.accent-pink .bl-showcase-tab-icon{color:var(--color-pink)}.bl-showcase-shell.accent-pink .bl-showcase-action-btn{background:var(--color-pink)}.bl-showcase-shell.accent-blue .bl-showcase-tab-icon{color:var(--color-blue)}.bl-showcase-shell.accent-blue .bl-showcase-action-btn{background:var(--color-blue)}@media (max-width:640px){.bl-showcase-shell{border-radius:28px 28px 16px}.bl-showcase-header{padding:8px 10px}.bl-showcase-tab{gap:6px;padding:6px 12px;font-size:.76rem}.bl-showcase-tab-tag{display:none}.bl-showcase-caption-bar{flex-direction:column;align-items:flex-start;gap:10px;padding:10px 14px}.bl-showcase-action-btn{justify-content:center;width:100%}}
.bl-section-divider-wrap{z-index:20;pointer-events:none;justify-content:center;align-items:center;width:100%;height:clamp(52px,7vw,76px);margin:-26px 0;display:flex;position:relative;overflow:visible}.bl-divider-horizon{pointer-events:none;height:1px;position:absolute;top:50%;left:0;right:0;overflow:hidden;transform:translateY(-50%)}.bl-horizon-glow{background:linear-gradient(90deg, transparent 0%, var(--divider-glow) 25%, var(--divider-accent) 50%, var(--divider-glow) 75%, transparent 100%);opacity:.4;position:absolute;inset:0}.bl-horizon-photon{background:linear-gradient(90deg, transparent, var(--color-white), var(--divider-accent), transparent);filter:blur(.5px);border-radius:999px;width:clamp(60px,12vw,120px);height:3px;animation:4.2s cubic-bezier(.4,0,.2,1) infinite blPhotonPass;position:absolute;top:-1px;left:-20%}.bl-divider-track{flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex;position:relative}.bl-track-line{background:linear-gradient(180deg, transparent 0%, var(--divider-accent) 50%, transparent 100%);opacity:.6;width:2px;height:18px;position:relative;overflow:hidden}.bl-track-line:after{content:"";background:linear-gradient(180deg, transparent, var(--color-white), transparent);width:100%;height:100%;animation:2.4s cubic-bezier(.4,0,.2,1) infinite blBeamSlide;position:absolute;top:-100%;left:0}.bl-divider-node{place-items:center;margin:2px 0;animation:3.5s ease-in-out infinite alternate blNodeBob;display:grid;position:relative}.bl-node-ripple{border:1.5px solid var(--divider-accent);pointer-events:none;opacity:0;border-radius:999px;position:absolute}.bl-node-ripple.ripple-1{animation:2.8s cubic-bezier(.16,1,.3,1) infinite blRipplePulse;inset:-6px}.bl-node-ripple.ripple-2{animation:2.8s cubic-bezier(.16,1,.3,1) .7s infinite blRipplePulse;inset:-12px}.bl-node-pill{background:var(--color-white);border:1.5px solid var(--divider-accent);color:var(--divider-accent);box-shadow:0 4px 14px var(--divider-glow), 0 2px 4px rgba(var(--color-slate-900-rgb), .04);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:.72rem;font-weight:800;transition:all .25s;animation:3.2s ease-in-out infinite alternate blPillGlow;display:inline-flex}.bl-node-icon{color:var(--divider-accent);animation:2.5s ease-in-out infinite blIconTwinkle}.bl-node-chevron{color:var(--divider-accent);opacity:.7;animation:1.8s ease-in-out infinite blChevronNudge}.bl-node-label{font-size:.68rem;font-weight:800}.bl-divider-decorations{pointer-events:none;max-width:600px;margin:0 auto;position:absolute;inset:0}.bl-decor-sparkle{background:var(--divider-accent);width:6px;height:6px;box-shadow:0 0 8px var(--divider-accent);opacity:.5;border-radius:50%;position:absolute}.decor-left{animation:4s ease-in-out infinite alternate blFloatSparkle;top:30%;left:20%}.decor-right{animation:5s ease-in-out infinite alternate-reverse blFloatSparkle;bottom:30%;right:20%}.accent-primary{--divider-accent:var(--color-primary);--divider-glow:rgba(var(--color-primary-rgb), .22)}.accent-cyan{--divider-accent:var(--color-cyan);--divider-glow:rgba(var(--color-cyan-rgb), .22)}.accent-warning{--divider-accent:var(--color-warning);--divider-glow:rgba(var(--color-warning-rgb), .22)}.accent-pink{--divider-accent:var(--color-pink);--divider-glow:rgba(var(--color-pink-rgb), .22)}.accent-success{--divider-accent:var(--color-success);--divider-glow:rgba(var(--color-success-rgb), .22)}.accent-indigo{--divider-accent:var(--color-indigo);--divider-glow:rgba(var(--color-indigo-rgb), .22)}.accent-orange{--divider-accent:var(--color-orange);--divider-glow:rgba(var(--color-orange-rgb), .22)}.accent-emerald{--divider-accent:var(--color-emerald);--divider-glow:rgba(var(--color-emerald-rgb), .22)}@keyframes blBeamSlide{0%{opacity:0;top:-100%}40%{opacity:1}to{opacity:0;top:100%}}@keyframes blNodeBob{0%{transform:translateY(-3px)}to{transform:translateY(3px)}}@keyframes blRipplePulse{0%{opacity:.8;transform:scale(.85)}to{opacity:0;transform:scale(1.6)}}@keyframes blIconTwinkle{0%,to{opacity:.9;transform:scale(1)rotate(0)}50%{opacity:1;transform:scale(1.18)rotate(15deg)}}@keyframes blChevronNudge{0%,to{transform:translateY(0)}50%{transform:translateY(2px)}}@keyframes blFloatSparkle{0%{opacity:.3;transform:translateY(-4px)scale(.9)}to{opacity:.7;transform:translateY(4px)scale(1.2)}}@keyframes blPhotonPass{0%{opacity:0;left:-15%}20%{opacity:.9}80%{opacity:.9}to{opacity:0;left:115%}}@keyframes blPillGlow{0%{box-shadow:0 4px 14px var(--divider-glow), 0 2px 4px rgba(var(--color-slate-900-rgb), .04)}to{box-shadow:0 7px 22px var(--divider-glow), 0 3px 8px rgba(var(--color-slate-900-rgb), .07)}}@media (max-width:768px){.bl-section-divider-wrap{height:44px;margin:-22px 0}.bl-node-pill{box-shadow:0 4px 14px var(--divider-glow), 0 1px 4px rgba(var(--color-slate-900-rgb), .05);-webkit-backdrop-filter:blur(8px);padding:4px 10px;font-size:.66rem}.bl-track-line{height:14px}.bl-horizon-glow{opacity:.55}.bl-horizon-photon{width:50px;animation-duration:3.4s}.decor-left{left:8%}.decor-right{right:8%}}@media (prefers-reduced-motion:reduce){.bl-divider-node,.bl-node-pill,.bl-node-ripple,.bl-node-icon,.bl-node-chevron,.bl-decor-sparkle,.bl-track-line:after,.bl-horizon-photon{animation:none}}