html[data-rtheme=light]{--rbg:#fff;--rfg:#1f2328;--rmuted:#59636e;--rlink:#5a3fc2;--rcode:#f5f4f9;--rline:#eceaf2;--rsel:#e6defe;--rchrome:#ffffffe6}html[data-rtheme=sepia]{--rbg:#f6efdf;--rfg:#3b2f20;--rmuted:#6e5b43;--rlink:#8a4b08;--rcode:#ede3cc;--rline:#e3d6b8;--rsel:#e9d8a6;--rchrome:#f6efdfeb}html[data-rtheme=dark]{--rbg:#14161a;--rfg:#d7dae0;--rmuted:#9198a1;--rlink:#bcaaff;--rcode:#1e2127;--rline:#262a31;--rsel:#3a3160;--rchrome:#14161ae6}html[data-rfont=serif]{--rff:var(--f-read)}html[data-rfont=sans]{--rff:var(--f-body)}html[data-rfont=dyslexic]{--rff:var(--f-dys)}body.reader-body{background:var(--rbg);color:var(--rfg);transition:background-color .35s,color .35s}.reader-body ::selection{background:var(--rsel);color:inherit}.r-progress{z-index:70;background:0 0;height:3px;position:fixed;inset:0 0 auto}.r-progress i{transform-origin:0;width:100%;height:100%;transform:scaleX(var(--rp,0));background:var(--coral);display:block}.r-top{z-index:60;background:var(--rchrome);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--rline);height:64px;transition:transform .35s var(--ease), background-color .35s;align-items:center;gap:12px;padding:0 clamp(8px,2vw,20px);display:flex;position:fixed;inset:0 0 auto}.r-top.is-hidden{transform:translateY(-100%)}.r-top__title{flex-direction:column;flex:1;min-width:0;line-height:1.2;display:flex}.r-top__title small{color:var(--rmuted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.r-top__title b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.r-icon{width:44px;height:44px;color:var(--rfg);background:0 0;border:0;border-radius:12px;flex:none;place-items:center;transition:background-color .2s,color .2s;display:inline-grid}.r-icon:hover{background:color-mix(in srgb, var(--rfg) 8%, transparent)}.r-icon[aria-pressed=true]{color:var(--coral)}.r-icon svg{width:21px;height:21px}.r-icon .aa{font-family:var(--f-read);font-size:18px;font-weight:700}.r-logo{flex:none;width:auto;height:32px;margin:0 4px}@media (width<=640px){.hide-sm{display:none!important}.r-top__title small{display:none}}.r-bottom{z-index:60;height:48px;color:var(--rmuted);background:var(--rchrome);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--rline);transition:transform .35s var(--ease);justify-content:space-between;align-items:center;gap:12px;padding:0 clamp(12px,3vw,28px);font-size:13px;font-weight:600;display:flex;position:fixed;inset:auto 0 0}.r-bottom.is-hidden{transform:translateY(100%)}.r-bottom a{color:var(--rfg)}.r-bottom .navs{gap:6px;display:flex}.r-article{max-width:var(--rw,68ch);font-family:var(--rff);font-size:var(--rfs,18px);line-height:var(--rlh,1.7);transition:max-width .35s var(--ease);margin:0 auto;padding:120px clamp(20px,5vw,32px) 140px}.r-article>*+*{margin-top:1.1em}.r-head{margin-bottom:2.4em;position:relative}.r-head__eyebrow{font-family:var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--coral);font-size:13px;font-weight:700}.r-head h1{font-family:var(--f-display);text-transform:uppercase;letter-spacing:-.005em;margin-top:14px;font-size:clamp(44px,7vw,76px);font-weight:400;line-height:.92}.r-head p{font-family:var(--f-body);color:var(--rmuted);margin-top:14px;font-size:.95em}.r-head__num{font-family:var(--f-display);color:#0000;-webkit-text-stroke:2px var(--rline);z-index:-1;-webkit-user-select:none;user-select:none;font-size:180px;line-height:1;position:absolute;top:-30px;right:-10px}.r-article h2{font-family:var(--rff);margin-top:2em;scroll-margin-top:90px;font-size:1.45em;line-height:1.25}.r-article h3{font-family:var(--rff);margin-top:1.6em;scroll-margin-top:90px;font-size:1.15em}.r-article a{color:var(--rlink);text-underline-offset:3px;text-decoration:underline}.r-article strong{font-weight:700}.r-article ul,.r-article ol{padding-left:1.3em}.r-article li+li{margin-top:.35em}.r-article code:not(pre code){font-family:var(--f-mono);background:var(--rcode);border-radius:6px;padding:.12em .4em;font-size:.84em}.gloss{font:inherit;color:inherit;cursor:help;border:0;border-bottom:2px dotted var(--rlink);background:0 0;padding:0}.gloss-pop{z-index:90;background:var(--plum-900);color:#fff;max-width:300px;font-family:var(--f-body);opacity:0;pointer-events:none;transition:all .2s var(--ease);border-radius:14px;padding:14px 16px;font-size:14px;line-height:1.5;position:absolute;transform:translateY(6px);box-shadow:0 20px 40px -12px #00000073}.gloss-pop.is-on{opacity:1;pointer-events:auto;transform:none}.gloss-pop b{font-family:var(--f-display);text-transform:uppercase;color:var(--pink);margin-bottom:4px;font-size:20px;font-weight:400;display:block}.callout{--cc:var(--sun);background:color-mix(in srgb, var(--cc) 16%, var(--rbg));border-left:4px solid var(--cc);border-radius:16px;padding:18px 20px;font-size:.95em}.callout__t{font-family:var(--f-body);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:6px;font-size:13px;font-weight:800;display:flex}.callout>:not(.callout__t)+*{margin-top:.6em}.callout ul,.callout ol{margin:.4em 0 0}.callout--analogi{--cc:var(--sun)}.callout--ingat{--cc:var(--sky)}.callout--hati{--cc:var(--coral)}.callout--coba{--cc:var(--lime)}.callout--ringkas{--cc:var(--violet)}details.deeper{border:1.5px dashed var(--rline);border-radius:14px;padding:4px 18px;font-size:.92em}details.deeper summary{cursor:pointer;font-family:var(--f-body);color:var(--rmuted);justify-content:space-between;padding:12px 0;font-size:14px;font-weight:700;list-style:none;display:flex}details.deeper summary::-webkit-details-marker{display:none}details.deeper summary:after{content:"+";transition:transform .3s var(--ease);font-size:18px}details.deeper[open] summary:after{transform:rotate(45deg)}details.deeper>p{padding-bottom:14px}.code{background:var(--rcode);border:1px solid var(--rline);border-radius:14px;font-size:15px;overflow:hidden}.code__head{font-family:var(--f-mono);color:var(--rmuted);border-bottom:1px solid var(--rline);justify-content:space-between;align-items:center;padding:8px 8px 8px 16px;font-size:12.5px;display:flex}.code__copy{background:color-mix(in srgb, var(--rfg) 8%, transparent);color:var(--rfg);height:30px;font-family:var(--f-body);border:0;border-radius:8px;padding:0 12px;font-size:12px;font-weight:700}.code pre{font-family:var(--f-mono);tab-size:2;margin:0;padding:16px;font-size:.86em;line-height:1.65;overflow-x:auto}.code--term{color:#e9e6f2;background:#17131f;border-color:#17131f}.code--term .code__head{color:#a49fb5;border-color:#2a2438}.code--term .code__copy{color:#fff;background:#2a2438}.code--term .p{color:var(--lime);-webkit-user-select:none;user-select:none}.tk-k{color:#c2378b}.tk-s{color:#2c8a3c}.tk-c{color:var(--rmuted);font-style:italic}.tk-f{color:#3a62c9}html[data-rtheme=dark] .tk-k{color:#ff8fd2}html[data-rtheme=dark] .tk-s{color:#9be08a}html[data-rtheme=dark] .tk-f{color:#8fb4ff}.figure{margin:2em 0}.figure__img{background:color-mix(in srgb, var(--violet) 10%, var(--rbg));cursor:zoom-in;border:1px solid var(--rline);border-radius:16px;overflow:hidden}.figure figcaption{font-family:var(--f-body);color:var(--rmuted);text-align:center;margin-top:10px;font-size:13px}.lightbox{z-index:120;opacity:0;pointer-events:none;cursor:zoom-out;background:#0f0b1ae6;place-items:center;padding:24px;transition:opacity .3s;display:grid;position:fixed;inset:0}.lightbox.is-on{opacity:1;pointer-events:auto}.lightbox>div{background:#fff;border-radius:18px;width:min(1100px,100%);overflow:hidden}.table-wrap{border:1px solid var(--rline);border-radius:14px;overflow-x:auto}.r-article table{border-collapse:collapse;width:100%;font-family:var(--f-body);font-size:.85em}.r-article th,.r-article td{text-align:left;border-bottom:1px solid var(--rline);vertical-align:top;padding:12px 14px}.r-article th{background:var(--rcode);font-weight:800}.r-article tr:last-child td{border-bottom:0}.r-end{background:var(--rcode);font-family:var(--f-body);text-align:center;border-radius:20px;margin-top:3em;padding:28px}.r-end h3{font-family:var(--f-display);text-transform:uppercase;margin:0;font-size:34px;font-weight:400}.r-end .rate{justify-content:center;gap:10px;margin-top:16px;display:flex}.r-end .rate button{border:1.5px solid var(--rline);background:var(--rbg);width:56px;height:48px;transition:transform .2s var(--ease);border-radius:12px;font-size:20px}.r-end .rate button:hover{transform:translateY(-2px)}.r-end .rate button[aria-pressed=true]{border-color:var(--coral);background:color-mix(in srgb, var(--coral) 14%, var(--rbg))}.r-next{text-align:left;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px;display:grid}.r-next a{border:1.5px solid var(--rline);transition:border-color .2s, transform .2s var(--ease);border-radius:14px;padding:16px;display:block;color:var(--rfg)!important;text-decoration:none!important}.r-next a:hover{border-color:var(--coral);transform:translateY(-2px)}.r-next small{color:var(--rmuted);font-size:12px;font-weight:700;display:block}.r-next b{font-size:15px}.r-next a:last-child{text-align:right;background:var(--plum-800);border-color:var(--plum-800);color:#fff!important}.r-next a:last-child small{color:#ffffffb3}.scrim{z-index:80;opacity:0;pointer-events:none;background:#0f0b1a73;transition:opacity .3s;position:fixed;inset:0}.scrim.is-on{opacity:1;pointer-events:auto}.drawer{z-index:85;background:var(--rbg);width:min(380px,88vw);color:var(--rfg);border-right:1px solid var(--rline);transition:transform .4s var(--ease);font-family:var(--f-body);flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0;transform:translate(-102%)}.drawer.is-on{transform:none;box-shadow:30px 0 60px -30px #0006}.drawer__head{align-items:center;gap:14px;padding:20px 20px 0;display:flex}.drawer__head .cover{flex:none;width:56px}.drawer__tabs{background:var(--rcode);border-radius:12px;gap:4px;margin:18px 20px 0;padding:4px;display:flex}.drawer__tabs button{height:38px;color:var(--rmuted);background:0 0;border:0;border-radius:9px;flex:1;font-size:14px;font-weight:700}.drawer__tabs button[aria-selected=true]{background:var(--rbg);color:var(--rfg);box-shadow:0 2px 8px -3px #0003}.drawer__body{flex:1;padding:12px 12px 20px;overflow-y:auto}.drawer__body ol{margin:0;padding:0;list-style:none}.drawer__body a{border-radius:10px;align-items:center;gap:12px;padding:11px 10px;font-size:14.5px;line-height:1.35;display:flex}.drawer__body a:hover{background:var(--rcode)}.drawer__body a.is-active{background:color-mix(in srgb, var(--coral) 14%, var(--rbg));color:var(--rfg);font-weight:700}.drawer__body a.h3{color:var(--rmuted);padding-left:30px;font-size:13.5px}.drawer__body .st{border:2px solid var(--rline);border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:11px;font-weight:800;display:grid}.drawer__body .st--done{background:var(--lime);border-color:var(--lime);color:#fff}.drawer__body .st--now{border-color:var(--coral);color:var(--coral)}.drawer__foot{border-top:1px solid var(--rline);padding:16px 20px}.drawer__foot .btn{width:100%}.panel{z-index:85;background:var(--rbg);width:min(360px,100vw - 16px);color:var(--rfg);border:1px solid var(--rline);font-family:var(--f-body);opacity:0;transform-origin:100% 0;pointer-events:none;transition:all .25s var(--ease);border-radius:20px;padding:20px;position:fixed;top:72px;right:clamp(8px,2vw,20px);transform:translateY(-8px)scale(.98);box-shadow:0 30px 70px -25px #00000073}.panel.is-on{opacity:1;pointer-events:auto;transform:none}.panel h2{font-family:var(--f-display);text-transform:uppercase;margin:0 0 4px;font-size:24px;font-weight:400}.set{margin-top:18px}.set__label{letter-spacing:.06em;text-transform:uppercase;color:var(--rmuted);justify-content:space-between;margin-bottom:8px;font-size:12px;font-weight:800;display:flex}.seg{grid-auto-columns:1fr;grid-auto-flow:column;gap:6px;display:grid}.seg button{border:1.5px solid var(--rline);height:42px;color:var(--rfg);background:0 0;border-radius:10px;font-size:13px;font-weight:700;transition:border-color .2s,background-color .2s}.seg button[aria-pressed=true]{border-color:var(--coral);background:color-mix(in srgb, var(--coral) 10%, var(--rbg))}@media (width<=480px){.seg[data-set=theme]{grid-template-columns:1fr 1fr;grid-auto-flow:row}}.seg .sw{vertical-align:-2px;border-radius:50%;width:14px;height:14px;margin-right:6px;display:inline-block;box-shadow:inset 0 0 0 1px #0003}.size{align-items:center;gap:12px;display:flex}.size button{border:1.5px solid var(--rline);width:42px;height:42px;color:var(--rfg);font-family:var(--f-read);background:0 0;border-radius:10px;font-weight:700}.size input[type=range]{accent-color:var(--coral);flex:1}.switch{justify-content:space-between;align-items:center;margin-top:18px;font-size:14px;font-weight:600;display:flex}.switch input{appearance:none;background:var(--rline);cursor:pointer;border-radius:99px;width:46px;height:28px;transition:background-color .2s;position:relative}.switch input:after{content:"";width:22px;height:22px;transition:transform .25s var(--ease);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000004d}.switch input:checked{background:var(--coral)}.switch input:checked:after{transform:translate(18px)}.panel__reset{width:100%;color:var(--rmuted);background:0 0;border:0;margin-top:18px;font-size:13px;font-weight:700;text-decoration:underline}.modal{z-index:110;opacity:0;pointer-events:none;place-items:center;padding:16px;transition:opacity .25s;display:grid;position:fixed;inset:0}.modal.is-on{opacity:1;pointer-events:auto}.modal__card{background:var(--rbg);width:min(460px,100%);color:var(--rfg);font-family:var(--f-body);border-radius:20px;padding:26px;position:relative;box-shadow:0 40px 80px -20px #00000080}.modal__card h2{font-family:var(--f-display);text-transform:uppercase;margin:0 0 14px;font-size:28px;font-weight:400}.keys{grid-template-columns:auto 1fr;align-items:center;gap:10px 16px;font-size:14px;display:grid}kbd{font-family:var(--f-mono);text-align:center;background:var(--rcode);border:1px solid var(--rline);border-bottom-width:3px;border-radius:7px;min-width:30px;padding:4px 8px;font-size:12px;display:inline-block}html.focus-mode .r-top,html.focus-mode .r-bottom{transform:translateY(-120%)}html.focus-mode .r-bottom{transform:translateY(120%)}html.focus-mode.cursor-idle,html.focus-mode.cursor-idle *{cursor:none!important}.focus-hint{z-index:65;font-family:var(--f-body);background:var(--plum-900);color:#fff;opacity:0;pointer-events:none;border-radius:99px;padding:8px 14px;font-size:13px;font-weight:600;transition:opacity .4s;position:fixed;top:16px;left:50%;translate:-50%}.focus-hint.is-on{opacity:1}.drawer__body .st--lock{background:var(--rcode);color:var(--rmuted);border:0}.drawer__body a.is-locked{color:var(--rmuted)}.r-free{font-family:var(--f-body);text-transform:uppercase;letter-spacing:.04em;background:color-mix(in srgb, var(--lime) 22%, var(--rbg));color:var(--lime-d);border-radius:99px;flex:none;padding:3px 7px;font-size:10.5px;font-weight:800}html[data-rtheme=dark] .r-free{color:var(--lime-l)}.r-teaser{-webkit-user-select:none;user-select:none;max-height:15em;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#000 35%,#0000);mask-image:linear-gradient(#000 35%,#0000)}.r-lock{background:var(--plum-800);color:#fff;font-family:var(--f-body);isolation:isolate;text-align:center;border-radius:24px;margin-top:-1em;padding:clamp(24px,4vw,40px);position:relative;overflow:hidden}.r-lock .g3d{z-index:-1;opacity:.9;font-size:170px;position:absolute;top:-40px;right:-14px;transform:rotate(14deg)}.r-lock .g3d.l{font-size:150px;inset:auto auto -60px -24px;transform:rotate(-12deg)}.r-lock__ico{background:#ffffff1f;border-radius:50%;place-items:center;width:64px;height:64px;margin:0 auto 18px;display:grid}.r-lock__ico svg{width:28px;height:28px}.r-lock h2{font-family:var(--f-display);text-transform:uppercase;color:#fff;border:0;max-width:13ch;margin:0 auto;padding:0;font-size:clamp(36px,5vw,56px);font-weight:400;line-height:.92}.r-lock>p{color:#fffc;max-width:40ch;margin:14px auto 0;font-size:15.5px;line-height:1.55}.r-lock__meter{gap:3px;max-width:360px;margin:22px auto 6px;display:flex}.r-lock__meter i{background:#ffffff2e;border-radius:3px;flex:1;height:8px}.r-lock__meter i.free{background:var(--lime)}.r-lock__meter small{display:none}.r-lock__cap{color:#fff9;font-size:12.5px}.r-lock__perks{flex-wrap:wrap;justify-content:center;gap:8px;max-width:520px;margin:22px auto 0;padding:0;list-style:none;display:flex}.r-lock .r-lock__perks li{background:#ffffff1a;border-radius:99px;margin:0;padding:7px 12px;font-size:13px;font-weight:700}.r-lock__price{font-family:var(--f-display);margin-top:24px;font-size:64px;line-height:1}.r-lock__price small{font-family:var(--f-body);color:#ffffffa6;margin-left:6px;font-size:14px;font-weight:700}.r-lock__cta{flex-direction:column;align-items:center;gap:12px;margin-top:18px;display:flex}.r-lock__cta .btn--coral{min-width:min(320px,100%)}.r-lock__cta a.alt{color:#fffc;text-underline-offset:3px;font-size:14px;font-weight:700;text-decoration:underline}.r-lock__fine{color:#ffffff8c;font-size:12px;margin-top:18px!important}.r-bottom .lock-tag{color:var(--coral);font-weight:700}.r-teaser>*+*{margin-top:1.1em}.r-article .r-lock a.btn{color:#fff;text-decoration:none}.r-lock__price small{margin:4px 0 0;display:block}.r-article .r-content>*+*,.r-article .r-content{margin-top:1.1em}.r-head__eyebrow svg.lucide,.r-top__title svg.lucide{vertical-align:-.12em;width:1em;height:1em}.modal:not(.is-on),.modal:not(.is-on) *{pointer-events:none!important}
