*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,system-ui,sans-serif}.app,body{background:#f0f2f8}.app{margin:0 auto;max-width:480px;min-height:100vh}.header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;gap:12px;padding:16px}.logo{background:#fff3;border-radius:14px;font-size:2.4rem;line-height:1;padding:8px}.app-title{color:#fff;font-size:22px;font-weight:900;letter-spacing:-.5px}.app-sub{color:#fffc;font-size:12px;margin-top:2px}.hero{background:linear-gradient(135deg,#667eea,#764ba2);padding:12px 16px 20px;text-align:center}.hero-text{color:#ffffffe6;font-size:14px}.menu-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;padding:16px}.menu-card{border:none;border-radius:20px;box-shadow:0 4px 20px #0000001f;cursor:pointer;padding:20px 12px;position:relative;text-align:center;transition:transform .15s}.menu-card:active{transform:scale(.97)}.menu-icon{font-size:2rem;margin-bottom:8px}.menu-label{color:#fff;font-size:12px;font-weight:800;text-shadow:0 1px 3px #0003}.menu-badge{background:#ffd32a;border-radius:99px;color:#333;font-size:10px;font-weight:800;padding:2px 6px;position:absolute;right:8px;top:8px}.score-bar{background:#fff;border-top:1px solid #eee;color:#555;display:flex;font-size:13px;justify-content:space-between;padding:10px 16px}.topbar{align-items:center;display:flex;gap:12px;padding:12px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.back-btn{background:#ffffff38;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:6px 12px}.topbar-title{color:#fff;font-size:15px;font-weight:700}.content{display:flex;flex-direction:column;gap:12px;padding:14px 14px 32px}.card{background:#fff;border:1px solid #eee;border-radius:16px;box-shadow:0 2px 12px #0000000f;padding:16px}.card-text{color:#555;font-size:13px;line-height:1.65;margin:0}.ciri-item{align-items:flex-start;color:#444;display:flex;font-size:13px;gap:8px;margin-bottom:6px}.guide-card{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;display:flex;gap:12px;padding:14px}.guide-icon{flex-shrink:0;font-size:1.8rem}.guide-title{color:#333;font-size:14px;font-weight:700;margin-bottom:4px}.guide-text{color:#666;font-size:12px;line-height:1.5;margin:0}.shapes-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr 1fr}.shape-card{background:#fff;border:2px solid;border-radius:16px;box-shadow:0 2px 10px #0000000f;cursor:pointer;padding:14px 8px;text-align:center;transition:transform .15s}.shape-card:active{transform:scale(.96)}.section-desc{color:#666;font-size:13px;font-weight:500}.section-title{color:#333;font-size:14px;font-weight:700;margin-bottom:10px}.table{border-collapse:collapse;font-size:12px;width:100%}.table th{background:#667eea11;border-bottom:1px solid #eee;color:#555;font-size:11px;font-weight:700;padding:8px;text-align:center}.table td{border-bottom:1px solid #f5f5f5;color:#444;padding:6px 8px;text-align:center}.tabs-row{background:#fff;border-bottom:3px solid;display:flex;gap:6px;overflow-x:auto;padding:10px 14px}.tab-btn{border:1.5px solid;border-radius:20px;cursor:pointer;font-size:11px;font-weight:600;padding:7px 11px;transition:all .2s;white-space:nowrap}.formula-card{border:2px solid;border-radius:16px;box-shadow:0 2px 12px #0000000f;padding:24px;text-align:center}.formula-label{color:#888;font-size:11px;font-weight:700;letter-spacing:1px;margin-bottom:8px}.formula{font-family:Courier New,monospace;font-size:26px;font-weight:900;margin:4px 0}.formula-var{color:#777;font-size:12px;margin-top:6px}.jaring-container{align-items:center;display:flex;flex-direction:column;gap:12px}.jaring-svg-wrap{background:#f8f9fa;border-radius:12px;display:flex;justify-content:center;padding:12px;width:100%}.jaring-progress{display:flex;gap:6px}.jaring-dot{border-radius:50%;height:10px;transition:background .3s;width:10px}.jaring-controls{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.btn-anim{border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:13px;font-weight:700;padding:10px 18px;transition:opacity .2s}.btn-anim:disabled{cursor:not-allowed;opacity:.6}.btn-reset{background:#fff;border:1px solid #ddd;color:#666;cursor:pointer;padding:10px 16px}.anim-done,.btn-reset{border-radius:12px;font-size:13px}.anim-done{border:1.5px solid;font-weight:600;padding:8px 16px;text-align:center}.jaring-piece{animation:fadeIn .4s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.ai-banner{align-items:center;background:linear-gradient(135deg,#e3f2fd,#bbdefb)!important;border:1px solid #90caf9!important;display:flex;gap:12px}.ai-icon{font-size:2rem}.kelas-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr 1fr}.kelas-btn{align-items:center;background:#fff;border:2px solid #ddd;border-radius:12px;color:#555;cursor:pointer;display:flex;flex-direction:column;font-size:12px;font-weight:600;gap:2px;padding:10px 6px;transition:all .2s}.kelas-btn.selected{background:#667eea11;border-color:#667eea;color:#667eea}.topik-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.topik-btn{background:#fff;border:2px solid #ddd;border-radius:10px;color:#555;cursor:pointer;font-size:12px;font-weight:600;padding:9px 10px;text-align:left;transition:all .2s}.topik-btn.selected{background:#4facfe18;border-color:#4facfe;color:#08c}.jumlah-btn{background:#fff;border:2px solid #ddd;border-radius:10px;color:#555;cursor:pointer;flex:1 1;font-size:13px;font-weight:700;padding:10px;transition:all .2s}.jumlah-btn.selected{background:#43e97b18;border-color:#43e97b;color:#1a7a3a}.loading-screen{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:60vh;padding:20px;text-align:center}.loading-spinner{animation:spin 2s linear infinite;font-size:4rem}@keyframes spin{0%,to{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}.loading-bar{background:#eee;border-radius:99px;height:6px;overflow:hidden;width:200px}.loading-fill{animation:loading 2s ease-in-out infinite;background:linear-gradient(90deg,#4facfe,#00f2fe);border-radius:99px;height:100%}@keyframes loading{0%{width:10%}50%{width:80%}to{width:10%}}.soal-header{align-items:center;background:#fff;border-bottom:1px solid #eee;color:#555;display:flex;font-size:13px;gap:10px;justify-content:space-between;padding:10px 16px}.soal-progress-bar{background:#eee;border-radius:99px;flex:1 1;height:6px;overflow:hidden}.soal-progress-fill{background:linear-gradient(90deg,#4facfe,#43e97b);height:100%;transition:width .4s}.soal-text{color:#333;font-size:15px;font-weight:600;line-height:1.5;margin:8px 0 0}.badge{background:#4facfe22;border-radius:99px;color:#08c;display:inline-block;font-size:11px;font-weight:600;padding:3px 10px}.pilihan-list{display:flex;flex-direction:column;gap:8px}.pilihan-btn{align-items:center;background:#fff;border:2px solid #ddd;border-radius:14px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:10px;padding:12px 14px;text-align:left;transition:all .15s}.pilihan-btn:disabled{cursor:default}.pilihan-btn.benar{background:#e8f5e9;border-color:#43a047;color:#2e7d32}.pilihan-btn.salah{background:#ffebee;border-color:#e53935;color:#c62828}.pilihan-label{align-items:center;background:#667eea;border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:800;height:28px;justify-content:center;width:28px}.ml-auto{margin-left:auto}.feedback-benar{background:linear-gradient(135deg,#43e97b22,#38f9d722);border:1.5px solid #43a047;border-radius:14px;color:#2e7d32;font-size:15px;font-weight:700;padding:14px;text-align:center}.feedback-salah{background:#fff9e6;border:1.5px solid #ffd32a;border-radius:14px;padding:14px}.feedback-salah h4{color:#f57f17;font-size:13px;margin-bottom:6px}.feedback-salah p{color:#555;font-size:13px;line-height:1.5;margin:0}.pembahasan-box{background:#fff;border:1px solid #eee;border-radius:10px;margin-top:10px;padding:10px}.pembahasan-box strong{color:#333;font-size:12px}.pembahasan-box p{color:#666;font-size:12px;margin:4px 0 0;white-space:pre-line}.selesai-card{background:linear-gradient(135deg,#667eea11,#764ba211)!important;text-align:center}.score-display{color:#667eea;font-size:3rem;font-weight:900;margin:4px 0}.history-row{align-items:center;border-bottom:1px solid #f5f5f5;color:#555;display:flex;font-size:13px;gap:8px;justify-content:space-between;padding:8px 0}.kuis-header{padding:12px 16px}.kuis-meta{color:#fff;display:flex;font-size:13px;justify-content:space-between;margin-bottom:8px}.kuis-timer-bar{background:#ffffff4d;border-radius:99px;height:6px;overflow:hidden}.kuis-timer-fill{border-radius:99px;height:100%;transition:width 1s linear}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:13px 20px;transition:opacity .2s;width:100%}.btn-primary:active{opacity:.85}.btn-secondary{background:#f0f2f8;border:2px solid #667eea44;border-radius:12px;color:#667eea;cursor:pointer;font-size:14px;font-weight:700;padding:13px 20px;transition:all .2s}.btn-danger{border:1px solid #ffcdd2;border-radius:10px;cursor:pointer;font-weight:600;margin-top:10px;padding:10px 16px;width:100%}.btn-danger,.error-card{background:#ffebee;color:#c62828;font-size:13px}.error-card{border:1px solid #ffcdd2;border-radius:12px;padding:12px 14px}.setting-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.setting-row span{color:#444;font-size:14px}.toggle{border:none;border-radius:99px;cursor:pointer;height:24px;padding:0;position:relative;transition:background .3s;width:44px}.toggle-thumb{background:#fff;border-radius:50%;box-shadow:0 1px 4px #0003;height:18px;left:3px;position:absolute;top:3px;transition:transform .3s;width:18px}.size-btn{background:#fff;border:2px solid #ddd;border-radius:10px;color:#666;cursor:pointer;flex:1 1;font-size:12px;font-weight:700;padding:10px;transition:all .2s}.size-btn.selected{background:#667eea11;border-color:#667eea;color:#667eea}
/*# sourceMappingURL=main.018f1888.css.map*/