*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{color:#111827;background:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;line-height:1.6}img{max-width:100%;display:block}button{font-family:inherit}a{color:inherit}h1,h2,h3,h4,h5,h6{line-height:1.3}html{scroll-behavior:smooth}.navbar{z-index:100;background:#fff;border-bottom:1px solid #e5e7eb;padding:0 1.5rem;position:sticky;top:0;box-shadow:0 1px 3px #0000000d}.navbar-inner{align-items:center;gap:2rem;max-width:1200px;height:64px;margin:0 auto;display:flex}.navbar-brand{color:#111827;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;text-decoration:none;display:flex}.navbar-logo{font-size:1.5rem}.navbar-title{background:linear-gradient(135deg,#2563eb,#7c3aed);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.navbar-links{align-items:center;gap:.75rem;margin-left:auto;display:flex}.navbar-link{color:#6b7280;border-radius:8px;padding:.5rem 1rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s}.navbar-link:hover{color:#111827;background:#f3f4f6}.navbar-link.active{color:#2563eb;background:#eff6ff}.navbar-breadcrumb{color:#9ca3af;text-transform:capitalize;font-size:.9rem}.subject-card{color:inherit;background:#fff;border:1px solid #f3f4f6;border-radius:16px;flex-direction:column;padding:1.5rem;text-decoration:none;transition:all .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000f,0 4px 12px #00000008}.subject-card:before{content:"";background:var(--subject-color);width:100%;height:4px;position:absolute;top:0;left:0}.subject-card:hover{border-color:var(--subject-color);transform:translateY(-4px);box-shadow:0 12px 36px #00000014}.subject-card-icon{margin-bottom:.75rem;font-size:2.5rem}.subject-card-title{color:#111827;margin-bottom:.5rem;font-size:1.15rem;font-weight:700}.subject-card-desc{color:#6b7280;flex:1;margin-bottom:1rem;font-size:.88rem;line-height:1.5}.subject-card-meta{color:#9ca3af;gap:.75rem;font-size:.78rem;display:flex}.subject-card-meta span{background:#f3f4f6;border-radius:999px;padding:.25rem .6rem}.subject-card-arrow{color:var(--subject-color);opacity:0;font-size:1.1rem;transition:all .25s;position:absolute;bottom:1.25rem;right:1.25rem;transform:translate(-8px)}.subject-card:hover .subject-card-arrow{opacity:1;transform:translate(0)}.home{max-width:1200px;margin:0 auto;padding:2rem 1.5rem 4rem}.home-hero{text-align:center;padding:3rem 1rem 2.5rem}.home-title{color:#111827;margin-bottom:.75rem;font-size:2.5rem;font-weight:800;line-height:1.2}.home-subtitle{color:#6b7280;max-width:600px;margin:0 auto 1.5rem;font-size:1.1rem;line-height:1.6}.home-cta{box-sizing:border-box;color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:12px;padding:.75rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s;display:inline-block}.home-cta:hover{transform:translateY(-2px);box-shadow:0 8px 24px #2563eb4d}.home-cta-row{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.home-cta-secondary{color:#2563eb;background:0 0;border:2px solid #2563eb}.home-cta-secondary:hover{box-shadow:none;background:#2563eb14}.home-cta-note{color:#9ca3af;margin-top:.75rem;font-size:.85rem}.home-subjects-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.home-subjects-header h2{color:#111827;font-size:1.3rem;font-weight:700}.home-count{color:#6b7280;background:#f3f4f6;border-radius:999px;padding:.3rem .75rem;font-size:.85rem}.home-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;display:grid}@media (width<=640px){.home-title{font-size:1.75rem}.home-grid{grid-template-columns:1fr}}.progress-bar-container{width:100%;margin:.5rem 0}.progress-bar-header{justify-content:space-between;align-items:center;margin-bottom:.35rem;display:flex}.progress-bar-label{color:#374151;font-size:.85rem;font-weight:600}.progress-bar-count{color:#6b7280;font-size:.8rem;font-weight:500}.progress-bar-track{background:#e5e7eb;border-radius:999px;width:100%;height:10px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#2563eb,#7c3aed);border-radius:999px;height:100%;transition:width .4s}.wtp{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-top:1.25rem;padding:1rem 1.1rem}.wtp-head{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.wtp-icon{font-size:1.15rem}.wtp-head h4{color:#1e293b;margin:0;font-size:1rem}.wtp-sub{color:#64748b;width:100%;font-size:.78rem}.wtp-empty,.wtp-allgood{color:#475569;background:#fff;border:1px dashed #cbd5e1;border-radius:10px;align-items:center;gap:.5rem;margin:.75rem 0 0;padding:.9rem;font-size:.85rem;display:flex}.wtp-list{flex-direction:column;gap:.7rem;margin:.75rem 0 .25rem;display:flex}.wtp-row{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:.65rem .8rem}.wtp-row-top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.wtp-topic{color:#1e293b;text-transform:capitalize;font-size:.9rem;font-weight:600}.wtp-stat{color:#64748b;white-space:nowrap;font-size:.75rem}.wtp-bar{background:#e2e8f0;border-radius:99px;height:8px;margin:.4rem 0 .35rem;overflow:hidden}.wtp-bar-fill{background:linear-gradient(90deg,#ef4444,#f59e0b);border-radius:99px;height:100%}.wtp-revise{color:#2563eb;margin-top:.15rem;font-size:.78rem;text-decoration:none;display:inline-block}.wtp-revise:hover{text-decoration:underline}.wtp-revision-path{border-top:1px dashed #cbd5e1;margin-top:.9rem;padding-top:.75rem}.wtp-revision-path h5{color:#1e293b;margin:0 0 .5rem;font-size:.88rem}.wtp-revision-path ol{flex-direction:column;gap:.4rem;margin:0;padding-left:1.25rem;display:flex}.wtp-revision-path li{color:#334155;font-size:.85rem}.wtp-revision-path a{color:#2563eb;text-decoration:none}.wtp-revision-path a:hover{text-decoration:underline}.wtp-li-sub{color:#94a3b8;font-size:.72rem;display:block}.wtp-note{color:#94a3b8;margin:.6rem 0 0;font-size:.75rem}.wtp-mastered{color:#475569;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-top:.75rem;padding:.5rem .7rem;font-size:.78rem}.wtp-mastered-label{color:#15803d;font-weight:600}.quiz-card,.quiz-start-card,.quiz-result-card{background:#fff;border-radius:16px;max-width:720px;margin:0 auto;padding:2rem;box-shadow:0 1px 3px #00000014,0 8px 24px #0000000a}.quiz-empty{text-align:center;color:#9ca3af;padding:3rem;font-style:italic}.quiz-start-card,.quiz-result-card{text-align:center}.quiz-icon-large{margin-bottom:.5rem;font-size:3rem}.quiz-start-card h3,.quiz-result-card h3{color:#111827;margin-bottom:.75rem;font-size:1.5rem}.quiz-start-card p,.quiz-result-card p{color:#6b7280;margin-bottom:.5rem;line-height:1.6}.quiz-note{font-size:.85rem;color:#9ca3af!important;margin-bottom:1.5rem!important}.quiz-score{margin:.5rem 0!important;font-size:1.15rem!important}.quiz-msg{font-size:.95rem;margin-bottom:1.5rem!important}.quiz-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.quiz-header h3{color:#111827;font-size:1.1rem}.quiz-progress{color:#6b7280;background:#f3f4f6;border-radius:999px;padding:.3rem .75rem;font-size:.85rem}.quiz-question-area{margin-bottom:1.5rem}.quiz-question-text{color:#111827;margin-bottom:1rem;font-size:1.1rem;font-weight:500;line-height:1.5}.quiz-options{flex-direction:column;gap:.5rem;display:flex}.quiz-option{cursor:pointer;text-align:left;color:#374151;background:#fafafa;border:2px solid #e5e7eb;border-radius:12px;align-items:center;gap:.75rem;padding:.85rem 1rem;font-size:.95rem;transition:all .2s;display:flex}.quiz-option:hover{background:#eff6ff;border-color:#93c5fd}.quiz-option.selected{background:#eff6ff;border-color:#2563eb}.quiz-opt-letter{background:#e5e7eb;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;font-weight:600;display:flex}.quiz-option.selected .quiz-opt-letter{color:#fff;background:#2563eb}.quiz-opt-text{flex:1}.quiz-opt-check{color:#2563eb;font-weight:700}.quiz-nav{justify-content:space-between;gap:1rem;margin-top:1.5rem;display:flex}.quiz-btn{cursor:pointer;border:none;border-radius:10px;padding:.65rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .2s}.quiz-btn:disabled{opacity:.4;cursor:not-allowed}.quiz-btn-primary{color:#fff;background:#2563eb}.quiz-btn-primary:hover:not(:disabled){background:#1d4ed8}.quiz-btn-success{color:#fff;background:#059669}.quiz-btn-success:hover:not(:disabled){background:#047857}.quiz-btn-secondary{color:#fff;background:#7c3aed;margin-top:1rem}.quiz-btn-secondary:hover{background:#6d28d9}.quiz-btn-ghost{color:#374151;background:0 0;border:2px solid #e5e7eb}.quiz-btn-ghost:hover:not(:disabled){background:#f3f4f6}.quiz-dots{justify-content:center;gap:.5rem;margin-top:1.5rem;display:flex}.quiz-dot{cursor:pointer;background:#e5e7eb;border-radius:50%;width:10px;height:10px;transition:all .2s}.quiz-dot.active{background:#2563eb;transform:scale(1.3)}.quiz-dot.answered{background:#93c5fd}.quiz-review{text-align:left;margin:1.5rem 0}.quiz-review h4{color:#374151;margin-bottom:.75rem;font-size:1rem}.quiz-review-item{border-radius:10px;margin-bottom:.5rem;padding:.75rem}.quiz-review-item.correct{background:#f0fdf4;border-left:3px solid #22c55e}.quiz-review-item.incorrect{background:#fef2f2;border-left:3px solid #ef4444}.quiz-review-q{color:#111827;margin-bottom:.25rem;font-size:.9rem;font-weight:500}.qr-icon{margin-right:.5rem}.quiz-review-answer{color:#6b7280;margin-bottom:.25rem;font-size:.85rem}.quiz-review-explain{color:#9ca3af;font-size:.8rem;font-style:italic}.exp-empty{text-align:center;color:#9ca3af;background:#fff;border-radius:16px;padding:3rem;font-style:italic;box-shadow:0 1px 3px #00000014}.exp-sandbox{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #00000014,0 8px 24px #0000000a}.exp-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.exp-header h3{color:#111827;align-items:center;gap:.5rem;font-size:1.1rem;display:flex}.exp-icon{font-size:1.25rem}.exp-tabs{background:#f3f4f6;border-radius:10px;gap:.25rem;padding:.25rem;display:flex}.exp-tab{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:8px;padding:.4rem .75rem;font-size:.85rem;font-weight:500;transition:all .2s}.exp-tab.active{color:#2563eb;background:#fff;box-shadow:0 1px 3px #0000001a}.exp-tab:hover:not(.active){color:#374151}.exp-body{min-height:160px;padding:1.5rem}.exp-context{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:1rem;padding:.85rem 1rem}.exp-context h4{color:#111827;margin-bottom:.25rem;font-size:.95rem}.exp-context p{color:#6b7280;margin:0;font-size:.88rem;line-height:1.6}.exp-info h4{color:#111827;margin-bottom:.75rem;font-size:1rem}.exp-info p{color:#6b7280;margin-bottom:1rem;line-height:1.7}.exp-tip{color:#92400e;background:#fffbeb;border:1px solid #fef3c7;border-radius:10px;padding:.75rem 1rem;font-size:.9rem;line-height:1.5}.graphing-calc{flex-direction:column;gap:1rem;display:flex}.gc-controls{flex-direction:column;gap:.75rem;display:flex}.gc-slider-group{flex-direction:column;gap:.25rem;display:flex}.gc-slider-group label{color:#374151;font-size:.9rem}.gc-slider-group input[type=range]{accent-color:#2563eb;width:100%}.gc-canvas-wrap{justify-content:center;display:flex}.gc-canvas{background:#fafafa;border:1px solid #e5e7eb;border-radius:12px;max-width:100%;height:auto}.gc-tips{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;padding:.75rem 1rem;font-size:.85rem}.drag-drop{flex-direction:column;gap:1rem;display:flex}.dd-header h4{color:#111827;margin-bottom:.25rem;font-size:1rem}.dd-header p{color:#6b7280;font-size:.85rem}.dd-main{flex-wrap:wrap;align-items:flex-start;gap:1.5rem;display:flex}.dd-diagram{flex:1;min-width:260px}.dd-svg{background:#fafafa;border:1px solid #e5e7eb;border-radius:12px;width:100%;max-width:320px;height:auto}.dd-labels{flex-direction:column;flex:0 0 140px;gap:.5rem;display:flex}.dd-labels h4{color:#374151;margin-bottom:.25rem;font-size:.9rem}.dd-label{color:#1e40af;cursor:grab;text-align:center;background:#eff6ff;border:2px solid #93c5fd;border-radius:8px;padding:.5rem .75rem;font-size:.85rem;font-weight:500;transition:all .2s}.dd-label:hover{background:#dbeafe;border-color:#3b82f6}.dd-label:active{cursor:grabbing}.dd-done{color:#16a34a;text-align:center;font-size:.85rem;font-weight:500}.dd-feedback{border-radius:10px;padding:.65rem 1rem;font-size:.9rem;font-weight:500}.dd-feedback.correct{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.dd-feedback.incorrect{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.dd-actions{align-items:center;gap:1rem;display:flex}.dd-success{color:#16a34a;font-size:.9rem;font-weight:600}@media (width<=640px){.dd-main{flex-direction:column-reverse}.dd-labels{flex-flow:wrap;flex:1}}.dd-main-list{flex-wrap:wrap;align-items:stretch;gap:1.5rem;display:flex}.dd-main-list .dd-labels{flex:160px}.dd-zones{flex-direction:column;flex:1.6 240px;gap:.5rem;display:flex}.dd-zones h4{color:#374151;margin-bottom:.25rem;font-size:.9rem}.dd-zone{background:#f9fafb;border:2px dashed #cbd5e1;border-radius:10px;justify-content:space-between;align-items:center;gap:.75rem;min-height:2.9rem;padding:.6rem .85rem;transition:all .2s;display:flex}.dd-zone.filled{background:#f0fdf4;border-style:solid;border-color:#86efac}.dd-zone-label{color:#374151;flex:none;font-size:.85rem;font-weight:600}.dd-zone-value{color:#16a34a;text-align:right;flex:auto;font-size:.8rem;font-weight:500}.gc-select{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:.45rem .6rem;font-size:.85rem}.circuit-builder{flex-direction:column;gap:1rem;display:flex}.cb-header h4{color:#111827;margin-bottom:.25rem;font-size:1rem}.cb-header p{color:#6b7280;font-size:.85rem}.cb-toolbar{flex-wrap:wrap;gap:.5rem;display:flex}.cb-tool{cursor:pointer;color:#374151;background:#fafafa;border:2px solid #e5e7eb;border-radius:8px;padding:.5rem .85rem;font-size:.85rem;font-weight:500;transition:all .2s}.cb-tool:hover{background:#eff6ff;border-color:#93c5fd}.cb-clear{color:#dc2626;border-color:#fecaca}.cb-clear:hover{border-color:#ef4444;background:#fef2f2!important}.cb-canvas-wrap{justify-content:center;display:flex;position:relative}.cb-canvas{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;max-width:100%}.cb-placeholder{color:#9ca3af;text-align:center;pointer-events:none;font-size:.85rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cb-controls{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.cb-count{color:#6b7280;font-size:.85rem}.cb-power{cursor:pointer;color:#6b7280;background:#e5e7eb;border:none;border-radius:8px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s}.cb-power:disabled{opacity:.4;cursor:not-allowed}.cb-power.on{color:#fff;background:#22c55e}.cb-status{color:#9ca3af;flex-wrap:wrap;gap:.75rem;font-size:.8rem;display:flex}.cb-tips{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;padding:.75rem 1rem;font-size:.85rem}.balance-scale{flex-direction:column;gap:1rem;display:flex}.bs-header h4{color:#111827;margin-bottom:.25rem;font-size:1rem}.bs-header p{color:#6b7280;font-size:.85rem}.bs-weights{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.bs-weight{background:#f3f4f6;border-radius:8px;flex-direction:column;align-items:center;gap:.35rem;padding:.5rem;display:flex}.bs-weight-preview{color:#374151;background:#fff;border:2px solid #d1d5db;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;font-weight:700;display:flex}.bs-weight-actions{gap:.25rem;display:flex}.bs-btn-sm{cursor:pointer;color:#6b7280;background:#fff;border:1px solid #d1d5db;border-radius:4px;padding:.2rem .4rem;font-size:.7rem}.bs-btn-sm:hover{background:#f3f4f6}.bs-scale{justify-content:center;padding:.5rem 0;display:flex}.bs-beam{background:#fafafa;border:2px solid #e5e7eb;border-radius:12px;justify-content:center;align-items:center;gap:2rem;width:100%;max-width:500px;padding:1.5rem;transition:all .3s;display:flex}.bs-beam.balanced{border-color:#22c55e}.bs-beam.tilt-left,.bs-beam.tilt-right{border-color:#f59e0b}.bs-pan{background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;align-items:center;gap:.5rem;min-width:140px;min-height:120px;padding:.75rem;display:flex}.bs-pan h4{color:#374151;margin:0;font-size:.85rem}.bs-empty{color:#d1d5db;font-size:.8rem}.bs-pan-items{flex-wrap:wrap;justify-content:center;gap:.35rem;display:flex}.bs-pan-item{color:#1e40af;cursor:pointer;background:#eff6ff;border:1px solid #93c5fd;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;font-size:.85rem;font-weight:600;transition:all .15s;display:flex}.bs-pan-item:hover{background:#dbeafe}.bs-total{color:#6b7280;font-size:.8rem;font-weight:500}.bs-pivot{justify-content:center;align-items:center;display:flex}.bs-pivot-dot{color:#6b7280;font-size:1.5rem}.bs-btn{cursor:pointer;border:none;border-radius:8px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s}.bs-btn-reset{color:#6b7280;background:#f3f4f6;align-self:center}.bs-btn-check{color:#fff;background:#2563eb;align-self:center;padding:.65rem 1.5rem}.bs-btn-check:hover{background:#1d4ed8}.bs-message{border-radius:10px;padding:.65rem 1rem;font-size:.9rem;font-weight:500}.bs-message.success{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.bs-message.error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.flashcard-system{flex-direction:column;gap:1rem;display:flex}.fc-loading{text-align:center;color:#9ca3af;padding:2rem}.fc-header{justify-content:space-between;align-items:center;display:flex}.fc-header h4{color:#111827;font-size:1rem}.fc-progress{color:#6b7280;font-size:.8rem}.fc-card{perspective:1000px;cursor:pointer;min-height:200px}.fc-card-inner{width:100%;min-height:200px;transform-style:preserve-3d;transition:transform .5s;position:relative}.fc-card.flipped .fc-card-inner{transform:rotateY(180deg)}.fc-card-front,.fc-card-back{backface-visibility:hidden;border:2px solid #e5e7eb;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:200px;padding:2rem;display:flex;position:absolute}.fc-card-front{background:#eff6ff;border-color:#93c5fd}.fc-card-back{background:#f0fdf4;border-color:#86efac;transform:rotateY(180deg)}.fc-card-label{color:#9ca3af;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem;font-size:.7rem;font-weight:600}.fc-card-text{color:#111827;text-align:center;font-size:1.25rem;font-weight:600;line-height:1.5}.fc-card-hint{color:#93c5fd;margin-top:1rem;font-size:.75rem}.fc-actions{justify-content:center;gap:.75rem;display:flex}.fc-btn{cursor:pointer;border:none;border-radius:10px;padding:.65rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .2s}.fc-btn:disabled{opacity:.4;cursor:not-allowed}.fc-btn-known{color:#fff;background:#22c55e}.fc-btn-known:hover:not(:disabled){background:#16a34a}.fc-btn-unknown{color:#fff;background:#f59e0b}.fc-btn-unknown:hover:not(:disabled){background:#d97706}.fc-progress-bar{flex-wrap:wrap;justify-content:center;gap:.3rem;display:flex}.fc-progress-dot{background:#e5e7eb;border-radius:50%;width:10px;height:10px;transition:all .2s}.fc-progress-dot.current{background:#2563eb;transform:scale(1.3)}.fc-progress-dot.known{background:#22c55e}.fc-progress-dot.unknown{background:#f59e0b}.fc-result{text-align:center;padding:2rem}.fc-result-icon{margin-bottom:.5rem;font-size:3rem}.fc-result h3{color:#111827;margin-bottom:.5rem;font-size:1.5rem}.fc-score{color:#374151;margin-bottom:.75rem;font-size:1.1rem}.fc-stats{justify-content:center;gap:1rem;margin-bottom:1rem;display:flex}.fc-stat{border-radius:999px;padding:.35rem .75rem;font-size:.85rem;font-weight:500}.fc-stat-known{color:#16a34a;background:#f0fdf4}.fc-stat-unknown{color:#d97706;background:#fffbeb}.fc-hint{color:#6b7280;margin-bottom:1rem;font-size:.85rem}.fc-stat-review{color:#3b82f6;background:#eff6ff}.fc-btn-review{color:#fff;background:#3b82f6}.fc-btn-review:hover:not(:disabled){background:#2563eb}.fc-pdot{background:#e5e7eb;border-radius:50%;width:10px;height:10px;transition:all .2s}.fc-pdot.current{background:#2563eb;transform:scale(1.3)}.fc-pdot.known{background:#22c55e}.fc-pdot.review{background:#3b82f6}.fc-pdot.unknown{background:#f59e0b}.cb-active{color:#2563eb!important;background:#eff6ff!important;border-color:#2563eb!important}.cb-hint{text-align:center;color:#2563eb;margin-top:.25rem;font-size:.8rem;font-weight:500}.bs-mode-tabs{background:#f3f4f6;border-radius:10px;gap:.25rem;margin-top:.5rem;padding:.25rem;display:flex}.bs-mode-tab{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:8px;padding:.35rem .65rem;font-size:.78rem;font-weight:500;transition:all .2s}.bs-mode-tab.active{color:#2563eb;background:#fff;box-shadow:0 1px 3px #0000001a}.bs-cat-asset .bs-wpreview{border-color:#22c55e}.bs-cat-liability .bs-wpreview{border-color:#f59e0b}.bs-cat-equity .bs-wpreview{border-color:#3b82f6}.ep-container{padding:.5rem 0}.ep-empty{text-align:center;background:#fff;border-radius:16px;padding:3rem 1.5rem;box-shadow:0 1px 3px #00000014,0 8px 24px #0000000a}.ep-empty-icon{margin-bottom:.75rem;font-size:3rem}.ep-empty h3{color:#111827;margin-bottom:.5rem;font-size:1.15rem}.ep-empty p{color:#6b7280;font-size:.9rem;line-height:1.6}.ep-empty a{color:#2563eb;font-weight:500}.ep-card,.ep-start-card,.ep-result-card{background:#fff;border-radius:16px;max-width:720px;margin:0 auto;padding:2rem;box-shadow:0 1px 3px #00000014,0 8px 24px #0000000a}.ep-start-card,.ep-result-card{text-align:center}.ep-icon-large{margin-bottom:.5rem;font-size:3rem}.ep-start-card h3,.ep-result-card h3{color:#111827;margin-bottom:.75rem;font-size:1.5rem}.ep-start-card p,.ep-result-card p{color:#6b7280;margin-bottom:.5rem;line-height:1.6}.ep-note{font-size:.85rem;color:#9ca3af!important;margin-bottom:1.5rem!important}.ep-score{margin:.5rem 0!important;font-size:1.15rem!important}.ep-msg{font-size:.95rem;margin-bottom:1.5rem!important}.ep-header-bar{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.ep-header-bar h3{color:#111827;font-size:1.1rem}.ep-progress{color:#6b7280;background:#f3f4f6;border-radius:999px;padding:.3rem .75rem;font-size:.85rem}.ep-question-area{margin-bottom:1rem}.ep-question-text{color:#111827;margin-bottom:1rem;font-size:1.1rem;font-weight:500;line-height:1.5}.ep-options{flex-direction:column;gap:.5rem;display:flex}.ep-option{cursor:pointer;text-align:left;color:#374151;background:#fafafa;border:2px solid #e5e7eb;border-radius:12px;align-items:center;gap:.75rem;padding:.85rem 1rem;font-size:.95rem;transition:all .2s;display:flex}.ep-option:not(:disabled):hover{background:#eff6ff;border-color:#93c5fd}.ep-option.ep-selected{background:#eff6ff;border-color:#2563eb}.ep-option.ep-correct{background:#f0fdf4;border-color:#22c55e}.ep-option.ep-wrong{background:#fef2f2;border-color:#ef4444}.ep-option.ep-dimmed{opacity:.5}.ep-option:disabled{cursor:default}.ep-opt-letter{background:#e5e7eb;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;font-weight:600;transition:background .2s;display:flex}.ep-option.ep-selected .ep-opt-letter{color:#fff;background:#2563eb}.ep-option.ep-correct .ep-opt-letter{color:#fff;background:#22c55e}.ep-option.ep-wrong .ep-opt-letter{color:#fff;background:#ef4444}.ep-opt-text{flex:1}.ep-opt-check{color:#22c55e;font-size:1.1rem;font-weight:700}.ep-opt-x{color:#ef4444;font-size:1.1rem;font-weight:700}.ep-feedback{border-radius:10px;margin:.75rem 0;padding:.85rem 1rem;font-size:.9rem;line-height:1.5}.ep-fb-correct{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.ep-fb-incorrect{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.ep-feedback strong{margin-bottom:.25rem;font-size:.95rem;display:block}.ep-feedback p{margin:0;font-size:.88rem}.ep-nav{justify-content:flex-end;gap:1rem;min-height:44px;margin-top:1rem;display:flex}.ep-btn{cursor:pointer;border:none;border-radius:10px;padding:.65rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .2s}.ep-btn:disabled{opacity:.4;cursor:not-allowed}.ep-btn-primary{color:#fff;background:#2563eb}.ep-btn-primary:hover:not(:disabled){background:#1d4ed8}.ep-btn-success{color:#fff;background:#059669}.ep-btn-success:hover:not(:disabled){background:#047857}.ep-btn-secondary{color:#fff;background:#7c3aed;margin-top:1rem}.ep-btn-secondary:hover{background:#6d28d9}.ep-progress-bar{background:#e5e7eb;border-radius:999px;height:8px;margin-top:1rem;overflow:hidden}.ep-progress-fill{background:linear-gradient(90deg,#2563eb,#22c55e);border-radius:999px;height:100%;transition:width .3s}.ep-review-grid{flex-wrap:wrap;justify-content:center;gap:.4rem;margin-bottom:1rem;display:flex}.ep-jump-btn{color:#374151;cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:8px;width:34px;height:34px;font-size:.8rem;font-weight:600;transition:all .15s}.ep-jump-btn:hover{background:#eff6ff;border-color:#93c5fd}.ep-jump-btn.correct{color:#16a34a;background:#f0fdf4;border-color:#86efac}.ep-jump-btn.incorrect{color:#dc2626;background:#fef2f2;border-color:#fecaca}.ep-review-list{max-height:420px;padding-right:.25rem;overflow-y:auto}.ep-review{text-align:left;margin:1.5rem 0}.ep-review h4{color:#374151;margin-bottom:.75rem;font-size:1rem}.ep-review-item{border-radius:10px;margin-bottom:.5rem;padding:.75rem}.ep-review-item.correct{background:#f0fdf4;border-left:3px solid #22c55e}.ep-review-item.incorrect{background:#fef2f2;border-left:3px solid #ef4444}.ep-review-q{color:#111827;margin-bottom:.25rem;font-size:.9rem;font-weight:500}.ep-review-icon{margin-right:.5rem}.ep-review-answer{color:#6b7280;margin-bottom:.25rem;font-size:.85rem}.ep-review-explain{color:#9ca3af;font-size:.8rem;font-style:italic}.ep-footer-link{text-align:center;margin-top:1rem;font-size:.82rem}.ep-footer-link a{color:#6b7280;text-decoration:none;transition:color .2s}.ep-footer-link a:hover{color:#2563eb}.me-header-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.me-timer{font-variant-numeric:tabular-nums;color:#3730a3;white-space:nowrap;background:#eef2ff;border:1px solid #c7d2fe;border-radius:999px;padding:4px 14px;font-weight:700}.me-timer-warn{color:#b91c1c;background:#fef2f2;border-color:#fecaca;animation:1s ease-in-out infinite me-pulse}@keyframes me-pulse{0%,to{opacity:1}50%{opacity:.55}}.sba-container{flex-direction:column;gap:1rem;padding:.5rem 0;display:flex}.sba-empty{text-align:center;background:#fff;border-radius:16px;padding:3rem 1.5rem;box-shadow:0 1px 3px #00000014,0 8px 24px #0000000a}.sba-empty-icon{margin-bottom:.75rem;font-size:3rem}.sba-empty h3{color:#111827;margin-bottom:.5rem;font-size:1.15rem}.sba-empty p{color:#6b7280;font-size:.9rem;line-height:1.6}.sba-empty a{color:#2563eb;font-weight:500}.sba-note{font-size:.85rem;color:#9ca3af!important}.sba-intro{background:#fff;border-radius:16px;align-items:flex-start;gap:1rem;padding:1.5rem 2rem;display:flex;box-shadow:0 1px 3px #00000014,0 8px 24px #0000000a}.sba-intro-icon{flex-shrink:0;font-size:2rem}.sba-intro h3{color:#111827;margin-bottom:.5rem;font-size:1.25rem}.sba-intro p{color:#4b5563;font-size:.95rem;line-height:1.6}.sba-card{background:#fff;border-radius:16px;padding:1.5rem 2rem;box-shadow:0 1px 3px #00000014,0 8px 24px #0000000a}.sba-section-head{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.sba-section-head h4{color:#111827;font-size:1.05rem}.sba-badge{color:#7c3aed;background:#f5f3ff;border:1px solid #ddd6fe;border-radius:999px;padding:.3rem .75rem;font-size:.78rem;font-weight:600}.sba-task-list{flex-direction:column;gap:.65rem;display:flex}.sba-task{background:#fafafa;border:2px solid #e5e7eb;border-radius:12px;padding:.85rem 1rem}.sba-task-head{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.sba-task-title{color:#111827;font-size:.95rem;font-weight:600}.sba-task-marks{color:#059669;white-space:nowrap;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:999px;padding:.2rem .6rem;font-size:.78rem;font-weight:600}.sba-task-explain{color:#6b7280;margin:0;font-size:.88rem;line-height:1.5}.sba-sample-title{color:#111827;margin-bottom:1rem;font-size:.95rem;font-style:italic;font-weight:500;line-height:1.5}.sba-sample-section{margin-bottom:1rem}.sba-sample-section h5{color:#374151;margin-bottom:.35rem;font-size:.95rem;font-weight:600}.sba-sample-section p{color:#4b5563;margin:0;font-size:.9rem;line-height:1.6}.sba-tip{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;margin-top:.5rem;padding:.6rem .85rem;font-size:.85rem;line-height:1.5}.sba-marking{color:#4b5563;border-left:3px solid #2563eb;margin:0;padding-left:1rem;font-size:.92rem;line-height:1.6}.sba-checklist{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.sba-checklist li{color:#374151;align-items:flex-start;gap:.6rem;font-size:.92rem;line-height:1.5;display:flex}.sba-check{color:#2563eb;flex-shrink:0;font-weight:700;line-height:1.4}@media (width<=640px){.sba-intro,.sba-card{padding:1.25rem}.sba-section-head{flex-direction:column;align-items:flex-start;gap:.35rem}}.pt-loading,.pt-empty{text-align:center;color:#64748b;padding:2rem 1rem}.pt-empty-icon{margin-bottom:.5rem;font-size:2rem}.pt-empty h3{color:#1e293b;margin:0 0 .4rem}.pt-empty p{max-width:480px;margin:.3rem auto}.pt-note{color:#94a3b8;margin:.7rem 0 0;font-size:.78rem}.pt-stats{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.6rem;margin-bottom:1.1rem;display:grid}.pt-stat{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:.7rem .5rem}.pt-stat-num{color:#2563eb;font-size:1.35rem;font-weight:700;display:block}.pt-stat-label{color:#64748b;margin-top:.15rem;font-size:.72rem;display:block}.pt-section{margin-bottom:1.25rem}.pt-section h4{color:#1e293b;border-bottom:1px solid #e2e8f0;margin:0 0 .6rem;padding-bottom:.35rem;font-size:.95rem}.pt-trend{align-items:flex-end;gap:.6rem;min-height:120px;padding:.5rem .25rem 0;display:flex;overflow-x:auto}.pt-trend-col{flex-direction:column;justify-content:flex-end;align-items:center;gap:.2rem;min-width:42px;display:flex}.pt-trend-pct{color:#475569;font-size:.7rem}.pt-trend-bar{border-radius:6px 6px 0 0;width:26px}.pt-trend-bar.pass{background:#22c55e}.pt-trend-bar.fail{background:#ef4444}.pt-trend-date{color:#94a3b8;white-space:nowrap;font-size:.65rem}.pt-history{flex-direction:column;gap:.4rem;display:flex}.pt-attempt{background:#fff;border:1px solid #e2e8f0;border-left-width:4px;border-radius:8px;flex-wrap:wrap;align-items:center;gap:.6rem;padding:.5rem .75rem;display:flex}.pt-attempt.pass{border-left-color:#22c55e}.pt-attempt.fail{border-left-color:#ef4444}.pt-attempt-name{color:#1e293b;font-size:.85rem;font-weight:600}.pt-attempt-date{color:#94a3b8;font-size:.75rem}.pt-attempt-score{color:#475569;font-size:.8rem}.pt-attempt-badge{margin-left:auto;font-size:.75rem;font-weight:600}.pt-attempt.pass .pt-attempt-badge{color:#15803d}.pt-attempt.fail .pt-attempt-badge{color:#b91c1c}.pt-toggle{color:#2563eb;cursor:pointer;background:0 0;border:1px solid #cbd5e1;border-radius:8px;margin-top:.6rem;padding:.4rem .8rem;font-size:.8rem}.pt-toggle:hover{background:#eff6ff}.pt-reset-note{margin-top:1.1rem}.pt-reset-note a{color:#2563eb;font-size:.85rem;text-decoration:none}.pt-reset-note a:hover{text-decoration:underline}.subject-page{max-width:1000px;margin:0 auto;padding:1.5rem 1.5rem 4rem}.subject-not-found{text-align:center;padding:4rem 2rem}.subject-not-found h2{margin-bottom:.5rem;font-size:1.5rem}.subject-not-found p{color:#6b7280;margin-bottom:1.5rem}.back-link{color:#2563eb;font-weight:500;text-decoration:none}.back-link:hover{text-decoration:underline}.subject-header{border-top:4px solid var(--subject-color,#2563eb);background:#fff;border-radius:16px;margin-bottom:1rem;padding:1.5rem 2rem;box-shadow:0 1px 3px #00000014,0 8px 24px #0000000a}.subject-back{color:#6b7280;margin-bottom:1rem;font-size:.88rem;font-weight:500;text-decoration:none;transition:color .2s;display:inline-block}.subject-back:hover{color:#111827}.subject-header-main{align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.subject-header-icon{font-size:2.5rem;line-height:1}.subject-header-title{color:#111827;margin-bottom:.25rem;font-size:1.75rem;font-weight:800}.subject-header-desc{color:#6b7280;font-size:.95rem;line-height:1.5}.subject-tabs{background:#f3f4f6;border-radius:12px;gap:.25rem;margin-bottom:1.25rem;padding:.25rem;display:flex}.subject-tab{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:.35rem;padding:.65rem 1rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.subject-tab.active{color:#111827;background:#fff;box-shadow:0 1px 3px #00000014}.subject-tab:hover:not(.active){color:#374151}.subject-tab-done{color:#22c55e;font-size:.8rem}.subject-lessons{grid-template-columns:240px 1fr;gap:1.25rem;display:grid}.subject-modules-list{flex-direction:column;gap:.5rem;display:flex}.subject-module-btn{cursor:pointer;text-align:left;color:#374151;background:#fafafa;border:2px solid #0000;border-radius:12px;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;font-size:.88rem;transition:all .2s;display:flex}.subject-module-btn:hover{background:#eff6ff;border-color:#bfdbfe}.subject-module-btn.active{background:#eff6ff;border-color:#2563eb}.subject-module-btn-num{color:#6b7280;background:#e5e7eb;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;font-weight:700;display:flex}.subject-module-btn.active .subject-module-btn-num{color:#fff;background:#2563eb}.subject-module-btn div{flex-direction:column;gap:.15rem;display:flex}.subject-module-lessons{color:#9ca3af;font-size:.75rem}.subject-lesson-module-title{color:#111827;margin-bottom:1rem;font-size:1rem;font-weight:700}.subject-lesson-items{flex-direction:column;gap:.5rem;display:flex}.subject-lesson-item{cursor:pointer;background:#fafafa;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:.75rem;padding:.85rem 1rem;transition:all .2s;display:flex}.subject-lesson-item:hover{background:#eff6ff;border-color:#93c5fd}.subject-lesson-item.done{background:#f0fdf4;border-color:#bbf7d0}.subject-lesson-check{flex-shrink:0;font-size:1.1rem}.subject-lesson-name{color:#374151;flex:1;font-size:.95rem;font-weight:500}.subject-lesson-status{color:#9ca3af;font-size:.78rem;font-weight:500}.subject-lesson-item.done .subject-lesson-status{color:#22c55e}.subject-content{min-height:300px}@media (width<=768px){.subject-lessons{grid-template-columns:1fr}.subject-modules-list{flex-direction:row;padding-bottom:.5rem;overflow-x:auto}.subject-module-btn{white-space:nowrap;min-width:140px}}.s-upgrade-banner{color:#92400e;text-align:center;background:#fffbeb;border:1px solid #fef3c7;border-radius:12px;margin-bottom:1rem;padding:.85rem 1rem;font-size:.9rem}.s-upgrade-banner a{color:#2563eb;font-weight:600;text-decoration:underline}.s-lesson-locked{opacity:.7;cursor:default!important;background:#fafafa!important;border-color:#e5e7eb!important}.s-lesson-locked .s-lesson-check{font-size:1.1rem}.s-lesson-locked .s-lesson-name{color:#9ca3af!important}.s-lesson-buy{color:#2563eb;white-space:nowrap;font-size:.78rem;font-weight:600;text-decoration:none}.s-lesson-buy:hover{text-decoration:underline}.lv-page{max-width:900px;margin:0 auto;padding:1.5rem 1.5rem 4rem}.lv-loading,.lv-not-found{text-align:center;color:#6b7280;padding:4rem}.lv-header{margin-bottom:2rem}.lv-back{color:#2563eb;margin-bottom:.5rem;font-size:.88rem;font-weight:500;text-decoration:none;display:inline-block}.lv-back:hover{text-decoration:underline}.lv-breadcrumb{color:#9ca3af;margin-bottom:.25rem;font-size:.85rem;display:block}.lv-title{color:#111827;font-size:1.75rem;font-weight:800}.lv-content{flex-direction:column;gap:1.5rem;display:flex}.lv-body{color:#374151;background:#fff;border-radius:16px;margin-bottom:1rem;padding:1.5rem 2rem;font-size:1.1rem;line-height:1.7;box-shadow:0 1px 3px #0000000f,0 4px 12px #00000008}.lv-body p{margin-bottom:1.25rem}.lv-body p:last-child{margin-bottom:0}.lv-objectives,.lv-concepts{background:#fff;border-radius:16px;padding:1.5rem 2rem;box-shadow:0 1px 3px #0000000f,0 4px 12px #00000008}.lv-objectives h3,.lv-concepts h3{color:#111827;margin-bottom:.75rem;font-size:1.05rem}.lv-objectives ul,.lv-concepts ul{padding-left:1.25rem}.lv-objectives li,.lv-concepts li{color:#374151;margin-bottom:.35rem;line-height:1.5}.lv-experiment h3{color:#111827;margin-bottom:.75rem;font-size:1.05rem}.lp-page{justify-content:center;align-items:center;min-height:60vh;padding:2rem;display:flex}.lp-card{background:#fff;border-radius:16px;width:100%;max-width:400px;padding:2.5rem;box-shadow:0 1px 3px #00000014,0 8px 24px #0000000a}.lp-card h2{color:#111827;text-align:center;margin-bottom:.35rem;font-size:1.5rem;font-weight:700}.lp-subtitle{color:#6b7280;text-align:center;margin-bottom:1.5rem;font-size:.9rem}.lp-error{text-align:center;color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin-bottom:1rem;padding:.65rem 1rem;font-size:.88rem}.lp-field{flex-direction:column;gap:.35rem;margin-bottom:1rem;display:flex}.lp-field label{color:#374151;font-size:.85rem;font-weight:600}.lp-field input{border:2px solid #e5e7eb;border-radius:10px;padding:.65rem .85rem;font-size:.95rem;transition:border-color .2s}.lp-field input:focus{border-color:#2563eb;outline:none}.lp-btn{cursor:pointer;border:none;border-radius:10px;width:100%;margin-top:.5rem;padding:.75rem;font-size:1rem;font-weight:600;transition:opacity .2s}.lp-btn-primary{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed)}.lp-btn-primary:disabled{opacity:.6;cursor:not-allowed}.lp-btn-primary:hover:not(:disabled){opacity:.9}.lp-links{flex-direction:column;align-items:center;gap:.65rem;margin-top:1.25rem;display:flex}.lp-links a{color:#2563eb;font-size:.88rem;text-decoration:underline}.lp-links a:hover{color:#1d4ed8}.lp-back{text-align:center;color:#6b7280;margin-top:1rem;font-size:.85rem;text-decoration:none;display:block}.lp-back:hover{color:#374151;text-decoration:underline}.sp-page{justify-content:center;align-items:center;min-height:60vh;padding:2rem;display:flex}.sp-card{background:#fff;border-radius:16px;width:100%;max-width:400px;padding:2.5rem;box-shadow:0 1px 3px #00000014,0 8px 24px #0000000a}.sp-card h2{color:#111827;text-align:center;margin-bottom:.35rem;font-size:1.5rem;font-weight:700}.sp-subtitle{color:#6b7280;text-align:center;margin-bottom:1.5rem;font-size:.9rem}.sp-message{text-align:center;border-radius:10px;margin-bottom:1rem;padding:.65rem 1rem;font-size:.88rem}.sp-message.success{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.sp-message.error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.sp-field{flex-direction:column;gap:.35rem;margin-bottom:1rem;display:flex}.sp-field label{color:#374151;font-size:.85rem;font-weight:600}.sp-field input{border:2px solid #e5e7eb;border-radius:10px;padding:.65rem .85rem;font-size:.95rem;transition:border-color .2s}.sp-field input:focus{border-color:#2563eb;outline:none}.sp-btn{cursor:pointer;border:none;border-radius:10px;width:100%;margin-top:.5rem;padding:.75rem;font-size:1rem;font-weight:600;transition:opacity .2s}.sp-btn-primary{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed)}.sp-btn-primary:disabled{opacity:.6;cursor:not-allowed}.sp-btn-primary:hover:not(:disabled){opacity:.9}.sp-links{flex-direction:column;align-items:center;gap:.65rem;margin-top:1.25rem;display:flex}.sp-links a{color:#2563eb;font-size:.88rem;text-decoration:underline}.sp-links a:hover{color:#1d4ed8}.sp-back{text-align:center;color:#6b7280;margin-top:1rem;font-size:.85rem;text-decoration:none;display:block}.sp-back:hover{color:#374151;text-decoration:underline}.auth-page{justify-content:center;align-items:center;min-height:60vh;padding:2rem;display:flex}.auth-card{background:#fff;border-radius:16px;width:100%;max-width:400px;padding:2.5rem;box-shadow:0 1px 3px #00000014,0 8px 24px #0000000a}.auth-title{color:#111827;text-align:center;margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.auth-message{text-align:center;border-radius:10px;margin-bottom:1rem;padding:.65rem 1rem;font-size:.9rem}.auth-message.success{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.auth-message.error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.auth-field{flex-direction:column;gap:.35rem;margin-bottom:1rem;display:flex}.auth-field label{color:#374151;font-size:.85rem;font-weight:600}.auth-field input{border:2px solid #e5e7eb;border-radius:10px;padding:.65rem .85rem;font-size:.95rem;transition:border-color .2s}.auth-field input:focus{border-color:#2563eb;outline:none}.auth-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:10px;width:100%;margin-top:.5rem;padding:.75rem;font-size:1rem;font-weight:600;transition:opacity .2s}.auth-btn:disabled{opacity:.6;cursor:not-allowed}.auth-btn:hover:not(:disabled){opacity:.9}.auth-links{flex-direction:column;align-items:center;gap:.5rem;margin-top:1.25rem;display:flex}.auth-link{color:#2563eb;cursor:pointer;background:0 0;border:none;font-size:.88rem;text-decoration:underline}.auth-link:hover{color:#1d4ed8}.acct-page{max-width:800px;margin:0 auto;padding:2rem 1.5rem 4rem}.acct-loading,.acct-guest{justify-content:center;align-items:center;min-height:50vh;padding:2rem;display:flex}.acct-guest .acct-card{text-align:center;max-width:420px;padding:2.5rem}.acct-guest h2{color:#111827;margin-bottom:.75rem;font-size:1.5rem}.acct-guest p{color:#6b7280;margin-bottom:1.5rem;line-height:1.6}.acct-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.acct-header{align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.acct-avatar{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.5rem;font-weight:700;display:flex}.acct-header h1{color:#111827;margin:0;font-size:1.5rem}.acct-email{color:#6b7280;margin:.15rem 0 0;font-size:.9rem}.acct-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem;display:grid}.acct-card{background:#fff;border:1px solid #f3f4f6;border-radius:16px;padding:1.5rem;box-shadow:0 1px 3px #0000000f,0 4px 12px #00000008}.acct-card-full{grid-column:1/-1}.acct-card h3{color:#111827;border-bottom:1px solid #f3f4f6;margin-bottom:1rem;padding-bottom:.5rem;font-size:1rem;font-weight:700}.acct-field{color:#374151;justify-content:space-between;padding:.4rem 0;font-size:.88rem;display:flex}.acct-field span:first-child{color:#6b7280}.acct-plan{color:#2563eb;margin-bottom:.35rem;font-size:1.1rem;font-weight:600}.acct-plan-desc{color:#6b7280;font-size:.85rem;line-height:1.5}.acct-subjects{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.5rem;display:grid}.acct-subject{border-radius:10px;align-items:center;gap:.5rem;padding:.6rem .75rem;font-size:.88rem;text-decoration:none;transition:all .15s;display:flex}.acct-subject.unlocked{color:#166534;background:#f0fdf4}.acct-subject.unlocked:hover{background:#dcfce7}.acct-subject.locked{color:#9ca3af;cursor:default;background:#f3f4f6}.acct-subject-icon{font-size:1.1rem}.acct-subject-name{flex:1;font-weight:500}.acct-subject-status{font-size:.8rem}.acct-btn{cursor:pointer;text-align:center;border:none;border-radius:10px;padding:.6rem 1.25rem;font-size:.88rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.acct-btn-primary{color:#fff;background:#2563eb}.acct-btn-primary:hover{background:#1d4ed8}.acct-btn-secondary{color:#374151;background:#f3f4f6}.acct-btn-secondary:hover{background:#e5e7eb}.acct-btn-danger{color:#dc2626;background:#fee2e2;width:100%}.acct-btn-danger:hover{background:#fecaca}.acct-back-home{text-align:center;color:#6b7280;margin-top:1rem;font-size:.85rem;text-decoration:none;display:block}.pr-loading{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:40vh;display:flex}.pr-spinner{border:3px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;width:32px;height:32px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.pricing-page{max-width:900px;margin:0 auto;padding:3rem 1.5rem 4rem}.pricing-header{text-align:center;margin-bottom:2.5rem}.pricing-header h1{color:#111827;margin-bottom:.5rem;font-size:2rem;font-weight:800}.pricing-header p{color:#6b7280;font-size:1.05rem}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start;gap:1.5rem;display:grid}.pricing-card{background:#fff;border:2px solid #e5e7eb;border-radius:16px;padding:2rem;transition:border-color .2s;position:relative;box-shadow:0 1px 3px #0000000f,0 4px 12px #00000008}.pricing-card.popular{border-color:#2563eb;box-shadow:0 4px 24px #2563eb1a}.pricing-badge{color:#fff;background:#2563eb;border-radius:999px;padding:.25rem 1rem;font-size:.78rem;font-weight:600;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-name{color:#111827;margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.pricing-price{color:#111827;margin-bottom:.25rem;font-size:2.5rem;font-weight:800}.pricing-desc{color:#6b7280;margin-bottom:1rem;font-size:.88rem}.pricing-features{margin:0 0 1.5rem;padding:0;list-style:none}.pricing-features li{color:#374151;padding:.4rem 0;font-size:.88rem}.pricing-features li:before{content:"✓ ";color:#22c55e;font-weight:700}.pricing-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:10px;width:100%;padding:.75rem;font-size:1rem;font-weight:600;transition:opacity .2s}.pricing-btn:disabled{opacity:.6;cursor:not-allowed}.pricing-btn:hover:not(:disabled){opacity:.9}.pricing-message{text-align:center;color:#dc2626;margin-top:1rem;padding:1rem}.pricing-note{text-align:center;color:#9ca3af;margin-top:1.5rem;font-size:.85rem}.pricing-subject-label{color:#6b7280;margin-bottom:.35rem;font-size:.85rem;font-weight:600;display:block}.pricing-select{color:#111827;cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:10px;width:100%;margin-bottom:1rem;padding:.6rem .75rem;font-size:.95rem;transition:border-color .2s}.pricing-select:focus{border-color:#2563eb;outline:none}.admin-page{max-width:600px;margin:2rem auto;padding:0 1rem}.admin-page h2{color:#111827;margin-bottom:.25rem;font-size:1.5rem}.admin-subtitle{color:#6b7280;margin-bottom:2rem;font-size:.9rem}.admin-form{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:1.5rem}.admin-field{margin-bottom:1.25rem}.admin-field label{color:#374151;margin-bottom:.35rem;font-size:.88rem;font-weight:600;display:block}.admin-field input,.admin-field select{border:2px solid #d1d5db;border-radius:8px;width:100%;padding:.6rem .75rem;font-size:.92rem;transition:border-color .15s}.admin-field input:focus,.admin-field select:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1f}.admin-actions{gap:.75rem;margin-top:.5rem;display:flex}.admin-btn{cursor:pointer;border:none;border-radius:8px;flex:1;padding:.65rem 1rem;font-size:.9rem;font-weight:600;transition:all .15s}.admin-btn:disabled{opacity:.5;cursor:not-allowed}.grant-btn{color:#fff;background:#059669}.grant-btn:hover:not(:disabled){background:#047857}.revoke-btn{color:#fff;background:#dc2626}.revoke-btn:hover:not(:disabled){background:#b91c1c}.admin-msg{border-radius:8px;margin-top:1rem;padding:.75rem 1rem;font-size:.88rem}.admin-success{color:#065f46;background:#f0fdf4;border:1px solid #bbf7d0}.admin-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.pl{max-width:860px;margin:0 auto;padding:1.25rem 1rem 3rem}.pl-loading{text-align:center;color:#64748b;padding:3rem 1rem}.pl-header{margin-bottom:1.25rem}.pl-title{color:#1e293b;margin:0 0 .4rem;font-size:1.7rem;font-weight:800}.pl-sub{color:#64748b;max-width:620px;margin:0;font-size:.9rem}.pl-setup{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:1.25rem}.pl-setup h3{color:#1e293b;margin:0 0 .8rem;font-size:1rem}.pl-setup .pl-step2{margin-top:1.4rem}.pl-subject-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.5rem;display:grid}.pl-subject-chip{cursor:pointer;color:#334155;text-align:left;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;align-items:center;gap:.45rem;padding:.55rem .65rem;font-size:.85rem;transition:all .15s;display:flex}.pl-subject-chip:hover{background:#eff6ff;border-color:#93c5fd}.pl-subject-chip.on{color:#1d4ed8;background:#eff6ff;border-color:#2563eb;font-weight:600}.pl-chip-icon{font-size:1rem}.pl-chip-name{line-height:1.2}.pl-date-list{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.pl-date-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;gap:.75rem;padding:.55rem .8rem;display:flex}.pl-date-subject{color:#1e293b;font-size:.9rem;font-weight:500}.pl-date-input{color:#1e293b;border:1px solid #cbd5e1;border-radius:8px;padding:.35rem .5rem;font-size:.85rem}.pl-generate{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;width:100%;padding:.75rem 1rem;font-size:.95rem;font-weight:600}.pl-generate:hover:not(:disabled){background:#1d4ed8}.pl-generate:disabled{opacity:.6;cursor:wait}.pl-dashboard{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.6rem;margin-bottom:1rem;display:grid}.pl-dash-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:.85rem .6rem}.pl-dash-num{color:#2563eb;font-size:1.6rem;font-weight:800;display:block}.pl-dash-label{color:#64748b;margin-top:.2rem;font-size:.72rem;display:block}.pl-subjects-row{flex-wrap:wrap;gap:.4rem;margin-bottom:1rem;display:flex}.pl-subject-tag{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:99px;padding:.3rem .7rem;font-size:.78rem}.pl-weeks{flex-direction:column;gap:.6rem;display:flex}.pl-week{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.pl-week-head{cursor:pointer;align-items:center;gap:.75rem;padding:.7rem .9rem;list-style:none;display:flex}.pl-week-head::-webkit-details-marker{display:none}.pl-week-label{color:#1e293b;white-space:nowrap;font-size:.9rem;font-weight:700}.pl-week-range{color:#94a3b8;white-space:nowrap;font-size:.75rem}.pl-week-bar{background:#e2e8f0;border-radius:99px;flex:1;min-width:60px;height:7px;overflow:hidden}.pl-week-fill{background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:99px;height:100%;transition:width .3s}.pl-week-pct{color:#16a34a;white-space:nowrap;font-size:.8rem;font-weight:600}.pl-week-items{border-top:1px solid #eef2f7;flex-direction:column;gap:.4rem;padding:.5rem;display:flex}.pl-week-empty{color:#16a34a;margin:.4rem;font-size:.85rem}.pl-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:.6rem;padding:.55rem .7rem;display:flex}.pl-item.weak{border-left:4px solid #f59e0b}.pl-item.done{opacity:.65}.pl-item input[type=checkbox]{accent-color:#2563eb;cursor:pointer;flex-shrink:0;width:18px;height:18px}.pl-item-body{flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.pl-item-title{color:#1e293b;flex-wrap:wrap;align-items:center;gap:.4rem;font-size:.88rem;font-weight:500;display:flex}.pl-item.done .pl-item-title{color:#64748b;text-decoration:line-through}.pl-item-badge{color:#b45309;background:#fef3c7;border-radius:99px;padding:.1rem .45rem;font-size:.65rem;font-weight:600}.pl-item-sub{color:#94a3b8;text-transform:capitalize;font-size:.72rem}.pl-item-link{color:#2563eb;white-space:nowrap;font-size:.78rem;text-decoration:none}.pl-item-link:hover{text-decoration:underline}.pl-actions{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1.4rem;display:flex}.pl-reset{color:#b91c1c;cursor:pointer;background:0 0;border:1px solid #fca5a5;border-radius:9px;padding:.45rem .9rem;font-size:.82rem}.pl-reset:hover{background:#fef2f2}.pl-back{color:#2563eb;font-size:.85rem;text-decoration:none}.pl-back:hover{text-decoration:underline}.pl-saving{color:#94a3b8;font-size:.78rem}.app{background:#f8fafc;flex-direction:column;min-height:100vh;display:flex}.app-main{flex:1}.app-footer{text-align:center;color:#9ca3af;background:#fff;border-top:1px solid #e5e7eb;padding:2rem 1.5rem;font-size:.85rem}