.learn-product{--learn-line: rgb(229 229 229);--learn-line-strong: rgb(212 212 212);--learn-muted: rgb(107 107 107);--learn-faint: rgb(160 160 160);--learn-soft: rgb(245 245 245);--learn-ink: rgb(23 23 23);--learn-page: rgb(250 250 250);--learn-lift-1: rgb(244 244 244);--learn-lift-2: rgb(234 234 234);--learn-on-ink: white;--learn-on-accent: white;--learn-collection-line: rgb(23 23 23);--learn-collection-line-hover: rgb(23 23 23);--learn-correct: rgb(21 128 61);--learn-on-correct: white;--learn-keping: white;--learn-keping-lip: rgb(206 206 206);--learn-correct-soft: rgb(236 249 240);--learn-correct-lip: rgb(134 204 158);--learn-wrong: rgb(185 28 28);--learn-wrong-soft: rgb(253 240 240);--learn-on-btn: white;--learn-kode-kata: rgb(126 58 158);--learn-kode-teks: rgb(160 82 18);--learn-kode-angka: rgb(22 96 190);--learn-kode-kini: rgb(255 238 186);--learn-mat-a: rgb(214 96 52);--learn-mat-b: rgb(40 104 196);--learn-mat-c: rgb(222 170 40);--learn-mat-d: rgb(126 72 170);--learn-art-filter: none;--learn-topbar: 52px;--learn-rail-pad: 30px;--learn-main-pad: 34px;--learn-stamp: rgb(176 52 31);--learn-btn: rgb(38 38 38);--learn-lip: rgb(10 10 10);background:var(--learn-page)}.learn-product .ui-btn[data-variant=primary],.learn-product .learn-lab-continue-button,.learn-product .learn-go{background-color:var(--learn-btn);box-shadow:0 4px 0 0 var(--learn-lip);transition-property:background-color,color,opacity,transform,box-shadow;transition-duration:.11s}.learn-product .ui-btn[data-variant=primary]:hover:not(:disabled),.learn-product .learn-lab-continue-button:hover,.learn-product .learn-go:hover:not(:disabled){opacity:.92}.learn-product .ui-btn[data-variant=primary]:active:not(:disabled):not([aria-disabled=true]),.learn-product .learn-lab-continue-button:active,.learn-product .learn-go:active:not(:disabled){transform:translateY(4px);box-shadow:0 0 0 0 var(--learn-lip)}.learn-product .ui-btn[data-variant=primary]:disabled,.learn-product .learn-go:disabled{box-shadow:none}@media(prefers-reduced-motion:reduce){.learn-product .ui-btn[data-variant=primary],.learn-product .learn-lab-continue-button,.learn-product .learn-go{transition:none}}.learn-product .label{text-transform:none;letter-spacing:0;font-weight:500}.learn-product .pshell{background:var(--learn-page);border-right-color:var(--learn-line)}.learn-product .ptop{background:var(--learn-page);border-bottom-color:var(--learn-line)}.learn-product [hidden]{display:none!important}.learn-product .label,.learn-product .mono{font-family:inherit}.learn-product .label{font-weight:600;letter-spacing:.1em}.learn-product .mono{font-variant-numeric:tabular-nums}.dark .learn-product{--learn-line: rgb(42 40 35);--learn-line-strong: rgb(61 58 50);--learn-muted: rgb(145 139 125);--learn-faint: rgb(97 92 81);--learn-soft: rgb(26 24 21);--learn-ink: rgb(245 241 232);--learn-page: rgb(16 15 13);--learn-lift-1: rgb(33 31 27);--learn-lift-2: rgb(43 40 35);--learn-on-ink: rgb(23 23 23);--learn-collection-line: rgb(61 58 50);--learn-collection-line-hover: rgb(97 92 81);--learn-correct: rgb(95 190 132);--learn-on-correct: rgb(13 13 13);--learn-keping: rgb(60 56 49);--learn-keping-lip: rgb(12 11 9);--learn-correct-soft: rgb(15 36 24);--learn-correct-lip: rgb(28 80 50);--learn-wrong: rgb(224 133 133);--learn-wrong-soft: rgb(42 20 20);--learn-on-btn: rgb(23 23 23);--learn-kode-kata: rgb(203 160 232);--learn-kode-teks: rgb(230 172 112);--learn-kode-angka: rgb(128 176 250);--learn-kode-kini: rgb(66 56 26);--learn-mat-a: rgb(240 138 98);--learn-mat-b: rgb(120 170 245);--learn-mat-c: rgb(236 198 92);--learn-mat-d: rgb(190 150 230);--learn-on-accent: rgb(13 13 13);--learn-art-filter: contrast(1.12) invert(1);--learn-stamp: rgb(228 120 95);--learn-btn: rgb(245 241 232);--learn-lip: rgb(150 143 128);background:#100f0d}.learn-product-main{min-width:0;min-height:0;flex:1;display:flex;flex-direction:column}.learn-scroll{min-height:0;flex:1;overflow-x:hidden;overflow-y:auto}.learn-side-course{display:flex;align-items:center;gap:8px;margin:2px 8px 0;padding:7px 10px;border-radius:999px;color:var(--learn-muted);font-size:12.5px}.learn-side-course:hover{background:var(--learn-soft)}.learn-side-next{margin:14px 10px 4px;padding:11px 13px;border-radius:14px;background:var(--learn-soft)}.learn-side-next p{margin:0;color:var(--learn-faint);font-size:var(--t-xs)}.learn-side-next strong{display:block;margin-top:4px;font-size:12.5px;font-weight:600}.learn-side-pel{margin:0 8px;padding:7px 10px;display:flex;align-items:center;gap:10px;border-radius:18px;color:var(--learn-muted);font-size:13px;line-height:1.3}.learn-side-pel:hover{background:var(--learn-lift-1);color:var(--learn-ink)}.learn-side-pel.is-kini{background:var(--learn-lift-2);color:var(--learn-ink);font-weight:500}.learn-side-pel-teks{min-width:0;display:flex;flex-direction:column}.learn-side-pel-teks small{margin-top:2px;color:var(--learn-muted);font-size:12px;font-weight:400}.learn-side-tanda{width:22px;height:22px;flex:none;display:grid;place-items:center;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--learn-line-strong);color:var(--learn-muted)}.learn-side-tanda>*{grid-area:1 / 1;display:none}.learn-side-tanda b{font-size:12px;font-weight:600}.learn-side-tanda:is([data-state=todo],[data-state=now]) b{display:block}.learn-side-tanda[data-state=now]{box-shadow:inset 0 0 0 2.5px var(--learn-ink);color:var(--learn-ink)}.learn-side-tanda[data-state=done]{background:var(--learn-ink);box-shadow:none;color:var(--learn-on-ink)}.learn-side-tanda[data-state=done] svg:first-of-type{display:block}.learn-side-tanda[data-state=kunci]{box-shadow:inset 0 0 0 1.5px var(--learn-line);color:var(--learn-faint)}.learn-side-tanda[data-state=kunci] svg:last-of-type{display:block}.learn-icon-button{width:34px;height:34px;flex:none;display:inline-grid;place-items:center;border:1px solid var(--learn-line-strong);border-radius:50%;background:transparent;color:var(--learn-ink)}.learn-icon-button:hover{background:var(--learn-soft)}.learn-pill{min-height:32px;padding:0 13px;display:inline-flex;align-items:center;gap:7px;border:1px solid transparent;border-radius:999px;background:var(--learn-soft);color:var(--learn-muted);font-size:12.5px;line-height:1}.learn-primary-link{min-height:40px;padding:10px 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--learn-ink);border-radius:999px;background:var(--learn-ink);color:#fff;font-size:13px;font-weight:500}.dark .learn-primary-link{color:#171717}.learn-primary-link:hover{opacity:.88}.learn-kicker{display:flex;align-items:center;gap:9px;color:var(--learn-faint)}.learn-kicker-dot{width:8px;height:8px;flex:none;border-radius:50%;background:var(--accent, rgb(28 97 234))}.learn-home{width:100%;margin:0 auto}.learn-home>[data-guest-home]{height:100%}.learn-auth-home{padding-top:0}.learn-auth-home .label,.learn-auth-home .mono{font-size:12px}.learn-stage-action{width:-moz-fit-content;width:fit-content;min-height:40px;margin-top:16px;padding:0 16px;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--learn-line-strong);border-radius:999px;color:var(--learn-ink);font-size:13px}.learn-stage-action:hover{background:var(--learn-soft)}.learn-progress-track{width:100%;height:8px;flex:none;border-radius:999px;background:var(--learn-line-strong);overflow:hidden}.learn-progress-track span{display:block;width:0;height:100%;border-radius:inherit;background:var(--accent, rgb(28 97 234));transition:width .3s ease}.learn-onboard{position:relative;min-height:100%;display:grid;place-items:center;padding:64px 24px 88px}.learn-onboard-rail{position:absolute;inset:0 auto auto 0;width:100%;height:2px;background:var(--learn-line)}.learn-onboard-rail i{display:block;width:0;height:100%;background:var(--learn-ink);transition:width .52s cubic-bezier(.22,.7,.28,1)}.learn-onboard-skip{position:absolute;top:18px;right:22px}.learn-act{width:100%;max-width:620px;text-align:center;display:grid;justify-items:center;gap:0}.learn-act[hidden]{display:none}.learn-act>*{animation:learnActRise .56s cubic-bezier(.22,.7,.28,1) both}.learn-act>*:nth-child(2){animation-delay:70ms}.learn-act>*:nth-child(3){animation-delay:.14s}.learn-act>*:nth-child(4){animation-delay:.21s}.learn-act>*:nth-child(5){animation-delay:.28s}@keyframes learnActRise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.learn-act-art{width:92px;height:92px;-o-object-fit:contain;object-fit:contain;margin-bottom:20px;filter:var(--learn-art-filter)}.learn-act-eyebrow{margin:0 0 14px;color:var(--learn-faint);font-size:13px}.learn-act-title{margin:0;font-size:42px;line-height:1.08;letter-spacing:-.02em}.learn-act-body{margin:18px 0 0;color:var(--learn-muted);font-size:16px;line-height:1.6}.learn-act-next{margin-top:34px}.learn-act-demo{position:relative;width:100%;margin-top:38px;padding-top:64px}.learn-act-hop{position:absolute;top:0;left:16.6%;width:56px;height:56px;-o-object-fit:contain;object-fit:contain;transform:translate(-50%);transition:left .62s cubic-bezier(.22,.7,.28,1);filter:var(--learn-art-filter)}.learn-act-pills{display:flex;gap:10px}.learn-act-pill{flex:1;min-height:52px;display:grid;place-items:center;border:1.5px solid var(--learn-line-strong);border-radius:var(--r-full);color:var(--learn-muted);font-size:13px;transition:background .46s,color .46s,border-color .46s}.learn-act-pill[data-on]{background:var(--learn-ink);border-color:var(--learn-ink);color:var(--learn-on-ink)}.learn-act-answers{width:100%;margin-top:34px;display:flex;flex-direction:column;gap:9px}.learn-act-answer{position:relative;min-height:50px;display:flex;align-items:center;padding:0 22px;border:1.5px solid var(--learn-line-strong);border-radius:var(--r-full);color:var(--learn-muted);font-size:14px;text-align:left;transition:transform .56s cubic-bezier(.22,.7,.28,1),border-color .38s,background .38s}.learn-act-answer[data-on]{border-color:var(--learn-ink);background:var(--learn-lift-1);color:var(--learn-ink)}.learn-act-answer i{position:absolute;right:14px;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#15803d;color:#fff;opacity:0;transform:scale(1.8) rotate(-16deg)}.learn-act-answer i[data-on]{opacity:1;transform:scale(1) rotate(-6deg);transition:opacity .3s,transform .42s cubic-bezier(.22,.7,.28,1)}.learn-act-week{display:flex;gap:10px;margin-top:36px}.learn-act-day{width:40px;height:40px;display:grid;place-items:center;border:1.5px solid var(--learn-line-strong);border-radius:15px;color:var(--learn-on-ink);opacity:0;transform:scale(.6)}.learn-act-day[data-in]{opacity:1;transform:scale(1);transition:opacity .3s,transform .42s cubic-bezier(.22,.7,.28,1)}.learn-act-day[data-on]{background:var(--learn-ink);border-color:var(--learn-ink)}.learn-act-picks{width:100%;margin-top:30px;display:grid;gap:10px}.learn-act-picks[data-cols="2"]{grid-template-columns:1fr 1fr}.learn-product .learn-pick{height:auto;min-height:0;padding:16px 18px;justify-content:flex-start;gap:14px;white-space:normal;text-align:left;border-radius:var(--r-lg);border:1.5px solid transparent}.learn-product .learn-pick[data-on]{border-color:var(--learn-ink);background:var(--learn-lift-1)}.learn-pick-copy{display:grid;gap:3px}.learn-pick-copy strong{font-size:15px;font-weight:600;line-height:1.3}.learn-pick-copy small{color:var(--learn-muted);font-size:13px;line-height:1.45;font-weight:400}.learn-pick-num{width:42px;flex:none;font-size:30px;line-height:1;text-align:center}.learn-act-dots{display:flex;gap:8px;margin:0 0 18px;padding:0;list-style:none}.learn-act-dots li{width:9px;height:9px;border-radius:50%;background:var(--learn-ink);animation:learnActBlink 1.2s infinite ease-in-out}.learn-act-dots li:nth-child(2){animation-delay:.15s}.learn-act-dots li:nth-child(3){animation-delay:.3s}@keyframes learnActBlink{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.learn-act-plan{width:100%;margin-top:30px;padding:26px;border:1.5px solid var(--learn-line-strong);border-radius:var(--r-xl, 24px);background:var(--learn-page);text-align:left}.learn-act-plan-head{display:flex;align-items:center;gap:12px}.learn-act-plan-head strong{font-size:15px;font-weight:600}.learn-act-plan-lead{margin:18px 0 20px;color:var(--learn-muted);font-size:15px;line-height:1.6}.learn-act-plan-lead b{color:var(--learn-ink);font-weight:600}.learn-act-plan-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid var(--learn-line);font-size:14px}.learn-act-plan-row span:first-child{color:var(--learn-muted)}.learn-act-plan-row span:last-child{font-weight:500;text-align:right}.learn-act-plan-note{margin:16px 0 0;color:var(--learn-faint);font-size:12.5px;line-height:1.5}@media(max-width:720px){.learn-act-title{font-size:31px}.learn-act-body{font-size:15px}.learn-act-picks[data-cols="2"]{grid-template-columns:1fr}}.learn-stamps{margin-top:16px;padding:4px 6px;overflow:clip;display:grid;grid-template-columns:1fr 1fr;gap:14px}.learn-stamp{position:relative;aspect-ratio:1;display:grid;place-items:center;text-align:center;border:2px solid currentColor;border-radius:50%;color:var(--learn-faint);opacity:.32}.learn-stamp:before{content:"";position:absolute;inset:5px;border:1px dashed currentColor;border-radius:50%;opacity:.55}.learn-stamp span{padding:0 12px;font:400 13px/1.15 var(--serif, Georgia, serif);color:currentColor}.learn-stamp[data-unlocked=true]{color:var(--learn-stamp);opacity:1;transform:rotate(-4deg)}.learn-stamp-note{margin:14px 0 0;color:var(--learn-muted);font-size:12.5px;line-height:1.5}.learn-achievements ul{margin:15px 0 0;padding:0;list-style:none}.learn-achievements li{min-height:52px;display:flex;align-items:center;gap:11px;border-top:1px solid var(--learn-line);opacity:.45}.learn-achievements li[data-unlocked=true]{opacity:1}.learn-achievement-mark{width:32px;height:32px;flex:none;display:grid;place-items:center;border:1.5px solid var(--learn-line-strong);border-radius:50%}.learn-achievements li[data-unlocked=true] .learn-achievement-mark{border-color:var(--learn-ink);background:var(--learn-ink);color:#fff}.dark .learn-achievements li[data-unlocked=true] .learn-achievement-mark{color:#171717}.learn-achievements strong{display:block;font-size:13px;font-weight:600}.learn-achievements small{display:block;margin-top:2px;color:var(--learn-muted);font-size:13px;line-height:1.35}.learn-sidebar-course{margin:0 8px;padding:7px 10px;display:flex;align-items:center;gap:9px;border-radius:999px;color:var(--learn-muted)}.learn-sidebar-course:hover{background:var(--learn-soft)}.learn-sidebar-course .learn-mark{flex:none}.learn-side-bar{margin-left:auto;width:24px;height:5px;flex:none;border-radius:var(--r-full);background:var(--learn-lift-2);overflow:hidden}.learn-side-bar i{display:block;height:100%;border-radius:inherit;background:var(--accent, var(--learn-ink))}.learn-side-bar:has(i[style*="width:0%"]){opacity:0}.learn-sidebar-course strong{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:400}.learn-sidebar-course small{flex:none;color:var(--learn-faint);font-size:12px;font-variant-numeric:tabular-nums}.learn-auth-home{padding:0}.learn-lab-dashboard{display:grid;grid-template-columns:minmax(0,1fr) 378px;align-items:stretch}.learn-scroll:has(.learn-lab-dashboard:not([hidden])){overflow:hidden}.learn-lab-main{min-width:0;height:calc(100vh - var(--learn-topbar));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:22px var(--learn-main-pad) 64px 42px}.learn-lab-welcome{padding-top:11px}.learn-lab-welcome h1{margin:0;font-size:45px;line-height:1.06;letter-spacing:-.02em}.learn-lab-welcome>p{margin:9px 0 0;color:var(--learn-muted);font-size:14.5px}.learn-lab-welcome .learn-stage-action{margin-top:13px}.learn-lab-card{border:1.5px solid var(--learn-line-strong);border-radius:24px;background:#fff}.learn-lab-continue{border-radius:28px}.dark .learn-lab-card{background:#0a0a0a}.learn-lab-section-title{margin:0;font-size:26px;line-height:1.1;letter-spacing:-.01em}.learn-lab-section-copy,.learn-lab-section-head p{margin:5px 0 0;color:var(--learn-muted);font-size:13px}.learn-lab-hero{min-height:276px;margin-top:28px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:24px;align-items:center}.learn-lab-continue{min-height:250px;padding:25px 27px 23px;display:flex;flex-direction:column}.learn-lab-tag{align-self:flex-start;padding:5px 12px;border-radius:999px;background:var(--learn-soft);font-size:12.5px;font-weight:500}.learn-lab-continue h2{margin:20px 0 0;font-size:28px;line-height:1.12}.learn-lab-lesson{margin:13px 0 0;font-size:13.5px;font-weight:500}.learn-lab-progress-row{margin-top:13px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;color:var(--learn-muted);font-size:12px;font-variant-numeric:tabular-nums}.learn-lab-progress-row>span{white-space:nowrap}.learn-lab-continue-actions{margin-top:auto;padding-top:24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 20px}.learn-lab-time{margin:0;display:flex;align-items:center;gap:8px;color:var(--learn-muted);font-size:12px;white-space:nowrap}.learn-lab-continue-button{min-height:52px;padding:0 16px 0 28px;display:inline-flex;align-items:center;gap:14px;border-radius:999px;color:#fff;background:var(--learn-ink);font-size:15px;font-weight:600}.dark .learn-lab-continue-button{color:#171717}.learn-lab-continue-button>span{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;color:var(--learn-ink);background:#fff}.dark .learn-lab-continue-button>span{color:#fff;background:#171717}.learn-lab-continue-button>span svg{width:10px;height:10px;fill:currentColor;stroke:none}.learn-lab-hero-art{min-height:270px;margin:0;display:grid;place-items:center}.learn-lab-hero-art img{width:100%;height:260px;-o-object-fit:contain;object-fit:contain}.dark .learn-lab-hero-art img{filter:var(--learn-art-filter)}.learn-lab-collection{margin-top:32px}.learn-lab-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.learn-lab-small-action{min-height:30px;padding:0 12px;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--learn-line-strong);border-radius:999px;color:var(--learn-muted);font-size:12px}.learn-lab-collection-rail{margin-top:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.learn-lab-collection-card{min-width:0;min-height:132px;padding:16px;display:flex;flex-direction:column;text-align:left;border:1px solid var(--learn-collection-line);border-radius:20px;color:#fafafa;background:#171717;transition:transform .16s cubic-bezier(.2,.7,.25,1),border-color .14s}.learn-lab-collection-card:hover{transform:translateY(-3px);border-color:var(--learn-collection-line-hover)}.learn-lab-collection-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;opacity:.7}.learn-lab-collection-meta strong{flex:none;font-weight:700}.learn-lab-collection-card>strong{margin-top:12px;overflow:hidden;font-size:21px;line-height:1.15;font-weight:400;text-overflow:ellipsis;white-space:nowrap}.learn-lab-collection-card .learn-progress-track{height:10px;margin-top:12px;background:#a0a0a04d}.learn-lab-collection-card .learn-progress-track span{transition:width .9s cubic-bezier(.2,.7,.25,1)}.learn-lab-collection-card>small{margin-top:auto;padding-top:14px;overflow:hidden;font-size:12.5px;opacity:.7;text-overflow:ellipsis;white-space:nowrap}.learn-lab-section{margin-top:32px}.learn-lab-reset{display:flex;align-items:center;gap:6px;color:var(--learn-faint);font-size:12px}.learn-lab-mission-grid{margin-top:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.learn-lab-mission{padding:20px;display:flex;flex-direction:column;gap:11px;text-align:left}.learn-lab-mission-top{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.learn-lab-mission-top>span{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:50%;background:var(--learn-lift-1)}.learn-lab-mission-top>span svg{width:17px;height:17px}.learn-lab-mission[data-done=true] .learn-lab-mission-top>span{color:var(--learn-on-correct);background:var(--learn-correct)}.learn-lab-mission-top b{flex:none;color:var(--learn-faint);font-size:12px;font-weight:400}.learn-lab-mission h3{margin:0;min-width:0;overflow-wrap:anywhere;font-size:14.5px;font-weight:600;line-height:1.3}.learn-lab-mission>p{margin:0;color:var(--learn-muted);font-size:12.5px;line-height:1.45}.learn-lab-mission .learn-progress-track{height:10px;margin-top:auto;background:var(--learn-lift-2)}.learn-lab-mission .learn-progress-track span{background:var(--learn-ink);transition:width .9s cubic-bezier(.2,.7,.25,1)}.learn-lab-bonus{align-items:center;justify-content:center;gap:6px;border-style:dashed;text-align:center}.learn-lab-bonus h3,.learn-lab-bonus>p{margin:0}.learn-lab-path-wrap{margin-top:20px;padding:60px 2px 3px;overflow-x:auto;scrollbar-width:thin}.learn-lab-path{position:relative;min-width:750px;margin:0;padding:0;display:grid;grid-template-columns:60px repeat(6,1fr);align-items:start;list-style:none}.learn-lab-path:before{content:"";position:absolute;left:38px;right:55px;top:28px;border-top:2px dashed var(--learn-line-strong)}.learn-lab-start{position:relative;z-index:1;margin-top:17px;padding:4px 11px;justify-self:start;border:1px solid var(--learn-line-strong);border-radius:999px;background:#fff;font-size:12px}.dark .learn-lab-start{background:#0a0a0a}.learn-lab-step{position:relative;z-index:1;display:grid;justify-items:center;text-align:center}.learn-lab-node{width:48px;height:48px;display:grid;place-items:center;border:2px solid var(--learn-line-strong);border-radius:50%;background:#fff;font-size:12px}.dark .learn-lab-node{background:#0a0a0a}.learn-lab-step[data-journey-state=next] .learn-lab-node{border-style:dashed;color:var(--learn-muted)}.learn-lab-step[data-journey-state=completed] .learn-lab-node{width:40px;height:40px;margin-top:4px;color:#fff;border-color:var(--learn-ink);background:var(--learn-ink);box-shadow:0 0 0 8px #fff,0 0 0 9px var(--learn-line)}.dark .learn-lab-step[data-journey-state=completed] .learn-lab-node{color:#171717;box-shadow:0 0 0 8px #0a0a0a,0 0 0 9px var(--learn-line)}.learn-lab-step[data-journey-state=current] .learn-lab-node{width:66px;height:66px;margin-top:-9px;border:3px solid var(--learn-ink)}.learn-lab-step[data-journey-state=current] .learn-lab-node img{width:51px;height:51px;-o-object-fit:contain;object-fit:contain}.dark .learn-lab-step[data-journey-state=current] .learn-lab-node img{filter:var(--learn-art-filter)}.learn-lab-you-are-here{position:absolute;top:-48px;left:50%;transform:translate(-50%);width:-moz-max-content;width:max-content;padding:8px 13px;border:1px solid var(--learn-ink);border-radius:999px;background:var(--learn-ink);color:#fff;font-size:12.5px;font-weight:600}.dark .learn-lab-you-are-here{color:#171717}.learn-lab-step>strong{margin-top:15px;font-size:13px;font-weight:500}.learn-lab-step>span:last-child{max-width:118px;margin-top:4px;color:var(--learn-muted);font-size:12.5px;line-height:1.35}.learn-lab-recommendations{margin-top:34px}.learn-lab-course-cards{margin-top:17px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.learn-lab-rec-card{min-height:135px;padding:14px;display:grid;grid-template-columns:91px minmax(0,1fr);gap:15px;align-items:center}.learn-lab-rec-cover{height:88px;overflow:hidden;border-radius:8px;background:var(--learn-soft)}.learn-lab-rec-cover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:grayscale(1) contrast(.9);transition:filter .2s ease,transform .2s ease}.learn-lab-rec-card:hover .learn-lab-rec-cover img{filter:grayscale(.55) contrast(.95);transform:scale(1.025)}.learn-lab-rec-card em,.learn-lab-rec-card strong{display:block}.learn-lab-rec-card em{font-size:12px;font-weight:600;font-style:normal;letter-spacing:.04em;text-transform:uppercase}.learn-lab-rec-card strong{margin-top:7px;font-size:16px;line-height:1.12;font-weight:400}.learn-lab-rec-card small{margin-top:12px;display:flex;align-items:center;gap:4px;color:var(--learn-muted);font-size:12px}.learn-lab-rec-card small b{color:var(--learn-ink);font-weight:500;font-variant-numeric:tabular-nums}.learn-lab-insights{position:sticky;top:0;align-self:start;height:calc(100vh - var(--learn-topbar));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;border-left:1px solid var(--learn-line);padding:22px var(--learn-rail-pad) 40px;display:grid;gap:16px;align-content:start}.learn-lab-insight{padding:23px}.learn-lab-insight h2{margin:0;font-size:19px;line-height:1.15}.learn-lab-insight-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.learn-lab-insight-head>span{color:var(--learn-muted);font-size:12px}.learn-lab-level-body{margin-top:20px;display:grid;grid-template-columns:1fr 76px;align-items:center;gap:15px}.learn-lab-level-body strong,.learn-lab-level-body span{display:block;font-size:12px}.learn-lab-level-body span{margin-top:3px;color:var(--learn-muted)}.learn-lab-ring{width:76px;height:76px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--learn-ink) 0 var(--ring, 0%),var(--learn-line-strong) var(--ring, 0%))}.learn-lab-ring:before{content:"";grid-area:1 / 1;width:62px;height:62px;border-radius:50%;background:#fff}.dark .learn-lab-ring:before{background:#0a0a0a}.learn-lab-ring strong{grid-area:1 / 1;position:relative;font-size:14px}.learn-lab-xp{margin:16px 0 14px;color:var(--learn-muted);font-size:12px}.learn-lab-xp b{color:var(--learn-ink);font-weight:500}.learn-lab-rhythm-title{display:flex;align-items:center;gap:8px}.learn-lab-rhythm-body{margin-top:18px;display:flex;gap:14px;align-items:flex-end;min-width:0}.learn-lab-rhythm-body>div{min-width:0;flex:1}.learn-lab-rhythm-body p{margin:0}.learn-lab-rhythm-body strong{font:400 29px/1 var(--serif, Georgia, serif)}.learn-lab-rhythm-body span,.learn-lab-rhythm-body small{color:var(--learn-muted);font-size:13px}.learn-lab-rhythm-body small{display:block;margin-top:13px;line-height:1.45}.learn-lab-rhythm-body>img{width:90px;height:90px;flex:none;-o-object-fit:contain;object-fit:contain}.dark .learn-lab-rhythm-body>img{filter:var(--learn-art-filter)}.learn-achievements ul{margin-top:18px;display:grid;gap:16px}.learn-achievements li{min-height:0;display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:11px;border-top:0}.learn-achievements li>em{color:var(--learn-muted);font-size:12px;font-style:normal;font-variant-numeric:tabular-nums}.learn-loading{min-height:62vh;display:grid;place-items:center;padding:30px}.learn-loading-in{display:grid;justify-items:center;text-align:center;max-width:430px}.learn-loading-in>img{width:132px;height:132px;-o-object-fit:contain;object-fit:contain;animation:learn-bob 2.1s ease-in-out infinite}.dark .learn-loading-in>img{filter:var(--learn-art-filter)}.learn-loading-in h2{margin:16px 0 0;font-size:27px;line-height:1.14;letter-spacing:-.02em}.learn-loading-say{margin:11px 0 0;min-height:22px;color:var(--learn-muted);font-size:14.5px}.learn-loading-dots{margin:20px 0 0;padding:0;display:flex;gap:7px;list-style:none}.learn-loading-dots li{width:8px;height:8px;border-radius:50%;background:var(--learn-line-strong);animation:learn-pulse 1.15s ease-in-out infinite}.learn-loading-dots li:nth-child(2){animation-delay:.16s}.learn-loading-dots li:nth-child(3){animation-delay:.32s}@keyframes learn-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes learn-pulse{0%,to{background:var(--learn-line-strong);transform:scale(1)}50%{background:var(--learn-ink);transform:scale(1.22)}}@media(prefers-reduced-motion:reduce){.learn-loading-in>img{animation:none}.learn-loading-dots li{animation:none;background:var(--learn-line-strong)}.learn-loading-dots li:first-child{background:var(--learn-ink)}}.learn-fail{min-height:62vh;display:grid;place-items:center;padding:30px}.learn-fail-in{max-width:452px;padding:30px 32px;display:grid;justify-items:center;text-align:center;border:1px solid var(--learn-line-strong);border-radius:26px}.learn-fail-in>img{width:104px;height:104px;-o-object-fit:contain;object-fit:contain}.dark .learn-fail-in>img{filter:var(--learn-art-filter)}.learn-fail-in h2{margin:12px 0 0;font-size:24px;line-height:1.16}.learn-fail-in>p{margin:11px 0 0;color:var(--learn-muted);font-size:14px;line-height:1.68}.learn-fail-acts{margin-top:22px;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.learn-fail-why{margin:18px 0 0;padding-top:16px;border-top:1px solid var(--learn-line);color:var(--learn-faint);font-size:12.5px;line-height:1.6}.learn-buddy{margin-top:18px;display:flex;align-items:center;gap:11px}.learn-buddy>img{width:46px;height:46px;flex:none;-o-object-fit:contain;object-fit:contain}.dark .learn-buddy>img{filter:var(--learn-art-filter)}.learn-buddy-say{margin:0;padding:10px 14px;border:1px solid var(--learn-line-strong);border-radius:16px 16px 16px 4px;color:var(--learn-muted);font-size:12.5px;line-height:1.5}.learn-buddy-say b{color:var(--learn-ink);font-weight:600}.learn-lab-week{min-width:0;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;list-style:none}.learn-lab-week li{display:grid;justify-items:center;gap:6px;color:var(--learn-muted);font-size:12px}.learn-lab-week i{width:100%;max-width:30px;aspect-ratio:1;display:grid;place-items:center;border:1.5px solid var(--learn-line-strong);border-radius:50%;font-style:normal}.learn-lab-week i svg{width:12px;height:12px}.learn-lab-week li[data-active=true] i{color:#fff;border-color:var(--learn-ink);background:var(--learn-ink)}.dark .learn-lab-week li[data-active=true] i{color:#171717}.learn-lab-week li[data-today=true]{color:var(--learn-ink);font-weight:600}.learn-lab-records{margin:18px 0 0;padding:0;display:grid;gap:8px;list-style:none}.learn-lab-records li{min-height:46px;padding:0 9px;display:grid;grid-template-columns:21px 1fr auto;align-items:center;gap:8px;border-radius:10px;font-size:13px}.learn-lab-records li>span:first-child{color:var(--learn-faint);font-variant-numeric:tabular-nums}.learn-lab-records strong{font-weight:500}.learn-lab-records em{font-style:normal;font-variant-numeric:tabular-nums}.learn-lab-records li[data-best=true]{padding-inline:12px;border-radius:999px;color:#fff;background:var(--learn-ink)}.dark .learn-lab-records li[data-best=true]{color:#171717}.learn-lab-records li[data-best=true]>span:first-child{color:inherit;opacity:.7}.learn-lab-course-records{margin-top:14px;display:grid;gap:5px}.learn-lab-course-records a{min-height:40px;padding:0 9px;display:grid;grid-template-columns:21px 1fr auto;align-items:center;gap:8px;border-radius:999px;font-size:12px}.learn-lab-course-records a:hover{background:var(--learn-soft)}.learn-lab-course-records strong{overflow:hidden;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.learn-lab-course-records em{color:var(--learn-muted);font-style:normal}.learn-lab-quote{min-height:205px;margin:0;padding:22px;position:relative;overflow:hidden}.learn-lab-quote blockquote{max-width:205px;margin:0;position:relative;z-index:1;font-size:22px;font-style:italic;line-height:1.16}.learn-lab-quote img{width:150px;position:absolute;right:-7px;bottom:-27px}.dark .learn-lab-quote img{filter:var(--learn-art-filter)}.learn-gate{min-height:100%;display:flex;flex-direction:column}.learn-gate-top{flex:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:26px 34px 0}.learn-gate-mark{display:flex;align-items:center;gap:10px}.learn-gate-mark i{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--learn-ink);color:#fff;font-size:14px;font-style:normal;font-weight:600}.dark .learn-gate-mark i{color:#171717}.learn-gate-mark strong{font-size:15px;font-weight:600;letter-spacing:-.01em}.learn-gate-mark small{display:block;margin-top:1px;color:var(--learn-faint);font-size:12px;font-weight:400}.learn-gate-help{color:var(--learn-muted);font-size:13px}.learn-gate-help:hover{color:var(--learn-ink)}.learn-gate-core{flex:1;display:grid;place-items:center;padding:24px}.learn-gate-in{width:100%;max-width:412px;text-align:center}.learn-gate-in>img{width:132px;height:132px;margin:0 auto;-o-object-fit:contain;object-fit:contain}.dark .learn-gate-in>img{filter:var(--learn-art-filter)}.learn-gate-in h1{margin:12px 0 0;font-size:40px;line-height:1.04;letter-spacing:-.025em}.learn-gate-lead{max-width:340px;margin:13px auto 0;color:var(--learn-muted);font-size:15px;line-height:1.68}.learn-gate-card{margin-top:26px;padding:26px;border:1.5px solid var(--learn-line-strong);border-radius:26px;text-align:left}.learn-gate-dots{display:flex;justify-content:center;gap:6px;margin-bottom:20px}.learn-gate-dots i{width:26px;height:5px;border-radius:999px;background:var(--learn-line-strong);transition:background .2s ease}.learn-gate-dots i[data-on=true]{background:var(--learn-ink)}.learn-gate-label{display:block;margin-bottom:7px;color:var(--learn-faint);font-size:12px;font-weight:500}.learn-gate-box{position:relative}.learn-gate-card input{width:100%;height:50px;padding:0 17px;border:1px solid var(--learn-line-strong);border-radius:999px;background:var(--learn-soft);color:var(--learn-ink);font:inherit;font-size:15px;outline:none;transition:border-color .14s ease,background .14s ease}.learn-gate-card input::-moz-placeholder{color:var(--learn-faint)}.learn-gate-card input::placeholder{color:var(--learn-faint)}.learn-gate-card input:focus{border-color:var(--learn-ink);background:#fff}.dark .learn-gate-card input:focus{background:#0a0a0a}.learn-gate-peek{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--learn-faint);cursor:pointer}.learn-gate-peek:hover{color:var(--learn-ink);background:var(--learn-soft)}.learn-gate-who{display:flex;align-items:center;gap:11px;margin-bottom:14px;padding:11px 13px 11px 15px;border-radius:999px;background:var(--learn-soft)}.learn-gate-who span{min-width:0;flex:1;overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.learn-gate-who button{flex:none;border:0;background:transparent;color:var(--learn-muted);font:inherit;font-size:12px;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--learn-line-strong);cursor:pointer}.learn-gate-who button:hover{color:var(--learn-ink);text-decoration-color:var(--learn-ink)}.learn-gate-error{display:grid;grid-template-columns:17px minmax(0,1fr);gap:10px;align-items:start;margin:14px 0 0;padding:12px 15px;border:1px solid var(--learn-line-strong);border-radius:16px;background:var(--learn-soft);font-size:13px;line-height:1.55}.learn-gate-error svg{margin-top:1px}.learn-gate-card .learn-go{width:100%;margin-top:20px;padding:0 22px}.learn-gate-card .learn-go:disabled{border-color:var(--learn-line-strong);background:var(--learn-soft);color:var(--learn-faint);cursor:default}.learn-gate-alt{margin:18px 0 0;color:var(--learn-muted);font-size:13px;text-align:center}.learn-gate-alt a{color:var(--learn-ink);font-weight:500;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--learn-line-strong)}.learn-gate-alt a:hover{text-decoration-color:var(--learn-ink)}.learn-gate-note{margin:22px 0 0;padding-top:18px;border-top:1px solid var(--learn-line);color:var(--learn-faint);font-size:12px;line-height:1.6}.learn-gate-strip{flex:none;display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;padding:20px 24px 32px}.learn-gate-strip>i{width:4px;height:4px;border-radius:50%;background:var(--learn-line-strong)}.learn-gate-strip .learn-pill{border-color:transparent;background:var(--learn-soft)}.learn-gate-strip .learn-pill b{color:var(--learn-ink);font-weight:600}.learn-course-shell{min-height:0;flex:1;display:grid;grid-template-columns:372px minmax(0,1fr)}.learn-trail{min-height:0;display:flex;flex-direction:column;border-right:1px solid var(--learn-line);background:var(--learn-page)}.dark .learn-trail{background:#0e0e0e}.learn-trail-top{flex:none;padding:24px 24px 16px}.learn-trail-top h1{margin:0;font-size:22px;line-height:1.14;letter-spacing:-.015em}.learn-trail-top .learn-progress-track{height:9px;margin-top:13px}.learn-trail-top p{margin:10px 0 0;color:var(--learn-muted);font-size:12px}.learn-trail-top p b{color:var(--learn-ink);font-weight:600}.learn-trail-ambil{margin-top:14px;display:flex;align-items:center;gap:8px}.learn-trail-ambil:not(:has(>:not([hidden]))){display:none}.learn-trail-ambil [hidden],.learn-palang [hidden]{display:none!important}.learn-trail-flow{flex:1;min-height:0;overflow-y:auto;padding:2px 20px 24px}.learn-trail-about{width:100%;margin-bottom:4px;padding:12px 14px;display:grid;grid-template-columns:34px minmax(0,1fr);gap:13px;align-items:center;border:0;border-radius:18px;background:transparent;text-align:left}.learn-trail-about:hover,.learn-trail-about[aria-current=true]{background:var(--learn-lift-1)}.learn-trail-about-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--learn-lift-2);color:var(--learn-muted)}.learn-trail-about strong{display:block;font-size:13.5px;font-weight:500}.learn-trail-about small{display:block;margin-top:3px;overflow:hidden;color:var(--learn-faint);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.learn-trail-band{display:flex;align-items:center;gap:10px;margin:0;padding:20px 6px 10px}.learn-trail-band>span{min-width:0;overflow:hidden;color:var(--learn-muted);font-size:12.5px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.learn-trail-band>i{flex:1;min-width:12px;height:1px;background:var(--learn-line)}.learn-trail-cap{display:none}.learn-trail-band[data-state=done] .learn-trail-cap{display:inline-block;flex:none;padding:1px 7px;border:1.5px solid var(--learn-stamp);border-radius:6px;color:var(--learn-stamp);font-size:12px;font-style:normal;font-weight:600;letter-spacing:.08em;text-transform:uppercase;rotate:-5deg}.learn-trail-dekat{display:flex;align-items:center;gap:8px;margin:-2px 6px 8px;color:var(--learn-ink);font-size:12.5px}.learn-trail-butir{display:flex;gap:3px}.learn-trail-butir i{width:14px;height:5px;border-radius:999px;background:var(--learn-lift-2)}.learn-trail-butir i[data-isi]{background:var(--learn-ink)}.learn-bubble{position:relative;width:100%;padding:7px 12px 7px 6px;display:grid;grid-template-columns:52px minmax(0,1fr);gap:13px;align-items:center;border:0;border-radius:20px;background:transparent;text-align:left;transition:background .12s ease}.learn-bubble+.learn-bubble{margin-top:4px}.learn-bubble:hover,.learn-bubble[aria-current=true]{background:var(--learn-lift-1)}.learn-bubble-knob{position:relative;width:52px;height:52px;display:grid;place-items:center}.learn-bubble-knob:before{content:"";position:absolute;left:50%;top:-18px;height:18px;border-left:3px solid var(--learn-line-strong);transform:translate(-1.5px)}:is(.learn-trail-band,.learn-trail-dekat)+.learn-bubble .learn-bubble-knob:before{display:none}.learn-bubble.is-disambung+.learn-bubble .learn-bubble-knob:before{border-color:var(--learn-ink)}.learn-bubble-ball{position:relative;width:46px;height:46px;display:grid;place-items:center;border:2px solid var(--learn-line-strong);border-radius:50%;background:var(--learn-keping);color:var(--learn-muted);transition:transform .14s ease}.learn-bubble:hover .learn-bubble-ball{transform:scale(1.05)}.learn-bubble-ball>*{grid-area:1 / 1;display:none}.learn-bubble-ball>b{font-size:20px;font-weight:400;line-height:1}.learn-bubble:is([data-state=open],[data-state=kunci]) .learn-bubble-ball>b{display:block}.learn-bubble[data-state=kunci] .learn-bubble-ball{border-style:dashed;background:transparent;color:var(--learn-faint)}.learn-bubble-gembok{position:absolute;right:-5px;bottom:-4px;width:22px;height:22px;place-items:center;border-radius:50%;background:var(--learn-lift-2);color:var(--learn-muted);outline:3px solid var(--learn-page)}.learn-bubble[data-state=kunci] .learn-bubble-gembok{display:grid}.learn-bubble[data-state=kunci] strong{color:var(--learn-muted)}.learn-bubble[data-state=done] .learn-bubble-ball{border-color:var(--learn-ink);background:var(--learn-ink);color:var(--learn-on-ink)}.learn-bubble[data-state=done] .learn-bubble-ball>svg{display:block}.learn-bubble[data-state=done] strong{color:var(--learn-muted)}.learn-bubble[data-state=now] .learn-bubble-ball{border:3px solid var(--learn-ink);padding:4px}.learn-bubble[data-state=now] .learn-bubble-ball>img{display:block;width:36px;height:36px;-o-object-fit:contain;object-fit:contain;filter:var(--learn-art-filter)}.learn-bubble strong{display:block;font-size:14px;font-weight:500;line-height:1.32}.learn-bubble small{display:block;margin-top:3px;color:var(--learn-faint);font-size:12px}.learn-bubble-sini{display:none}.learn-bubble[data-state=now] .learn-bubble-sini{display:inline-flex;align-items:center;height:22px;margin-top:5px;padding:0 9px;border-radius:999px;background:var(--learn-ink);color:var(--learn-on-ink);font-size:12px;font-weight:500}.learn-trail-foot{flex:none;padding:14px 20px 18px;border-top:1px solid var(--learn-line)}.learn-trail-foot .learn-buddy{margin-top:0}.learn-brief{min-height:0;overflow-y:auto}.learn-panel{min-height:100%;display:flex;flex-direction:column}.learn-panel-doc{flex:1;padding:34px 46px}.learn-panel-doc>h2{max-width:700px;margin:0;font-size:42px;line-height:1.06;letter-spacing:-.025em}.learn-panel-sub{max-width:640px;margin:10px 0 0;color:var(--learn-muted);font-size:15.5px;line-height:1.6}.learn-panel-kick{margin:0;color:var(--learn-faint);font-size:12px;font-weight:500}.learn-alasan{max-width:700px;margin-top:24px;padding:22px 24px;border-radius:24px;background:var(--learn-lift-1);display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:18px;align-items:center}.learn-alasan.is-polos{grid-template-columns:minmax(0,1fr)}.learn-alasan>div{min-width:0}.learn-alasan-k{margin:0 0 6px;color:var(--learn-muted);font-size:12.5px}.learn-alasan .projects-serif{margin:0;color:var(--learn-ink);font-size:21px;line-height:1.4;overflow-wrap:break-word}.learn-alasan img{width:100%;height:120px;-o-object-fit:contain;object-fit:contain;filter:var(--learn-art-filter)}.learn-keadaan{max-width:700px;margin-top:18px;padding:12px 16px;display:flex;align-items:center;gap:12px;border-radius:18px;background:var(--learn-lift-2);color:var(--learn-muted);font-size:14px;line-height:1.5}.learn-keadaan[hidden]{display:none}.learn-keadaan b{color:var(--learn-ink);font-weight:600}.learn-keadaan>img{width:26px;height:26px;flex:none;-o-object-fit:contain;object-fit:contain;filter:var(--learn-art-filter)}.learn-keadaan>svg{flex:none;color:var(--learn-ink)}.learn-keadaan.is-menunggu{background:var(--learn-lift-1)}.learn-keadaan-ik{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:50%;background:var(--learn-page);color:var(--learn-muted)}.learn-panel-prose{max-width:660px;margin-top:22px}.learn-panel-prose p{margin:0 0 14px;color:var(--learn-muted);font-size:15px;line-height:1.8}.learn-panel-sec{margin:32px 0 0;font-size:23px;font-weight:400;line-height:1.2;letter-spacing:-.015em}.learn-isi-bab{max-width:700px;margin-top:14px;display:flex;flex-direction:column;gap:6px}.learn-isi-bab button{width:100%;padding:14px 16px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:14px;align-items:start;border:0;border-radius:20px;background:var(--learn-lift-1);color:var(--learn-ink);text-align:left;cursor:pointer}.learn-isi-bab button:hover{background:var(--learn-lift-2)}.learn-isi-bab-n{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--learn-page)}.learn-isi-bab-n>*{grid-area:1 / 1}.learn-isi-bab-n b{font-size:18px;font-weight:400}.learn-isi-bab-n svg{display:none}.learn-isi-bab button[data-tuntas] .learn-isi-bab-n{background:var(--learn-ink);color:var(--learn-on-ink)}.learn-isi-bab button[data-tuntas] .learn-isi-bab-n b{display:none}.learn-isi-bab button[data-tuntas] .learn-isi-bab-n svg{display:block}.learn-isi-bab strong{display:block;font-size:14.5px;font-weight:600;line-height:1.35}.learn-isi-bab small{display:block;margin-top:3px;color:var(--learn-muted);font-size:13.5px;line-height:1.55}.learn-isi-bab em{padding-top:2px;color:var(--learn-faint);font-size:12px;font-style:normal;white-space:nowrap}.learn-panel-count{max-width:660px;margin:16px 0 0;color:var(--learn-muted);font-size:14px;line-height:1.6}.learn-panel-count b{color:var(--learn-ink);font-weight:600}.learn-panel-count [hidden]{display:none}.learn-can{max-width:700px;margin:14px 0 0;padding:0;display:grid;gap:10px;list-style:none}.learn-can li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:12px;align-items:start;color:var(--learn-ink);font-size:15px;line-height:1.5}.learn-can li i{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;outline:1.5px dashed var(--learn-line-strong);outline-offset:-1.5px;color:var(--learn-faint)}.learn-can[data-tercapai] li i{outline:0;background:var(--accent);color:var(--learn-on-accent)}.learn-walk{max-width:700px;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:2px;list-style:none}.learn-walk li{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:12px;align-items:center;padding:9px 4px}.learn-walk li i{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--learn-lift-2);color:var(--learn-muted);font-size:13px;font-style:normal;font-weight:600}.learn-walk strong{display:block;font-size:15px;font-weight:500;line-height:1.35}.learn-walk small{display:block;margin-top:3px;color:var(--learn-muted);font-size:13px;line-height:1.55}.learn-walk em{color:var(--learn-faint);font-size:12.5px;font-style:normal;white-space:nowrap}.learn-before,.learn-after{max-width:700px;margin-top:10px;padding:14px 18px;display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:14px;align-items:center;border-radius:20px;background:var(--learn-lift-1)}.learn-before:first-of-type{margin-top:26px}.learn-before-mark,.learn-after-mark{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:var(--learn-page);color:var(--learn-muted)}.learn-before strong,.learn-after strong{display:block;margin-top:2px;font-size:15px;font-weight:500;line-height:1.3}.learn-before a{display:inline-flex;align-items:center;gap:7px;color:var(--learn-muted);font-size:13px;white-space:nowrap}.learn-before a:hover{color:var(--learn-ink)}.learn-after em{color:var(--learn-faint);font-size:13px;font-style:normal;white-space:nowrap}:is(.learn-walk,.learn-can)+.learn-after{margin-top:26px}.learn-panel-act{position:sticky;bottom:0;flex:none;margin-top:auto;display:flex;align-items:center;gap:16px;padding:15px 46px;border-top:1px solid var(--learn-line);background:color-mix(in srgb,white 94%,transparent);backdrop-filter:blur(10px)}.dark .learn-panel-act{background:color-mix(in srgb,rgb(10 10 10) 94%,transparent)}.learn-panel-meta{flex:1;min-width:0;margin:0;color:var(--learn-muted);font-size:13.5px;line-height:1.5}.learn-panel-meta b{color:var(--learn-ink);font-weight:600}.learn-go{min-height:52px;margin-left:auto;padding:0 16px 0 26px;display:inline-flex;align-items:center;justify-content:center;gap:14px;border-radius:999px;background:var(--learn-btn);color:var(--learn-on-btn);font-size:15px;font-weight:600}.learn-go:hover{opacity:.9}.learn-go>i{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--learn-on-btn);color:var(--learn-btn)}.learn-product .learn-go.is-quiet{background-color:transparent;color:var(--learn-ink);box-shadow:inset 0 0 0 1.5px var(--learn-line-strong)}.learn-product .learn-go.is-quiet>i{background:var(--learn-lift-2);color:var(--learn-ink)}.learn-go>i svg{width:10px;height:10px;fill:currentColor;stroke:none}.learn-review{max-width:700px;margin-top:30px;padding-top:26px;border-top:1px solid var(--learn-line)}.learn-review>p{max-width:420px;margin:9px 0 0;color:var(--learn-muted);font-size:13px;line-height:1.65}.learn-review .learn-panel-sec{margin-top:0}.learn-review-stars{display:flex;gap:5px;margin-top:16px}.learn-review-stars button{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--learn-line-strong);border-radius:50%;background:transparent;color:var(--learn-line-strong);font-size:17px;line-height:1;cursor:pointer;transition:color .15s,border-color .15s}.learn-review-stars button[data-on=true]{color:var(--learn-ink);border-color:var(--learn-ink)}.learn-review-stars button:hover{border-color:var(--learn-faint)}.learn-review-comment{display:block;margin-top:14px;max-width:520px}.learn-review-comment textarea{width:100%;padding:13px 16px;resize:none;border:1px solid var(--learn-line-strong);border-radius:16px;background:transparent;color:var(--learn-ink);font:inherit;font-size:13px;line-height:1.6}.learn-review-comment textarea:focus{outline:none;border-color:var(--learn-faint)}.learn-review-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:14px}.learn-review-actions .learn-primary-link:disabled{opacity:.35;cursor:default}.learn-review-status{color:var(--learn-muted);font-size:12px}.learn-focus{position:relative}.learn-focus-line{position:absolute;left:0;right:0;top:0;z-index:30;height:3px;background:var(--learn-line)}.learn-focus-line>span{display:block;width:0;height:100%;background:var(--learn-ink);transition:width .4s cubic-bezier(.2,.8,.3,1)}.learn-focus-exit{position:absolute;left:22px;top:20px;z-index:30;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;color:var(--learn-muted);background:color-mix(in srgb,white 80%,transparent);backdrop-filter:blur(8px)}.dark .learn-focus-exit{background:color-mix(in srgb,rgb(10 10 10) 80%,transparent)}.learn-focus-exit:hover{background:var(--learn-soft);color:var(--learn-ink)}.learn-focus-points{position:absolute;right:22px;top:22px;z-index:30;min-height:32px;padding:0 13px;display:inline-flex;align-items:center;gap:7px;border-radius:999px;background:var(--learn-soft);color:var(--learn-muted);font-size:12.5px;font-variant-numeric:tabular-nums}.learn-lesson-frame{padding:76px 24px 0}.lesson-gate{max-width:520px;margin:96px auto;padding:32px;border:1px solid var(--learn-line-strong);border-radius:24px;text-align:center}.lesson-gate-title{margin:0;color:var(--learn-ink);font-size:18px;font-weight:600}.lesson-gate-body{margin:12px 0 22px;color:var(--learn-muted);font-size:14px;line-height:1.7}.learn-mark{width:var(--mark, 88px);height:var(--mark, 88px);flex:none;display:grid;place-items:center;overflow:hidden;border-radius:calc(var(--mark, 88px) * .26);background:var(--accent);color:var(--learn-on-accent)}.learn-mark[data-photo]{background:var(--learn-lift-1)}.learn-mark img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.learn-mark svg{width:60%;height:60%;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.learn-mark svg .fill{fill:currentColor;stroke:none}.learn-mark b{font:400 calc(var(--mark, 88px) * .42) / 1 var(--serif, Georgia, serif)}.learn-mark[data-done]{position:relative}.learn-mark-done{position:absolute;right:-4px;bottom:-4px;width:26px;height:26px;display:grid;place-items:center;border:2.5px solid var(--learn-page);border-radius:50%;background:var(--learn-ink);color:var(--learn-on-ink)}.learn-shelf{margin-top:16px;padding-top:24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}.learn-shelf-band{margin:26px 0 0;display:flex;align-items:center;gap:12px}.learn-shelf-band b{font-size:12.5px;font-weight:600}.learn-shelf-band i{flex:1;height:1px;background:var(--learn-line)}.learn-shelf-band em{color:var(--learn-faint);font-size:12px;font-style:normal;font-variant-numeric:tabular-nums}.learn-shelf-band+.learn-shelf{margin-top:0;padding-top:14px}.learn-ubin{position:relative;display:flex;flex-direction:column;padding:20px;border:1px solid var(--learn-line-strong);border-radius:24px;background:var(--learn-page);transition:transform .16s ease,border-color .16s ease}.learn-ubin:hover{transform:translateY(-3px);border-color:var(--accent)}.learn-ubin[data-focus=true]{border-color:var(--accent)}.learn-ubin[data-state=done]{opacity:.78}.learn-ubin h3{margin:16px 0 0;font-size:22px;line-height:1.08;letter-spacing:-.015em}.learn-ubin-desc{margin:7px 0 0;min-height:40px;color:var(--learn-muted);font-size:12.5px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.learn-ubin-foot{margin-top:auto;padding-top:16px}.learn-dots{display:flex;flex-wrap:wrap;gap:6px}.learn-dots i{width:14px;height:14px;border-radius:50%;background:var(--learn-line-strong)}.learn-dots i[data-on=done]{background:var(--accent)}.learn-dots i[data-on=now]{background:transparent;border:2.5px solid var(--accent)}.learn-ubin-count{margin:10px 0 0;display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--learn-faint);font-size:12px;font-variant-numeric:tabular-nums}.learn-rib{position:absolute;right:16px;top:16px;z-index:2;display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:999px;background:var(--learn-ink);color:var(--learn-on-ink);font-size:12px;font-weight:600;white-space:nowrap}.learn-rib[data-tone=soft]{background:var(--learn-soft);color:var(--learn-muted);font-weight:500}.learn-ubin-peek{position:absolute;left:30px;top:-28px;z-index:2;width:46px;height:46px;-o-object-fit:contain;object-fit:contain;filter:var(--learn-art-filter)}.learn-ubin-go,.learn-ubin-ghost{width:100%;min-height:42px;margin-top:14px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:999px;font-size:13px}.learn-ubin-go{border:1px solid var(--learn-ink);background:var(--learn-ink);color:var(--learn-on-ink);font-weight:600}.learn-ubin-go:hover{opacity:.9}.learn-ubin-ghost{border:1px solid var(--learn-line-strong);color:var(--learn-muted);font-weight:500}.learn-ubin-ghost:hover{background:var(--learn-soft);color:var(--learn-ink)}.learn-ubin-add{min-height:250px;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;border:1px dashed var(--learn-line-strong);border-radius:24px;color:var(--learn-muted);text-align:center}.learn-ubin-add .learn-mark{border:1.5px dashed var(--learn-line-strong);background:transparent;color:var(--learn-faint)}.learn-ubin-add strong{color:var(--learn-ink);font-size:13.5px;font-weight:600}.learn-ubin-add small{max-width:180px;font-size:12px;line-height:1.55}.learn-ubin-add .learn-ubin-ghost{width:auto;min-height:34px;margin-top:4px;padding:0 13px}.learn-palang{flex:none;height:var(--learn-topbar);display:flex;align-items:center;gap:11px;padding:0 18px;border-bottom:1px solid var(--learn-line);background:var(--learn-page)}.learn-palang-sela{flex:1}.learn-hari{height:34px;flex:none;display:inline-flex;align-items:center;gap:8px;padding:0 15px 0 11px;border-radius:999px;border:1.5px solid var(--learn-line-strong);color:var(--learn-muted);font-size:12.5px;background-color:var(--learn-page);background-image:linear-gradient(to right,var(--learn-lift-2) 0 var(--hari, 0%),transparent var(--hari, 0%) 100%);background-repeat:no-repeat;transition:background-image .5s ease,color .3s ease}.learn-hari:hover{color:var(--learn-ink)}.learn-hari[data-tunai]{color:var(--learn-ink);border-color:var(--learn-ink)}.learn-hari img{width:19px;height:19px;flex:none;-o-object-fit:contain;object-fit:contain;filter:var(--learn-art-filter)}.learn-palang{position:relative;z-index:20}.learn-palang-pulang{width:32px;height:32px;flex:none;display:grid;place-items:center;border-radius:999px;color:var(--learn-muted)}.learn-palang-pulang:hover{background:var(--learn-lift-1);color:var(--learn-ink)}.learn-palang-konteks{min-width:0;display:flex;align-items:center;gap:9px;font-size:14px;font-weight:500}.learn-palang-konteks .learn-mark{width:22px;height:22px;border-radius:7px}.learn-palang-konteks>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.learn-palang-kanan{display:flex;align-items:center;gap:8px;flex:none}.learn-palang .learn-hari.ui-btn{height:34px;padding:0 15px 0 11px;gap:8px;border:1.5px solid var(--learn-line-strong);border-radius:999px;background:var(--learn-page);color:var(--learn-muted);font-size:12.5px;font-weight:400}.learn-palang .learn-hari.ui-btn:hover{background:var(--learn-lift-1);color:var(--learn-ink)}.learn-palang .learn-hari.ui-btn[data-tunai]{border-color:var(--learn-ink);background:var(--learn-lift-2);color:var(--learn-ink)}.learn-palang .learn-hari.ui-btn[aria-expanded=true]{border-color:var(--learn-ink)}.learn-palang .learn-hari b{font-weight:600}.learn-hari-muka{display:grid;place-items:center}.learn-hari-muka img{width:19px;height:19px;-o-object-fit:contain;object-fit:contain;filter:var(--learn-art-filter)}.learn-hari-muka svg{color:var(--learn-stamp)}.learn-palang-rupa{border-radius:999px;padding:2px}.learn-palang-rupa:hover{background:var(--learn-lift-1)}.learn-palang-look{width:32px;height:32px;display:grid;place-items:center;overflow:hidden;border-radius:999px;background:var(--look-fill, var(--learn-lift-2));color:#fff;font-size:13px;font-weight:600}.learn-palang-look svg{width:16px;height:16px}.learn-harimu{position:absolute;top:calc(100% + 6px);right:12px;width:320px;padding:18px;border:1.5px solid var(--learn-line-strong);border-radius:22px;background:var(--learn-page)}.learn-harimu[hidden]{display:none}.learn-harimu-atas{display:flex;align-items:baseline;gap:8px}.learn-harimu-atas h2{font-size:23px;line-height:1.2}.learn-harimu-atas span{margin-left:auto;color:var(--learn-faint);font-size:12.5px}.learn-harimu-sasaran{margin:12px 0 4px;display:flex;flex-direction:column;gap:8px;list-style:none}.learn-harimu-sasaran li{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:16px;background:var(--learn-lift-1);font-size:13.5px}.learn-harimu-sasaran li[data-tunai]{color:var(--learn-muted)}.learn-harimu-tanda{width:22px;height:22px;flex:none;display:grid;place-items:center;border:1.5px dashed var(--learn-line-strong);border-radius:999px}.learn-harimu-sasaran li[data-tunai] .learn-harimu-tanda{border:0;background:var(--learn-correct);color:var(--learn-on-correct)}.learn-harimu-butir{margin-left:auto;display:flex;gap:4px}.learn-harimu-butir i{width:9px;height:9px;border-radius:999px;background:var(--learn-lift-2)}.learn-harimu-butir i[data-isi]{background:var(--learn-ink)}.learn-harimu-pekan{margin-top:14px;padding-top:14px;display:flex;justify-content:space-between;border-top:1px solid var(--learn-line)}.learn-harimu-pekan div{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--learn-faint);font-size:12px}.learn-harimu-pekan i{width:26px;height:26px;display:grid;place-items:center;border:1.5px solid var(--learn-line-strong);border-radius:999px}.learn-harimu-pekan i[data-isi]{border-color:var(--learn-ink);background:var(--learn-ink);color:var(--learn-page)}.learn-harimu-pekan i[data-jeda]{border-style:dashed;border-color:var(--learn-muted)}.learn-harimu-pekan i[data-kini]{outline:2px solid var(--learn-ink);outline-offset:2px}.learn-harimu-kata{margin-top:12px;color:var(--learn-muted);font-size:13px;line-height:1.55}.learn-harimu-kata b{color:var(--learn-ink);font-weight:600}.learn-harimu-taut{margin-top:12px;display:inline-flex;align-items:center;gap:6px;font-size:13px;text-decoration:underline;text-underline-offset:3px}@media(max-width:760px){.learn-harimu{left:12px;right:12px;width:auto}}.learn-tekan,.learn-tekan-sepi{height:36px;padding:0 18px;flex:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;font-size:13px;transition:transform .12s ease,box-shadow .12s ease,background-color .16s ease}.learn-tekan{background-color:var(--learn-btn);color:var(--learn-page);font-weight:600;box-shadow:0 3px 0 0 var(--learn-lip)}.learn-tekan:hover{opacity:.92}.learn-tekan:active{transform:translateY(3px);box-shadow:0 0 0 0 var(--learn-lip)}.learn-tekan-sepi{border:1.5px solid var(--learn-line-strong);color:var(--learn-ink);font-weight:500;background-color:var(--learn-page);box-shadow:0 3px 0 0 var(--learn-line-strong)}.learn-tekan-sepi:hover{background-color:var(--learn-lift-1)}.learn-tekan-sepi:active{transform:translateY(3px);box-shadow:0 0 0 0 var(--learn-line-strong)}.learn-rak{display:grid;gap:12px}.learn-rak-pintu{--kartu-mark: 46px}.learn-rak-tawar{--kartu-mark: 34px;grid-template-columns:repeat(2,minmax(0,1fr))}.learn-kartu{display:flex;flex-direction:column;text-align:left;border:1.5px solid var(--learn-line);border-radius:24px;background:var(--learn-page);transition:border-color .25s ease,background-color .25s ease}.learn-kartu .learn-mark{width:var(--kartu-mark);height:var(--kartu-mark);border-radius:calc(var(--kartu-mark) * .26)}.learn-kartu .learn-mark b{font-size:calc(var(--kartu-mark) * .42)}.learn-rak-pintu .learn-kartu{padding:22px 24px;border-radius:28px;border-color:var(--learn-line-strong);background:var(--learn-lift-1)}.learn-rak-tawar .learn-kartu{padding:20px}.learn-rak-tawar .learn-kartu:hover{border-color:var(--learn-line-strong);background:var(--learn-lift-1)}.learn-kartu-atas{display:flex;align-items:flex-start;gap:14px}.learn-kartu-judul{flex:1;min-width:0}.learn-kartu-judul h3{font-size:17px;font-weight:600;letter-spacing:-.01em;line-height:1.25}.learn-rak-tawar .learn-kartu-judul h3{font-size:15px}.learn-kartu-di{margin-top:4px;color:var(--learn-muted);font-size:13.5px;line-height:1.55}.learn-rak-tawar .learn-kartu-di{font-size:13px}.learn-jalur{display:flex;align-items:center;flex-wrap:wrap;margin-top:18px}.learn-jalur i{width:11px;height:11px;flex:none;border-radius:999px;border:1.5px solid var(--learn-line-strong);background:var(--learn-page)}.learn-jalur i[data-on=lewat]{border-color:transparent;background:var(--accent)}.learn-jalur i[data-on=kini]{width:13px;height:13px;border-width:3px;border-color:var(--accent)}.learn-jalur s{width:14px;height:2px;flex:none;background:var(--learn-line-strong);text-decoration:none}.learn-jalur s[data-on]{background:var(--accent)}.learn-jalur em{margin-left:10px;color:var(--learn-faint);font-size:12px;font-style:normal}.learn-jalur em[data-jalur-awal]{margin-left:0;margin-right:10px}.learn-kartu-kaki{margin-top:20px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.learn-rak-tawar .learn-kartu-kaki{margin-top:14px}.learn-kartu-berikut{min-width:0;color:var(--learn-muted);font-size:13.5px;line-height:1.5}.learn-kartu-berikut b{color:var(--learn-ink);font-weight:600}.learn-rak-tawar .learn-kartu-berikut{font-size:12.5px;color:var(--learn-faint)}.learn-kartu-aksi{display:flex;gap:8px;flex:none}.learn-kartu-tembus{position:absolute;inset:0;border-radius:inherit}.learn-rak-pintu .learn-kartu-tembus{display:none}.learn-rak-tawar .learn-kartu{position:relative}.learn-rak-tawar .learn-kartu-aksi{display:none}.learn-rak-tawar .learn-kartu:focus-within{border-color:var(--learn-ink)}.learn-sub-judul{margin:38px 0 4px;font-size:15px;font-weight:600}.learn-pf{width:100%;max-width:1080px;margin:0 auto;padding:32px 34px 96px}.learn-pf [hidden],.learn-pf-lembar [hidden]{display:none!important}.learn-pf-kartu{min-width:0;padding:24px 26px;border:1.5px solid var(--learn-line);border-radius:28px;background:var(--learn-page)}.learn-pf-judul{font-size:26px;line-height:1.2}.learn-pf-kepala{display:flex;align-items:baseline;gap:12px}.learn-pf-kepala>span{margin-left:auto;color:var(--learn-muted);font-size:13px}.learn-pf-ket{margin:4px 0 18px;color:var(--learn-muted);font-size:14px;line-height:1.6}.learn-pf-kecil{color:var(--learn-faint);font-size:12.5px}.learn-pf-tunggu{display:block;border-radius:28px}.learn-pf-galat{margin-top:48px}.learn-pf-ar{font-size:1.2em;line-height:1;unicode-bidi:isolate}.learn-pf-sampul{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;margin-bottom:20px}.learn-pf-diri{display:flex;align-items:flex-start;gap:22px}.learn-pf-rupa{position:relative;flex:none}.learn-pf-look{width:104px;height:104px;display:grid;place-items:center;overflow:hidden;border-radius:999px;background:var(--look-fill, var(--learn-lift-2));color:#fff;font-size:44px;font-weight:600}.learn-pf-look svg{width:52%;height:52%}.learn-pf-pil-tahap{position:absolute;left:50%;bottom:-9px;transform:translate(-50%);height:24px;padding:0 10px;display:flex;align-items:center;white-space:nowrap;border-radius:999px;background:var(--learn-btn);color:var(--learn-page);font-size:12px;font-weight:600}.learn-pf-diri-isi{flex:1;min-width:0}.learn-pf-nama{font-size:40px;line-height:1.05;letter-spacing:-.02em}.learn-pf-meta{margin-top:6px;color:var(--learn-muted);font-size:14.5px;line-height:1.55}.learn-pf-meta b{color:var(--learn-ink);font-weight:500}.learn-pf-tujuan{margin-top:12px;display:inline-flex;align-items:center;gap:8px;padding:5px 14px 5px 5px;border-radius:999px;background:var(--learn-lift-1);color:var(--learn-ink);font-size:13.5px}.learn-pf-tujuan .learn-mark{width:24px;height:24px;border-radius:999px}.learn-pf-terbaru{margin-top:16px;display:flex;align-items:center;gap:8px}.learn-pf-terbaru-kata{margin-left:4px;color:var(--learn-faint);font-size:12.5px}.learn-pf-cap-mini{width:40px;height:40px;flex:none;display:grid;place-items:center;border:2px solid var(--learn-stamp);border-radius:999px;color:var(--learn-stamp);transform:rotate(-6deg)}.learn-pf-aksi{display:flex;gap:4px;flex:none}.learn-pf-tahap{display:flex;flex-direction:column}.learn-pf-tahap-nama{margin-top:4px;font-size:30px;line-height:1.1}.learn-pf-tahap-nama i{color:var(--learn-muted)}.learn-pf-jalan{position:relative;height:12px;margin:30px 0 12px;border-radius:999px;background:var(--learn-lift-2)}.learn-pf-jalan b{position:absolute;inset:0 auto 0 0;border-radius:999px;background:var(--learn-ink)}.learn-pf-jalan img{position:absolute;top:50%;width:34px;height:34px;transform:translate(-50%,-62%);-o-object-fit:contain;object-fit:contain;filter:var(--learn-art-filter)}.learn-pf-tahap-teks{margin-top:12px;color:var(--learn-muted);font-size:14px;line-height:1.55}.learn-pf-tahap-teks b{color:var(--learn-ink);font-weight:600}.learn-pf-tahap-cara{margin-top:auto;padding-top:14px;color:var(--learn-faint);font-size:12.5px;line-height:1.55}.learn-pf-badan{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start}.learn-pf-lajur{display:flex;min-width:0;flex-direction:column;gap:20px}.learn-pf-bisa-rak{display:flex;flex-direction:column;gap:10px}.learn-pf-bisa{padding:16px 18px;border-radius:22px;background:var(--learn-lift-1)}.learn-pf-bisa-atas{display:flex;align-items:center;gap:12px}.learn-pf-bisa-atas .learn-mark{width:34px;height:34px;border-radius:12px}.learn-pf-bisa-atas strong{display:block;font-size:15px;font-weight:600}.learn-pf-bisa-atas small{display:block;color:var(--learn-muted);font-size:12.5px}.learn-pf-tamat{margin-left:auto;flex:none;padding:1px 11px;border:2px solid var(--learn-stamp);border-radius:999px;color:var(--learn-stamp);font-family:"Instrument Serif",serif;font-size:15px;font-style:italic;transform:rotate(-4deg)}.learn-pf-daftar{margin-top:12px;display:flex;flex-direction:column;gap:8px;list-style:none}.learn-pf-daftar li{display:flex;gap:10px;font-size:14px;line-height:1.45}.learn-pf-daftar i{width:19px;height:19px;margin-top:1px;flex:none;display:grid;place-items:center;border-radius:999px;background:var(--accent);color:var(--learn-on-accent)}.learn-pf-daftar i svg{width:12px;height:12px;stroke-width:3}.learn-pf-daftar li[data-nanti]{color:var(--learn-muted)}.learn-pf-daftar li[data-nanti] i{border:1.5px dashed var(--learn-muted);background:transparent}.learn-pf-daftar small{display:block;color:var(--learn-faint);font-size:12px}.learn-pf-bab{margin-top:16px;color:var(--learn-muted);font-size:12.5px;font-weight:600}.learn-pf-lagi{margin-top:10px;color:var(--learn-muted);font-size:12.5px}.learn-pf-lagi a{color:var(--learn-ink);text-decoration:underline;text-underline-offset:3px}.learn-pf-depan{margin-top:14px;display:flex;align-items:center;gap:16px;padding:16px 18px;border:1.5px dashed var(--learn-line-strong);border-radius:22px}.learn-pf-depan p{flex:1;min-width:0;color:var(--learn-muted);font-size:14px;line-height:1.55}.learn-pf-depan b{color:var(--learn-ink);font-weight:600}.learn-pf-mulai{margin-top:18px}.learn-pf-cap-rak{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 10px}.learn-pf-cap{min-width:0;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.learn-pf-cap-bulat{position:relative;width:74px;height:74px;display:grid;place-items:center;border:2.5px solid var(--learn-stamp);border-radius:999px;color:var(--learn-stamp);transform:rotate(var(--miring, -6deg))}.learn-pf-cap-bulat:after{content:"";position:absolute;inset:5px;border:1.5px dashed currentColor;border-radius:999px;opacity:.7}.learn-pf-cap-bulat svg{width:30px;height:30px}.learn-pf-cap-nama{font-size:13px;font-weight:500;line-height:1.3}.learn-pf-cap-kapan{color:var(--learn-faint);font-size:12px;line-height:1.35}.learn-pf-cap[data-kejar] .learn-pf-cap-bulat{border-style:dashed;border-color:var(--learn-line-strong);color:var(--learn-faint);transform:none}.learn-pf-cap[data-kejar] .learn-pf-cap-bulat:after{display:none}.learn-pf-cap[data-kejar] .learn-pf-cap-kapan{color:var(--learn-muted)}.learn-pf-kejar{margin:22px 0 14px;padding-top:18px;border-top:1px solid var(--learn-line);color:var(--learn-faint);font-size:13px}.learn-pf-irama-atas{display:flex;align-items:center;gap:14px}.learn-pf-irama-atas strong{font-size:54px;font-weight:400;line-height:.9}.learn-pf-irama-atas p{font-size:14px;line-height:1.35}.learn-pf-irama-atas small{display:block;color:var(--learn-muted);font-size:12.5px}.learn-pf-irama-atas img{width:64px;height:64px;margin-left:auto;flex:none;-o-object-fit:contain;object-fit:contain;filter:var(--learn-art-filter)}.learn-pf-pekan{margin-top:14px;display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:18px;background:var(--learn-lift-1);font-size:13.5px}.learn-pf-pekan b{font-weight:600}.learn-pf-kal-kepala{margin:18px 0 8px;display:flex;align-items:center;gap:2px}.learn-pf-kal-kepala>span{flex:1;font-size:13.5px;font-weight:500}.learn-pf-kal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;text-align:center}.learn-pf-kal-h{color:var(--learn-faint);font-size:12px}.learn-pf-kal-d{aspect-ratio:1;display:grid;place-items:center;border-radius:999px;color:var(--learn-faint);font-size:12px}.learn-pf-kal-d[data-hari=belajar]{background:var(--learn-ink);color:var(--learn-page);font-weight:600}.learn-pf-kal-d[data-hari=jeda]{border:1.5px dashed var(--learn-muted);color:var(--learn-muted)}.learn-pf-kal-d[data-kini]{box-shadow:inset 0 0 0 2px var(--learn-ink);color:var(--learn-ink)}.learn-pf-kal-d[data-kini][data-hari=belajar]{box-shadow:inset 0 0 0 2px var(--learn-page);color:var(--learn-page);outline:2px solid var(--learn-ink)}.learn-pf-kal-kaki{margin-top:12px;display:flex;gap:14px;color:var(--learn-muted);font-size:12px}.learn-pf-kal-kaki span{display:flex;align-items:center;gap:6px}.learn-pf-kal-kaki i{width:11px;height:11px;border-radius:999px}.learn-pf-kal-kaki i[data-hari=belajar]{background:var(--learn-ink)}.learn-pf-kal-kaki i[data-hari=jeda]{border:1.5px dashed var(--learn-muted)}.learn-pf-jeda{margin-top:16px;padding-top:16px;display:flex;align-items:flex-start;gap:12px;border-top:1px solid var(--learn-line);font-size:13.5px;line-height:1.55}.learn-pf-jeda b{font-weight:600}.learn-pf-jeda-bulat{margin-top:3px;display:flex;gap:4px;flex:none}.learn-pf-jeda-bulat i{width:14px;height:14px;border:1.5px dashed var(--learn-ink);border-radius:999px}.learn-pf-jeda-bulat i[data-pakai]{opacity:.25}.learn-pf-rekor{display:flex;flex-direction:column;gap:10px;list-style:none}.learn-pf-rekor li{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:18px;background:var(--learn-lift-1)}.learn-pf-rekor-ikon{width:38px;height:38px;flex:none;display:grid;place-items:center;border-radius:14px;background:var(--learn-page);color:var(--learn-muted)}.learn-pf-rekor b{display:block;font-size:14.5px;font-weight:600}.learn-pf-rekor small{display:block;color:var(--learn-muted);font-size:12.5px}.learn-pf-sejauh{margin-top:8px;color:var(--learn-muted);font-size:15.5px;line-height:1.75}.learn-pf-sejauh b{color:var(--learn-ink);font-weight:600}.learn-pf-pratinjau{display:flex;align-items:center;gap:16px;margin-bottom:6px}.learn-pf-pratinjau .learn-pf-look{width:72px;height:72px;flex:none;font-size:30px}.learn-pf-pratinjau p{font-size:13.5px;line-height:1.55}.learn-pf-pilih{margin:18px 0 8px;color:var(--learn-faint);font-size:12.5px}.learn-pf-lembar .ui-swatch-set{grid-template-columns:repeat(auto-fill,minmax(34px,1fr));gap:8px}.learn-pf-status{margin-top:14px;font-size:13px}.learn-pf-kanvas{display:block;width:100%;height:auto;border-radius:22px}@media(max-width:1180px){.learn-pf-sampul,.learn-pf-badan{grid-template-columns:minmax(0,1fr)}.learn-pf-sisi{order:-1}}@media(max-width:760px){.learn-pf{padding:20px 16px 72px}.learn-pf-kartu{padding:20px}.learn-pf-diri{position:relative;flex-direction:column}.learn-pf-aksi{position:absolute;top:14px;right:12px}.learn-pf-nama{font-size:34px}.learn-pf-cap-rak{grid-template-columns:repeat(3,minmax(0,1fr))}.learn-pf-depan{flex-wrap:wrap}}.learn-sub-ket{margin-bottom:16px;max-width:520px;color:var(--learn-muted);font-size:13.5px;line-height:1.6}@media(max-width:720px){.learn-rak-tawar{grid-template-columns:minmax(0,1fr)}}.learn-shelf[data-cols="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.learn-will{margin:14px 0 0;padding:0;display:grid;gap:7px;list-style:none}.learn-will li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:11px;align-items:center;padding:9px 12px;border-radius:13px;background:var(--learn-soft);font-size:12.5px;line-height:1.4}.learn-will li i{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:var(--learn-on-accent);font-size:12px;font-style:normal;font-weight:600;font-variant-numeric:tabular-nums}.learn-will li[data-more]{background:transparent;border:1px dashed var(--learn-line-strong);color:var(--learn-faint)}.learn-will li[data-more] i{background:transparent;border:1.5px dashed var(--learn-line-strong);color:var(--learn-faint)}@media(prefers-reduced-motion:reduce){.learn-ubin{transition:none}.learn-ubin:hover{transform:none}}@media(max-width:1360px){.learn-lab-dashboard{grid-template-columns:minmax(0,1fr) 330px}.learn-lab-main{padding:22px var(--learn-main-pad) 64px 30px}.learn-lab-hero{grid-template-columns:minmax(0,1fr) minmax(0,.82fr)}}@media(max-width:1180px){.learn-lab-dashboard{grid-template-columns:minmax(0,1fr)}.learn-scroll:has(.learn-lab-dashboard:not([hidden])){overflow-y:auto}.learn-lab-main{height:auto;overflow:visible;padding:22px 30px 34px}.learn-lab-insights{position:static;height:auto;overflow:visible;border-left:0;border-top:1px solid var(--learn-line);padding:30px 30px 56px;grid-template-columns:repeat(2,minmax(0,1fr))}.learn-lab-mission-grid,.learn-lab-course-cards,.learn-shelf{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.learn-lesson-frame{padding:68px 18px 0}.learn-gate-top{padding:20px 20px 0}.learn-gate-in h1{font-size:32px}.learn-lab-main{padding:20px 22px 30px}.learn-lab-insights{padding:26px 22px 48px}.learn-lab-welcome h1{font-size:36px}.learn-lab-hero{grid-template-columns:minmax(0,1fr)}.learn-lab-hero-art{display:none}.learn-lab-insights,.learn-lab-course-cards,.learn-shelf,.learn-shelf[data-cols="2"]{grid-template-columns:minmax(0,1fr)}.learn-course-shell{grid-template-columns:minmax(0,1fr);overflow-y:auto}.learn-trail{max-height:none;min-height:0;border-right:0;border-bottom:0;background:transparent}.learn-trail-flow{flex:none;min-height:0;overflow:visible}.learn-trail-top{padding:20px 16px 12px}.learn-trail-flow{padding:4px 16px 24px}.learn-trail-foot{padding:16px 16px 20px}.learn-brief{display:none}.learn-panel[data-folded]{min-height:0;margin:8px 0 16px;border-radius:22px;background:var(--learn-lift-1);overflow:hidden;animation:learn-fold-in .22s ease both}.learn-panel[data-folded] .learn-panel-doc{padding:16px 16px 0}.learn-panel[data-folded] .learn-panel-doc>h2{font-size:22px;line-height:1.2;letter-spacing:-.015em}.learn-panel[data-folded] .learn-panel-sub{font-size:14px}.learn-panel[data-folded] .learn-alasan{margin-top:12px;padding:0;background:transparent}.learn-panel[data-folded] .learn-alasan-k{display:none}.learn-panel[data-folded] .learn-alasan .projects-serif{font-size:16px;line-height:1.5}.learn-panel[data-folded] .learn-keadaan{margin-top:12px;background:var(--learn-lift-2)}.learn-panel[data-folded] .learn-panel-sec{margin-top:16px;font-size:16px}.learn-panel[data-folded] .learn-can{margin-top:8px;gap:8px}.learn-panel[data-folded] .learn-panel-act{position:static;padding:12px 16px 16px;border-top:0;background:transparent;backdrop-filter:none}.learn-panel[data-folded] :is(.learn-walk,.learn-before,.learn-after,.learn-panel-prose,.learn-isi-bab,.learn-panel-count,.learn-review){display:none}.learn-panel[data-folded] .learn-panel-sec:has(+.learn-isi-bab){display:none}.learn-panel[data-folded] .learn-panel-sec:has(+.learn-walk){display:none}@keyframes learn-fold-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.learn-panel{min-height:0}.learn-panel-doc{padding:22px 18px 26px}.learn-panel-doc>h2{font-size:30px}.learn-alasan{grid-template-columns:minmax(0,1fr)}.learn-alasan .projects-serif{font-size:18px}.learn-alasan img{display:none}.learn-panel-act{padding:13px 18px;flex-wrap:wrap}.learn-panel-act .learn-go{width:100%;margin-left:0;justify-content:space-between}.learn-before,.learn-after{grid-template-columns:40px minmax(0,1fr)}.learn-before a,.learn-after em{grid-column:2}.lesson-gate{margin:56px auto;padding:24px}}@media(prefers-reduced-motion:reduce){.learn-progress-track span{transition:none}.learn-panel[data-folded]{animation:none}.learn-bubble:hover .learn-bubble-ball{transform:none}}@media(max-width:620px){.learn-lab-main{padding:16px 16px 26px}.learn-lab-insights{padding:22px 16px 40px}.learn-lab-welcome h1{font-size:32px}.learn-lab-continue{min-height:268px;padding:22px}.learn-lab-continue-actions{align-items:stretch;flex-direction:column-reverse}.learn-lab-continue-button{width:100%}.learn-lab-section-head{display:block}.learn-lab-small-action,.learn-lab-reset{margin-top:11px}.learn-lab-collection-rail{margin-inline:-16px;padding-inline:16px;display:flex;overflow-x:auto;scrollbar-width:none}.learn-lab-collection-card{width:264px;flex:none}.learn-lab-mission-grid,.learn-lab-course-cards{grid-template-columns:minmax(0,1fr)}}