/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial}}}@layer theme{:host,:root{--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing:.25rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--radius-sm:.25rem;--ease-in-out:cubic-bezier(.4,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.fixed{position:fixed}.relative{position:relative}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.contents{display:contents}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.h-28{height:calc(var(--spacing) * 28)}.h-36{height:calc(var(--spacing) * 36)}.flex-shrink{flex-shrink:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}}:root{color-scheme:light;--paper:#fff;--paper-dim:#f6f7f9;--paper-edge:#eceff3;--ink:#14203a;--ink-soft:#3d4b63;--ink-muted:#6b7688;--blue:#2563eb;--blue-deep:#1e3a8a;--blue-fill:#2563eb;--blue-fill-strong:#1e3a8a;--blue-ghost:#e7eefd;--green:#16a34a;--green-ghost:#dcfce7;--highlighter:#fde68a;--mint:#c9ebd4;--red-pen:#dc2626;--line:#e4e8ee;--line-soft:#eff1f5;--ok-bg:#dcfce7;--ok-border:#86efac;--ok-text:#166534;--err-bg:#fee2e2;--err-border:#fca5a5;--err-text:#991b1b;--text-xs:.78rem;--text-sm:.9rem;--text-base:1.02rem;--text-lg:1.2rem;--text-xl:1.5rem;--text-2xl:clamp(1.7rem,3.5vw,2.3rem);--text-3xl:clamp(2.1rem,5.5vw,3.4rem);--text-4xl:clamp(2.6rem,7vw,4.2rem);--space-1:.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2.5rem;--space-5:4rem;--space-6:6rem;--radius:14px;--radius-sm:10px;--shadow:0 1px 2px #14203a0a,0 4px 12px #14203a0d;--shadow-float:0 8px 30px #14203a1a;--ease:cubic-bezier(.22,1,.36,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body,html{overflow-x:clip}body{font-family:var(--font-body);color:var(--ink);background:var(--paper);line-height:1.65;font-size:var(--text-base);text-wrap:pretty;-webkit-font-smoothing:antialiased;padding-top:88px}h1,h2,h3,h4{font-family:var(--font-display);text-wrap:balance;color:var(--ink);letter-spacing:-.01em;font-weight:600;line-height:1.12}a{color:inherit}img{max-width:100%;display:block}.wrap{width:min(1040px,92vw);margin-inline:auto}.wrap-narrow{width:min(720px,92vw);margin-inline:auto}section{padding:clamp(2.5rem,7vh,5rem) 0}.skip-link{z-index:9999;background:var(--blue-fill);color:#fff;min-height:44px;font-size:var(--text-sm);border-radius:8px;align-items:center;padding:.75rem 1.25rem;font-weight:600;text-decoration:none;display:inline-flex;position:absolute;top:-100%;left:1rem}.skip-link:focus{top:.6rem}.btn:focus-visible,.mapel-card:focus-visible,.node-content:focus-visible,.toc-row:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:2px;border-radius:var(--radius-sm)}.navbar{top:calc(.9rem + env(safe-area-inset-top));-webkit-backdrop-filter:blur(16px)saturate(180%);border:1px solid var(--line);width:calc(100% - 1.8rem);max-width:880px;height:60px;box-shadow:var(--shadow);z-index:999;background:#ffffffd1;border-radius:16px;position:fixed;left:50%;transform:translate(-50%)}.nav-inner,.navbar{align-items:center;display:flex}.nav-inner{justify-content:space-between;width:100%;padding:0 1.4rem}.nav-logo{min-height:44px;font-family:var(--font-display);color:var(--ink);letter-spacing:-.02em;align-items:center;font-size:1.25rem;font-weight:600;text-decoration:none;display:inline-flex}.nav-logo .dot-blue{color:var(--blue)}.nav-links{gap:1.4rem;display:flex}.nav-links a{min-width:48px;min-height:44px;font-weight:600;font-size:var(--text-sm);color:var(--ink-muted);transition:color .18s var(--ease);justify-content:center;align-items:center;padding:0 .5rem;text-decoration:none;display:inline-flex}@media (hover:hover) and (pointer:fine){.nav-links a:hover{color:var(--blue)}}.nav-menu{position:relative}.nav-menu-tombol{min-height:44px;font-family:inherit;font-weight:600;font-size:var(--text-sm);color:var(--ink-muted);cursor:pointer;transition:color .18s var(--ease);background:0 0;border:none;align-items:center;gap:.4rem;padding:0 .6rem;display:inline-flex}.nav-menu-tombol:hover,.nav-menu-tombol[aria-expanded=true]{color:var(--blue)}.nav-menu-panah{font-size:.65rem;line-height:1}.nav-menu-panel{z-index:1000;background:var(--paper);border:1px solid var(--line);min-width:20rem;box-shadow:var(--shadow-float);border-radius:12px;grid-template-columns:1fr 1fr;gap:.9rem 1.4rem;padding:1rem 1.1rem .85rem;display:grid;position:absolute;top:calc(100% + .6rem);left:0}.nav-menu-grup ul{gap:.1rem;margin:0;padding:0;list-style:none;display:grid}.nav-menu-judul{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);border-bottom:2px solid var(--ink-muted);margin:0 0 .35rem;padding-bottom:.3rem;font-size:.72rem;font-weight:800}.nav-menu-grup a{min-height:44px;font-size:var(--text-sm);color:var(--ink-soft);transition:background .16s var(--ease),color .16s var(--ease);border-radius:4px;align-items:center;padding:0 .5rem;font-weight:500;text-decoration:none;display:flex}.nav-menu-grup a:hover{background:var(--blue-ghost);color:var(--blue-deep)}.nav-menu-nota{border-top:1px solid var(--line);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-soft);grid-column:1/-1;margin:0;padding-top:.6rem}.theme-toggle{border:1px solid var(--line);background:var(--paper-dim);width:40px;height:40px;color:var(--ink-soft);cursor:pointer;transition:all .2s var(--ease);border-radius:12px;justify-content:center;align-items:center;margin-left:.3rem;display:inline-flex}.theme-toggle:hover{color:var(--blue);border-color:var(--blue)}@supports (color:color-mix(in lab,red,red)){.theme-toggle:hover{border-color:color-mix(in srgb,var(--blue) 40%,var(--line))}}.theme-toggle:hover{background:var(--blue-ghost);transform:rotate(8deg)}.site-footer{border-top:1px solid var(--line);background:var(--paper-dim);color:var(--ink-muted);font-size:var(--text-sm);margin-top:4rem;padding:3.5rem 0 0}.footer-grid{grid-template-columns:1.6fr 1fr 1fr;align-items:start;gap:2rem 2.2rem;padding-bottom:2.5rem;display:grid}.footer-col{flex-direction:column;align-items:flex-start;gap:.55rem;display:flex}.footer-brand{font-family:var(--font-display);font-size:var(--text-xl);color:var(--ink);margin:0;font-weight:600}.footer-brand .dot-blue{color:var(--blue)}.footer-tag{color:var(--ink-soft);max-width:26ch;margin:0;line-height:1.6}.footer-tape{letter-spacing:.04em;color:#5b3e00;background:var(--highlighter);border-radius:var(--radius-sm);padding:.3rem .65rem;font-weight:600;display:inline-block;transform:rotate(-1.2deg);box-shadow:0 1px 2px #0000001f}.footer-head,.footer-tape{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase}.footer-head{letter-spacing:.06em;color:var(--ink);border-bottom:2px solid var(--ink-muted);width:100%;margin:0 0 .4rem;padding-bottom:.4rem;font-weight:700}.footer-col a:not(.btn){min-width:44px;min-height:44px;color:var(--ink-soft);transition:color .18s var(--ease),transform .18s var(--ease);align-items:center;font-weight:500;text-decoration:none;display:inline-flex}.footer-col a:not(.btn):hover{color:var(--blue);text-underline-offset:4px;text-decoration:underline;transform:translate(2px)}.footer-col .btn{min-height:44px}.footer-bottom{border-top:1px solid var(--line);font-size:var(--text-xs);flex-wrap:wrap;align-items:center;gap:.5rem;padding:1.1rem 0 1.3rem;display:flex}.footer-copy{font-family:var(--font-mono);color:var(--ink-soft);margin:0}@media (hover:hover) and (pointer:fine){.footer-col a:hover{color:var(--blue);transform:translate(3px)}}@media (max-width:900px){.footer-grid{grid-template-columns:1fr 1fr;gap:1.8rem}.footer-brand-col{grid-column:1/-1}}@media (max-width:520px){.footer-grid{grid-template-columns:1fr;gap:1.6rem}.footer-bottom{text-align:center;flex-direction:column}}.btn{border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-body);font-weight:700;font-size:var(--text-sm);white-space:nowrap;transition:transform .14s var(--ease),background .18s var(--ease),border-color .18s var(--ease),color .18s var(--ease);border:1.5px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.7rem;text-decoration:none;display:inline-flex}.btn-primary{background:var(--blue-fill);color:#fff}.btn-primary:active{transform:translateY(1px)}.btn-ghost{color:var(--blue);border-color:var(--line);background:0 0}.btn-ghost:active{transform:translateY(1px)}@media (hover:hover) and (pointer:fine){.btn-primary:hover{background:var(--blue-fill-strong)}.btn-ghost:hover{border-color:var(--blue);background:var(--blue-ghost)}}.breadcrumb{font-size:var(--text-sm);color:var(--ink-muted);padding:1.5rem 0 .5rem}.breadcrumb a{color:var(--blue);font-weight:600;text-decoration:none}@media (hover:hover) and (pointer:fine){.breadcrumb a:hover{text-decoration:underline}}.hero{grid-template-columns:1.5fr 1fr;align-items:center;gap:3rem;padding:3.5rem 0 2.5rem;display:grid;position:relative}.hero-eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;color:var(--ink-muted);text-transform:uppercase;align-items:center;gap:.55rem;margin-bottom:1.2rem;display:inline-flex}.hero-eyebrow:before{content:"";background:var(--blue);width:22px;height:2px;display:inline-block}.hero h1{font-size:var(--text-4xl);margin-bottom:1.2rem;font-weight:600}.hero h1 .accent{color:var(--blue);font-style:italic}.hero-sub{font-size:var(--text-lg);color:var(--ink-soft);max-width:30rem;margin-bottom:2rem;line-height:1.6}.hero-actions{flex-wrap:wrap;gap:.9rem;display:flex}.hero-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);transition:transform .3s var(--ease);padding:1.8rem 1.5rem 1.4rem;position:relative;transform:rotate(1deg)}.hero-card:before{border-radius:var(--radius);border-left:3px solid var(--red-pen);inset:0}.hero-card:after,.hero-card:before{content:"";opacity:.5;pointer-events:none;position:absolute}.hero-card:after{background:var(--highlighter);border-radius:2px;width:74px;height:22px;top:-.55rem;left:50%;transform:translate(-50%)rotate(-2deg);box-shadow:0 1px 4px #0000001a}.hero-card:hover{transform:rotate(0)}.hero-card .ruled{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;padding:.55rem 0;display:flex}.hero-card .ruled:last-child{border-bottom:none}.hero-card .ruled span{font-size:var(--text-sm);color:var(--ink-soft)}.hero-card .ruled .tag{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--blue);font-weight:600}.hero-card .ruled .tag.soon,.hero-card-head{color:var(--ink-muted)}.hero-card-head{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.8rem}.chapter{padding-top:1rem}.chapter-head{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.5rem;padding-bottom:.9rem;display:flex}.chapter-head h2{font-size:var(--text-2xl)}.chapter-head .meta{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-muted);text-transform:uppercase;letter-spacing:.04em}.chapter.dim{opacity:.55}.mapel-grid{grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:1rem;margin-bottom:3rem}.mapel-card{color:var(--ink);transition:transform .2s var(--ease),box-shadow .2s var(--ease),border-color .2s var(--ease);align-items:center;gap:1.1rem;padding:1.3rem 1.4rem;text-decoration:none}.mapel-card .icon{flex-shrink:0;width:52px;height:52px}.mapel-card .icon img{width:100%;height:100%}.mapel-body{flex:1;min-width:0}.mapel-body strong{font-family:var(--font-display);font-weight:600;font-size:var(--text-lg);margin-bottom:.15rem;display:block}.mapel-body small{font-size:var(--text-sm);color:var(--ink-muted);line-height:1.45;display:block}.mapel-stat{color:var(--blue);font-weight:700}.mapel-soon,.mapel-stat{font-size:var(--text-xs);margin-top:.5rem;display:inline-block}.mapel-soon{font-family:var(--font-mono);color:var(--ink-muted)}.mapel-card .go{color:var(--blue);transition:transform .2s var(--ease);margin-left:auto;font-weight:700}.mapel-card.locked{cursor:default;background:var(--paper-dim)}.mapel-card.locked .icon img{filter:grayscale();opacity:.7}.mapel-card.locked .mapel-body strong{color:var(--ink-soft)}.mapel-card.locked .mapel-body small,.mapel-card.locked .mapel-soon{color:var(--ink-muted)}@media (hover:hover) and (pointer:fine){.mapel-card.active:hover{box-shadow:var(--shadow-float);border-color:var(--blue);transform:translateY(-3px)}.mapel-card.active:hover .go{transform:translate(3px)}}.stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:center;align-items:center;gap:2.5rem;padding:2.5rem 0;display:flex}.stat{text-align:center}.stat-num{font-family:var(--font-display);color:var(--blue);font-variant-numeric:tabular-nums;font-size:clamp(2rem,5vw,2.8rem);font-weight:600;line-height:1}.stat-lbl{font-size:var(--text-xs);color:var(--ink-muted);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.03em;margin-top:.4rem;display:block}.stat-sep{background:var(--line);width:1px;height:36px}.section-head{margin-bottom:1.8rem}.section-head h2{font-size:var(--text-2xl);margin-bottom:.3rem}.section-head .sub{color:var(--ink-muted);font-size:var(--text-base)}.journey{max-width:640px;margin:1rem auto;padding-left:2rem;position:relative}.journey:before{content:"";background:var(--line);width:2px;position:absolute;top:.5rem;bottom:.5rem;left:7px}.journey-node{margin-bottom:1rem;position:relative}.journey-node:before{content:"";background:var(--blue-ghost);border:1.5px solid var(--blue);width:15px;height:22px;box-shadow:0 2px 0 var(--paper);border-radius:2px;position:absolute;top:1.2rem;left:-1.68rem;transform:rotate(-8deg)}.journey-node.locked:before{background:var(--paper-dim);border-color:var(--line)}.node-content{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);color:inherit;box-shadow:var(--shadow);transition:transform .2s var(--ease),box-shadow .2s var(--ease),border-color .2s var(--ease);padding:1.2rem 1.4rem;text-decoration:none;display:block}.node-num{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--blue);font-weight:600}.node-content h3{font-size:var(--text-lg);margin:.2rem 0 .3rem}.node-content p{color:var(--ink-muted);font-size:var(--text-sm);margin:0;line-height:1.5}.node-content.locked{opacity:.62}.node-soon{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-muted);margin-top:.5rem;display:inline-block}@media (hover:hover) and (pointer:fine){a.node-content:hover{box-shadow:var(--shadow-float);border-color:var(--blue);transform:translate(4px)}}.toc{flex-direction:column;gap:.55rem;margin-top:1.5rem;display:flex}.toc-row{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink);box-shadow:var(--shadow);transition:transform .18s var(--ease),box-shadow .18s var(--ease),border-color .18s var(--ease);align-items:center;gap:1rem;padding:1rem 1.3rem;text-decoration:none;display:flex;position:relative}.toc-row:before{content:"";background:var(--blue);opacity:0;width:3px;transition:opacity .18s var(--ease);border-radius:2px;position:absolute;top:.9rem;bottom:.9rem;left:0}@media (hover:hover) and (pointer:fine){.toc-row:hover:before{opacity:1}}.toc-code{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--blue);min-width:1.6rem;font-weight:600}.toc-title{font-weight:600;font-size:var(--text-base);flex:1}.toc-go{color:var(--blue);transition:transform .18s var(--ease);font-weight:700}@media (hover:hover) and (pointer:fine){.toc-row:hover{box-shadow:var(--shadow-float);border-color:var(--blue);transform:translate(4px)}.toc-row:hover .toc-go{transform:translate(3px)}}.reader{max-width:680px;margin:0 auto;padding:1rem 0 2rem}.reader-header{border-bottom:1px solid var(--line);margin-bottom:2.5rem;padding-bottom:1.3rem}.reader-meta{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.6rem}.reader-header h1{font-size:var(--text-3xl)}.reader-lede{font-size:var(--text-lg);color:var(--ink-soft);margin-top:1rem;font-style:italic;line-height:1.6}.reader-body{color:var(--ink-soft);padding-left:1.4rem;font-size:1.08rem;line-height:1.8;position:relative}.reader-body:before{content:"";background:var(--red-pen);width:2px;position:absolute;top:.4rem;bottom:.4rem;left:0}@supports (color:color-mix(in lab,red,red)){.reader-body:before{background:color-mix(in srgb,var(--red-pen) 40%,transparent)}}.reader-body:before{opacity:.6}.reader-body h3{font-size:var(--text-xl);color:var(--ink);margin:2.4rem 0 .8rem;font-weight:600}.reader-body p{margin-bottom:1.3rem}.reader-body p:last-child{margin-bottom:0}.reader-rumus{margin:1.6rem 0;padding:.2rem 0;overflow:auto hidden}.reader-rumus .katex-display{margin:0}.reader-body .katex{color:var(--ink);font-size:1.05em}.reader-rumus .katex{color:var(--ink)}.kuis-feedback .katex,.kuis-opt-text .katex,.kuis-q-text .katex{color:inherit;font-size:1em}.reader-callout{background:var(--blue-ghost);border-left:4px solid var(--blue);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin:2.2rem 0 0;padding:1.3rem 1.5rem}.reader-callout strong{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--blue);margin-bottom:.4rem;display:block}.reader-callout p{font-size:var(--text-base);color:var(--ink-soft);margin:0;line-height:1.6}.reader-nav-btn.next{text-align:right;margin-left:auto}.reader-kuis{margin:2.5rem 0 0}.kuis-shell{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-dim);padding:1.8rem 1.8rem 2rem}.kuis-header{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.2rem;display:flex}.kuis-title{font-family:var(--font-display);font-size:var(--text-lg);margin-bottom:.3rem;font-weight:600}.kuis-sub{font-size:var(--text-sm);color:var(--ink-muted)}.kuis-score{text-align:right;border-radius:var(--radius-sm);background:var(--blue-ghost);padding:.6rem 1rem}.kuis-score.perfect{background:var(--ok-bg)}.kuis-score-num{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--blue);font-weight:600;line-height:1;display:block}.kuis-score.perfect .kuis-score-num{color:var(--ok-text)}.kuis-score-lbl{font-size:var(--text-xs);color:var(--ink-muted);margin-top:.3rem;display:block}.kuis-list{flex-direction:column;gap:1.2rem;display:flex}.kuis-q{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-sm);padding:1.3rem 1.4rem}.kuis-q.correct{border-color:var(--ok-border)}.kuis-q.wrong{border-color:var(--err-border)}.kuis-q-num{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--blue);margin-bottom:.5rem;font-weight:600}.kuis-q-text{margin-bottom:1rem;font-weight:600}.kuis-options{flex-direction:column;gap:.5rem;display:flex}.kuis-opt{border:1px solid var(--line-soft);border-radius:var(--radius-sm);font-size:var(--text-sm);cursor:pointer;transition:border-color .18s var(--ease),background .18s var(--ease);align-items:center;gap:.7rem;padding:.7rem .9rem;display:flex}.kuis-opt:hover:not(:has(input:disabled)){border-color:var(--blue)}.kuis-opt.selected{border-color:var(--blue);background:var(--blue-ghost)}.kuis-opt.right{border-color:var(--ok-border);background:var(--ok-bg)}.kuis-opt.wrong-opt{border-color:var(--err-border);background:var(--err-bg)}.kuis-opt input{accent-color:var(--blue)}.kuis-opt-letter{font-family:var(--font-mono);color:var(--blue);min-width:1.1rem;font-weight:700}.kuis-opt-text{flex:1}.kuis-opt-mark{font-weight:700}.kuis-opt.right .kuis-opt-mark{color:var(--ok-text)}.kuis-opt.wrong-opt .kuis-opt-mark{color:var(--err-text)}.kuis-feedback{font-size:var(--text-sm);color:var(--ink-soft);background:var(--paper-dim);border-radius:var(--radius-sm);margin-top:.8rem;padding:.6rem .8rem}.kuis-actions{text-align:center;margin-top:1.5rem}.kuis-actions .btn:disabled{opacity:.55;cursor:not-allowed}.reader-fig{background:var(--paper-dim);border:1px solid var(--line);border-radius:var(--radius);text-align:center;margin:2.2rem 0;padding:1.8rem}.reader-fig img{width:auto;max-height:340px;margin:0 auto}.reader-nav{border-top:1px solid var(--line);justify-content:space-between;gap:1rem;margin-top:3rem;padding-top:1.5rem;display:flex}.reader-nav-btn{max-width:48%;color:var(--blue);font-weight:600;font-size:var(--text-sm);border:1px solid var(--line);border-radius:var(--radius-sm);transition:border-color .18s var(--ease),background .18s var(--ease);align-items:center;gap:.5rem;padding:.65rem 1.1rem;text-decoration:none;display:inline-flex}@media (hover:hover) and (pointer:fine){.reader-nav-btn:hover{border-color:var(--blue);background:var(--blue-ghost)}}.simple{text-align:center;max-width:460px;margin:0 auto;padding:3rem 0}.simple .badge-soon{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--blue);background:var(--blue-ghost);border-radius:999px;margin-bottom:1.2rem;padding:.35rem .9rem;display:inline-block}.simple h1{font-size:var(--text-2xl);margin-bottom:.8rem}.simple p{color:var(--ink-muted);margin-bottom:1.8rem}.empty-state{background:var(--paper-dim);max-width:420px;margin:2.5rem auto;padding:3rem 1.5rem}.empty-state-badge{letter-spacing:.05em;border-radius:999px;margin-bottom:1.2rem;padding:.35rem .9rem}.empty-state p{color:var(--ink-muted);line-height:1.6}.empty-state .btn{margin-top:1.2rem}.guru-card{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:center;align-items:center;gap:2.5rem;padding:2rem 0;display:flex}.guru-card-item{text-align:center}.guru-card-num{font-family:var(--font-display);color:var(--blue);font-size:clamp(1.8rem,4vw,2.4rem);font-weight:600;line-height:1;display:block}.guru-card-lbl{font-size:var(--text-xs);color:var(--ink-muted);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.03em;margin-top:.4rem;display:block}.guru-steps{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:3rem;display:grid}.guru-step{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);align-items:flex-start;gap:.9rem;padding:1.2rem 1.3rem;display:flex}.guru-step-num{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--blue);min-width:1.6rem;font-weight:600;line-height:1}.guru-step p{font-size:var(--text-sm);color:var(--ink-soft);margin:0;line-height:1.55}.guru-step strong{color:var(--ink)}.asesmen-shell{margin-bottom:3rem}.asesmen-head{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding:1.6rem 1.7rem;display:flex}.asesmen-kicker{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--blue);margin-bottom:.4rem;font-weight:600}.asesmen-head h3{font-size:var(--text-xl);margin-bottom:.4rem}.asesmen-desc{font-size:var(--text-sm);color:var(--ink-muted);max-width:46rem;margin:0;line-height:1.55}.asesmen-toggle{flex-shrink:0;align-self:center}.asesmen-section{margin-bottom:1.6rem}.asesmen-section h4{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--ink-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.9rem}.asesmen-soal{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-sm);margin-bottom:.8rem;padding:1.2rem 1.3rem}.asesmen-soal.with-key{border-color:var(--blue)}.asesmen-q{margin-bottom:.9rem;font-weight:600;line-height:1.6}.asesmen-q-num{font-family:var(--font-mono);color:var(--blue);font-weight:700}.asesmen-opts{flex-direction:column;gap:.45rem;display:flex}.asesmen-opts-inline{flex-flow:wrap}.tipe-badge{font-family:var(--font-mono);font-size:var(--text-2xs,.68rem);text-transform:uppercase;letter-spacing:.04em;vertical-align:middle;border-radius:99px;margin-left:.5rem;padding:.15rem .5rem;font-weight:700;display:inline-block}.tipe-pg{background:var(--blue-ghost);color:var(--blue-deep)}.tipe-uraian{background:var(--ok-bg);color:var(--ok-text)}.tipe-benar-salah,.tipe-setuju-tidak{background:var(--err-bg);color:var(--err-text)}.asesmen-uraian-hint{font-size:var(--text-sm);color:var(--ink-muted);padding:.35rem 0;font-style:italic}.asesmen-opt{border:1px solid var(--line-soft);border-radius:var(--radius-sm);font-size:var(--text-sm);background:var(--paper);align-items:center;gap:.6rem;padding:.55rem .85rem;display:flex}.asesmen-opt-letter{color:var(--blue)}.asesmen-key,.asesmen-opt-letter{font-family:var(--font-mono);font-weight:700}.asesmen-key{font-size:var(--text-sm);color:var(--ok-text);background:var(--ok-bg);border-radius:var(--radius-sm);margin-top:.8rem;padding:.55rem .85rem;display:inline-block}.asesmen-key-box{background:var(--paper-dim);border:1px solid var(--line);border-radius:var(--radius-sm);font-size:var(--text-sm);margin-top:.9rem;padding:.9rem 1rem}.asesmen-key-box strong{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--blue);margin-bottom:.5rem;display:block}.asesmen-key-box ul{color:var(--ink-soft);margin:0;padding-left:1.2rem;line-height:1.6}.asesmen-key-box li{margin-bottom:.35rem}.tema-tabs{flex-wrap:wrap;gap:.6rem;margin-bottom:1.6rem;display:flex}.tema-tab{text-align:left;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);min-width:210px;box-shadow:var(--shadow);cursor:pointer;transition:border-color .18s var(--ease),background .18s var(--ease),transform .18s var(--ease);flex-direction:column;flex:auto;gap:.25rem;padding:.95rem 1.1rem;display:flex}.tema-tab.active,.tema-tab:hover{border-color:var(--blue)}.tema-tab.active{background:var(--blue-ghost);box-shadow:0 0 0 3px var(--blue-ghost)}.tema-tab-num{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--blue);font-weight:700}.tema-tab-title{font-size:var(--text-sm);color:var(--ink);font-weight:600;line-height:1.35}.tema-tab.active .tema-tab-title{color:var(--blue-deep)}.tema-panel{animation:tema-fade .25s var(--ease)}@keyframes tema-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.mapel-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.2rem;display:grid}.mapel-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);transition:transform .2s var(--ease),box-shadow .2s var(--ease);flex-direction:column;gap:.5rem;padding:1.5rem 1.6rem;display:flex}.mapel-card:not(.locked):hover{box-shadow:var(--shadow-float);transform:translateY(-3px)}.mapel-card.locked{opacity:.72}.mapel-card-top{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.mapel-chip{font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--blue);background:var(--blue-ghost);border-radius:var(--radius-sm);padding:.3rem .6rem;font-weight:700}.mapel-badge,.mapel-chip{font-family:var(--font-mono)}.mapel-badge{color:var(--ink-muted);background:var(--paper-dim);border:1px solid var(--line);border-radius:99px;padding:.25rem .5rem;font-size:.68rem}.mapel-card h3{font-size:var(--text-lg);margin:.2rem 0 0}.mapel-kelas{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--blue);margin:0}.mapel-desc{font-size:var(--text-sm);color:var(--ink-soft);margin:0 0 .6rem;line-height:1.55}.mapel-card .btn{align-self:flex-start;margin-top:auto}.mapel-card .btn[aria-disabled=true]{cursor:not-allowed}.mapel-card.done{border-color:var(--green)}@supports (color:color-mix(in lab,red,red)){.mapel-card.done{border-color:color-mix(in srgb,var(--green) 45%,var(--line))}}.mapel-badge.done{color:var(--green);background:var(--green-ghost);border-color:var(--green)}@supports (color:color-mix(in lab,red,red)){.mapel-badge.done{border-color:color-mix(in srgb,var(--green) 35%,var(--line))}}.bab-progress{flex-direction:column;gap:.4rem;margin-top:.25rem;display:flex}.bab-progress-row{font-size:var(--text-xs);justify-content:space-between;align-items:center;display:flex}.bab-progress-lbl{color:var(--ink-muted);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em}.bab-progress-val{color:var(--green);font-variant-numeric:tabular-nums;font-weight:700}.bab-progress-track{background:var(--paper-dim);border:1px solid var(--line);border-radius:99px;height:8px;overflow:hidden}.bab-progress-fill{background:linear-gradient(90deg,var(--green),var(--green));border-radius:99px;height:100%}@supports (color:color-mix(in lab,red,red)){.bab-progress-fill{background:linear-gradient(90deg,var(--green),color-mix(in srgb,var(--green) 60%,var(--blue)))}}.bab-progress-fill{animation:bab-progress-in 1s var(--ease) both}@keyframes bab-progress-in{0%{width:0}}.ujian-progress{flex-direction:column;gap:.4rem;margin-top:1.6rem;display:flex}.ujian-progress-row{font-size:var(--text-xs);justify-content:space-between;align-items:center;display:flex}.ujian-progress-lbl{color:var(--ink-muted);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em}.ujian-progress-val{color:var(--blue);font-variant-numeric:tabular-nums;font-weight:700}.ujian-progress-track{background:var(--paper-dim);border:1px solid var(--line);border-radius:99px;height:8px;overflow:hidden}.ujian-progress-fill{background:linear-gradient(90deg,var(--blue),var(--blue));border-radius:99px;height:100%}@supports (color:color-mix(in lab,red,red)){.ujian-progress-fill{background:linear-gradient(90deg,var(--blue),color-mix(in srgb,var(--blue) 60%,var(--green)))}}.ujian-progress-fill{transition:width .4s var(--ease)}.asesmen-skoring{background:var(--blue-ghost);border:1px solid var(--line);border-radius:var(--radius-sm);padding:1.2rem 1.3rem}.asesmen-skoring strong{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--blue);margin-bottom:.4rem;display:block}.asesmen-skoring p{font-size:var(--text-sm);color:var(--ink-soft);margin:0;line-height:1.6}.auth-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);max-width:440px;box-shadow:var(--shadow);transition:transform .3s var(--ease);margin:0 auto 2.5rem;padding:1.8rem 1.6rem 1.6rem;position:relative;transform:rotate(-.5deg)}.auth-card:before{border-radius:var(--radius);border-left:3px solid var(--red-pen);opacity:.4;inset:0}.auth-card:after,.auth-card:before{content:"";pointer-events:none;position:absolute}.auth-card:after{background:var(--highlighter);opacity:.5;border-radius:2px;width:74px;height:22px;top:-.55rem;left:50%;transform:translate(-50%)rotate(2deg);box-shadow:0 1px 4px #0000001a}.auth-card:hover{transform:rotate(0)}.auth-tabs{border-bottom:1px solid var(--line);gap:.5rem;margin-bottom:1.3rem;padding-bottom:.8rem;display:flex}.auth-tab{border-radius:var(--radius-sm);color:var(--ink-soft);font-family:var(--font-display);cursor:pointer;transition:all .2s var(--ease);background:0 0;border:1px solid #0000;flex:1;padding:.55rem .8rem;font-weight:600}.auth-tab:hover{color:var(--ink);background:var(--paper-dim)}.auth-tab.active{color:var(--blue);background:var(--blue-ghost);border-color:var(--blue-ghost)}.auth-form{gap:1rem}.auth-form,.auth-form label{flex-direction:column;display:flex}.auth-form label{font-size:var(--text-sm);color:var(--ink);gap:.35rem;font-weight:600}.auth-form input,.auth-form select,.ujian-textarea{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper);color:var(--ink);font-family:inherit;font-size:var(--text-sm);transition:border-color .2s var(--ease);padding:.7rem .85rem}.auth-form input:focus,.auth-form select:focus,.ujian-textarea:focus{border-color:var(--blue);outline:none}.auth-msg{font-size:var(--text-sm);color:var(--danger,#dc2626);margin:0}.auth-divider{color:var(--ink-muted);font-size:var(--text-xs);align-items:center;gap:.6rem;margin:.2rem 0;display:flex}.auth-divider:after,.auth-divider:before{content:"";background:var(--line);flex:1;height:1px}.btn-google{color:#3c4043;transition:box-shadow .2s var(--ease),background .2s var(--ease);background:#fff;border:1px solid #dadce0;justify-content:center;align-items:center;gap:.6rem;font-weight:600;display:flex;box-shadow:0 1px 2px #00000014}.btn-google:hover{color:#3c4043;background:#f8f9fa;box-shadow:0 2px 6px #0000001f}.btn-google-icon{width:20px;height:20px;font-family:var(--font-display);color:#4285f4;font-weight:700;font-size:var(--text-sm);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.auth-note{font-size:var(--text-xs);color:var(--ink-muted);margin:0;line-height:1.5}.ujian-list{gap:1.2rem;margin-top:1rem}.ujian-item,.ujian-list{flex-direction:column;display:flex}.ujian-item{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);gap:.9rem;padding:1.3rem 1.4rem}.ujian-q .asesmen-no{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--blue);background:var(--blue-ghost);border-radius:var(--radius-sm);margin-bottom:.5rem;padding:.25rem .55rem;font-weight:700;display:inline-block}.ujian-q p{margin:0;line-height:1.6}.ujian-opt,.ujian-q p{font-size:var(--text-sm);color:var(--ink)}.ujian-opt{border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s var(--ease);align-items:flex-start;gap:.6rem;padding:.65rem .8rem;display:flex}.ujian-opt.selected,.ujian-opt:hover{border-color:var(--blue);background:var(--blue-ghost)}.ujian-opt input{accent-color:var(--blue);margin-top:.2rem}.asesmen-opt-key{font-family:var(--font-mono);color:var(--blue);min-width:1.2rem;font-weight:700}.ujian-textarea{resize:vertical;width:100%}.hasil-list{flex-direction:column;gap:.8rem;display:flex}.hasil-item{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper);padding:1rem 1.1rem}.hasil-item.ok{border-left:4px solid var(--ok,#16a34a)}.hasil-item.low{border-left:4px solid var(--err,#dc2626)}.hasil-item.uraian{border-left:4px solid var(--blue)}.hasil-q{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.hasil-q strong{font-family:var(--font-display)}.hasil-tag{font-family:var(--font-mono);border-radius:99px;padding:.25rem .5rem;font-size:.68rem;font-weight:700}.hasil-tag.ok{color:var(--ok,#16a34a);background:var(--ok,#16a34a)}@supports (color:color-mix(in lab,red,red)){.hasil-tag.ok{background:color-mix(in srgb,var(--ok,#16a34a) 12%,transparent)}}.hasil-tag.low{color:var(--err,#dc2626);background:var(--err,#dc2626)}@supports (color:color-mix(in lab,red,red)){.hasil-tag.low{background:color-mix(in srgb,var(--err,#dc2626) 12%,transparent)}}.hasil-tag.uraian{color:var(--blue);background:var(--blue-ghost)}.hasil-kunci{font-size:var(--text-sm);color:var(--ink-soft);margin:.6rem 0 0}.kelas-selector{flex-wrap:wrap;gap:.5rem;margin-top:.8rem;display:flex}.kelas-tab{border:1px solid var(--line);background:var(--paper);color:var(--ink-soft);font-family:var(--font-display);cursor:pointer;transition:all .2s var(--ease);border-radius:99px;padding:.5rem 1rem;font-weight:600}.kelas-tab:hover{border-color:var(--blue);color:var(--blue)}.kelas-tab.active{background:var(--blue);border-color:var(--blue);color:#fff}.rekap-bab{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.9rem;margin-bottom:1.5rem;display:grid}.rekap-bab-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:.25rem;padding:1rem 1.1rem;display:flex}.rekap-bab-card h4{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--blue);margin:0}.rekap-bab-card p{margin:0}.rekap-bab-card p,.rekap-bab-card small{font-size:var(--text-xs);color:var(--ink-muted)}.riwayat-table{margin-top:.8rem;overflow-x:auto}.riwayat-table table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.riwayat-table td,.riwayat-table th{text-align:left;border-bottom:1px solid var(--line);padding:.6rem .75rem}.riwayat-table th{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--ink-muted)}.riwayat-table tr:hover td{background:var(--paper-dim)}.nilai-chip{font-family:var(--font-mono);font-weight:700;font-size:var(--text-xs);border-radius:99px;padding:.2rem .55rem;display:inline-block}.nilai-chip.ok{color:var(--ok,#16a34a);background:var(--ok,#16a34a)}@supports (color:color-mix(in lab,red,red)){.nilai-chip.ok{background:color-mix(in srgb,var(--ok,#16a34a) 14%,transparent)}}.nilai-chip.low{color:var(--err,#dc2626);background:var(--err,#dc2626)}@supports (color:color-mix(in lab,red,red)){.nilai-chip.low{background:color-mix(in srgb,var(--err,#dc2626) 14%,transparent)}}.empty-state{text-align:center;background:var(--paper);border:1px dashed var(--line);border-radius:var(--radius);color:var(--ink-soft);padding:2.5rem 1.5rem}.empty-state-badge{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--blue);background:var(--blue-ghost);border-radius:var(--radius-sm);margin-bottom:.8rem;padding:.3rem .6rem;font-weight:700;display:inline-block}.modal-backdrop{z-index:100;background:#00000073;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);width:100%;max-width:440px;box-shadow:var(--shadow-float);padding:1.5rem}.modal-head{justify-content:space-between;align-items:center;margin-bottom:1.1rem;display:flex}.modal-head h3{font-family:var(--font-display);font-size:var(--text-lg);margin:0}.modal-close{color:var(--ink-muted);font-size:var(--text-lg);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:.25rem .5rem}.modal-close:hover{background:var(--paper-dim);color:var(--ink)}.modal-actions{justify-content:flex-end;gap:.6rem;margin-top:.5rem;display:flex}.modal-divider{background:var(--line);height:1px;margin:1.1rem 0}html.js .reveal{opacity:0}html[data-theme=dark]{color-scheme:dark;--paper:#0f1729;--paper-dim:#17223a;--paper-edge:#1e2a44;--ink:#eaeff7;--ink-soft:#c0c9d8;--ink-muted:#8a97ac;--blue:#60a5fa;--blue-deep:#93c5fd;--blue-fill:#2563eb;--blue-fill-strong:#1d4ed8;--blue-ghost:#1e2a4a;--green:#4ade80;--green-ghost:#123524;--line:#24304c;--line-soft:#1c2740;--shadow:0 1px 2px #0000004d,0 4px 12px #00000059;--shadow-float:0 8px 30px #00000080;--ok-bg:#123524;--ok-border:#1d6b3e;--ok-text:#86efac;--err-bg:#3a1515;--err-border:#7f1d1d;--err-text:#fecaca}html[data-theme=dark] .navbar{background:#0f1729d1}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html.js .lp-reveal,html.js .reveal{opacity:1!important}}.mount-fade{animation:mount-fade .5s var(--ease) both}.mount-fade-d1{animation-delay:50ms}.mount-fade-d2{animation-delay:.1s}.mount-fade-d3{animation-delay:.15s}.mount-fade-d4{animation-delay:.2s}.mount-fade-d5{animation-delay:.25s}.mount-fade-d6{animation-delay:.3s}@keyframes mount-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){body{padding-top:80px}.hero{grid-template-columns:1fr;gap:2rem;padding:2rem 0 1rem}.hero-card{order:-1}.mapel-grid{grid-template-columns:1fr}.stats{gap:1.5rem}.reader-nav{flex-direction:column}.reader-nav-btn{justify-content:center;max-width:100%}.nav-links{gap:1rem}}@media (max-width:480px){.wrap{width:min(1040px,92vw)}section{padding:2rem 0}.navbar{top:calc(.6rem + env(safe-area-inset-top));border-radius:14px;height:52px}.nav-inner{padding:0 .9rem}.nav-logo{min-height:40px;font-size:1.05rem}.nav-links{gap:.25rem}.nav-links a{min-width:36px;min-height:40px;font-size:var(--text-xs);padding:0 .3rem}.theme-toggle{width:34px;height:34px}.journey{padding-left:1.5rem}.node-content{padding:1rem 1.1rem}.toc-row{gap:.8rem;padding:.85rem 1rem}.site-footer{padding:2.5rem 0 0}.footer-grid{gap:1.4rem}.footer-col a{min-height:28px}}html.js .lp-reveal--d1{transition-delay:80ms}html.js .lp-reveal--d2{transition-delay:.16s}html.js .lp-reveal--d3{transition-delay:.24s}html.js .lp-reveal--d4{transition-delay:.32s}html.js .lp-reveal--d5{transition-delay:.4s}.lp-lift{transition:transform .3s var(--ease),box-shadow .3s var(--ease)}@media (hover:hover){.lp-lift:hover,html.js .lp-reveal.in.lp-lift:hover{transform:translateY(-6px);box-shadow:0 14px 32px #0000004d}}.lp-press{transition:transform .15s var(--ease)}.lp-press:active{transform:scale(.97)}.lp-figure{border-radius:var(--radius);border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow);margin:1.6rem 0;overflow:hidden}.lp-figure img{width:100%;height:auto;display:block}.lp-figure figcaption{font-size:var(--text-xs);color:var(--ink-muted);border-top:1px solid var(--line-soft);padding:.7rem 1rem}html.js .lp-reveal-soft{opacity:0;transition:opacity .5s var(--ease),transform .5s var(--ease);transform:translateY(12px)}html.js .lp-reveal-soft.in{opacity:1;transform:none}.kuis-opt{transition:transform .15s var(--ease),border-color .2s var(--ease),background .2s var(--ease)}.kuis-opt.selected{animation:kuis-pop .25s var(--ease)}.kuis-q.correct{animation:kuis-pop .35s var(--ease)}.kuis-q.wrong .kuis-opt.wrong-opt{animation:kuis-shake .4s var(--ease)}.kuis-score{animation:kuis-pop .4s var(--ease)}.kuis-score.perfect .kuis-score-num{animation:kuis-bounce .6s var(--ease)}@keyframes kuis-pop{0%{transform:scale(.97)}60%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes kuis-bounce{0%,to{transform:translateY(0)}40%{transform:translateY(-8px)}}@keyframes kuis-shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.content-stack h2{margin-top:1.6rem;font-size:1.1rem}.content-stack p{margin-top:.4rem}.content-stack a{color:var(--teal)}.bk-kertas-garis{background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 31px,var(--line-soft) 31px,var(--line-soft) 32px)}.bk-sampul{border-bottom:1px solid var(--line);padding:clamp(2rem,5vw,4.5rem) 0 clamp(2.5rem,5vw,4rem)}.bk-sampul-grid{grid-template-columns:4.5rem minmax(0,1fr);align-items:start;gap:clamp(1.2rem,4vw,3.4rem);display:grid}.bk-rusuk{border-right:1px solid var(--line);flex-direction:column;align-items:center;gap:.9rem;min-height:15rem;padding-top:.5rem;display:flex}.bk-rusuk-tahun{font-family:var(--font-mono);letter-spacing:.14em;color:var(--ink-muted);writing-mode:vertical-rl;text-orientation:mixed;font-size:.7rem}.bk-rusuk-garis{background:var(--red-pen);opacity:.55;border-radius:2px;flex:1;width:2px}.bk-rusuk-label{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-muted);writing-mode:vertical-rl;text-orientation:mixed;font-size:.68rem}.bk-sampul-utama{min-width:0}.bk-kop{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:clamp(1rem,3vw,2rem);font-size:.74rem}.bk-kop-pisah{color:var(--red-pen);margin:0 .35rem}.bk-judul{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);max-width:20ch;margin:0 0 clamp(1.4rem,4vw,2.6rem);font-size:clamp(2.4rem,7.5vw,5.2rem);font-weight:500;line-height:1.04}.bk-judul-baris2,.bk-judul-baris3{display:block}.bk-judul-baris2{padding-left:clamp(.5rem,4vw,3.5rem)}.bk-judul-baris2 em{color:var(--blue);font-style:italic}.bk-judul-baris3{padding-left:clamp(1rem,8vw,7rem);position:relative}.bk-judul-baris3:after{content:"";background:var(--highlighter);opacity:1;z-index:-1;width:min(12.5ch,58%);height:.36em;position:absolute;bottom:-.04em;left:calc(clamp(1rem,8vw,7rem) - .22em);transform:rotate(-.6deg)}.bk-sampul-bawah{border-top:1px solid var(--line);grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:end;gap:clamp(1.2rem,4vw,3rem);padding-top:1.4rem;display:grid}.bk-intro{font-size:var(--text-base);color:var(--ink-soft);max-width:46ch;margin:0;line-height:1.7}.bk-catat{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;max-width:22rem;margin:0;display:grid}.bk-catat div{min-width:0;padding-right:.9rem}.bk-catat dt{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:.25rem;font-size:.72rem;font-weight:700}.bk-catat dd{font-family:var(--font-display);color:var(--blue-deep);font-variant-numeric:tabular-nums;margin:0;font-size:clamp(1.9rem,3.6vw,2.7rem);font-weight:600;line-height:1}.bk-catat div+div{border-left:1px solid var(--line);padding-left:.9rem}.bk-aksi{flex-wrap:wrap;gap:.7rem;margin-top:clamp(1.4rem,4vw,2.4rem);display:flex}.bk-tombol{min-height:46px;font-size:var(--text-sm);transition:transform .16s var(--ease),background .16s var(--ease),color .16s var(--ease),border-color .16s var(--ease);border-radius:3px;align-items:center;padding:0 1.2rem;font-weight:600;text-decoration:none;display:inline-flex}.bk-tombol--isi{background:var(--ink);color:var(--paper);border:1px solid var(--ink)}.bk-tombol--isi:hover{background:var(--blue-fill-strong);border-color:var(--blue-fill-strong);color:#fff;transform:translateY(-1px)}.bk-tombol--garis{color:var(--ink);border:2px solid var(--ink-soft);background:0 0}.bk-tombol--garis:hover{border-color:var(--ink);background:var(--paper-dim);transform:translateY(-1px)}.bk-bagian-kop{margin-bottom:clamp(1.5rem,4vw,2.6rem);padding-left:2.6rem;position:relative}.bk-bagian-nomor{font-family:var(--font-mono);color:var(--red-pen);letter-spacing:.06em;font-size:.82rem;position:absolute;top:.15em;left:0}.bk-bagian-kop h2{font-family:var(--font-display);letter-spacing:-.015em;color:var(--ink);margin:0 0 .4rem;font-size:clamp(1.7rem,4vw,2.6rem);font-weight:500;line-height:1.1}.bk-bagian-kop p{font-size:var(--text-sm);color:var(--ink-muted);max-width:54ch;margin:0;line-height:1.65}.bk-isi{padding:clamp(2.5rem,6vw,4.5rem) 0}.bk-indeks{gap:clamp(1.6rem,4vw,2.8rem);display:grid}.bk-tingkat{border-top:2px solid var(--ink);padding-top:.9rem}.bk-tingkat-kop{align-items:baseline;gap:.7rem;margin:0 0 .5rem;display:flex}.bk-tingkat-angka{font-family:var(--font-display);color:var(--blue);font-size:clamp(1.6rem,3.5vw,2.4rem);line-height:1}.bk-tingkat-teks{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-muted);font-size:.72rem}.bk-baris-list{margin:0;padding:0;list-style:none}.bk-baris{border-bottom:1px solid var(--line-soft)}.bk-baris--kosong,.bk-baris-tautan{min-height:52px;color:inherit;transition:background .18s var(--ease),padding-left .18s var(--ease);align-items:baseline;gap:.7rem;padding:.7rem .2rem;text-decoration:none;display:flex}.bk-baris-tautan:hover{background:var(--blue-ghost);padding-left:.7rem}.bk-baris-no{font-family:var(--font-mono);color:var(--ink-muted);flex:none;width:2ch;font-size:.74rem}.bk-baris-nama{font-family:var(--font-display);color:var(--ink);flex:none;font-size:clamp(1.05rem,2vw,1.35rem)}.bk-baris-tautan:hover .bk-baris-nama{color:var(--blue-deep)}.bk-baris-titik{border-bottom:2px dotted var(--ink-muted);flex:1;align-self:center;min-width:1.5rem}@supports (color:color-mix(in lab,red,red)){.bk-baris-titik{border-bottom:2px dotted color-mix(in srgb,var(--ink-muted) 55%,transparent)}}.bk-baris-titik{transform:translateY(-.15em)}.bk-baris-angka{font-family:var(--font-mono);color:var(--ink-soft);flex:none;align-items:baseline;gap:.3rem;font-size:.78rem;display:inline-flex}.bk-baris-angka b{color:var(--ink);font-weight:700}.bk-baris-angka i{color:var(--line);font-style:normal}.bk-baris--kosong,.bk-baris--kosong .bk-baris-nama{color:var(--ink-muted)}.bk-baris--kosong .bk-baris-angka{color:var(--ink-soft);letter-spacing:.04em;font-size:.72rem;font-style:italic}.bk-baris--kosong .bk-baris-titik{border-bottom-style:dashed;border-bottom-color:var(--ink-muted)}@supports (color:color-mix(in lab,red,red)){.bk-baris--kosong .bk-baris-titik{border-bottom-color:color-mix(in srgb,var(--ink-muted) 30%,transparent)}}.bk-contoh{background:var(--paper-dim);border-block:1px solid var(--line);padding:clamp(3rem,7vw,5.5rem) 0}.bk-contoh-grid>.bk-bagian-kop{margin-bottom:clamp(1.8rem,5vw,3rem)}.bk-lembar{background:var(--paper);border:1px solid var(--line);border-left:3px solid var(--red-pen);max-width:62ch;box-shadow:var(--shadow);background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 31px,var(--line-soft) 31px,var(--line-soft) 32px);border-radius:2px;padding:clamp(1.3rem,4vw,2.6rem)}.bk-lembar-kop{border-bottom:1px solid var(--line);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.1rem;padding-bottom:.7rem;font-size:.7rem;display:flex}.bk-lembar-judul{font-family:var(--font-display);color:var(--ink);margin:0 0 .6rem;font-size:clamp(1.35rem,3vw,1.9rem);font-weight:500;line-height:1.2}.bk-lembar-lede{font-size:var(--text-base);color:var(--ink);margin:0 0 .9rem;font-weight:500;line-height:1.75}.bk-lembar-paragraf{font-size:var(--text-sm);color:var(--ink-soft);margin:0 0 1.4rem;line-height:1.9}.bk-soal{border:1px solid var(--line);background:var(--paper);border-radius:3px;margin-bottom:1.3rem;padding:1.1rem}.bk-soal-cap{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#6b4c00;background:var(--highlighter);border-radius:2px;margin-bottom:.7rem;padding:.18rem .5rem;font-size:.66rem;display:inline-block}.bk-soal-tanya{font-size:var(--text-sm);color:var(--ink);margin:0 0 .8rem;font-weight:600;line-height:1.7}.bk-soal-opsi{gap:.35rem;margin:0 0 .8rem;padding:0;list-style:none;display:grid}.bk-soal-opsi li{font-size:var(--text-sm);color:var(--ink-soft);border:1px solid var(--line-soft);border-radius:3px;align-items:center;gap:.55rem;padding:.45rem .6rem;display:flex}.bk-soal-opsi li.tepat{border-color:var(--ok-border);background:var(--ok-bg);color:var(--ok-text);font-weight:600}.bk-soal-huruf{font-family:var(--font-mono);color:var(--ink-muted);flex:none;width:1.4ch;font-size:.72rem}.bk-soal-opsi li.tepat .bk-soal-huruf,.bk-soal-tanda{color:var(--ok-text)}.bk-soal-tanda{margin-left:auto;font-weight:700}.bk-soal-nota{color:var(--ink-muted);margin:0;font-size:.76rem;font-style:italic}.bk-lembar-buka{min-height:44px;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--blue-deep);border-bottom:2px solid var(--blue);transition:gap .18s var(--ease),color .18s var(--ease);align-items:center;font-size:.76rem;text-decoration:none;display:inline-flex}.bk-lembar-buka:after{content:"→";transition:transform .18s var(--ease);margin-left:.45rem}.bk-lembar-buka:hover:after{transform:translate(4px)}.bk-mulai{padding:clamp(2.5rem,6vw,4.5rem) 0 clamp(3rem,7vw,5rem)}.bk-mulai-list{gap:clamp(1.4rem,4vw,2.6rem);display:grid}.bk-mapel{border-top:1px solid var(--line);padding-top:1.3rem}.bk-mapel-kop{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1rem;margin-bottom:1rem;display:flex}.bk-mapel-nama{font-family:var(--font-display);color:var(--ink);margin:0;font-size:clamp(1.4rem,3.4vw,2.1rem);font-weight:500;line-height:1.15}.bk-mapel-jml{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);font-size:.72rem}.bk-mapel-kelas{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.bk-kelas-tautan{border:1px solid var(--line);border-left:4px solid var(--blue);background:var(--paper-dim);min-height:60px;box-shadow:0 1px 0 var(--line);color:inherit;transition:transform .18s var(--ease),box-shadow .18s var(--ease),border-left-color .18s var(--ease),background .18s var(--ease);border-radius:3px;align-items:center;gap:.9rem;padding:.85rem 1rem;text-decoration:none;display:flex}.bk-kelas-tautan:hover{box-shadow:var(--shadow-float);border-left-color:var(--blue-deep);background:var(--blue-ghost);transform:translate(3px)}.bk-kelas-angka{background:var(--blue-ghost);width:2.1rem;height:2.1rem;color:var(--blue-deep);font-family:var(--font-mono);border-radius:50%;flex:none;place-items:center;font-size:.95rem;font-weight:600;display:grid}.bk-kelas-teks{font-size:var(--text-sm);color:var(--ink);flex-direction:column;gap:.15rem;font-weight:600;display:flex}.bk-kelas-teks small{font-family:var(--font-mono);letter-spacing:.06em;color:var(--ink-soft);font-size:.68rem;font-weight:400}.bk-kelas-panah{border:1px solid var(--blue);width:1.7rem;height:1.7rem;color:var(--blue-deep);transition:transform .18s var(--ease),background .18s var(--ease);border-radius:50%;flex:none;place-items:center;margin-left:auto;font-size:.95rem;line-height:1;display:grid}.bk-kelas-tautan:hover .bk-kelas-panah{background:var(--paper);transform:translate(4px)}.bk-mulai-nota{border:1px solid var(--line);border-left:4px solid var(--highlighter);background:var(--paper-dim);font-size:var(--text-sm);color:var(--ink-soft);border-radius:3px;max-width:60ch;margin:clamp(1.8rem,4vw,2.6rem) 0 0;padding:.9rem 1.1rem;line-height:1.7}html[data-theme=dark]{--highlighter:#6a5514;--mint:#1b4332;--red-pen:#fb7185}html[data-theme=dark] .bk-soal-cap{color:#f5e6b8}html[data-theme=dark] .bk-judul-baris3:after{opacity:.42}html[data-theme=dark] .bk-tombol--isi{background:var(--blue-fill);border-color:var(--blue-fill);color:#fff}html[data-theme=dark] .bk-tombol--isi:hover{background:var(--blue-deep);border-color:var(--blue-deep);color:#0f1729}html[data-theme=dark] .footer-tape{color:#fdf6dd}html[data-theme=dark] .bk-kelas-tautan,html[data-theme=dark] .bk-lembar,html[data-theme=dark] .bk-soal,html[data-theme=dark] .nav-menu-panel{background:#111b31}@media (max-width:780px){.bk-sampul-grid{grid-template-columns:1fr}.bk-rusuk{border-right:none;border-bottom:1px solid var(--line);flex-direction:row;align-items:center;gap:.7rem;min-height:0;padding:0 0 .7rem}.bk-rusuk-label,.bk-rusuk-tahun{writing-mode:horizontal-tb}.bk-rusuk-garis{flex:1;width:auto;height:2px}.bk-sampul-bawah{align-items:start}.bk-mapel-kelas,.bk-sampul-bawah{grid-template-columns:1fr}}@media (max-width:560px){.nav-menu-panel{grid-template-columns:1fr;min-width:0;position:fixed;left:.9rem;right:.9rem}}@media (max-width:480px){.bk-judul{max-width:none}.bk-judul-baris2,.bk-judul-baris3{padding-left:0}.bk-judul-baris3:after{left:0}.bk-bagian-kop{padding-left:1.9rem}.bk-baris-nama{font-size:1rem}.bk-baris-angka{font-size:.72rem}.bk-catat{max-width:none}.bk-catat div{padding-right:.6rem}.bk-catat div+div{padding-left:.6rem}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}.site-nav{position:sticky;top:0;z-index:100;background:var(--paper);border-bottom:1px solid var(--line);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.site-nav .wrap{justify-content:space-between;min-height:56px;gap:1rem}.nav-right,.site-nav .wrap{display:flex;align-items:center}.nav-right{gap:.5rem;margin-left:auto}.bk-baris-tautan{position:relative;text-decoration:none}.bk-baris-tautan:after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:2px;background:var(--blue);border-radius:2px;transition:width .3s var(--ease);clip-path:polygon(0 40%,5% 0,10% 60%,15% 20%,20% 50%,25% 10%,30% 60%,35% 30%,40% 55%,45% 15%,50% 50%,55% 25%,60% 60%,65% 10%,70% 55%,75% 30%,80% 60%,85% 15%,90% 50%,95% 20%,100% 40%,100% 100%,0 100%)}.bk-baris-tautan:focus-visible:after,.bk-baris-tautan:hover:after{width:100%}.nav-logo{position:relative}.nav-logo:before{content:"";position:absolute;inset:-4px -8px;background:var(--blue-ghost);border-radius:var(--radius-sm);opacity:0;transform:rotate(-1deg);transition:opacity .2s var(--ease),transform .2s var(--ease);z-index:-1}.nav-logo:hover:before{opacity:1;transform:rotate(-2deg) scale(1.02)}.footer-catt{margin-top:var(--space-3);padding-top:var(--space-2);border-top:1px dashed var(--line);text-align:center;font-size:var(--text-xs);color:var(--ink-muted);font-style:italic}.footer-catt .footer-catt-icon{display:inline-block;margin-right:.3em;font-style:normal;transform:rotate(-5deg)}.kuis-confetti-container{position:relative;overflow:hidden}.kuis-confetti-container .kuis-confetti{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}@keyframes confetti-fall{0%{transform:translateY(-20px) rotate(0deg) scale(0);opacity:1}20%{transform:translateY(0) rotate(72deg) scale(1);opacity:1}to{transform:translateY(60px) rotate(1turn) scale(.5);opacity:0}}.kuis-confetti .confetti-dot{position:absolute;width:8px;height:8px;border-radius:50%;animation:confetti-fall 1s var(--ease) forwards}.kuis-score.perfect{animation:result-pop .4s var(--ease)}@keyframes result-pop{0%{transform:scale(.9);opacity:.5}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.kuis-opsi li{transition:transform .18s var(--ease),box-shadow .18s var(--ease),border-color .18s var(--ease)}.kuis-opsi li:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.06)}.bk-bagian-nomor{display:inline-flex;align-items:center;justify-content:center;width:2.2em;height:2.2em;border-radius:50%;border:2px dashed var(--line);font-family:var(--font-display);font-style:italic;font-size:.85em;color:var(--ink-muted);transition:border-color .2s var(--ease),color .2s var(--ease)}.bk-bagian-kop:hover .bk-bagian-nomor{border-color:var(--blue);color:var(--blue)}.hero-parallax-container{position:relative}.hero-parallax-container>:not(.hero-spotlight):not(.hero-floaters){position:relative;z-index:3}.hero-spotlight{z-index:1}.hero-floaters,.hero-spotlight{position:absolute;inset:0;pointer-events:none}.hero-floaters{z-index:2}.hero-floater{position:absolute;width:32px;height:32px;opacity:.12;color:var(--ink-muted);will-change:transform;animation:hero-float 4s ease-in-out infinite}.hero-floater--pencil{top:15%;right:12%;rotate:-30deg}.hero-floater--ruler{bottom:25%;right:8%;width:40px;animation-delay:-1s}.hero-floater--book{top:20%;left:8%;width:36px;animation-delay:-2s}.hero-floater--star{bottom:30%;left:15%;width:20px;color:var(--highlighter);opacity:.2;animation-duration:3s}.hero-floater--highlighter{top:60%;right:20%;rotate:45deg;animation-delay:-3s}@keyframes hero-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}[data-tilt]{transition:transform .1s linear;will-change:transform;transform-style:preserve-3d}@media (max-width:768px){.hero-floaters,.hero-spotlight{display:none}[data-tilt]{transform:none!important}}@media (prefers-reduced-motion:reduce){.bk-baris-tautan:after,.hero-floater,.kuis-confetti,.kuis-score.perfect,.nav-logo:before,[data-tilt]{animation:none!important;transition:none!important}}.nav-kuis{display:inline-flex;align-items:center;min-height:44px;padding:0 1rem;margin-right:.25rem;border:2px solid var(--ink-soft);border-radius:3px;color:var(--ink);font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;letter-spacing:-.01em;text-decoration:none;transition:color .16s var(--ease),border-color .16s var(--ease),background .16s var(--ease)}.nav-kuis:hover{color:var(--blue);border-color:var(--blue)}.nf{padding:calc(var(--space-6) * 1.4) 0 calc(var(--space-6) * 1.6)}.nf-grid{max-width:42rem}.nf-kode{font-weight:700;font-size:clamp(5rem,14vw,9rem);line-height:.9;color:transparent;-webkit-text-stroke:2px var(--blue-fill)}.nf-judul,.nf-kode{font-family:var(--font-display);margin-bottom:var(--space-3)}.nf-judul{font-weight:600;font-size:var(--text-3xl);letter-spacing:-.02em;color:var(--ink)}.nf-garis{box-shadow:inset 0 -.34em 0 0 var(--highlighter)}.nf-lede{font-size:var(--text-lg);color:var(--ink-muted);max-width:34rem;margin-bottom:var(--space-4)}.nf-aksi{display:flex;flex-wrap:wrap;gap:var(--space-2)}body{padding-top:0}@media (max-width:768px){body{padding-top:0}}.reader-kuis .kuis-opsi{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1.2rem}.reader-kuis .kuis-opsi>li{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-sm);padding:1.3rem 1.4rem}.reader-kuis .kuis-pertanyaan{margin:0 0 1rem;font-weight:600}.reader-kuis .kuis-opsi ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.reader-kuis .kuis-opsi ul li{border:1px solid var(--line-soft);border-radius:var(--radius-sm);transition:border-color .2s var(--ease),background .2s var(--ease),transform .15s var(--ease)}.reader-kuis .kuis-opsi ul li:hover{border-color:var(--blue)}.reader-kuis .kuis-opsi label{display:flex;align-items:center;gap:.7rem;padding:.7rem .9rem;min-height:44px;cursor:pointer;font-size:var(--text-sm)}.reader-kuis .kuis-opsi input[type=radio]{accent-color:var(--blue);width:16px;height:16px;flex:none}.reader-kuis .kuis-opsi-huruf{font-family:var(--font-mono);color:var(--blue);font-weight:700;min-width:1.1rem;flex:none}.reader-kuis .kuis-opsi-teks{flex:1}.reader-kuis .kuis-opsi ul li.dipilih{border-color:var(--blue);background:var(--blue-ghost)}.reader-kuis .kuis-opsi ul li.tepat{border-color:var(--ok-border);background:var(--ok-bg)}.reader-kuis .kuis-opsi ul li.salah{border-color:var(--err-border);background:var(--err-bg)}.reader-kuis .kuis-aksi{text-align:center;margin-top:1.5rem}.reader-kuis .kuis-btn{font-family:var(--font-body);font-size:var(--text-sm);font-weight:700;border-radius:var(--radius-sm);padding:.8rem 1.6rem;cursor:pointer;white-space:nowrap;transition:transform .14s var(--ease)}.reader-kuis .kuis-btn:active{transform:translateY(1px)}.reader-kuis .kuis-btn--periksa{border:none;background:var(--blue-fill);color:#fff}.reader-kuis .kuis-btn--periksa:disabled{opacity:.55;cursor:not-allowed}.reader-kuis .kuis-btn--ulangi{border:1px solid var(--blue);background:transparent;color:var(--blue)}