:root{--bg-page:#f6f5f1;--text-primary:#1b2340;--text-muted:#5b6178;--surface-card:#fff;--border:#d9dce3;--accent-highlight:#f4d35e;--accent-link:#2e4374;--progress-track:#efede6;--grid-color:#d9dce366;--badge-idle-bg:#e8e6de;--badge-idle-text:#5b6178;--badge-active-bg:#f4d35e;--badge-active-text:#5c4a0e;--badge-done-bg:#1b2340;--badge-done-text:#f6f5f1;--danger:#dc2626;--danger-hover:#b91c1c;--danger-bg:#dc262614;--warning:#e67e22;--warning-bg:#e67e2214;--success:#059669;--success-bg:#05966914;--font-display:"Fraunces", Georgia, "Times New Roman", serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-serif:"Fraunces", Georgia, "Times New Roman", serif;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem;--space-2xl:4rem;--space-3xl:6rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--transition-fast:.15s ease;--transition-base:.25s cubic-bezier(.2, 0, 0, 1);--transition-bounce:.4s cubic-bezier(.2, 1.2, .3, 1);--bg-translucent-card:#fff9;--bg-translucent-hover:#ffffffd9;--bg-translucent-empty:#fff6;--bg-tag:#ffffff80;--bg-tag-hover:#fffc;--bg-nav:#ffffffb3;--bg-search:#ffffff80;--bg-search-hover:#ffffffe6;--bg-icon-default:#2e43740f;--text-icon-default:#2e4374;--bg-icon-kalkulus:#2e437414;--text-icon-kalkulus:#2e4374;--bg-icon-algoritma:#2e7d3214;--text-icon-algoritma:#2e7d32;--bg-icon-fisika:#e6510014;--text-icon-fisika:#e65100;--bg-icon-statistik:#7b1fa214;--text-icon-statistik:#7b1fa2;--bg-recent-icon:var(--accent-highlight);--text-recent-icon:var(--badge-active-text);--primary:var(--accent-link);--primary-hover:#1b2340;--primary-rgb:46, 67, 116;--surface:var(--surface-card);--surface-hover:#f0f2f5;--background:var(--bg-page);--text-secondary:var(--text-muted);--border-hover:#b0b5c1;--border-subtle:#d9dce399;--shadow-md:#1b23401f;--font-inter:var(--font-body)}[data-theme=dark]{--bg-page:#12141c;--text-primary:#e8e6de;--text-muted:#8e95ad;--surface-card:#1b2032;--border:#2a3047;--accent-highlight:#f4d35e;--accent-link:#88a4e6;--progress-track:#2a3047;--grid-color:#2a304766;--badge-idle-bg:#1b2032;--badge-idle-text:#8e95ad;--badge-active-bg:#f4d35e33;--badge-active-text:#f4d35e;--badge-done-bg:#e8e6de;--badge-done-text:#1b2032;--danger:#ef4444;--danger-hover:#f87171;--danger-bg:#ef444426;--warning:#f0a860;--warning-bg:#f0a86026;--success:#4ade80;--success-bg:#4ade8026;--bg-translucent-card:#1b203299;--bg-translucent-hover:#1b2032d9;--bg-translucent-empty:#1b203266;--bg-tag:#1b203280;--bg-tag-hover:#1b2032cc;--bg-nav:#1b2032b3;--bg-search:#1b203280;--bg-search-hover:#1b2032e6;--bg-icon-default:#88a4e61a;--text-icon-default:var(--accent-link);--bg-icon-kalkulus:#88a4e626;--text-icon-kalkulus:#a0b9ed;--bg-icon-algoritma:#81c78426;--text-icon-algoritma:#a5d6a7;--bg-icon-fisika:#ffb74d26;--text-icon-fisika:#ffcc80;--bg-icon-statistik:#ba68c826;--text-icon-statistik:#ce93d8;--bg-recent-icon:#f4d35e33;--text-recent-icon:var(--accent-highlight);--primary:var(--accent-link);--primary-hover:#a0b9ed;--primary-rgb:136, 164, 230;--surface:var(--surface-card);--surface-hover:#2a3047;--background:var(--bg-page);--text-secondary:var(--text-muted);--border-hover:#3a415c;--border-subtle:#2a3047b3;--shadow-md:#00000059;--font-inter:var(--font-body)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;scrollbar-gutter:stable;font-size:16px;overflow-x:clip}body{font-family:var(--font-body);color:var(--text-primary);background-color:var(--bg-page);scrollbar-color:#d9dce3cc var(--bg-page);scrollbar-width:thin;background-image:radial-gradient(circle at 80% -20%,#f4d35e14,#0000 40%),radial-gradient(circle at 20% 120%,#2e43740d,#0000 40%);background-size:100% 100%,100% 100%;background-attachment:fixed;min-height:100vh;line-height:1.6;overflow-x:clip}a{color:var(--accent-link);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;line-height:1.2}.container{width:100%;max-width:1440px;padding:0 var(--space-xl);margin:0 auto}@media (max-width:768px){.container{padding:0 var(--space-md)}body{background-attachment:scroll}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}::selection{background-color:var(--accent-highlight);color:var(--text-primary)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{opacity:0;animation:.6s cubic-bezier(.2,0,0,1) forwards fadeInUp}@keyframes scaleIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-page)}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);border:2px solid var(--bg-page);background:#d9dce3cc}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}
.materi-render-wrapper .materi-content{color:#1b2340;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;font-family:"Source Sans 3",Segoe UI,system-ui,-apple-system,sans-serif;font-size:1em;line-height:1.8}.materi-render-wrapper .materi-content h1{color:#1b2340;border-bottom:2px solid #f4d35e;margin-bottom:1.25rem;padding-bottom:.75rem;font-family:Playfair Display,Georgia,serif;font-size:2.25rem;font-weight:700;line-height:1.3}.materi-render-wrapper .materi-content h2{color:#1b2340;border-left:3px solid #f4d35e;margin-top:2.25rem;margin-bottom:1rem;padding-left:.875rem;font-family:Playfair Display,Georgia,serif;font-size:1.65rem;font-weight:600;line-height:1.3}.materi-render-wrapper .materi-content h3{color:#2e4374;margin-top:1.75rem;margin-bottom:.75rem;font-family:Playfair Display,Georgia,serif;font-size:1.35rem;font-weight:600}.materi-render-wrapper .materi-content h4,.materi-render-wrapper .materi-content h5,.materi-render-wrapper .materi-content h6{color:#1b2340;margin-top:1.25rem;margin-bottom:.5rem;font-family:"Source Sans 3",sans-serif;font-weight:600}.materi-render-wrapper .materi-content p{margin-bottom:1.25rem}.materi-render-wrapper .materi-content strong{color:#1b2340;font-weight:600}.materi-render-wrapper .materi-content em{font-style:italic}.materi-render-wrapper .materi-content a{color:#2e4374;text-underline-offset:2px;-webkit-text-decoration:underline #2e43744d;text-decoration:underline #2e43744d;transition:text-decoration-color .2s}.materi-render-wrapper .materi-content a:hover{text-decoration-color:#2e4374}.materi-render-wrapper .materi-content ul,.materi-render-wrapper .materi-content ol{margin-bottom:1rem;padding-left:1.5rem}.materi-render-wrapper .materi-content li{margin-bottom:.35rem}.materi-render-wrapper .materi-content ul li::marker{color:#2e4374}.materi-render-wrapper .materi-content ol li::marker{color:#2e4374;font-weight:600}.materi-render-wrapper .materi-content .definisi{background:#eef1f8;border-left:4px solid #2e4374;border-radius:0 8px 8px 0;margin:1.25rem 0;padding:1rem 1.25rem}.materi-render-wrapper .materi-content .definisi h3{color:#2e4374;text-transform:uppercase;letter-spacing:.04em;margin-top:0;font-size:.95rem}.materi-render-wrapper .materi-content .contoh{background:#fff9e6;border-left:4px solid #f4d35e;border-radius:0 8px 8px 0;margin:1.25rem 0;padding:1rem 1.25rem}.materi-render-wrapper .materi-content .contoh h3{color:#5c4a0e;text-transform:uppercase;letter-spacing:.04em;margin-top:0;font-size:.95rem}.materi-render-wrapper .materi-content .catatan{background:#fef3e2;border-left:4px solid #e6a817;border-radius:0 8px 8px 0;margin:1.25rem 0;padding:1rem 1.25rem}.materi-render-wrapper .materi-content .catatan h3{color:#8b6914;text-transform:uppercase;letter-spacing:.04em;margin-top:0;font-size:.95rem}.materi-render-wrapper .materi-content .rumus{text-align:center;background:#f6f5f1;border:1px solid #d9dce3;border-radius:8px;margin:1.25rem 0;padding:1.25rem}.materi-render-wrapper .materi-content .rumus h3{color:#1b2340;text-transform:uppercase;letter-spacing:.04em;text-align:left;margin-top:0;font-size:.95rem}.materi-render-wrapper .materi-content table{border-collapse:collapse;width:100%;margin:1.25rem 0;font-size:.925rem}.materi-render-wrapper .materi-content thead{color:#f6f5f1;background:#1b2340}.materi-render-wrapper .materi-content th{text-align:left;text-transform:uppercase;letter-spacing:.03em;padding:.625rem .875rem;font-size:.85rem;font-weight:600}.materi-render-wrapper .materi-content td{border-bottom:.5px solid #d9dce3;padding:.625rem .875rem}.materi-render-wrapper .materi-content tbody tr:hover{background:#f6f5f1}.materi-render-wrapper .materi-content code{color:#2e4374;background:#efede6;border-radius:4px;padding:.15em .4em;font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:.875em}.materi-render-wrapper .materi-content pre{color:#f6f5f1;white-space:pre;word-break:normal;overflow-wrap:normal;background:#1b2340;border-radius:8px;margin:1.25rem 0;padding:1rem 1.25rem;font-size:.875rem;line-height:1.6;overflow-x:auto}.materi-render-wrapper .materi-content pre code{color:inherit;font-size:inherit;background:0 0;padding:0}.materi-render-wrapper .materi-content blockquote{color:#5b6178;border-left:3px solid #d9dce3;margin:1rem 0;padding:.5rem 1rem;font-style:italic}.materi-render-wrapper .materi-content hr{border:none;border-top:1px solid #d9dce3;margin:2rem 0}.materi-render-wrapper .materi-content img{border-radius:8px;max-width:100%;height:auto;margin:1rem 0}.materi-render-wrapper .materi-content figure{text-align:center;margin:1.25rem 0}.materi-render-wrapper .materi-content figcaption{color:#5b6178;margin-top:.5rem;font-size:.85rem;font-style:italic}.materi-render-wrapper .materi-content details{background:#fff;border:.5px solid #d9dce3;border-radius:8px;margin:1rem 0;padding:.75rem 1rem}.materi-render-wrapper .materi-content summary{cursor:pointer;color:#2e4374;-webkit-user-select:none;user-select:none;padding:.25rem 0;font-weight:600}.materi-render-wrapper .materi-content summary:hover{color:#1b2340}.materi-render-wrapper .materi-content details[open] summary{border-bottom:.5px solid #d9dce3;margin-bottom:.75rem;padding-bottom:.5rem}.materi-render-wrapper .materi-content mark{color:#1b2340;background:#f4d35e;border-radius:2px;padding:.1em .3em}.materi-render-wrapper .materi-content .MathJax{font-size:1em!important}@media (max-width:640px){.materi-render-wrapper .materi-content{font-size:.9em}.materi-render-wrapper .materi-content h1{font-size:1.5rem}.materi-render-wrapper .materi-content h2{font-size:1.2rem}.materi-render-wrapper .materi-content table{font-size:.85rem}.materi-render-wrapper .materi-content th,.materi-render-wrapper .materi-content td{padding:.5rem}}[data-theme=dark] .materi-render-wrapper .materi-content,[data-theme=dark] .materi-render-wrapper .materi-content h1,[data-theme=dark] .materi-render-wrapper .materi-content h2,[data-theme=dark] .materi-render-wrapper .materi-content h4,[data-theme=dark] .materi-render-wrapper .materi-content h5,[data-theme=dark] .materi-render-wrapper .materi-content h6,[data-theme=dark] .materi-render-wrapper .materi-content strong{color:var(--text-primary)}[data-theme=dark] .materi-render-wrapper .materi-content h3{color:var(--accent-link)}[data-theme=dark] .materi-render-wrapper .materi-content a{color:var(--accent-link);text-decoration-color:#88a4e64d}[data-theme=dark] .materi-render-wrapper .materi-content a:hover{-webkit-text-decoration-color:var(--accent-link);text-decoration-color:var(--accent-link)}[data-theme=dark] .materi-render-wrapper .materi-content ul li::marker{color:var(--accent-link)}[data-theme=dark] .materi-render-wrapper .materi-content ol li::marker{color:var(--accent-link)}[data-theme=dark] .materi-render-wrapper .materi-content blockquote{color:var(--text-muted);border-left-color:var(--border)}[data-theme=dark] .materi-render-wrapper .materi-content hr{border-top-color:var(--border)}[data-theme=dark] .materi-render-wrapper .materi-content figcaption{color:var(--text-muted)}[data-theme=dark] .materi-render-wrapper .materi-content summary{color:var(--accent-link)}[data-theme=dark] .materi-render-wrapper .materi-content summary:hover{color:var(--text-primary)}[data-theme=dark] .materi-render-wrapper .materi-content details{background:var(--surface-card);border-color:var(--border)}[data-theme=dark] .materi-render-wrapper .materi-content details[open] summary{border-bottom-color:var(--border)}[data-theme=dark] .materi-render-wrapper .materi-content code{background:var(--progress-track);color:var(--accent-highlight)}[data-theme=dark] .materi-render-wrapper .materi-content pre{color:var(--text-primary);background:#0d111a}[data-theme=dark] .materi-render-wrapper .materi-content .definisi{border-left-color:var(--accent-link);background:#88a4e61a}[data-theme=dark] .materi-render-wrapper .materi-content .definisi h3{color:var(--accent-link)}[data-theme=dark] .materi-render-wrapper .materi-content .contoh{border-left-color:var(--accent-highlight);background:#f4d35e1a}[data-theme=dark] .materi-render-wrapper .materi-content .contoh h3{color:var(--accent-highlight)}[data-theme=dark] .materi-render-wrapper .materi-content .catatan{background:#e6a8171a;border-left-color:#e6a817}[data-theme=dark] .materi-render-wrapper .materi-content .catatan h3{color:#f4d35e}[data-theme=dark] .materi-render-wrapper .materi-content .rumus{background:var(--surface-card);border-color:var(--border)}[data-theme=dark] .materi-render-wrapper .materi-content .rumus h3{color:var(--text-primary)}[data-theme=dark] .materi-render-wrapper .materi-content thead{background:var(--progress-track);color:var(--text-primary)}[data-theme=dark] .materi-render-wrapper .materi-content td{border-bottom-color:var(--border)}[data-theme=dark] .materi-render-wrapper .materi-content tbody tr:hover{background:var(--surface-card)}[data-theme=dark] .materi-render-wrapper .materi-content mark{color:var(--text-primary);background:#f4d35e4d}