.pagehead{background:var(--color-ink);border-bottom:1px solid var(--color-ink-edge);color:var(--color-on-ink-muted)}.pagehead h1{color:var(--color-accent)}.pagehead .meta,.pagehead .meta b,.pagehead .meta .muted{color:var(--color-on-ink-muted)}.skin-v9 .pagehead a:not(.pill),.skin-v9 .pagehead .meta button:not(.pill){color:var(--color-accent);text-underline-offset:3px;text-decoration:underline}.pagehead .pill-outline,.pagehead .pill-quiet,.pagehead .pill-soft{color:var(--color-on-ink-muted);box-shadow:none;background:0 0;border:1.5px solid #eeedc073}.pagehead .pill-outline:hover,.pagehead .pill-quiet:hover,.pagehead .pill-soft:hover{border-color:var(--color-surface);background:#eeedc01f}.pagehead .pill-solid{background:var(--color-accent);color:var(--color-ink);box-shadow:0 var(--edge) 0 var(--color-ink-edge)}.pagehead .pill-solid:hover{background:#f3df7a}.pagehead :focus-visible{outline-color:var(--color-accent)}.pagehead-in{padding-top:26px;padding-bottom:20px}.pagehead:has(.tabrow) .pagehead-in{padding-bottom:0}a.skip{z-index:60;background:var(--color-ink);color:#fff;border-radius:var(--radius-md);font-size:var(--text-sm);padding:10px 16px;font-weight:600;position:absolute;top:-60px;left:12px}a.skip:focus{top:10px}main:focus{outline:none}.pagehead .top{flex-wrap:wrap;align-items:flex-start;gap:16px;display:flex}.pagehead h1:focus,main h1:focus{outline:none}.pagehead h1{letter-spacing:-.03em;font-size:30px;font-weight:700;line-height:1.15}.pagehead .meta{font-size:var(--text-md);color:var(--color-on-ink-muted);margin-top:6px}.pagehead .act{flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto;display:flex}.tabrow{scrollbar-width:none;gap:4px;margin-top:16px;display:flex;overflow-x:auto}.tabrow::-webkit-scrollbar{display:none}.tabrow button,.tabrow a{font-size:var(--text-sm);color:var(--color-muted);white-space:nowrap;border-bottom:2px solid #0000;border-radius:8px 8px 0 0;align-items:center;gap:7px;padding:9px 13px;font-weight:500;display:inline-flex}.tabrow button:hover,.tabrow a:hover{background:#fff9}.tabrow button.on,.tabrow a.on{color:var(--color-ink);border-bottom-color:var(--color-ink);font-weight:600}.tabrow .n{background:var(--color-raised);min-width:18px;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-muted);text-align:center;border-radius:999px;padding:1px 6px;font-weight:600;display:inline-block}.tabrow button.on .n,.tabrow a.on .n{background:var(--color-brand-soft);color:var(--color-brand-ink)}.pagehead .tabrow button,.pagehead .tabrow a{color:var(--color-on-ink-muted)}.pagehead .tabrow button:hover,.pagehead .tabrow a:hover{background:#eeedc01f}.pagehead .tabrow button.on,.pagehead .tabrow a.on{color:var(--color-accent);border-bottom:3px solid var(--color-accent)}.pagehead .tabrow .n{color:var(--color-surface);background:#eeedc02e}.pagehead .tabrow .on .n{background:var(--color-accent);color:var(--color-ink)}.skin-v9 .pagehead{background-color:var(--color-ink-deep);color:var(--color-on-ink-muted);background-image:linear-gradient(#ffffff12 1px,#0000 1px),linear-gradient(90deg,#ffffff12 1px,#0000 1px);background-position:top;background-size:32px 32px;border-bottom:0}.skin-v9 .pagehead-in{padding-top:34px;padding-bottom:28px}.skin-v9 .pagehead h1{color:#fff;letter-spacing:-.04em;font-size:clamp(30px,4.5vw,46px);font-weight:600;line-height:1.05}.skin-v9 .pagehead .meta,.skin-v9 .pagehead .meta b,.skin-v9 .pagehead .meta .muted{color:var(--color-on-ink-muted)}.skin-v9 .pagehead .meta{flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:10px;display:flex}.skin-v9 .pagehead a:not(.pill),.skin-v9 .pagehead .meta button:not(.pill){color:var(--color-accent)}.skin-v9 .pagehead :focus-visible{outline-color:var(--color-accent)}.skin-v9 .pagehead .pill-solid{color:var(--color-ink-deep);box-shadow:none;background:#fff}.skin-v9 .pagehead .pill-solid:hover{background:var(--color-on-ink-soft)}.skin-v9 .pagehead .pill-outline,.skin-v9 .pagehead .pill-quiet,.skin-v9 .pagehead .pill-soft{color:#fff;box-shadow:none;background:0 0;border:1.5px solid #fff6}.skin-v9 .pagehead .pill-outline:hover,.skin-v9 .pagehead .pill-quiet:hover,.skin-v9 .pagehead .pill-soft:hover{color:#fff;background:#ffffff1a;border-color:#fff}.skin-v9 .pagehead .tabrow button,.skin-v9 .pagehead .tabrow a{color:#ffffffb8}.skin-v9 .pagehead .tabrow button:hover,.skin-v9 .pagehead .tabrow a:hover{color:#fff;background:#ffffff14}.skin-v9 .pagehead .tabrow button.on,.skin-v9 .pagehead .tabrow a.on{color:#fff;border-bottom:3px solid var(--color-accent)}.skin-v9 .pagehead .tabrow .n{color:#fff;background:#ffffff26}.skin-v9 .pagehead .tabrow .on .n{background:var(--color-accent);color:var(--color-ink-deep)}.pagehead-angka{flex-wrap:wrap;gap:14px 44px;margin-top:22px;display:flex}.pagehead-angka>div{gap:2px;display:grid}.pagehead-angka b{letter-spacing:-.04em;color:var(--color-accent);font-variant-numeric:tabular-nums;font-size:clamp(30px,4.5vw,44px);font-weight:700;line-height:1}.pagehead-angka span{font-size:var(--text-sm);color:var(--color-on-ink-muted)}@media (max-width:47.99rem){.skin-v9 .pagehead{color:var(--color-muted);background:0 0}.skin-v9 .pagehead-in{padding-top:20px;padding-bottom:4px}.skin-v9 .pagehead h1{color:var(--color-ink);letter-spacing:-.025em;font-size:26px;font-weight:700}.skin-v9 .pagehead .meta,.skin-v9 .pagehead .meta b,.skin-v9 .pagehead .meta .muted{color:var(--color-muted)}.skin-v9 .pagehead a:not(.pill),.skin-v9 .pagehead .meta button:not(.pill){color:var(--color-ink)}.skin-v9 .pagehead :focus-visible{outline-color:var(--color-ink)}}.stats{flex-wrap:wrap;display:flex}.stats>div{border-left:1px solid var(--color-line);flex:1 1 0;min-width:96px;padding:12px 14px}.stats>div:first-child{border-left:0}.stats b{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:20px;font-weight:600;line-height:1.2;display:block}.stats span{font-size:var(--text-xs);color:var(--color-faint);margin-top:2px;font-weight:500;display:block}.filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.fchip{border:1px solid var(--color-line-strong);border-radius:var(--radius-full);background:var(--color-raised);font-size:var(--text-sm);color:var(--color-muted);align-items:center;gap:6px;padding:7px 12px;font-weight:500;display:inline-flex}.fchip:hover{background:var(--color-surface)}.fchip.on{border-color:var(--color-ink);background:var(--color-ink);color:#fff;font-weight:600}.fchip.on .x{color:inherit}.fchip .x{color:var(--color-fainter);font-weight:600}.listhead{align-items:center;gap:12px;padding:10px 0;display:flex}.listhead .n{font-size:var(--text-xs);color:var(--color-faint);font-weight:500}.listhead .sort{font-size:var(--text-sm);color:var(--color-muted);margin-left:auto}.callout{border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-raised);padding:18px}.callout-soft{background:var(--color-surface);border-color:var(--color-line)}.callout-brand{background:var(--color-surface);border-color:var(--color-line-strong)}.callout-warn{background:var(--color-warning-soft);color:var(--color-warning-ink);border-color:#f5dc8a}.strip{background:var(--color-surface);border-radius:var(--radius-md);padding:14px}.sec{padding:22px 0}.sec+.sec{border-top:1px solid var(--color-line)}.grid2{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.grid3{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.row{align-items:center;gap:12px;display:flex}.col{flex-direction:column;display:flex}.gap6{gap:6px}.gap8{gap:8px}.gap10{gap:10px}.gap14{gap:14px}.mt4{margin-top:4px}.mt6{margin-top:6px}.mt8{margin-top:8px}.mt10{margin-top:10px}.mt14{margin-top:14px}.mt18{margin-top:18px}.muted{color:var(--color-muted)}.faint{color:var(--color-faint)}.fainter{color:var(--color-fainter)}.s12,.s13{font-size:var(--text-sm)}.s14{font-size:var(--text-md)}.wrap p,.pagehead .meta,.wrap .kt,.wrap .help,.wrap .cv-catatan{max-width:38em}.b6{font-weight:600}.b7{font-weight:700}.spread{justify-content:space-between;align-items:center;gap:12px;display:flex}.wrapflex{flex-wrap:wrap;display:flex}.field{display:block}.field>.lab{font-size:var(--text-sm);color:var(--color-ink);margin-bottom:6px;font-weight:600;display:block}.skin-v9 .inp,.skin-v9 textarea.inp,.skin-v9 select.inp{border:1px solid var(--color-field);border-radius:var(--radius-sm);background:var(--color-raised);width:100%;padding:11px 13px;font-size:15px;transition:border-color .15s,box-shadow .15s}.inp:hover{border-color:var(--color-ink)}.inp::placeholder{color:var(--color-fainter)}.inp:focus{border-color:var(--color-ink)}.skin-v9 textarea.inp{resize:vertical;min-height:96px;line-height:1.5}.inp-lg{font-size:var(--text-lg);border-radius:12px;padding:14px 16px}.searchbar{gap:8px;display:flex}.searchbar .inp{flex:1}dialog.modal{background:0 0;border:0;width:min(480px,100% - 32px);max-width:none;max-height:88vh;margin:auto;padding:0;overflow:visible}dialog.modal:has(.tahapan-ed){width:min(660px,100% - 32px)}dialog.modal::backdrop{background:#2a102e80}dialog.modal[open] .modal-card{animation:.18s ease-out pop}@keyframes pop{0%{opacity:0;transform:translateY(8px)scale(.98)}}dialog.modal:focus{outline:none}.modal-card{background:var(--color-raised);border-radius:var(--radius-lg);width:100%;max-height:88vh;padding:24px;overflow:auto}.modal-card h3{letter-spacing:-.02em;font-size:20px;font-weight:700}.toast{z-index:90;background:var(--color-ink);color:#fff;border-radius:var(--radius-md);font-size:var(--text-md);max-width:calc(100% - 32px);padding:12px 18px;font-weight:500;animation:.2s ease-out toast;position:fixed;bottom:26px;left:50%;transform:translate(-50%)}@keyframes toast{0%{opacity:0;transform:translate(-50%,8px)}}@media (max-width:48rem){.toast{bottom:84px}}.sesi{flex-direction:column;min-height:100vh;display:flex}.sesi>.wrap{width:100%}.sesi-top{border-bottom:1px solid var(--color-line);padding-block:14px}.sesi-top .timer,.sesi .timer{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:600}.sesi-body{flex:1;place-items:center;padding-block:30px 50px;display:grid}.sesi-q{letter-spacing:-.01em;max-width:620px;font-size:24px;font-weight:600;line-height:1.38}.mic{background:var(--color-ink);color:#fff;width:84px;height:84px;box-shadow:0 var(--edge) 0 var(--color-ink-edge);border-radius:999px;place-items:center;transition:transform 80ms,box-shadow 80ms;display:grid}.mic:active{box-shadow:0 2px 0 var(--color-ink-edge);transform:translateY(2px)}.mic.live{background:var(--color-danger);color:#fff;box-shadow:0 var(--edge) 0 #7a170f}.rekam{font-size:var(--text-md);align-items:center;gap:8px;font-weight:600;display:inline-flex}.rekam .titik{background:var(--color-danger);border-radius:999px;width:9px;height:9px;animation:1.2s ease-in-out infinite blink}@keyframes blink{50%{opacity:.35}}.rekam .lewat{color:var(--color-warning-ink)}.sel-status{border:0;border-radius:999px;font-weight:600}.sel-status[data-s=dilamar],.g-dilamar{background:var(--stage-dilamar);color:var(--color-ink)}.sel-status[data-s=tes],.g-tes{background:var(--stage-tes);color:var(--color-ink)}.sel-status[data-s=interview_hr],.g-interview_hr{background:var(--stage-hr);color:var(--color-ink)}.sel-status[data-s=interview_teknis],.g-interview_teknis{background:var(--stage-teknis);color:var(--color-ink-deep)}.sel-status[data-s=interview_user],.g-interview_user{background:var(--stage-user);color:#fff}.sel-status[data-s=hasil],.g-hasil{background:var(--stage-hasil);color:var(--color-accent)}.skin-v9 .bar{background:var(--color-inert);height:6px;box-shadow:inset 0 0 0 1px var(--color-line-strong);border-radius:999px;overflow:hidden}.skin-v9 .bar>i{background:var(--color-success-ink);height:100%;display:block}.skin-v9 .bar:has(>i){display:block}.bar-tebal{height:12px}.paket-grid{border:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:4px 0 0;padding:0;display:grid}.paket{border:2px solid var(--color-line-strong);border-radius:var(--radius-md);background:var(--color-raised);cursor:pointer;gap:4px;padding:18px 14px 14px;transition:border-color .15s,transform .15s,box-shadow .15s;display:grid;position:relative}.paket:hover{transform:translateY(-2px)}.paket input{opacity:0;pointer-events:none;position:absolute}.paket:has(input:checked){border-color:var(--color-ink);background:var(--color-purple-soft);box-shadow:0 4px 0 var(--color-ink)}.paket:has(input:focus-visible){outline:3px solid var(--color-accent);outline-offset:2px}.paket.laris{border-color:var(--color-brand)}.paket-pita{background:var(--color-brand);color:#fff;font-size:var(--text-xs);letter-spacing:.02em;border-radius:999px;padding:2px 10px;font-weight:700;position:absolute;top:-11px;left:12px}.paket-tok{color:var(--color-ink);font-variant-numeric:tabular-nums;font-size:24px;font-weight:800}.paket-tok span{font-size:var(--text-lg);color:var(--color-brand)}.paket-bonus{font-size:var(--text-xs);color:var(--color-success-ink);font-weight:600}.paket-bonus s{color:var(--color-muted);font-weight:400}.paket-guna{font-size:var(--text-xs);color:var(--color-muted)}.paket-harga{border-top:1px dashed var(--color-line-strong);color:var(--color-ink);margin-top:8px;padding-top:10px;font-weight:700}.nominal-lain summary{cursor:pointer;color:var(--color-ink)}.percaya{color:var(--color-muted);flex-wrap:wrap;gap:6px 18px;display:flex}.percaya li{align-items:center;gap:6px;display:inline-flex}.percaya svg{width:15px;height:15px;color:var(--color-success-ink)}.isi-bayar{z-index:4;border-radius:var(--radius-md);background:var(--color-accent);align-items:center;gap:14px;margin-top:16px;padding:12px 14px 12px 18px;display:flex;position:sticky;bottom:12px;box-shadow:0 4px #b8901a}@media (max-width:48rem){.isi-bayar{position:static}}.isi-bayar .muted{color:var(--color-ink);opacity:.75}.isi-bayar{flex-wrap:wrap}.isi-bayar>.flex1,.misi-item>.flex1{flex:10rem;min-width:0}.misi-teaser{color:inherit;text-decoration:none;display:block}.misi-teaser:hover{border-color:var(--color-ink)}.card.misi-progres{background:var(--color-ink);color:#fff}.misi-progres .muted{color:var(--color-on-ink-muted)}.skin-v9 .misi-progres .bar{box-shadow:none;background:#ffffff26}.skin-v9 .misi-progres .bar>i{background:var(--color-accent)}.misi-angka{color:var(--color-accent);font-size:34px;font-weight:800}.misi-list{gap:10px;display:grid}.misi-item{align-items:center;gap:14px;padding:14px 16px;display:flex}.misi-item.done{opacity:.7}.misi-hadiah{color:var(--color-brand-ink);font-weight:700}@media (prefers-reduced-motion:no-preference){.misi-item.baru{animation:.6s ease-out klaim}}@keyframes klaim{0%{background:var(--color-accent-soft);transform:scale(.97)}60%{transform:scale(1.01)}to{transform:none}}.kode-ajak{border:2px dashed var(--color-line-strong);border-radius:var(--radius-md);background:var(--color-surface);flex-wrap:wrap;align-items:center;gap:10px;padding:12px 14px;display:flex}.kode-ajak .mono{letter-spacing:.04em;color:var(--color-ink);flex:1}.misi-dorong{color:var(--color-ink);background:var(--color-brand-soft);align-items:center;gap:14px;text-decoration:none;display:flex}@media (max-width:56rem){.paket-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:18px}.misi-item{flex-wrap:wrap}}@media (max-width:48rem){.shell{display:block}.app-top,.remah-auto,.desk-only{display:none}.lap-aksi{flex-wrap:wrap}.lap-aksi>*{flex:100%;justify-content:center}.stats>div{flex:40%}.stats>div:nth-child(odd){border-left:0}.secnav{-webkit-mask-image:linear-gradient(90deg,#000 85%,#0000);mask-image:linear-gradient(90deg,#000 85%,#0000)}.secnav a,.secnav button{flex-shrink:0;min-width:44px}.pagehead .jalur-switch{max-width:none}.grid2,.grid3{grid-template-columns:minmax(0,1fr)}.sesi-q{font-size:18px}.pagehead h1{font-size:26px}.pagehead .act{width:100%;margin-left:0}.pagehead .act details.menu-kanan .menu-isi{left:0;right:auto}.skin-v9 .pagehead .act .pill-solid{flex:100%;order:-1;justify-content:center}.jalur-switch{max-width:132px}.jalur-switch .lbl{display:none}.topbar-in{gap:10px}.pill-sm,.fchip,.tabrow button,.tabrow a,.jalur-switch,.tokenbal,.brand,.sel-status,.secnav a,.secnav button{min-height:44px}.job .tanda,.ikonbtn,.ikonbtn.kecil{width:44px;height:44px}.sheet thead th button,.cell-inp,.pilih,.lipat summary,.tautan{min-height:44px}.tautan{align-items:center;display:inline-flex}}@media (max-width:22.5rem){.jalur-switch{max-width:112px}}#selftest{font-family:var(--font-mono);font-size:var(--text-sm)}#selftest .ok{color:var(--color-success-ink)}#selftest .no{color:var(--color-danger)}.loop{border-top:1px solid var(--color-line);align-items:flex-start;gap:12px;padding:12px 0;display:flex}.loop:first-child{border-top:0}.loop .dot{background:var(--color-fainter);border-radius:999px;flex:none;width:10px;height:10px;margin-top:5px}.loop[data-u="0"] .dot{background:var(--color-brand);box-shadow:0 0 0 3px var(--color-brand-soft)}.loop[data-u="1"] .dot{background:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.loop .body{flex:1;min-width:0}.loop .act{flex:none}.tren{font-size:var(--text-sm);flex-wrap:wrap;align-items:baseline;gap:4px 10px;display:flex}.tren .flex1{flex:110px}.tren .n{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.tren .dari{color:var(--color-fainter)}.tren .ke{color:var(--color-ink);font-weight:600}.tren .membaik{color:var(--color-success-ink);font-size:var(--text-xs);font-weight:600}.tren .memburuk{color:var(--color-muted);font-size:var(--text-xs);font-weight:600}.tren .tetap{color:var(--color-fainter);font-size:var(--text-xs);font-weight:600}.flex1{flex:1;min-width:0}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;display:block;overflow:hidden;position:absolute!important}.skin-v9 .pill svg{width:17px;height:17px}.beranda{grid-template-columns:minmax(0,1fr);gap:18px;margin-top:-48px;display:grid;position:relative}.beranda>*{min-width:0}.b-head{color:var(--color-ink-deep);position:relative}.b-head:before{content:"";z-index:0;clip-path:ellipse(140% 100% at 50% 0);background:url(/marketing/lp/langit.webp) 50%/cover;position:absolute;inset:0}.b-head-in{z-index:1;position:relative}.b-salam h1,.skin-v9 .b-head a,.skin-v9 .b-head .eyebrow{color:var(--color-ink-deep)}.skin-v9 .b-head .meta{color:var(--color-ink-deep);opacity:.8}.b-head-in{padding-block:40px 88px}.b-salam{align-items:flex-start;gap:14px;display:flex}.b-salam h1{letter-spacing:-.045em;font-size:clamp(32px,5vw,52px);font-weight:600;line-height:1.02}.b-salam h1:focus{outline:none}.skin-v9 .b-salam .eyebrow{font-family:var(--font-accent);font-size:var(--text-md);margin-bottom:4px;font-weight:500}.b-salam .meta{font-size:var(--text-md);margin-top:6px}.b-salam .avatar{box-shadow:0 0 0 2px var(--color-accent);display:none}.b-cari{background:var(--color-raised);border-radius:var(--radius-full);align-items:center;gap:10px;max-width:560px;height:52px;margin-top:20px;padding:0 20px;display:flex;box-shadow:0 10px 30px #2a102e1f,0 0 0 1px #2a102e0f}.b-cari:focus-within{outline:2px solid var(--color-ink);outline-offset:2px}.b-cari svg{width:19px;height:19px;color:var(--color-muted);flex:none}.b-cari input{min-width:0;height:100%;font:inherit;color:var(--color-ink);background:0 0;border:0;outline:none;flex:1;font-size:15px}@media (max-width:48rem){.b-head-in{padding-block:24px 76px}.b-salam .avatar{display:grid}}.card.b-dompet{background:var(--color-accent);box-shadow:0 var(--edge) 0 #b8901a;border-color:#d9bc3a;gap:14px;padding:18px 20px;display:grid}.b-dompet .muted,.b-dompet .faint,.b-dompet .s12{color:var(--color-ink)}.dompet-atas{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.dompet-saldo{gap:2px;display:grid}.dompet-saldo b{font-family:var(--font-mono);letter-spacing:-.02em;font-size:26px;font-weight:600}.dompet-aksi{gap:4px;margin-left:auto;display:flex}.dompet-aksi>a,.dompet-aksi>button{min-width:58px;min-height:44px;font-size:var(--text-xs);color:var(--color-ink);justify-items:center;gap:4px;font-weight:600;text-decoration:none;display:grid}.dompet-aksi .ico{border-radius:var(--radius-full);background:var(--color-ink);width:44px;height:44px;color:var(--color-accent);box-shadow:0 3px 0 var(--color-ink-deep);place-items:center;display:grid}.dompet-aksi .ico svg{width:19px;height:19px}.dompet-aksi>a:hover .ico,.dompet-aksi>button:hover .ico{background:var(--color-brand);color:var(--color-ink-deep)}.b-dompet .jalur-switch{width:100%;max-width:none}.b-dompet .jalur-switch .lbl{display:inline}.b-dompet .jalur-switch .val{text-align:left;flex:1}.layanan-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.layanan-grid .tile{border-radius:var(--radius-lg);background:var(--color-raised);border:1px solid var(--color-line);text-align:center;min-height:116px;color:var(--color-ink-deep);align-content:center;justify-items:center;gap:10px;padding:16px 6px 14px;font-size:15px;font-weight:600;line-height:1.2;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s;display:grid;position:relative}.layanan-grid .ico{background:var(--color-ink);color:#fff;border-radius:14px;place-items:center;width:48px;height:48px;transition:transform .15s;display:grid;box-shadow:0 6px 14px #69326e40}.layanan-grid .ico svg{stroke-width:1.9px;width:24px;height:24px}.layanan-grid .tile:hover .ico{transform:scale(1.06)}.layanan-grid .tile.segera .ico{background:var(--color-inert);color:var(--color-muted);box-shadow:none}.layanan-grid .tile:hover{border-color:var(--color-ink);transform:translateY(-2px);box-shadow:0 8px 20px #2a102e14}.layanan-grid .tile:focus-visible{outline:3px solid var(--color-ink);outline-offset:3px}.layanan-grid .tile.segera{opacity:.6;cursor:default}.layanan-grid .tile.segera:hover{border-color:var(--color-line);box-shadow:none;transform:none}.layanan-grid .tile.segera .chip{position:absolute;top:8px;right:8px}.layanan-grid .ico,.layanan-grid .tile.segera .ico{box-shadow:none;background:0 0;border-radius:0}.layanan-grid .ico img{width:44px;height:44px}.layanan-grid .tile.segera .ico img{filter:grayscale()}.layanan-grid .tile[style]{background:color-mix(in srgb, var(--tint) 22%, #fff);border-color:color-mix(in srgb, var(--tint) 45%, #fff)}.layanan-grid .tile[style]:hover{border-color:var(--tint)}@media (max-width:40rem){.layanan-grid .ico img{width:36px;height:36px}}.layanan-grid .badge{border-radius:var(--radius-full);background:var(--color-brand);min-width:22px;height:22px;color:var(--color-ink-deep);font-size:var(--text-xs);place-items:center;padding:0 6px;font-weight:800;display:grid;position:absolute;top:8px;right:8px;box-shadow:0 0 0 2px #fff}@media (max-width:40rem){.layanan-grid{gap:10px}.layanan-grid .tile{gap:6px;min-height:88px;padding:10px 2px;font-size:12px}.layanan-grid .ico{border-radius:12px;width:40px;height:40px}.layanan-grid .ico svg{width:20px;height:20px}}.layanan-list .sec-ico{background:0 0}.layanan-list .sec-ico img{width:28px;height:28px}.layanan-list{gap:2px;max-height:60vh;display:grid;overflow-y:auto}.layanan-list a{border-radius:var(--radius-md);color:var(--color-ink);align-items:center;gap:12px;padding:10px 6px;text-decoration:none;display:flex}.layanan-list a:hover{background:var(--color-surface)}.layanan-list .flex1{display:grid}.tabkecil{border-bottom:1px solid var(--color-line);gap:18px;margin-bottom:4px;display:flex}.tabkecil button{font-size:var(--text-lg);letter-spacing:-.01em;color:var(--color-muted);border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:2px 0 11px;font-weight:700;display:inline-flex}.tabkecil button:hover{color:var(--color-ink)}.tabkecil button.on{color:var(--color-ink);border-bottom-color:var(--color-ink)}.jobgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.beranda .b-top .jobgrid{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:56rem){.beranda .b-top .jobgrid{scroll-snap-type:x mandatory;scrollbar-width:none;grid-template-rows:repeat(2,auto);grid-template-columns:none;grid-auto-columns:minmax(260px,80%);grid-auto-flow:column;margin-inline:-20px;padding:2px 20px 10px;scroll-padding-inline:20px;overflow-x:auto}.beranda .b-top .jobgrid::-webkit-scrollbar{display:none}.beranda .b-top .job{scroll-snap-align:start}.jobgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:36rem){.jobgrid{grid-template-columns:minmax(0,1fr)}}.job{background:var(--color-raised);border:1px solid var(--color-line);border-radius:var(--radius-lg);flex-direction:column;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex;position:relative;overflow:hidden}.job:hover{border-color:var(--color-ink);transform:translateY(-2px);box-shadow:0 8px 20px #2a102e14}.b-top .job:first-child{border-color:var(--color-ink)}.stiker{border-radius:var(--radius-full);background:var(--color-accent);color:var(--color-ink);box-shadow:0 2px 0 var(--color-ink);margin-right:2px;padding:2px 10px;font-size:15px;display:inline-block;transform:rotate(-2deg)}.job:focus-within{border-color:var(--color-ink)}.job-in{flex:1;padding:16px 16px 14px}.job-top{align-items:flex-start;gap:12px;padding-right:30px;display:flex}.logo{background:var(--color-surface);width:44px;height:44px;color:var(--color-ink);letter-spacing:-.02em;border-radius:10px;flex:none;place-items:center;font-size:15px;font-weight:800;display:grid}.job h3{font-size:var(--text-lg);letter-spacing:-.01em;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.job h3 a{color:inherit;text-decoration:none}.job h3 a:focus-visible{outline:none}.job .stretch:after{content:"";z-index:1;position:absolute;inset:0}.job .stretch:focus-visible:after{outline:3px solid var(--color-ink);outline-offset:-3px;border-radius:var(--radius-lg)}.job .co{font-size:var(--text-md);color:var(--color-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;overflow:hidden}.job-top{min-height:calc(2 * 1.3 * var(--text-lg) + 1.5 * var(--text-md) + 1px)}.job ul,.ld-head ul{font-size:var(--text-md);gap:6px;margin-top:12px;display:grid}.job li,.ld-head li{align-items:center;gap:9px;min-width:0;display:flex}.job li svg,.ld-head li svg{width:16px;height:16px;color:var(--color-muted);flex:none}.job li.jenis,.ld-head li.jenis{color:var(--color-ink);font-weight:600}.job li.jenis svg,.ld-head li.jenis svg{color:inherit}.job-baru{border-radius:var(--radius-full);background:var(--color-ink);color:var(--color-on-ink);margin-right:8px;padding:1px 8px;font-size:12px;font-weight:700;display:inline-block}.muat{justify-items:center;gap:10px;margin-top:24px;display:grid}.muat .pill{justify-content:center;min-width:240px}.remah{background:var(--color-surface);border-bottom:1px solid var(--color-line);font-size:var(--text-md)}.remah .wrap{color:var(--color-muted);flex-wrap:wrap;gap:8px;padding-block:12px;display:flex}.remah a{color:var(--color-brand-ink);text-decoration:none}.remah a:hover{text-decoration:underline}.remah [aria-current]{color:var(--color-ink)}.detail-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}@media (max-width:64rem){.detail-grid{grid-template-columns:minmax(0,1fr)}}@media (min-width:64.01rem){.ld-samping{position:sticky;top:76px}}.ld-bar-hp{display:none}@media (max-width:64rem){.ld-bar-hp{z-index:40;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--color-raised);border-top:1px solid var(--color-line-strong);align-items:center;gap:10px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 18px #69326e14}.skin-v9 .ld-bar-hp .pill{flex:1;justify-content:center}.skin-v9:has(.app-tabbar) .ld-bar-hp{bottom:62px}.ld-serupa{padding-bottom:76px}}.pill-lamar{padding-inline:22px;font-size:15px}.chip-mendesak{background:var(--color-brand-soft);color:var(--color-brand-ink);font-weight:600}.siap-list{gap:4px;padding:0;list-style:none;display:grid}.siap-list li{border-top:1px solid var(--color-line);align-items:flex-start;gap:12px;padding:10px 0;display:flex}.skin-v9 .siap-list li>.pill{flex:none}.siap-cek{border:2px solid var(--color-line-strong);width:22px;height:22px;font-size:var(--text-xs);color:#fff;border-radius:999px;flex:none;place-items:center;font-weight:800;display:grid}.siap-list li.done .siap-cek{background:var(--color-success-ink);border-color:var(--color-success-ink)}.siap-list li.done b{color:var(--color-muted)}.sukses-lamar{text-align:center}.sukses-cek{background:var(--color-success-soft);width:56px;height:56px;color:var(--color-success-ink);border-radius:999px;place-items:center;margin-bottom:10px;font-size:26px;font-weight:800;display:inline-grid}.ld{overflow:hidden}.ld-head{gap:18px;padding:24px 24px 22px;display:flex;position:relative}.ld-head h1{letter-spacing:-.02em;padding-right:110px;font-size:24px;font-weight:700;line-height:1.25}.ld-logo{border-radius:999px;width:60px;height:60px;font-size:18px}.ld-co{font-size:var(--text-lg);color:var(--color-brand-ink);margin-top:2px;font-weight:600}.ld-cocok{position:absolute;top:24px;right:24px}.ld-note{background:var(--color-surface);border-block:1px solid var(--color-line);font-size:var(--text-sm);color:var(--color-muted);align-items:center;gap:10px;padding:10px 24px;display:flex}.ld-note svg{width:18px;height:18px;color:var(--color-ink);flex:none}.ld-body{padding:22px 24px 26px}.ld-body h2{letter-spacing:-.01em;font-size:17px;font-weight:700}.ld-body h3{font-size:15px;font-weight:700}.ld-teks{overflow-wrap:anywhere;font-size:15px}.ld-list{padding-left:1.2em;list-style:outside}.ld-list li+li{margin-top:6px}.ld-list li.sub{margin-top:12px;margin-left:-1.2em;font-weight:700;list-style:none}.skin-v9 ul.titik{gap:8px;margin-top:10px;font-size:15px;line-height:1.5;display:grid}.skin-v9 ul.titik li{padding-left:20px;position:relative}.skin-v9 ul.titik li:before{content:"";background:var(--color-ink);border-radius:999px;width:6px;height:6px;position:absolute;top:.6em;left:4px}.ikonbtn{border:1.5px solid var(--color-line-strong);width:44px;height:44px;color:var(--color-ink);background:var(--color-raised);border-radius:999px;place-items:center;display:grid}.ikonbtn:hover{border-color:var(--color-ink)}.ikonbtn svg{width:20px;height:20px}.ikonbtn[aria-pressed=true] svg{fill:currentColor}.chip-lg{font-size:var(--text-md);padding:6px 12px}@media (max-width:36rem){.ld-head{flex-direction:column;gap:12px;padding:18px}.ld-head h1{padding-right:0;font-size:20px}.ld-cocok{align-self:flex-start;position:static}.ld-note,.ld-body{padding-inline:18px}}.ld-head h1{padding-right:0}.ld-judul{letter-spacing:-.02em;font-size:22px;font-weight:700;line-height:1.25}.ld-tutup{font-size:var(--text-md);color:var(--color-ink);flex-wrap:wrap;align-items:center;gap:4px 8px;margin:10px 0 0;display:flex}.ld-tutup svg{width:17px;height:17px;color:var(--color-muted)}.ld-tutup-sisa{background:var(--color-surface);font-size:var(--text-sm);border-radius:999px;padding:2px 10px;font-weight:600}.ld-tutup[data-st=mendesak] .ld-tutup-sisa{background:var(--color-brand-soft);color:var(--color-brand-ink)}.ld-tutup[data-st=mendesak] svg{color:var(--color-brand-ink)}.ld-tutup[data-st=tutup]{color:var(--color-muted)}.lw-fit{border-radius:var(--radius-lg);background:var(--color-surface);gap:10px;margin:0 24px 18px;padding:16px;display:grid}.lw-fit[data-tingkat=tinggi]{background:var(--color-accent-soft)}.lw-fit-atas{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.lw-fit-atas b{letter-spacing:-.04em;color:var(--color-ink);font-size:30px;line-height:1}.lw-fit-atas span{font-size:var(--text-sm);color:var(--color-muted);font-weight:600}.lw-fit-meter{background:var(--color-raised);border-radius:999px;height:8px;overflow:hidden}.lw-fit-meter i{border-radius:inherit;background:var(--color-ink);height:100%;display:block}.lw-fit p{font-size:var(--text-md);color:var(--color-ink);margin:0;line-height:1.55}.lw-fit-gap{border-top:1px solid color-mix(in oklab, var(--color-line-strong), transparent 40%);gap:6px;padding-top:10px;display:grid}.lw-fit-gap>span{font-size:var(--text-xs);color:var(--color-muted);font-weight:700}.lw-gap{border:1px dashed var(--color-line-strong);background:var(--color-raised);font-size:var(--text-sm);color:var(--color-ink);border-radius:999px;padding:3px 10px;font-weight:600}@media (max-width:48rem){.lw-fit{margin:0 16px 16px;padding:14px}.lw-fit-atas b{font-size:26px}}.lw-alat{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.lw-nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.lw-nav>.row{margin-left:auto}.ld-co-lain{white-space:nowrap;font-weight:600}@media (min-width:64rem){.lw-nav{display:none}}@media (max-width:47.99rem){.lw-nav-daftar{display:none}}.lw-cari{border:1.5px solid var(--color-line-strong);background:var(--color-raised);border-radius:999px;flex:260px;align-items:center;gap:10px;min-height:48px;padding:0 16px;display:flex}.lw-cari:focus-within{border-color:var(--color-ink)}.lw-cari svg{width:18px;height:18px;color:var(--color-muted);flex:none}.lw-cari input{min-width:0;min-height:44px;font:inherit;color:var(--color-ink);background:0 0;border:0;outline:none;flex:1}.lw-filter-btn{min-height:48px}.lw-filter-btn svg{width:16px;height:16px}.lw-n{background:var(--color-ink);min-width:20px;height:20px;color:var(--color-on-ink);border-radius:999px;place-items:center;padding:0 6px;font-size:12px;display:inline-grid}.lw-daftar{grid-template-columns:minmax(0,1fr);align-content:start;gap:8px;display:grid}.lw-baris{border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-raised);align-items:flex-start;gap:12px;padding:14px 12px 14px 14px;transition:border-color .15s,background-color .15s;display:flex;position:relative}.lw-baris:hover{border-color:var(--color-line-strong)}.lw-baris.on{border-color:var(--color-ink);box-shadow:inset 0 0 0 1px var(--color-ink);background:var(--color-purple-soft)}.lw-baris .logo{background:var(--color-purple-soft);width:40px;height:40px;font-size:13px}.lw-baris.on .logo{background:var(--color-raised)}.lw-isi{flex:1;min-width:0}.lw-baris h3{font-size:var(--text-md);letter-spacing:-.01em;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.lw-baris h3 a{color:inherit;text-decoration:none}.lw-baris h3 a:focus-visible{outline:none}.lw-baris .stretch:after{content:"";z-index:1;border-radius:inherit;position:absolute;inset:0}.lw-baris .stretch:focus-visible:after{outline:2px solid var(--color-ink);outline-offset:2px}.lw-sub{font-size:var(--text-sm);color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;overflow:hidden}.lw-meta{font-size:var(--text-sm);color:var(--color-ink);flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:6px;font-weight:600;display:flex}.lw-meta .faint{font-weight:500}.lw-tutup{color:var(--color-brand-ink)}.lw-kanan{flex-direction:column;flex:none;align-items:flex-end;gap:4px;display:flex}.lw-cocok{border-radius:var(--radius-md);background:var(--color-surface);min-width:54px;color:var(--color-muted);justify-items:center;padding:5px 8px;font-size:11px;font-weight:600;line-height:1.15;display:grid}.lw-cocok b{color:var(--color-ink);letter-spacing:-.02em;font-size:16px}.lw-cocok[data-tingkat=tinggi]{background:var(--color-accent);color:var(--color-ink)}.lw-cocok[data-tingkat=sedang]{background:var(--color-accent-soft)}.lw-baris .tanda{z-index:2;border-radius:var(--radius-sm);width:44px;height:40px;color:var(--color-ink);place-items:center;display:grid;position:relative}.lw-baris .tanda:hover{background:var(--color-surface)}.lw-baris .tanda svg{width:20px;height:20px}.lw-baris .tanda[aria-pressed=true]{color:var(--color-brand-ink)}.lw-baris .tanda[aria-pressed=true] svg{fill:currentColor}dialog.modal.sheet-bawah{width:100%;max-width:none;margin:auto 0 0}dialog.modal.sheet-bawah .modal-card{border-radius:20px 20px 0 0;max-height:86vh;padding-bottom:0}.lw-sheet{gap:16px;display:grid}.lw-sheet h3{margin:0}.lw-sheet fieldset{border:0;gap:8px;margin:0;padding:0;display:grid}.lw-sheet .ob-chip{min-height:40px;font-size:var(--text-sm);padding:8px 14px}.lw-sheet .ob-chip:has(input:checked){border-color:var(--color-ink);background:var(--color-purple-soft)}.lw-sheet-kaki{padding:12px 0 calc(16px + env(safe-area-inset-bottom,0px));background:var(--color-raised);border-top:1px solid var(--color-line);gap:10px;display:flex;position:sticky;bottom:0}.lw-sheet-kaki .pill-solid{flex:1;justify-content:center}.lw-cta{z-index:2;background:var(--color-raised);border-top:1px solid var(--color-line-strong);align-items:center;gap:12px;margin-top:auto;padding:12px 20px;display:flex;position:sticky;bottom:0;box-shadow:0 -6px 16px #69326e14}.lw-cta .pill-solid{justify-content:center;min-width:160px}.lw-cta .s12{margin-left:auto}@media (max-width:64rem){.lw-wrap{padding-block:20px 40px}.lw-alat,.lw-daftar.lw-gulir,.lw-cta{display:none}}@media (min-width:64.01rem){html:has(.lw-kerja){overflow:hidden}body:has(.lw-kerja) .remah{display:none!important}.lw-wrap{height:calc(100dvh - var(--app-header));flex-direction:column;gap:12px;padding-block:14px 0;display:flex}.lw-balik,.lw-jumlah{flex:none}.lw-split{flex:1;grid-template-columns:400px minmax(0,1fr);gap:20px;min-height:0;display:grid}.lw-gulir{overscroll-behavior:contain;min-height:0;overflow-y:auto}.lw-daftar.lw-gulir{padding:2px 6px 24px 2px}.lw-panel{border:1px solid var(--color-line);border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--color-canvas);border-bottom:0;flex-direction:column;display:flex}.lw-panel .detail-grid{grid-template-columns:minmax(0,1fr);gap:16px;padding-bottom:24px}.lw-panel .detail-grid>.card,.lw-panel .ld-samping>.card{border-width:0 0 1px;border-radius:0}.lw-panel .ld-cta .pill-lamar,.lw-panel .ld-samping .lebar.mt14,.lw-panel .ld-serupa{display:none}dialog.modal.sheet-bawah{width:min(520px,100% - 32px);margin:auto}dialog.modal.sheet-bawah .modal-card{border-radius:var(--radius-lg);padding-bottom:0}}.ak-hub{gap:14px;width:100%;max-width:640px;margin-inline:auto;display:grid}.ak-grup-blok{gap:14px;display:grid}.ak-profil{align-items:center;gap:14px;display:flex}.ak-nama{letter-spacing:-.02em;color:var(--color-ink);font-size:20px;font-weight:800;display:block}.ak-email{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ak-token{border-radius:var(--radius-lg);background:var(--color-accent-soft);color:var(--color-ink);align-items:center;gap:12px;padding:14px 16px;text-decoration:none;display:flex}.ak-token b{font-size:18px;display:block}.ak-lengkap{border-radius:var(--radius-lg);background:var(--color-purple-soft);color:var(--color-ink);font-size:var(--text-sm);align-items:center;gap:12px;padding:14px 16px;text-decoration:none;display:flex}.ak-meter{background:var(--color-raised);border-radius:999px;height:6px;margin-top:8px;display:block;overflow:hidden}.ak-meter i{border-radius:inherit;background:var(--color-ink);height:100%;display:block}.ak-grup{font-size:var(--text-sm);color:var(--color-muted);margin:10px 0 -6px 4px;font-weight:700}.ak-kelompok{border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-raised);overflow:hidden}.ak-baris{text-align:left;width:100%;min-height:56px;color:var(--color-ink);font-size:var(--text-md);align-items:center;gap:12px;padding:10px 14px;text-decoration:none;display:flex}.ak-baris+.ak-baris{border-top:1px solid var(--color-line)}.ak-baris:hover{background:var(--color-row-hover)}.ak-baris.on{background:var(--color-purple-soft);font-weight:700}.ak-baris-teks{padding-left:60px;font-weight:600}.ak-ikon{background:var(--color-surface);width:34px;height:34px;color:var(--color-ink);border-radius:10px;flex:none;place-items:center;display:grid}.ak-ikon svg{width:18px;height:18px}.ak-label{flex:none;font-weight:600}.ak-nilai{text-align:right;min-width:0;font-size:var(--text-sm);color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.ak-panah{color:var(--color-muted);flex:none;margin-left:auto;font-size:20px;line-height:1}.ak-nilai+.ak-panah{margin-left:0}.ak-keluar{border-radius:var(--radius-lg);border:1px solid var(--color-line);background:var(--color-raised);width:100%;min-height:52px;color:var(--color-danger);margin-top:6px;font-weight:700}.ak-keluar:hover{background:var(--color-danger-soft)}.ak-utama{align-content:start;gap:14px;width:100%;max-width:720px;margin-inline:auto;display:grid}.ak-balik{justify-self:start}.ak-judul{letter-spacing:-.03em;color:var(--color-ink);font-size:24px;font-weight:800}@media (max-width:64rem){main[data-sec] .ak-sisi,main[data-sec] .ak-hub-head,main:not([data-sec]) .ak-utama{display:none}}@media (min-width:64.01rem){.ak-hub-head,.ak-balik,.ak-sisi .ak-token{display:none}.ak-layout{grid-template-columns:280px minmax(0,720px);align-items:start;gap:32px;display:grid}.ak-sisi{gap:12px;position:sticky;top:74px}.ak-sisi .ak-nama{font-size:var(--text-md)}.ak-sisi .ak-baris{min-height:48px;font-size:var(--text-sm);padding:8px 12px}.ak-sisi .ak-baris-teks{padding-left:52px}.ak-sisi .ak-nilai,.ak-sisi .ak-panah{display:none}.ak-sisi .ak-ikon{width:28px;height:28px}.ak-sisi .ak-keluar{min-height:44px}.ak-utama{gap:16px;margin-inline:0}.ak-judul{font-size:28px}}.job-foot{border-top:1px solid var(--color-line);color:var(--color-muted);justify-content:space-between;align-items:center;gap:8px;padding:10px 16px;font-size:13px;display:flex}.job-foot .mendesak{color:var(--color-brand-ink);font-weight:600}.job-foot .job-lamar{z-index:2;margin-left:auto;padding:4px 12px;position:relative}.job-foot>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.job-foot .cocok{border-radius:var(--radius-full);background:var(--color-accent);color:var(--color-ink);font-weight:700;font-size:var(--text-sm);white-space:nowrap;flex:none;align-items:center;gap:5px;padding:3px 10px 3px 8px;display:inline-flex}.lw-cocok{align-items:center;gap:5px;display:inline-flex}.alasan,.job ul.alasan{font-size:var(--text-xs);flex-wrap:wrap;gap:6px;margin:10px 0 0;padding:0;list-style:none;display:flex}.alasan li,.job .alasan li{border-radius:var(--radius-full);background:var(--color-accent-soft);max-width:100%;color:var(--color-ink);font-size:var(--text-xs);align-items:center;gap:5px;padding:3px 9px 3px 7px;font-weight:600;line-height:1.4;display:inline-flex}.alasan li img,.job .alasan li img{flex:none;width:16px;height:16px}.job .alasan li{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lw-fit .alasan{margin:0}.jfy-judul{align-items:center;display:flex}.jfy-tanda{border-radius:var(--radius-full);background:var(--color-accent);color:var(--color-ink);font-size:var(--text-md);align-items:center;gap:6px;padding:4px 12px 4px 10px;font-weight:700;display:inline-flex}.jfy-tanda img{width:18px;height:18px}.cocok img,.lw-cocok img{flex:none}.ikon-alat{width:14px;height:14px;-webkit-mask:var(--ikon) center / contain no-repeat;-webkit-mask:var(--ikon) center / contain no-repeat;mask:var(--ikon) center / contain no-repeat;vertical-align:-2px;background:currentColor;flex:none;margin-right:6px;display:inline-block}.cv-rich .bag-alat .ikon-alat{margin:0}.job-kunci{grid-column:1/-1}.job-kunci .job-in{text-align:center;background:repeating-linear-gradient(135deg, transparent 0 10px, color-mix(in oklab, var(--color-accent-soft), transparent 40%) 10px 20px);align-content:center;place-items:center;gap:8px;min-height:140px;display:grid}.cv-ajak{color:var(--color-ink);background:var(--color-accent-soft);align-items:center;gap:12px;padding:14px 16px;text-decoration:none;display:flex}.cv-ajak img{flex:none}.lw-fit .alasan li{font-size:var(--text-sm);background:var(--color-raised)}.job .tanda{z-index:2;border-radius:var(--radius-sm);width:36px;height:36px;color:var(--color-ink);place-items:center;display:grid;position:absolute;top:10px;right:10px}.job .tanda:hover{background:var(--color-surface)}.skin-v9 .job .tanda svg,.skin-v9 .pill[aria-pressed] svg{width:20px;height:20px}.skin-v9 .tanda[aria-pressed=true] svg,.skin-v9 .pill[aria-pressed=true] svg{fill:currentColor}.job .tanda[aria-pressed=true]{color:var(--color-brand-ink)}@media (prefers-reduced-motion:no-preference){.tanda[aria-pressed=true] svg{animation:.3s ease-out pop-tanda}}@keyframes pop-tanda{50%{transform:scale(1.3)}}.b-gerak{flex-direction:column;align-self:stretch;display:flex}.legenda{font-size:var(--text-sm);color:var(--color-muted);flex-wrap:wrap;gap:6px 16px;margin-top:-4px;display:flex}.legenda li{align-items:center;gap:6px;display:inline-flex}.legenda i{border-radius:3px;width:12px;height:12px}.legenda .num{color:var(--color-ink)}.gerak{border-bottom:1px solid var(--color-line-strong);flex:1;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;min-height:170px;margin-top:18px;display:grid}.gerak .kol{cursor:pointer;border-radius:8px 8px 0 0;outline:none;flex-direction:column;justify-content:flex-end;align-items:center;display:flex;position:relative}.gerak .kol:hover,.gerak .kol:focus-visible{background:var(--color-surface)}.gerak .kol:focus-visible{box-shadow:inset 0 0 0 2px var(--color-ink)}.gerak .tip{bottom:calc(var(--h,0%) + 34px);z-index:5;background:var(--color-ink);color:#fff;min-width:150px;font-size:var(--text-sm);white-space:nowrap;text-align:left;pointer-events:none;opacity:0;border-radius:10px;gap:4px;padding:10px 12px;line-height:1.3;transition:opacity .12s,transform .12s;display:grid;position:absolute;left:50%;transform:translate(-50%,4px);box-shadow:0 10px 24px #69326e47}.gerak .tip:after{content:"";border:6px solid #0000;border-top-color:var(--color-ink);margin-left:-6px;position:absolute;top:100%;left:50%}.gerak .tip b{color:var(--color-accent);font-size:var(--text-md)}.gerak .tip-r{align-items:center;gap:8px;display:flex}.gerak .tip-t{color:var(--color-on-ink-muted);border-top:1px solid #fff3;margin-top:2px;padding-top:6px}.gerak .dot{border-radius:3px;flex:none;width:10px;height:10px;box-shadow:0 0 0 1px #ffffff59}.gerak .kol:hover .tip,.gerak .kol:focus .tip{opacity:1;transform:translate(-50%)}.gerak .kol.awal .tip{left:0;transform:translateY(4px)}.gerak .kol.akhir .tip{left:auto;right:0;transform:translateY(4px)}.gerak .kol.awal:hover .tip,.gerak .kol.awal:focus .tip,.gerak .kol.akhir:hover .tip,.gerak .kol.akhir:focus .tip{transform:none}.gerak .kol.awal .tip:after{left:24px}.gerak .kol.akhir .tip:after{left:auto;right:18px}.gerak .kol .num{margin-bottom:4px}.gerak .kol i{width:min(38px,70%);min-height:18px;font-style:normal;font-size:var(--text-xs);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;margin-top:2px;font-weight:700;display:flex}.gerak .kol i:nth-child(2),.gerak .kol>i:first-child{border-radius:4px 4px 0 0}.gerak-x{font-size:var(--text-xs);color:var(--color-muted);text-align:center;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-top:6px;display:grid}.gerak-x .b7{color:var(--color-ink)}.pagehead.hero .pagehead-in{padding-bottom:70px}.pagehead.hero h1{font-size:34px}.skin-v9 .bidang :is(button,.skin-v9 a){white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.bidang svg{width:16px;height:16px}.bidang-sela{background:var(--color-line-strong);flex:none;width:1px;margin:6px 4px}.caripanel{padding:14px}.cari-row{flex-wrap:wrap;gap:10px;display:flex}.cari-row .searchbar{min-width:260px}.saring{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.pil{position:relative}.pil summary,.pil-cepat{border-radius:var(--radius-full);border:1.5px solid var(--color-line-strong);background:var(--color-raised);min-height:40px;color:var(--color-ink);font-size:var(--text-md);white-space:nowrap;cursor:pointer;align-items:center;gap:6px;padding:7px 14px;font-weight:600;text-decoration:none;list-style:none;transition:border-color .15s,background-color .15s;display:inline-flex}.pil summary::-webkit-details-marker{display:none}.pil summary:hover,.pil-cepat:hover,.pil[open] summary{border-color:var(--color-ink)}.pil summary:focus-visible,.pil-cepat:focus-visible,.pil-panel button:focus-visible,.saring-x:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.pil[data-on] summary,.pil-cepat[aria-pressed=true]{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-on-ink)}.pil-panah{border-bottom:1.5px solid;border-right:1.5px solid;width:7px;height:7px;transition:transform .15s;transform:translateY(-2px)rotate(45deg)}.pil[open] .pil-panah{transform:translateY(1px)rotate(-135deg)}.pil-panel{z-index:30;border-radius:var(--radius-md);border:1.5px solid var(--color-ink);background:var(--color-raised);min-width:220px;max-height:340px;box-shadow:0 var(--edge) 0 var(--color-ink);gap:2px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto}.saring-urut{margin-left:auto}.saring-urut .pil-panel{left:auto;right:0}.pil-panel button{border-radius:var(--radius-sm);text-align:left;min-height:40px;font-size:var(--text-md);color:var(--color-ink);justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex}.pil-panel button:hover{background:var(--color-surface)}.pil-panel button[aria-pressed=true]{background:var(--color-purple-soft);font-weight:700}.pil-panel button[aria-pressed=true]:after{content:"✓"}.pil-catatan{font-size:var(--text-sm);color:var(--color-muted);padding:6px 12px 4px}.gaji-geser{gap:8px;min-width:280px;padding:10px 12px;display:grid}.gaji-geser input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:28px;margin:0}.gaji-geser input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--color-ink) var(--p), var(--color-line) var(--p));border-radius:999px;height:6px}.gaji-geser input[type=range]::-moz-range-track{background:linear-gradient(to right, var(--color-ink) var(--p), var(--color-line) var(--p));border-radius:999px;height:6px}.gaji-geser input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-raised);border:2px solid var(--color-ink);border-radius:999px;width:24px;height:24px;margin-top:-9px;box-shadow:0 2px 8px #69326e40}.gaji-geser input[type=range]::-moz-range-thumb{background:var(--color-raised);border:2px solid var(--color-ink);border-radius:999px;width:20px;height:20px}.gaji-geser input[type=range]:focus-visible::-webkit-slider-thumb{outline:2px solid var(--color-ink);outline-offset:2px}.gaji-info{color:var(--color-ink);align-items:center;gap:8px;display:flex}.gaji-info input{width:16px;height:16px;accent-color:var(--color-ink)}.saring-aktif{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.saring-x{border-radius:var(--radius-full);background:var(--color-purple-soft);min-height:32px;color:var(--color-ink);font-size:var(--text-sm);align-items:center;gap:8px;padding:4px 8px 4px 12px;font-weight:600;text-decoration:none;display:inline-flex}.saring-x span{font-size:16px;line-height:1}.saring-x:hover{background:var(--color-accent-soft)}.saring-hapus{font-size:var(--text-sm);color:var(--color-ink);font-weight:600}.saring-hp{margin-top:10px;display:none}.hasil-status{border-radius:var(--radius-md);background:var(--color-purple-soft);color:var(--color-ink);font-size:var(--text-sm);align-items:center;gap:10px;margin-top:14px;padding:10px 14px;font-weight:600;display:flex}.hasil-status:empty{display:none}.hasil-putar{border:2px solid;border-right-color:#0000;border-radius:50%;flex:none;width:14px;height:14px;animation:.7s linear infinite hasil-putar}@keyframes hasil-putar{to{transform:rotate(360deg)}}.hasil-muat>:not(.hasil-status),.lw-panel{transition:opacity .15s}.hasil-muat[aria-busy]>:not(.hasil-status){opacity:.45;pointer-events:none}.lw-split:has(.lw-muat) .lw-panel{opacity:.45;pointer-events:none}.lw-baris:has(.lw-muat){border-color:var(--color-ink);box-shadow:inset 0 0 0 1px var(--color-ink);background:var(--color-purple-soft)}.lw-daftar:has(.lw-muat) .lw-baris.on:not(:has(.lw-muat)){border-color:var(--color-line);box-shadow:none;background:var(--color-raised)}.job:has(.lw-muat){border-color:var(--color-ink);box-shadow:inset 0 0 0 1px var(--color-ink);background:var(--color-purple-soft);cursor:progress}@media (prefers-reduced-motion:reduce){.hasil-putar{animation:none}}.bidang{scrollbar-width:none;gap:10px;margin-top:18px;padding-bottom:2px;display:flex;overflow-x:auto}.bidang::-webkit-scrollbar{display:none}.skin-v9 .bidang :is(button,.skin-v9 a){border-radius:var(--radius-md);background:var(--color-raised);min-height:44px;color:var(--color-ink);border:1.5px solid var(--color-line-strong);font-size:var(--text-md);flex:none;padding:8px 16px;font-weight:600;text-decoration:none;transition:background-color .15s}.skin-v9 .bidang :is(button,.skin-v9 a):hover{border-color:var(--color-ink)}.skin-v9 .bidang :is(button,.skin-v9 a).on{background:var(--color-ink);color:var(--color-on-ink);border-color:var(--color-ink)}@media (max-width:40rem){.cari-row .searchbar{min-width:100%}.skin-v9 .cari-row>.pill{flex:1 1 0;padding-inline:10px}.saring{display:none}.saring-hp{display:block}.pagehead.hero h1{font-size:28px}.sheet tbody th{white-space:normal;min-width:118px}}.sheet-wrap{border:1px solid var(--color-line-strong);border-radius:var(--radius-md);background:var(--color-raised);min-height:320px;max-height:calc(100vh - 260px);overflow:auto}main.wrap-lebar{max-width:none;padding-inline:clamp(16px,3vw,40px)}.sheet-alat{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sheet-alat .inp{max-width:340px}.sheet tbody th b,.sheet tbody th span{white-space:nowrap;text-overflow:ellipsis;max-width:240px;display:block;overflow:hidden}.sheet tbody th span{font-weight:400}.chip-ikut{background:var(--color-accent);color:var(--color-ink);font-weight:700}.pill-kuning{background:var(--color-accent);color:var(--color-ink);box-shadow:0 3px #b8901a}.pill-kuning:hover{background:#f3df7a}.skin-v9 table.sheet{border-collapse:separate;border-spacing:0;width:max-content;min-width:100%;font-size:var(--text-md)}.sheet th,.sheet td{border-bottom:1px solid var(--color-line);border-right:1px solid var(--color-line);text-align:left;white-space:nowrap;vertical-align:middle;background:var(--color-raised);height:46px;padding:6px 12px}.sheet thead th{z-index:2;background:var(--color-surface);border-bottom-color:var(--color-line-strong);height:40px;font-size:var(--text-sm);color:var(--color-ink);font-weight:700;position:sticky;top:0}.sheet thead th button{align-items:center;gap:6px;min-height:32px;font-weight:700;display:inline-flex}.sheet thead th .panah{font-size:var(--text-xs);color:var(--color-muted)}.sheet thead th[aria-sort=ascending] .panah,.sheet thead th[aria-sort=descending] .panah{color:var(--color-ink)}.sheet tbody th,.sheet thead th:first-child,.sheet tfoot th{z-index:1;box-shadow:1px 0 0 var(--color-line-strong);position:sticky;left:0}.sheet thead th:first-child{z-index:3}.sheet tbody th{min-width:200px;font-weight:700}.sheet tbody tr:hover>*{background:var(--color-row-hover)}.sheet td.lebar{min-width:240px}.sheet .sel-status{width:auto;font-size:var(--text-sm);padding:6px 10px}.cell-inp[type=date]{min-width:150px}.cell-inp{width:100%;min-width:140px;font-size:var(--text-md);background:0 0;border:1px solid #0000;border-radius:6px;padding:6px 8px}.sel-tahap .tahap-inp{min-width:0;font-size:var(--text-xs);color:var(--color-muted);margin-top:4px;padding:3px 6px;display:block}.sel-tahap .tahap-inp:not(:placeholder-shown){color:var(--color-ink);font-weight:600}.sheet tbody tr:not(:hover) .tahap-inp:placeholder-shown:not(:focus){opacity:0}details.menu{display:inline-block;position:relative}details.menu>summary{cursor:pointer;list-style:none}details.menu>summary::-webkit-details-marker{display:none}details.menu.menu-btn>summary{width:32px;height:32px;color:var(--color-muted);border-radius:8px;place-items:center;font-size:18px;line-height:1;display:grid}details.menu.menu-btn>summary:hover,details.menu[open]>summary{background:var(--color-surface);color:var(--color-ink)}details.menu-utama>summary{background:var(--color-accent);color:var(--color-ink);border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-weight:700;display:inline-flex;box-shadow:0 3px #b8901a}details.menu-utama>summary svg{width:18px;height:18px}.menu-isi{z-index:30;border:1px solid var(--color-line-strong);border-radius:var(--radius-md);background:var(--color-raised);min-width:220px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 12px 28px #69326e2e}details.menu-kanan .menu-isi{left:auto;right:0}.menu-isi>button,.menu-isi>a{text-align:left;font-size:var(--text-md);color:var(--color-ink);white-space:nowrap;border-radius:8px;gap:1px;padding:9px 12px;text-decoration:none;display:grid}.menu-isi>button span{font-size:var(--text-xs);color:var(--color-muted);font-weight:400}.menu-isi>button:hover,.menu-isi>a:hover,.menu-isi>button:focus-visible{background:var(--color-surface)}.menu-isi>.bahaya{color:var(--color-danger);border-top:1px solid var(--color-line);border-radius:0 0 8px 8px;margin-top:4px}.segmen{background:var(--color-surface);border:1px solid var(--color-line-strong);border-radius:999px;padding:3px;display:inline-flex}.segmen button{font-size:var(--text-sm);color:var(--color-muted);border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-weight:600;display:inline-flex}.segmen button svg{width:15px;height:15px}.segmen button[aria-pressed=true]{background:var(--color-ink);color:#fff}.pilih-baris{vertical-align:middle;width:16px;height:16px;accent-color:var(--color-ink);flex:none;margin-right:10px}.sheet tbody th{display:table-cell}.sheet tbody th:not(.nama-edit){white-space:nowrap}.sheet tbody th .nama-isi{vertical-align:middle;display:inline-grid}.sheet tbody th.nama-edit .cell-inp{min-width:180px;padding:3px 6px}.sheet tr.dipilih th,.sheet tr.dipilih td{background:var(--color-purple-soft)}.sheet .aksi-baris{text-align:center;width:48px}.baris-tambah th{box-shadow:none;height:42px;position:static}.baris-tambah button{color:var(--color-muted);font-weight:600;font-size:var(--text-md);padding:6px 4px}.baris-tambah button:hover{color:var(--color-ink)}.bulk-bar{z-index:5;border-radius:var(--radius-md);background:var(--color-ink);color:#fff;flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px;padding:10px 14px;display:flex;position:sticky;top:64px}.bulk-bar label{align-items:center;gap:8px;display:inline-flex}.bulk-bar select{width:auto;padding:6px 10px}.skin-v9 .bulk-bar .pill-outline{background:#fff}.skin-v9 .bulk-bar .pill-quiet{color:#fff}.papan{grid-auto-columns:minmax(250px,1fr);grid-auto-flow:column;align-items:start;gap:12px;padding-bottom:8px;display:grid;overflow-x:auto}.papan-kol{border-radius:var(--radius-md);background:var(--color-surface);min-height:240px;padding:10px;transition:box-shadow .12s}.papan-kol.drop-on{box-shadow:inset 0 0 0 2px var(--color-ink)}.papan-kol header{align-items:center;gap:8px;padding:2px 2px 10px;display:flex}.papan-kol header .dot{border-radius:3px;width:10px;height:10px}.papan-kol header .n{background:var(--color-raised);font-size:var(--text-xs);border-radius:999px;padding:1px 8px;font-weight:700}.papan-kol header .ikonbtn{margin-left:auto;font-size:18px}.papan-isi{gap:8px;display:grid}.papan-kartu{background:var(--color-raised);border:1px solid var(--color-line);cursor:grab;border-radius:10px;padding:12px}.papan-kartu:hover{border-color:var(--color-line-strong);box-shadow:0 3px 0 var(--color-line-strong)}.papan-kartu.diseret{opacity:.5}.papan-kosong{text-align:center;border:1.5px dashed var(--color-line-strong);border-radius:10px;padding:24px 8px}.chip-latih{background:var(--color-accent);color:var(--color-ink);font-weight:700;text-decoration:none}.tahapan-ed{border-radius:var(--radius-md);background:var(--color-surface);padding:14px}.tahapan-list{gap:4px;margin:10px 0 0;padding:0;list-style:none;display:grid}.tahapan-list li{background:var(--color-raised);border:1px solid var(--color-line);border-radius:10px;align-items:center;gap:8px;padding:4px 6px 4px 4px;display:flex}.tahapan-list li.kini{border-color:var(--color-ink);box-shadow:inset 3px 0 0 var(--color-ink)}.tahapan-list li.drop-on{box-shadow:0 -3px 0 var(--color-ink)}.tahapan-list li.diseret{opacity:.4}.th-pegang{cursor:grab;color:var(--color-muted);letter-spacing:-3px;font-size:var(--text-sm);-webkit-user-select:none;user-select:none;padding:6px 4px}.th-nama{min-width:0;font-size:var(--text-md);color:var(--color-ink);background:0 0;border:1px solid #0000;border-radius:6px;flex:1;padding:6px 8px;font-weight:600}.th-nama:hover{border-color:var(--color-line-strong)}.th-nama:focus{border-color:var(--color-ink);background:#fff;outline:none}.th-tag{background:var(--color-ink);color:var(--color-accent);font-size:var(--text-xs)}.th-grup-chip{font-size:var(--text-xs)}details.menu-atas .menu-isi{top:auto;bottom:calc(100% + 6px)}.menu-grid{grid-template-columns:1fr 1fr;display:grid}.menu-grid>button{text-align:left;font-size:var(--text-sm);color:var(--color-ink);white-space:nowrap;border-radius:8px;padding:7px 12px;display:block}.menu-grid>button:hover{background:var(--color-surface)}.menu-sub{border-top:1px solid var(--color-line);margin-top:4px;padding:8px 12px 2px}.th-tambah{gap:8px;display:flex}.th-tambah .inp{flex:1}.toast-aksi{align-items:center;gap:16px;display:flex}.toast-aksi button{color:var(--color-accent);font-weight:700;text-decoration:underline}.cell-inp:hover{border-color:var(--color-line-strong)}.cell-inp:focus-visible,.cell-inp:focus{outline:3px solid var(--color-ink);outline-offset:-3px;background:var(--color-raised)}.cell-inp::placeholder{color:var(--color-muted)}.sheet tfoot th,.sheet tfoot td{background:var(--color-surface);font-size:var(--text-sm);color:var(--color-muted);border-top:1px solid var(--color-line-strong);position:sticky;bottom:0}.sheet tfoot th{z-index:3}.pilihan{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:6px;display:grid}.pilih{border:1.5px solid var(--color-line-strong);border-radius:var(--radius-md);background:var(--color-raised);text-align:center;cursor:pointer;flex-direction:column;align-items:center;gap:2px;padding:14px 12px;display:flex;position:relative}.pilih input{opacity:0;pointer-events:none;position:absolute}.pilih b{font-size:15px}.pilih span{font-size:var(--text-xs);color:var(--color-muted)}.pilih:has(input:checked){border-color:var(--color-ink);box-shadow:inset 0 0 0 1px var(--color-ink);background:var(--color-surface)}.pilih:has(input:focus-visible){outline:2px solid var(--color-ink);outline-offset:2px}.pilih .pilih-chip{font-size:var(--text-xs);position:absolute;top:6px;left:6px}@media (max-width:48rem){.pilih .pilih-chip{white-space:normal;max-width:100%;margin-bottom:4px;position:static}}.saklar{border:1px solid var(--color-line);border-radius:var(--radius-md);align-items:center;gap:14px;padding:14px;display:flex}.saklar-kecil{color:var(--color-muted);cursor:pointer;align-items:center;gap:8px;display:inline-flex}.saklar>span{flex-direction:column;gap:2px;display:flex}.skin-v9 input[role=switch]{appearance:none;background:var(--color-line-strong);cursor:pointer;border-radius:999px;flex:none;width:42px;height:24px;transition:background .15s;position:relative}.skin-v9 input[role=switch]:after{content:"";background:#fff;border-radius:999px;width:18px;height:18px;transition:transform .15s;position:absolute;top:3px;left:3px}.skin-v9 input[role=switch]:checked{background:var(--color-ink)}.skin-v9 input[role=switch]:checked:after{transform:translate(18px)}.skin-v9 input[role=switch]:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.mutu{background:var(--color-inert);height:5px;box-shadow:inset 0 0 0 1px var(--color-line-strong);border-radius:999px;overflow:hidden}.mutu i{background:var(--color-ink);transform-origin:0;width:100%;height:100%;transition:transform .2s ease-out;display:block}.mutu.jalan i{width:40%;animation:1.1s ease-in-out infinite jalan}@keyframes jalan{0%{transform:translate(-100%)}to{transform:translate(250%)}}.cvpilih{border:1px solid var(--color-field);border-radius:var(--radius-sm);color:var(--color-ink);align-items:center;gap:10px;min-height:46px;padding:10px 12px;text-decoration:none;display:flex}.cvpilih>span:first-of-type{flex-direction:column;display:flex}.cvpilih svg{flex:none;width:20px;height:20px}.skin-v9 .pill.lebar{justify-content:center;width:100%}.err{color:var(--color-danger);font-weight:600}[aria-invalid=true]{border-color:var(--color-danger)!important}.pill-bahaya{background:var(--color-danger);color:#fff}.pill-bahaya:disabled{opacity:.45;cursor:not-allowed}.pill-rekam{background:var(--color-danger-soft);color:var(--color-danger);font-weight:600}.tautan{color:var(--color-ink);text-underline-offset:3px;text-decoration:underline}.chip-kat[data-kat=Konten]{background:var(--kat-konten-bg);color:var(--kat-konten-ink)}.chip-kat[data-kat=Penyampaian]{background:var(--color-success-soft);color:var(--color-success-ink)}.chip-kat[data-kat=Non-verbal]{background:var(--kat-nonverbal-bg);color:var(--kat-nonverbal-ink)}.chip-kat[data-kat=Umum]{background:var(--color-inert);color:var(--color-muted)}kbd{font-family:var(--font-mono);font-size:var(--text-xs);border:1px solid var(--color-line-strong);background:var(--color-surface);color:var(--color-ink);border-radius:4px;padding:1px 6px}.cek-langkah{font-size:var(--text-xs);color:var(--color-muted);gap:6px;display:flex}.cek-langkah li{border-bottom:2px solid var(--color-line);flex:1;align-items:center;gap:6px;padding-bottom:8px;display:flex}.cek-langkah li span{background:var(--color-inert);width:20px;height:20px;font-weight:700;font-size:var(--text-xs);border-radius:999px;place-items:center;display:grid}.cek-langkah li.kini{color:var(--color-ink);border-color:var(--color-ink);font-weight:600}.cek-langkah li.kini span,.cek-langkah li.lewat span{background:var(--color-ink);color:#fff}.cek-langkah li.lewat{border-color:var(--color-ink)}.layar-kamera{aspect-ratio:16/10;border-radius:var(--radius-md);background:var(--color-ink);color:var(--color-on-ink-soft);text-align:center;align-content:center;place-items:center;gap:8px;padding:12px;display:grid;overflow:hidden}.layar-kamera svg{width:30px;height:30px}.layar-kamera video,.kamera video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.layar-mic{border-radius:var(--radius-md);background:var(--color-surface);align-items:center;gap:14px;padding:14px;display:flex}.level{align-items:flex-end;gap:3px;height:26px;display:flex}.level i{background:var(--color-line-strong);transform-origin:bottom;border-radius:2px;width:5px;height:26px;transform:scaleY(.23)}.level.jalan i{background:var(--color-ink);animation:.6s ease-in-out infinite alternate level}.level.jalan i:nth-child(2n){animation-delay:.15s}.level.jalan i:nth-child(3n){animation-delay:.3s}@keyframes level{to{transform:scaleY(1)}}.sesi2{background:var(--color-surface);flex-direction:column;gap:14px;min-height:100dvh;padding:16px 20px;display:flex;position:relative}.sesi2.tanpa-kamera .sesi2-isi{grid-template-columns:minmax(0,1fr);width:100%;max-width:1100px;margin-inline:auto}.sesi2>p svg{vertical-align:-2px;width:14px;height:14px;display:inline-block}.sesi2-atas{justify-content:space-between;align-items:center;gap:12px;display:flex}.sesi2-isi{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start;gap:14px;display:grid}.sesi2-kiri{flex-direction:column;padding:18px;display:flex}.sesi2-bawah{margin-top:auto}.obrolan{gap:8px;margin-bottom:14px;display:grid}.gel{max-width:82%;font-size:var(--text-md);border-radius:16px;padding:10px 14px;line-height:1.5}.gel-tanya{background:var(--color-purple-soft);color:var(--color-ink);border-bottom-left-radius:4px;justify-self:start}.gel-jawab{background:var(--color-surface);color:var(--color-ink);border-bottom-right-radius:4px;justify-self:end}.rekam-besar{background:var(--color-brand);width:72px;height:72px;color:var(--color-ink-deep);box-shadow:0 var(--edge) 0 var(--color-brand-edge);border-radius:999px;flex:none;place-items:center;transition:transform .15s;display:grid}.jawab-status .rekam-besar svg{width:30px;height:30px}.rekam-besar:hover{transform:translateY(-2px)}.rekam-besar.on{background:var(--color-danger);color:#fff;box-shadow:0 0 0 6px var(--color-danger-soft)}@media (prefers-reduced-motion:no-preference){.rekam-besar.on{animation:1.4s ease-in-out infinite denyut}}@keyframes denyut{50%{box-shadow:0 0 0 12px var(--color-danger-soft)}}.rekam-lab{font-size:15px;line-height:1.35}.sesi2-kanan{padding:16px}.pewawancara{border-radius:var(--radius-md);background:var(--color-ink);color:#fff;font-size:var(--text-lg);align-items:flex-start;gap:12px;padding:16px;line-height:1.5;display:flex}.pewawancara .sec-ico{color:#fff;background:#ffffff1f}.pewawancara .sec-ico.bicara{animation:1.2s ease-in-out infinite bicara;box-shadow:0 0 0 3px #ffffff59}@keyframes bicara{50%{box-shadow:0 0 0 6px #ffffff26}}@media (prefers-reduced-motion:reduce){.pewawancara .sec-ico.bicara{animation:none}}.pewawancara .muted{color:var(--color-on-ink-muted)}.pewawancara .ikonbtn{color:#fff;background:0 0;border-color:#ffffff4d}.ikonbtn.kecil{width:34px;height:34px}.ikonbtn.kecil svg{width:16px;height:16px}.asisten{border:1.5px dashed var(--color-line-strong);border-radius:var(--radius-md);background:var(--color-raised);padding:14px}.asisten b svg{vertical-align:-3px;width:16px;height:16px;margin-right:6px;display:inline-block}.jawab-area{margin-top:14px}.jawab-status{flex-wrap:wrap;align-items:center;gap:14px;min-height:36px;margin-bottom:12px;display:flex}.skin-v9 .jawab-status svg,.skin-v9 .pill svg.kecil{width:15px;height:15px}.jawab-teks{field-sizing:content;resize:vertical;min-height:84px;max-height:40vh}.putar{border:2px solid;border-right-color:#0000;border-radius:999px;width:14px;height:14px;animation:.8s linear infinite putar}@keyframes putar{to{transform:rotate(360deg)}}.kamera{aspect-ratio:4/3;border-radius:var(--radius-md);background:var(--color-ink);position:relative;overflow:hidden}.kamera-kosong{height:100%;color:var(--color-on-ink-soft);text-align:center;align-content:center;place-items:center;gap:6px;padding:16px;display:grid}.kamera-kosong svg{width:30px;height:30px}.tanda-rekam{color:#fff;font-size:var(--text-xs);background:#0000008c;border-radius:999px;padding:3px 8px;font-weight:600;position:absolute;bottom:10px;left:10px}.sesi2-bawah{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.waktu-sesi{border-radius:var(--radius-sm);background:var(--color-ink);color:#fff;padding:6px 12px;font-weight:700}.pref-panel{z-index:20;width:min(340px,100% - 40px);position:absolute;top:64px;right:20px;box-shadow:0 12px 30px #69326e2e}.pref-panel fieldset{border:0;padding:0}@media (min-width:56.01rem){.sesi2{height:100dvh}.sesi2-isi{flex:1;align-items:stretch;min-height:0}.sesi2-kiri,.sesi2-kanan{flex-direction:column;min-height:0;display:flex}.sesi2-kiri{overflow-y:auto}.obrolan{flex:1;align-content:end;min-height:0;overflow-y:auto}.pewawancara{flex:1;align-items:center;padding:28px;font-size:22px;line-height:1.45}.sesi2-kiri:has(.obrolan) .pewawancara{flex:none;font-size:19px}.pewawancara b.s14{font-size:15px}.kamera{aspect-ratio:auto;flex:1;min-height:0}}@media (max-width:56rem){.sesi2-isi{grid-template-columns:minmax(0,1fr)}.sesi2-kanan{order:-1}.kamera{aspect-ratio:16/9}.sesi2{padding:12px 16px}}.lap-atas,.lap-aspek{padding:0;overflow:hidden}.lap-baris{border-top:1px solid var(--color-line);padding:14px 20px}.lap-skor{flex-wrap:wrap;align-items:center;gap:24px;padding:18px 20px;display:flex}.lap-total{font-size:38px;font-weight:700;line-height:1}.lap-total small{color:var(--color-muted);font-size:18px}.lap-mini{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;min-width:260px;display:grid}.mini{grid-template-columns:1fr auto;align-items:center;gap:4px 8px;display:grid}.mini>span:first-child{grid-column:1/-1}.mini-bar{background:var(--color-inert);border-radius:999px;height:6px;overflow:hidden}.mini-bar i{height:100%;display:block}.mini-bar{box-shadow:inset 0 0 0 1px var(--color-line-strong)}.mini-bar.k i{background:var(--chart-teknis)}.mini-bar.p i{background:var(--color-success-ink)}.mini-bar.n i{background:var(--chart-user)}.lap-metrik{color:var(--color-muted);flex-wrap:wrap;align-items:center;gap:6px 18px;display:flex}.lap-metrik b{color:var(--color-ink)}.ringkas{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.ringkas.buka{display:block}.seg3{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.seg3 i{background:var(--color-inert);border-radius:999px;height:5px}.seg3 i.on{background:var(--color-ink)}.kutip{border-left:2px solid var(--color-line-strong);font-size:var(--text-sm);margin:8px 0 0;padding-left:10px}.lap-tab{border-radius:var(--radius-md);background:var(--color-raised);border:1px solid var(--color-line);grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:4px;display:grid}.lap-tab button{border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-muted);padding:10px 8px;font-weight:600}.lap-tab button.on{background:var(--color-ink);color:#fff}@media (max-width:48rem){.lap-tab{display:flex;overflow-x:auto}.lap-tab button{flex:none}}.lap-kk>div>.lipat:first-of-type{margin-top:10px}.qa{padding:14px 16px}.lipat{border-top:1px solid var(--color-line);margin-top:10px}.lap-kk .lipat{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-raised);margin-top:8px}.lipat summary{font-size:var(--text-md);cursor:pointer;align-items:center;gap:8px;padding:10px 2px;font-weight:600;list-style:none;display:flex}.lap-kk .lipat summary{padding:12px 14px}.lipat summary::-webkit-details-marker{display:none}.lipat summary:after{content:"›";color:var(--color-muted);transition:transform .15s;transform:rotate(90deg)}.lipat[open] summary:after{transform:rotate(-90deg)}.lipat summary svg{width:16px;height:16px;color:var(--color-muted);flex:none}.lipat-isi{padding:0 2px 12px 26px}.lap-kk .lipat-isi{padding:0 14px 14px 38px}.lipat-isi ul{font-size:var(--text-sm);gap:6px;padding-left:16px;list-style:outside;display:grid}.materi{color:var(--color-ink);align-items:center;gap:12px;text-decoration:none;display:flex}.materi>span:nth-child(2){flex-direction:column;gap:2px;display:flex}.langkah{border:1px solid var(--color-line);border-radius:var(--radius-md);color:var(--color-ink);text-align:left;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 14px;text-decoration:none;display:flex}.langkah:hover{border-color:var(--color-ink)}.skin-v9 .langkah .chip{margin-top:6px}.penuh{background:var(--color-canvas);flex-direction:column;height:100dvh;display:flex}.penuh-bar{border-bottom:1px solid var(--color-line-strong);flex-wrap:wrap;align-items:center;gap:10px;padding:8px 16px;display:flex}.penuh-bar h1{font-size:var(--text-lg);letter-spacing:-.01em;margin-right:auto;font-weight:700}.penuh-bar .tabrow{order:1;width:100%;margin:0}.penuh-body{flex:1;min-height:0;overflow:auto}.penuh .sheet-wrap{border:0;border-radius:0;height:100%;max-height:none;margin:0}.penuh-doc{background:var(--color-surface);grid-template-columns:minmax(0,1fr) auto;display:grid;overflow:hidden}.penuh-doc .kanvas{padding:24px 16px 48px;overflow:auto}.penuh-doc .kanvas>p{max-width:816px;margin-inline:auto}.penuh-doc .cvdoc{border:0;border-radius:2px;max-width:816px;min-height:1056px;margin-inline:auto;padding:clamp(24px,8vw,72px);box-shadow:0 1px 3px #69326e26}.penuh-doc>aside{background:var(--color-raised);border-left:1px solid var(--color-line-strong);width:340px;padding:16px;overflow:auto}@media (max-width:64rem){.penuh-doc{display:block;overflow:auto}.penuh-doc>aside{border-left:0;border-top:1px solid var(--color-line-strong);width:auto}}.cvdoc{background:var(--color-raised);border:1px solid var(--color-line);border-radius:var(--radius-md);font-size:var(--text-md);padding:26px;line-height:1.6}.cvdoc h4{letter-spacing:-.01em;font-size:18px;font-weight:700}.cvdoc .sub{color:var(--color-muted);font-size:var(--text-sm)}.cv-nama{letter-spacing:-.01em;text-align:center;font-size:20px;font-weight:700}.cvdoc .cv-kontak{text-align:center;margin-top:2px}.cv-bagian{border-bottom:1px solid var(--color-ink);font-size:var(--text-sm);letter-spacing:.04em;text-transform:uppercase;margin-top:18px;padding-bottom:3px;font-weight:700}.cv-baris{font-size:var(--text-md);justify-content:space-between;gap:12px;margin-top:8px;display:flex}.cv-baris>span:last-child{color:var(--color-muted);flex:none}.cv-sub{margin-top:0;font-style:italic}.cv-catatan{font-size:var(--text-sm);margin-top:4px}.cvdoc .btr{padding-block:4px}.cvdoc .sec-t{font-size:var(--text-xs);color:var(--color-faint);border-bottom:1px solid var(--color-line);margin-top:16px;padding-bottom:4px;font-weight:500}.cvdoc li{margin-top:4px;padding-left:14px;position:relative}.cvdoc li:before{content:"·";color:var(--color-fainter);position:absolute;left:4px}.cvdoc li.lemah{background:var(--color-danger-soft);border-radius:4px}.tahap{border-top:1px solid var(--color-line);gap:14px;padding:16px 0;display:flex}.tahap:first-child{border-top:0}.tahap .no{width:26px;height:26px;font-size:var(--text-xs);background:var(--color-inert);color:var(--color-fainter);border-radius:999px;flex:none;place-items:center;font-weight:700;display:grid}.tahap.selesai .no{background:var(--color-success);color:var(--color-ink)}.tahap.sekarang .no{background:var(--color-raised);color:var(--color-ink);box-shadow:inset 0 0 0 2px var(--color-ink)}.kv{border-top:1px solid var(--color-line);font-size:var(--text-md);gap:12px;padding:11px 0;display:flex}.kv:first-child{border-top:0}.kv .k{width:150px;color:var(--color-muted);font-size:var(--text-sm);flex:none}.skin-v9 .kv .v{flex:1;min-width:0}@media (max-width:48rem){.kv{flex-direction:column;gap:3px}.kv .k{width:auto}}.settings{grid-template-columns:190px minmax(0,1fr) 230px;align-items:start;gap:22px;display:grid}@media (max-width:64rem){.settings{grid-template-columns:minmax(0,1fr)}}.secnav{flex-direction:column;gap:1px;display:flex;position:sticky;top:74px}@media (max-width:64rem){.secnav{scrollbar-width:none;flex-direction:row;gap:4px;position:static;overflow-x:auto}.secnav::-webkit-scrollbar{display:none}}.secnav a,.secnav button{text-align:left;font-size:var(--text-sm);color:var(--color-muted);white-space:nowrap;border-radius:8px;align-items:center;gap:7px;padding:8px 11px;font-weight:500;text-decoration:none;display:flex}.secnav a:hover,.secnav button:hover{background:var(--color-surface);color:var(--color-ink)}.secnav button.on{background:var(--color-brand-soft);color:var(--color-brand-ink);font-weight:600}.secnav .grouplab{font-size:var(--text-xs);color:var(--color-faint);padding:14px 11px 5px;font-weight:500}@media (max-width:64rem){.secnav .grouplab{display:none}}.grouplab{font-size:var(--text-xs);color:var(--color-faint);margin-bottom:8px;font-weight:500}.ring{background:conic-gradient(var(--color-ink) calc(var(--p) * 1%), var(--color-inert) 0);border-radius:999px;flex:none;place-items:center;width:54px;height:54px;display:grid}.ring:after{content:"";background:var(--color-raised);border-radius:999px;grid-area:1/1;width:42px;height:42px}.ring b{z-index:1;font-family:var(--font-mono);font-size:var(--text-sm);grid-area:1/1;font-weight:600}.drop{border:1.5px dashed var(--color-line-strong);border-radius:var(--radius-md);text-align:center;background:var(--color-surface);padding:26px 16px;transition:border-color .15s}.drop:hover{border-color:var(--color-ink)}.fw{margin-bottom:14px;display:block}.fw>.lab{font-size:var(--text-sm);color:var(--color-ink);margin-bottom:6px;font-weight:600;display:block}.fw>.lab .req{color:var(--color-danger)}.fw>.help{font-size:var(--text-xs);color:var(--color-faint);margin-top:5px;display:block}.fold{border-top:1px solid var(--color-line)}.fold:first-child{border-top:0}.fold>summary{font-size:var(--text-md);align-items:center;gap:10px;padding:13px 0;font-weight:600;list-style:none;display:flex}.fold>summary::-webkit-details-marker{display:none}.fold>summary:after{content:"›";color:var(--color-fainter);margin-left:auto;transition:transform .15s;transform:rotate(90deg)}.fold[open]>summary:after{transform:rotate(-90deg)}.fold .meta{color:var(--color-faint);font-weight:400;font-size:var(--text-xs)}.fold>.isi{padding-bottom:14px}.skorbar{border-top:1px solid var(--color-line);grid-template-columns:1fr auto;gap:3px 10px;padding:11px 0;display:grid}.skorbar:first-child{border-top:0}.skorbar .nm{font-size:var(--text-md);font-weight:600}.skorbar .nl{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600}.skorbar .tr{background:var(--color-inert);border-radius:999px;grid-column:1/-1;height:8px;overflow:hidden}.skorbar .tr i{background:var(--color-ink);border-radius:999px;height:100%;display:block}.skorbar .kt{font-size:var(--text-xs);color:var(--color-faint);grid-column:1/-1}.hams{gap:3px;display:inline-flex}.hams b{width:20px;height:20px;font-size:var(--text-xs);background:var(--color-inert);color:var(--color-fainter);border-radius:5px;place-items:center;font-weight:700;display:grid}.hams b.on{background:var(--color-ink);color:var(--color-raised)}.editor{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:16px;display:grid}.card.progres-hero{background:var(--color-ink);color:#fff;border-color:var(--color-ink);padding:22px 24px}.progres-vonis{max-width:640px;font-size:24px;font-weight:700;line-height:1.3}.banding-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.banding{background:#ffffff14;border-radius:10px;gap:2px;padding:12px;display:grid}.banding b{color:var(--color-accent);font-variant-numeric:tabular-nums;font-size:26px}.banding .naik{color:#b9e38f}.banding .turun{color:#ffb98f}@media (max-width:48rem){.banding-row{grid-template-columns:repeat(2,minmax(0,1fr))}}.corong{gap:10px;display:grid}.corong-baris{grid-template-columns:80px 1fr 36px 40px;align-items:center;gap:10px;display:grid}.corong-bar{background:var(--color-surface);border-radius:4px;height:14px;overflow:hidden}.corong-bar i{background:var(--color-ink);border-radius:4px;height:100%;display:block}.titik-minggu{text-align:center;font-size:var(--text-xs);color:var(--color-muted);grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.titik-minggu span{justify-items:center;gap:4px;display:grid}.titik-minggu i{background:var(--color-surface);color:#fff;border-radius:999px;place-items:center;width:32px;height:32px;font-style:normal;font-weight:800;display:grid}.titik-minggu .on i{background:var(--color-success-ink)}.titik-minggu .kini{color:var(--color-ink);font-weight:700}.aktivitas-layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:16px;display:grid}@media (min-width:64.01rem){.aktivitas-tunggu{position:sticky;top:76px}}@media (max-width:64rem){.aktivitas-layout{grid-template-columns:minmax(0,1fr)}.aktivitas-tunggu{order:-1}}.fchip .n{font-size:var(--text-xs);opacity:.7}.garis-hari{font-size:var(--text-sm);color:var(--color-ink);margin:18px 0 8px;font-weight:700}.garis{border-left:2px solid var(--color-line-strong);gap:4px;margin:0;padding:0 0 0 14px;list-style:none;display:grid}.garis li{border-radius:8px;align-items:center;gap:10px;margin-left:-27px;padding:6px 8px;display:flex}.garis li:hover{background:var(--color-surface)}.garis-ikon{background:var(--color-purple-soft);width:26px;height:26px;color:var(--color-ink);box-shadow:0 0 0 3px var(--color-raised);border-radius:999px;flex:none;place-items:center;display:grid}.garis-ikon svg{width:14px;height:14px}.tunggu-baris{border-top:1px solid var(--color-line);color:var(--color-ink);border-radius:8px;align-items:center;gap:10px;padding:10px 6px;text-decoration:none;display:flex}.tunggu-baris:hover{background:var(--color-surface)}.kosong-kecil{color:var(--color-success-ink);justify-items:center;gap:4px;padding:18px 0;font-size:22px;display:grid}.kursus{border-radius:var(--radius-lg);background:var(--color-raised);border:1px solid var(--color-line);flex-direction:column;display:flex;position:relative;overflow:hidden}.kursus:hover{border-color:var(--color-line-strong);box-shadow:0 4px 0 var(--color-line-strong)}.kursus-atas{background:var(--color-ink);color:var(--color-accent);justify-content:space-between;align-items:center;gap:8px;min-height:46px;padding:12px 16px;display:flex}.kursus.segera .kursus-atas{background:var(--color-surface);color:var(--color-muted)}.kursus-isi{flex:1;padding:16px}.kursus-isi h3 a{color:var(--color-ink);text-decoration:none}.kursus-kaki{padding:0 16px 16px}.chip-saran{background:var(--color-accent);color:var(--color-ink);font-weight:700}.kursus-layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:16px;display:grid}@media (min-width:64.01rem){.kursus-samping{position:sticky;top:76px}}@media (max-width:64rem){.kursus-layout{grid-template-columns:minmax(0,1fr)}.kursus-samping{order:-1}}.modul-tahap.nanti{opacity:.92}.modul-tahap h2{align-items:center;gap:10px;display:flex}.modul-no{background:var(--color-surface);width:28px;height:28px;font-size:var(--text-sm);border-radius:999px;place-items:center;font-weight:800;display:inline-grid}.modul-tahap.selesai .modul-no{background:var(--color-success-ink);color:#fff}.modul-tahap.sekarang .modul-no{background:var(--color-ink);color:var(--color-accent)}.modul-list{gap:6px;padding:0;list-style:none;display:grid}.modul{border:1px solid var(--color-line);border-radius:10px;align-items:center;gap:12px;padding:10px 12px;transition:box-shadow .3s;display:flex}.modul.berikut{border-color:var(--color-ink);background:var(--color-purple-soft)}.modul.kunci{background:var(--color-surface)}.modul.sorot{box-shadow:0 0 0 3px var(--color-accent)}.modul-ikon{border:2px solid var(--color-line-strong);width:24px;height:24px;font-size:var(--text-xs);border-radius:999px;flex:none;place-items:center;font-weight:800;display:grid}.modul.ok .modul-ikon{background:var(--color-success-ink);border-color:var(--color-success-ink);color:#fff}.modul.berikut .modul-ikon{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-accent)}.alat-baris{background:var(--color-surface);color:var(--color-ink);font-size:var(--text-md);border-radius:10px;justify-content:space-between;padding:10px 12px;font-weight:600;text-decoration:none;display:flex}.alat-baris:hover{background:var(--color-purple-soft)}.cv-mulai{text-align:center;max-width:560px;margin-inline:auto;padding:36px 28px}.usul-list{gap:8px;display:grid}@media (min-width:64.01rem){.materi-samping{position:sticky;top:76px}}@media (max-width:64rem){.materi-layout .materi-samping{order:0}}.materi-bagian{scroll-margin-top:80px}.intinya{background:var(--color-accent-soft);border-left:4px solid var(--color-accent);border-radius:10px;padding:12px 14px}.intinya b{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-brand-ink)}.intinya p{font-size:var(--text-lg);color:var(--color-ink);margin-top:2px;font-weight:600;line-height:1.45}.materi-p{max-width:68ch;margin-top:12px;font-size:15px;line-height:1.65}.materi-ol,.materi-ul{gap:8px;margin:12px 0 0 20px;font-size:15px;line-height:1.55;display:grid}.materi-ol{list-style:decimal}.materi-ul{list-style:outside}.banding-cv{gap:10px;display:grid}.bc-baris{grid-template-columns:1fr 1fr;gap:8px;display:grid}@media (max-width:40rem){.bc-baris{grid-template-columns:minmax(0,1fr)}}.bc{font-size:var(--text-md);border-radius:10px;padding:12px;line-height:1.5}.bc p{margin-top:4px}.bc.lemah{background:var(--color-surface);color:var(--color-muted)}.bc.lemah span{color:var(--color-danger)}.bc.kuat{background:var(--color-success-soft);color:var(--color-ink)}.bc.kuat span{color:var(--color-success-ink)}.star-contoh{border-radius:var(--radius-md);border:1px solid var(--color-line-strong);gap:10px;padding:14px;display:grid}.star-baris{align-items:flex-start;gap:12px;display:flex}.star-huruf{background:var(--color-ink);width:30px;height:30px;color:var(--color-accent);border-radius:8px;flex:none;place-items:center;font-weight:800;display:grid}.materi-cek{gap:6px;padding:0;list-style:none;display:grid}.materi-cek label{border:1px solid var(--color-line);cursor:pointer;font-size:var(--text-md);border-radius:10px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.materi-cek input{width:18px;height:18px;accent-color:var(--color-success-ink);flex:none;margin-top:1px}.materi-cek label:has(input:checked){background:var(--color-success-soft);border-color:#0000}.materi-daftar{counter-reset:md;gap:2px;padding:0;list-style:none;display:grid}.skin-v9 .materi-daftar li :is(button,.skin-v9 a){text-align:left;width:100%;font-size:var(--text-sm);color:var(--color-ink);border-radius:8px;gap:8px;padding:7px 8px;text-decoration:none;display:flex}.skin-v9 .materi-daftar li :is(button,.skin-v9 a):before{counter-increment:md;content:counter(md);background:var(--color-surface);width:20px;height:20px;font-size:var(--text-xs);border-radius:999px;flex:none;place-items:center;font-weight:700;display:grid}.skin-v9 .materi-daftar li.dibaca :is(button,.skin-v9 a):before{content:"✓";background:var(--color-success-ink);color:#fff}.skin-v9 .materi-daftar li :is(button,.skin-v9 a):hover{background:var(--color-surface)}.lap-total small{color:var(--color-muted);margin-left:2px;font-size:.45em}.chip-pita{font-weight:700}.chip-pita[data-pita=Siap]{background:var(--color-success-soft);color:var(--color-success-ink)}.chip-pita[data-pita=Baik]{background:var(--color-purple-soft);color:var(--color-ink)}.chip-pita[data-pita=Rata-rata]{background:var(--color-accent-soft);color:var(--color-ink)}.chip-pita[data-pita=Perlu\ latihan]{background:var(--color-brand-soft);color:var(--color-brand-ink)}.lima-hal{flex-wrap:wrap;gap:8px;display:flex}.lima-hal span{font-size:var(--text-sm);background:var(--color-surface);color:var(--color-muted);border:1px dashed var(--color-line-strong);border-radius:999px;padding:6px 12px}.lima-hal span.on{background:var(--color-success-soft);color:var(--color-success-ink);border:1px solid #0000;font-weight:600}.umpan{border-radius:var(--radius-lg);background:var(--color-purple-soft);border:1px solid var(--color-line-strong);padding:16px 18px;position:relative}.umpan-tutup{color:var(--color-muted);width:32px;height:32px;font-size:20px;position:absolute;top:8px;right:10px}.wajah{gap:8px;margin-top:10px;display:flex}.wajah button{background:var(--color-raised);border:1px solid var(--color-line-strong);max-width:64px;height:48px;color:var(--color-ink);border-radius:12px;flex:1;font-size:17px;font-weight:600;transition:transform .12s}.wajah button:hover,.wajah button:focus-visible{border-color:var(--color-ink);transform:translateY(-2px)}.umpan-modal{background:0 0;border:0;padding:0}.siapin{border-radius:var(--radius-lg);background:var(--color-accent-soft);border:1px solid var(--color-line-strong);color:var(--color-ink);align-items:center;gap:12px;padding:14px 16px;text-decoration:none;display:flex}.siapin:hover{box-shadow:0 3px 0 var(--color-line-strong)}.pilihan{text-align:left;border-radius:var(--radius-md);border:1px solid var(--color-line-strong);background:var(--color-raised);color:var(--color-ink);gap:2px;padding:14px 16px;text-decoration:none;display:grid}.pilihan:hover,.pilihan:focus-visible{border-color:var(--color-ink);box-shadow:0 3px 0 var(--color-ink)}.usul-item{text-align:left;border:1px solid var(--color-line-strong);background:var(--color-raised);color:var(--color-ink);border-radius:10px;gap:4px;padding:12px;display:grid}.usul-item:hover,.usul-item:focus-visible{border-color:var(--color-ink);box-shadow:0 3px 0 var(--color-ink)}.usul-teks{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.usul-kurang{color:var(--color-brand-ink)}.lipat-panel>summary{cursor:pointer;justify-content:space-between;align-items:center;list-style:none;display:flex}.lipat-panel>summary::-webkit-details-marker{display:none}.lipat-panel>summary:after{content:"›";color:var(--color-muted);margin-left:8px;font-size:18px;transition:transform .15s}.lipat-panel[open]>summary:after{transform:rotate(90deg)}.lipat-panel>summary .s12{margin-left:auto}.riw-cv{border-top:1px solid var(--color-line);padding:8px 0}.cv-lompat{display:none}@media (max-width:64rem){.cv-lompat{z-index:30;background:var(--color-ink);color:#fff;font-weight:700;font-size:var(--text-md);border-radius:999px;padding:10px 16px;display:inline-flex;position:fixed;bottom:84px;right:16px;box-shadow:0 6px 18px #69326e4d}.editor{grid-template-columns:minmax(0,1fr)}}.cv-kontak,.cv-baris>span:first-child{overflow-wrap:anywhere}.btr{border-radius:8px;align-items:flex-start;gap:10px;padding:7px 10px;display:flex}.btr:hover{background:var(--color-surface)}.btr.lemah .tx{-webkit-text-decoration:underline wavy var(--color-warning);text-decoration:underline wavy var(--color-warning);text-underline-offset:4px}.btr.pilih{background:var(--color-surface);box-shadow:inset 3px 0 0 var(--color-ink)}.btr .tx{flex:1;min-width:0}.ed{cursor:text;border-radius:4px;outline:none;min-width:2ch;transition:background .12s;display:inline-block}.ed:hover{background:var(--color-row-hover)}.ed:focus{background:var(--color-accent-soft);box-shadow:0 0 0 2px var(--color-accent-soft), 0 2px 0 var(--color-ink)}.ed:empty:before{content:attr(data-ph);color:var(--color-muted);font-style:italic;font-weight:400}.btr .tx .ed{display:block}.btr .peluru{color:var(--color-ink);flex:none;line-height:1.5}.cv-kertas{overflow:clip}.cv-alat{z-index:5;background:var(--color-raised);border-bottom:1px solid var(--color-line);flex-wrap:wrap;align-items:center;gap:10px;padding:8px 14px;display:flex;position:sticky;top:64px}.cv-alat kbd{font-size:var(--text-xs)}@media (max-width:40rem){.cv-alat .s12{display:none}}.usul{border-top:1px solid var(--color-line);padding:14px 0}.usul:first-child{border-top:0}.usul .lab{font-size:var(--text-xs);color:var(--color-faint)}.usul .baru{background:var(--color-surface);font-size:var(--text-sm);border-radius:10px;padding:10px 12px}.isian{background:var(--color-warning-soft);color:var(--color-warning-ink);border-radius:5px;padding:0 5px;font-weight:600;display:inline-block}.riwayat{align-items:center;gap:16px;display:flex}.lap-akhir{border-radius:var(--radius-md);background:var(--color-purple-soft);color:var(--color-ink);align-items:center;gap:16px;padding:16px;text-decoration:none;display:flex}.lap-akhir:hover{box-shadow:0 3px 0 var(--color-ink)}.lap-akhir .naik{color:var(--color-success-ink);font-weight:600}.lap-akhir .turun{color:var(--color-danger);font-weight:600}@media (max-width:48rem){.lap-akhir{flex-wrap:wrap}.lap-akhir .pill{flex:100%;justify-content:center}}.lap-baris-item{border-top:1px solid var(--color-line);color:var(--color-ink);border-radius:8px;align-items:center;gap:14px;padding:12px 6px;text-decoration:none;display:flex}.lap-baris-item:hover{background:var(--color-surface)}.riwayat .isi{flex:1;min-width:0}.ring-sm{--p:0;width:62px;height:62px}.ring-sm:after{width:48px;height:48px}.ring-sm b{font-size:var(--text-lg)}.ring-sm b i{font-style:normal;font-size:var(--text-xs);color:var(--color-faint)}.star{gap:3px;display:inline-flex}.star b{width:20px;height:20px;font-size:var(--text-xs);background:var(--color-inert);color:var(--color-fainter);border-radius:5px;place-items:center;font-weight:700;display:grid}.star b.on{background:var(--color-ink);color:var(--color-raised)}.star.poin{flex-wrap:wrap}.star.poin b{width:auto;padding:0 6px;font-weight:600}.sec-head{align-items:center;gap:11px;margin-bottom:14px;display:flex}.sec-ico{background:var(--color-surface);width:32px;height:32px;color:var(--color-muted);border-radius:9px;flex:none;place-items:center;display:grid}.sec-ico svg{width:17px;height:17px}.sec-head h2,.sec-head h3{letter-spacing:-.015em;font-size:17px;font-weight:700}.sec-head h2:before{content:"";background:var(--color-brand);width:10px;height:10px;box-shadow:4px 4px 0 var(--color-accent);vertical-align:1px;border-radius:3px;margin-right:9px;display:inline-block}.sec-head .kanan{align-items:center;gap:8px;margin-left:auto;display:flex}.sec-head .sub{font-size:var(--text-xs);color:var(--color-faint);font-weight:400}@media (max-width:40rem){.sec-head{flex-wrap:wrap}.sec-head .kanan{flex-wrap:wrap;margin-left:auto}.sec-head .kanan .row{flex-wrap:wrap}}.kosong{background:var(--color-surface);border-radius:var(--radius-lg);text-align:center;padding:28px 20px 30px}.kosong .spot{width:96px;height:96px;margin:0 auto 12px;display:block}.skin-v9 h1,.skin-v9 h2,.skin-v9 h3{text-wrap:balance}.skin-v9 p{text-wrap:pretty}.t24{letter-spacing:-.025em;font-size:26px;font-weight:700;line-height:1.2}.t18{font-size:var(--text-xl);letter-spacing:-.015em;font-weight:700;line-height:1.3}.t16{font-size:var(--text-lg);font-weight:600;line-height:1.4}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:600}.skin-v9 h2.eyebrow,.skin-v9 h3.eyebrow{font-size:var(--text-xs);color:var(--color-muted);font-weight:600}@media (max-width:48rem){.job .tanda,.ikonbtn,.ikonbtn.kecil{width:44px;height:44px}.skin-v9 .sheet thead th button,.skin-v9 .cell-inp,.skin-v9 input.inp,.skin-v9 select.inp,.skin-v9 .lipat summary,.skin-v9 .bidang button,.skin-v9 .tabrow button,.skin-v9 .tabrow a,.skin-v9 .tautan{min-height:44px}main a.s12,main a.s13,main button.s12,main button.s13,.kanan a,.tautan{align-items:center;min-height:44px;display:inline-flex}.tabkecil button,.lap-tab button{min-height:44px}.remah a,.kaki a{align-items:center;min-height:44px;display:inline-flex}}@media (prefers-reduced-motion:reduce){.skin-v9 .pill,.skin-v9 .mic,.skin-v9 .mutu i{transition:none}.mutu.jalan i,.level.jalan i,.putar{animation:none}.level.jalan i{transform:scaleY(.6)}}.jh-panel{flex-direction:column;flex:1;min-height:0;display:flex}.jh-gulir{flex:1;min-height:0;padding:8px 16px 0;overflow-y:auto}.jh{max-width:760px;margin-inline:auto}.jh-kepala{border-bottom:1px solid var(--color-line);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:6px;padding-bottom:14px;display:flex}.jh-nama{font-size:var(--text-lg);letter-spacing:-.02em;font-weight:800;line-height:1.1}.jh-sub{font-size:var(--text-xs);color:var(--color-muted)}.jh-avatar{background:var(--color-ink);width:34px;height:34px;color:var(--color-accent);box-shadow:0 0 0 3px var(--color-purple-soft);border-radius:999px;flex:none;place-items:center;display:grid}.jh-avatar svg{width:20px;height:20px}.jh-avatar[data-kerja] svg{animation:2.4s linear infinite jh-putar}.jh-avatar[data-kerja]{box-shadow:0 0 0 3px var(--color-accent)}.jh-avatar-kecil{width:26px;height:26px;box-shadow:none}.jh-avatar-kecil svg{width:16px;height:16px}@keyframes jh-putar{to{transform:rotate(360deg)}}.jh-log{gap:28px;padding:18px 0 40px;display:grid}.jh-galat{color:var(--color-warning-ink);margin:0;font-weight:600}.fase-daftar{display:grid}.fase{padding:0 0 10px 34px;position:relative}.fase:before{content:"";background:var(--color-line-strong);width:2px;position:absolute;top:26px;bottom:0;left:10px}.fase[data-state=selesai]:before{background:var(--color-ink)}.fase:last-child:before{display:none}.fase-kepala{cursor:pointer;border-radius:var(--radius-md);align-items:center;gap:10px;min-height:44px;margin-left:-12px;padding:4px 12px;list-style:none;display:flex}.fase-kepala::-webkit-details-marker{display:none}.fase-kepala:hover{background:var(--color-row-hover,var(--color-surface))}.fase-kepala:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.fase-dot{background:var(--color-raised);border:2px solid var(--color-line-strong);width:18px;height:18px;color:var(--color-raised);border-radius:999px;place-items:center;display:grid;position:absolute;top:13px;left:2px}.fase-dot svg{width:11px;height:11px}.fase[data-state=selesai] .fase-dot{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-accent)}.fase[data-state=jalan] .fase-dot{border-color:var(--color-ink);border-style:dashed;animation:1.4s linear infinite fase-putar}.fase[data-state=gerbang] .fase-dot{background:var(--color-accent);border-color:var(--color-ink)}@keyframes fase-putar{to{transform:rotate(360deg)}}.fase-judul{font-size:var(--text-md);letter-spacing:-.01em;color:var(--color-ink);white-space:nowrap;align-items:baseline;gap:8px;font-weight:800;display:inline-flex}.fase-n{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-muted);font-weight:700}.fase[data-state=nanti] .fase-judul{color:var(--color-muted);font-weight:600}.fase-harga{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-muted);font-weight:400}.fase-ringkas{min-width:0;font-size:var(--text-sm);color:var(--color-muted);flex:1;line-height:1.35}.fase[data-state=selesai] .fase-ringkas{color:var(--color-ink);font-weight:600}.fase-chevron{color:var(--color-muted);margin-left:auto;font-size:18px;line-height:1;transition:transform .2s}.fase[open]>.fase-kepala .fase-chevron{transform:rotate(90deg)}.fase-isi{gap:12px;padding:4px 0 18px;animation:.28s ease-out both jh-masuk;display:grid}.fase-isi>p{margin:0}.fase-sorot{border-radius:var(--radius-lg);background:var(--color-purple-soft);align-items:center;gap:14px;padding:12px 14px;display:flex}.fase[data-state=gerbang] .fase-sorot{background:var(--color-accent-soft)}.fase-ilustrasi{flex:none;width:64px;height:64px}.fase-sorot-teks{flex-wrap:wrap;flex:1;justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.fase-pesan{font-weight:700;font-size:var(--text-md);margin:0}.fase-catatan{font-size:var(--text-xs);color:var(--color-muted);flex-basis:100%;margin:0;line-height:1.45}.jh-saldo{font-size:var(--text-sm);color:var(--color-muted);justify-content:space-between;align-items:center;gap:10px;padding:12px 0 0;display:flex}.jh-saldo b{font-family:var(--font-mono);color:var(--color-ink)}.jh-antre{border-bottom:1px solid var(--color-line);align-items:center;gap:10px;padding:9px 0;display:flex}.jh-antre:last-child{border-bottom:0}.jh-antre>.min-w-0{flex:1}.cv-pilih{gap:8px;display:grid}.cv-drop{border-radius:var(--radius-md);cursor:pointer;text-align:center;border:1.5px dashed var(--color-line-strong);background:var(--color-raised);font-size:var(--text-sm);color:var(--color-muted);padding:14px 16px;transition:border-color .15s,background-color .15s;display:block}.cv-drop:hover,.cv-drop[data-tarik]{border-color:var(--color-ink);background:var(--color-purple-soft);color:var(--color-ink)}.cv-drop:has(input:focus-visible){outline:2px solid var(--color-ink);outline-offset:2px}.cv-drop[data-sibuk]{opacity:.6;cursor:progress}.fase-pesan>span{animation:.4s ease-out both fase-pesan;display:inline-block}@keyframes fase-pesan{0%{opacity:0;transform:translateY(4px)}}.fase[data-state=jalan] .fase-ilustrasi[data-tahap=plan]{animation:2.4s ease-in-out infinite fase-ayun}.fase[data-state=jalan] .fase-ilustrasi[data-tahap=scan]{animation:1.8s ease-in-out infinite fase-sapu}.fase[data-state=jalan] .fase-ilustrasi[data-tahap=evaluate]{animation:1.6s ease-in-out infinite fase-timbang}.fase[data-state=jalan] .fase-ilustrasi[data-tahap=apply]{animation:1.8s ease-in-out infinite fase-terbang}@keyframes fase-ayun{50%{transform:translateY(-5px)}}@keyframes fase-sapu{25%{transform:translate(-6px)rotate(-4deg)}75%{transform:translate(6px)rotate(4deg)}}@keyframes fase-timbang{30%{transform:rotate(-6deg)scale(1.04)}60%{transform:rotate(4deg)}}@keyframes fase-terbang{40%{transform:translate(4px,-6px)rotate(-6deg)}70%{transform:translate(0)}}.jh-alur{gap:12px;display:grid}.jh-alur>p{margin:0}.jh-kamu{background:var(--color-purple-soft);max-width:80%;color:var(--color-ink);border-radius:18px 18px 4px;justify-self:end;padding:9px 14px;font-weight:600}@keyframes jh-masuk{0%{opacity:0;transform:translateY(6px)}}.jh-kerja{border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-raised);padding:6px 14px}.jh-langkah{font-size:var(--text-sm);padding:8px 0 8px 26px;position:relative}.jh-langkah+.jh-langkah:after{content:"";background:var(--color-line-strong);width:1.5px;height:12px;position:absolute;top:-6px;left:8px}.jh-tanda{border-radius:999px;place-items:center;width:17px;height:17px;display:grid;position:absolute;top:10px;left:0}.jh-langkah[data-state=selesai] .jh-tanda{background:var(--color-ink);color:var(--color-accent)}.jh-langkah[data-state=selesai] .jh-tanda svg{width:11px;height:11px}.jh-langkah[data-state=jalan] .jh-tanda{border:2px solid var(--color-accent);border-top-color:var(--color-ink);animation:.8s linear infinite jh-putar}.jh-langkah[data-state=tolak] .jh-tanda{background:var(--color-surface);color:var(--color-muted)}.jh-langkah[data-state=tolak] .jh-tanda svg{width:11px;height:11px}.jh-langkah-label{color:var(--color-ink);font-weight:600}.jh-langkah[data-state=tolak] .jh-langkah-label{color:var(--color-muted)}.jh-langkah details>summary{cursor:pointer;list-style:none}.jh-langkah details>summary::-webkit-details-marker{display:none}.jh-langkah details>summary:after{content:" ▸";color:var(--color-muted);font-size:.85em}.jh-langkah details[open]>summary:after{content:" ▾"}.jh-langkah-isi{color:var(--color-muted);gap:4px;margin:6px 0 2px;padding:0;list-style:none;display:grid}.jh-langkah-isi b{color:var(--color-ink);font-weight:600}.jh-kilau{background:linear-gradient(90deg, var(--color-ink) 0%, var(--color-ink) 35%, color-mix(in oklab, var(--color-accent), var(--color-ink) 30%) 50%, var(--color-ink) 65%, var(--color-ink) 100%);color:#0000;background-size:250% 100%;-webkit-background-clip:text;background-clip:text;animation:1.8s linear infinite jh-kilau}@keyframes jh-kilau{0%{background-position:100% 0}to{background-position:-150% 0}}.jh-hasil{gap:8px;display:grid}.jh-kartu{border-radius:var(--radius-md);border:1px solid var(--color-line);background:var(--color-raised);grid-template-columns:1fr auto;gap:4px 12px;padding:12px 14px;display:grid}.jh-kartu-skor{text-align:right;align-content:start;justify-items:end;gap:4px;display:grid}.jh-kartu-skor .num{color:var(--color-ink);letter-spacing:-.04em;font-size:26px;font-weight:800;line-height:1}.jh-kartu-full{grid-column:1/-1}.jh-balas{flex-wrap:wrap;gap:8px;display:flex}.jh-composer{border:1.5px solid var(--color-line-strong);background:var(--color-raised);border-radius:999px;align-items:center;gap:8px;padding:6px 6px 6px 16px;display:flex;box-shadow:0 6px 22px #69326e1a}.jh-composer-harga{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-muted);flex:none}.jh-composer input:disabled{opacity:.6}.jh-composer:focus-within{border-color:var(--color-ink)}.jh-composer input{min-width:0;font:inherit;color:var(--color-ink);background:0 0;border:0;outline:none;flex:1;padding:8px 0}.jh-kirim{cursor:pointer;background:var(--color-ink);width:38px;height:38px;color:var(--color-on-ink);border:0;border-radius:999px;flex:none;place-items:center;display:grid}.jh-kirim:disabled{opacity:.4;cursor:default}.jh-kirim:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.jh-kirim svg{width:18px;height:18px}.jh-titik{background:var(--color-line-strong);border-radius:999px;flex:none;width:8px;height:8px}.jh-titik[data-tahap=selesai]{background:var(--color-ink)}.jh-titik[data-tahap=scan],.jh-titik[data-tahap=evaluate],.jh-titik[data-tahap=apply]{background:var(--color-accent);box-shadow:0 0 0 1.5px var(--color-ink) inset}.jh-rencana{border:1px solid var(--color-line-strong);border-left:3px solid var(--color-accent);border-radius:var(--radius-lg);background:var(--color-raised);gap:12px;padding:14px 16px;display:grid}.jh-rencana-kepala{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.jh-rencana-judul{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-ink);letter-spacing:.02em;margin:0;font-weight:700}.jh-rencana-ringkas{font-size:var(--text-md);margin:0;line-height:1.55}.jh-rencana-aturan .ringkas-brief{font-size:var(--text-md);line-height:1.8}.jh-rencana-alasan{font-size:var(--text-sm);color:var(--color-muted);gap:4px;margin:0;padding-left:18px;display:grid}.jh-rencana-langkah{counter-reset:lk;border-top:1px solid var(--color-line);gap:0;margin:0;padding:0;list-style:none;display:grid}.jh-rencana-langkah li{counter-increment:lk;border-bottom:1px solid var(--color-line);font-size:var(--text-sm);grid-template-columns:22px 72px 1fr auto;align-items:baseline;gap:4px 10px;padding:9px 0;display:grid}.jh-rencana-langkah li:before{content:counter(lk);font-family:var(--font-mono);color:var(--color-muted)}.jh-rencana-langkah b{color:var(--color-ink);font-weight:700}@media (max-width:30rem){.jh-rencana-langkah li{grid-template-columns:22px 1fr auto}.jh-rencana-langkah li>span:first-of-type{grid-area:2/2/auto/-1}}.jh-harga{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-muted);white-space:nowrap}.jh-rencana-kaki{margin:0}.jh-rencana-tanya{border-radius:var(--radius-md);background:var(--color-accent-soft);margin:0;padding:10px 12px;font-weight:600}.jh-rencana-jalan{gap:4px;display:grid}.jh-rencana-jalan .jh-rencana-judul{margin-bottom:4px}.jh-pilih{text-align:left;cursor:pointer;border-radius:var(--radius-md);width:100%;font:inherit;color:var(--color-ink);background:0 0;border:1px solid #0000;align-items:center;gap:10px;padding:9px 12px;font-weight:600;display:flex}.jh-pilih:hover{background:var(--color-purple-soft)}.jh-pilih[data-utama]{border-color:var(--color-ink);background:var(--color-purple-soft)}.jh-pilih:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.jh-pilih:disabled{opacity:.5;cursor:default}.jh-pilih .jh-harga{margin-left:auto}.jh-rencana-isi{gap:8px;display:grid}.jh-rencana-isi>p{margin:0}.jh-laporan{border-radius:var(--radius-lg);background:var(--color-surface);gap:4px;padding:12px 14px;display:grid}.jh-laporan>p{margin:0}.jh-laporan-baris{font-weight:600}@media (prefers-reduced-motion:reduce){.fase-isi,.fase-pesan>span,.fase-ilustrasi,.fase[data-state=jalan] .fase-dot,.jh-avatar[data-kerja] svg,.jh-langkah[data-state=jalan] .jh-tanda{animation:none!important}.jh-kilau{color:var(--color-ink);background:0 0;animation:none}}.ringkas-brief{font-size:var(--text-lg);letter-spacing:-.01em;line-height:1.75}.slot{font:inherit;color:var(--color-ink);cursor:pointer;text-underline-offset:4px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;-webkit-text-decoration-color:var(--color-line-strong);text-decoration-color:var(--color-line-strong);border-radius:6px;padding:0 2px;font-weight:700}.slot:hover,details.menu-slot[open] .slot{background:var(--color-purple-soft);text-decoration-color:currentColor}.slot[data-kosong]{color:var(--color-muted);font-weight:600}details.menu-slot>summary{display:inline}details.menu-slot .menu-isi{white-space:normal;padding:0}.slot-isi{gap:10px;min-width:250px;max-width:320px;padding:12px;display:grid}.slot-isi .lab{font-size:var(--text-xs)}.slot-isi .pill{justify-self:start}.segmen button:disabled{opacity:.55;cursor:default}.bs-daftar{gap:14px;padding:0;list-style:none;display:grid}.bs-jawab{line-height:1.65}.fc-kartu{border-radius:var(--radius-lg);background:var(--color-ink);width:100%;min-height:340px;color:var(--color-on-ink);text-align:left;cursor:pointer;box-shadow:0 var(--edge) 0 var(--color-ink-edge);flex-direction:column;padding:18px 22px;display:flex}.fc-kartu.balik{background:var(--color-raised);color:var(--color-ink);border:1px solid var(--color-line-strong);box-shadow:0 var(--edge) 0 var(--color-line-strong)}.fc-atas{font-size:var(--text-sm);opacity:.8;justify-content:space-between;align-items:center;gap:8px;display:flex}.fc-tanya{letter-spacing:-.01em;flex:1;align-items:center;padding:18px 0;font-size:24px;font-weight:600;line-height:1.35;display:flex}.fc-jawab{font-size:var(--text-md);flex:1;padding:16px 0;line-height:1.7}.fc-bawah{text-align:center;opacity:.7}.fc-aksi{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.fc-nav{border:1.5px solid var(--color-line-strong);background:var(--color-raised);width:44px;height:44px;color:var(--color-ink);border-radius:999px;place-items:center;font-size:18px;display:inline-grid}.fc-nav:disabled{opacity:.4;cursor:default}@media (max-width:48rem){.fc-kartu{min-height:300px;padding:16px}.fc-tanya{font-size:20px}}.katalog-layout{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:28px;display:grid}.katalog-side{gap:18px;display:grid;position:sticky;top:76px}.katalog-side summary{display:none}.filter-grup h2{font-size:var(--text-xs);color:var(--color-faint);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-weight:600}.filter-grup ul{gap:2px;padding:0;list-style:none;display:grid}.filter-grup a{font-size:var(--text-sm);color:var(--color-muted);border-radius:8px;justify-content:space-between;gap:8px;padding:6px 10px;text-decoration:none;display:flex}.filter-grup a:hover{background:var(--color-surface);color:var(--color-ink)}.filter-grup a.on{background:var(--color-ink);color:var(--color-on-ink);font-weight:600}.filter-grup a .n{font-size:var(--text-xs);opacity:.7}.kursus-tipe{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;font-weight:700}.kursus.bank .kursus-atas{background:var(--color-surface);color:var(--color-ink);border-bottom:1px solid var(--color-line)}.kursus.materi .kursus-atas{background:var(--color-accent);color:var(--color-ink-deep)}.kursus-isi .ringkas{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (max-width:64rem){.katalog-layout{grid-template-columns:minmax(0,1fr);gap:14px}.katalog-side{border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-raised);display:block;position:static}.katalog-side summary{cursor:pointer;justify-content:space-between;padding:12px 14px;font-weight:600;display:flex}.katalog-side .isi{gap:16px;padding:0 14px 14px;display:grid}}@media (min-width:64.01rem){.katalog-side .isi{gap:18px;display:grid}.katalog-side::details-content{content-visibility:visible}@supports not selector(::details-content){.katalog-side summary{cursor:pointer;padding:0 10px;font-weight:600;display:flex}}}.docs.penuh-doc{background:var(--color-surface)}.docs .kanvas{padding:12px 16px 0;position:relative}.docs-alat{z-index:3;background:var(--color-raised);border:1px solid var(--color-line-strong);border-radius:10px;flex-wrap:wrap;align-items:center;gap:2px;margin:0 0 14px;padding:5px 8px;display:flex;position:sticky;top:0}.alat-btn{min-width:32px;height:32px;color:var(--color-ink);font-size:var(--text-sm);border-radius:6px;place-items:center;padding:0 6px;display:inline-grid}.alat-btn svg{width:18px;height:18px}.alat-btn:hover:not(:disabled){background:var(--color-surface)}.alat-btn[aria-pressed=true]{background:var(--color-purple-soft);box-shadow:inset 0 0 0 1px var(--color-ink-edge)}.alat-btn:disabled{opacity:.35}.alat-pilih{border:1px solid var(--color-line-strong);background:var(--color-raised);height:32px;color:var(--color-ink);font-size:var(--text-sm);border-radius:6px;padding:0 6px}.alat-kecil{width:76px}.docs-alat .alat-pilih:not(.alat-kecil){max-width:128px}.ai-panel .tabrow.ai-tab button{padding-inline:8px}.ai-panel .tabrow.ai-tab{gap:0}.alat-pisah{background:var(--color-line-strong);width:1px;height:20px;margin:0 4px}.docs-alat details.menu>summary{height:32px}@media (pointer:coarse){.alat-btn{min-width:44px;height:44px}.alat-pilih,.docs-alat details.menu>summary{height:44px}}.docs .halaman{max-width:794px;margin-inline:auto}.docs .cvdoc.cv-rich{background:var(--color-raised) repeating-linear-gradient(to bottom, transparent 0 1122px, var(--color-line-strong) 1122px 1123px);border:0;border-radius:2px;max-width:794px;min-height:1123px;margin:0;padding:56px 60px;box-shadow:0 1px 3px #0000001f}.cv-rich{--color-ink:#17181a;--color-muted:#4a4a4a;--color-fainter:#9a9a9a;color:var(--color-ink);font-size:var(--text-md);line-height:var(--cv-baris,1.5);outline:none}.cv-rich h1{letter-spacing:-.01em;font-size:22px;font-weight:700}.cv-rich h2{border-bottom:1px solid var(--color-ink);font-size:var(--text-sm);letter-spacing:.04em;text-transform:uppercase;margin-top:16px;padding-bottom:3px;font-weight:700}.cv-rich h3{margin-top:10px;font-weight:700}.cv-rich h2{position:relative}.cv-rich .bag-alat{opacity:0;text-transform:none;gap:2px;transition:opacity .12s;display:flex;position:absolute;bottom:3px;right:0}.cv-rich h2:hover .bag-alat,.cv-rich .bag-alat:focus-within{opacity:1}.cv-rich .bag-alat button{width:24px;height:24px;color:var(--color-muted);cursor:pointer;border-radius:5px;place-items:center;display:grid}.cv-rich .bag-alat button:hover{color:var(--color-ink);background:#f1f1f3}.cv-rich .bag-alat button[data-bagian=hapus]:hover{color:var(--color-danger)}@media (hover:none){.cv-rich .bag-alat{opacity:1}}.link-dialog{border:1px solid var(--color-line-strong);border-radius:12px;width:min(380px,100% - 32px);padding:16px}.link-dialog form{gap:8px;display:grid}.link-dialog-aksi{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.cv-rich p{margin-top:2px}.cv-rich ul{margin-top:4px;padding-left:20px;list-style:outside}.cv-rich ol{margin-top:4px;padding-left:20px;list-style:decimal}.cv-rich li{margin-top:2px;padding-left:0}.cv-rich li:before{content:none}.cv-rich li>p{margin:0}.cv-rich a{color:var(--color-ink);text-decoration:underline}.cv-rich .entri{grid-template-columns:minmax(0,1fr) auto;column-gap:12px;margin-top:8px;display:grid}.cv-rich .entri .sel{overflow-wrap:anywhere;min-height:1lh}.cv-rich .entri .sel:first-child{font-weight:700}.cv-rich .entri .sel:nth-child(2n){text-align:right;color:var(--color-muted)}.cv-rich .sel.sel-kosong:before{content:attr(data-ph);color:var(--color-fainter);pointer-events:none}.cv-rich .dek-lemah>p{-webkit-text-decoration:underline wavy var(--color-warning);text-decoration:underline wavy var(--color-warning);text-underline-offset:4px}.cv-rich .dek-typo{-webkit-text-decoration:underline wavy var(--color-danger);text-decoration:underline wavy var(--color-danger);text-decoration-skip-ink:none;text-underline-offset:3px}.cv-rich .dek-btn{border:1px solid var(--color-line-strong);background:var(--color-raised);color:var(--color-ink);vertical-align:1px;-webkit-user-select:none;user-select:none;cursor:pointer;border-radius:999px;margin-left:6px;padding:0 7px;font-size:11px;line-height:18px}.cv-rich .dek-btn:hover{border-color:var(--color-ink)}.cv-rich .dek-btn.halus{opacity:0;transition:opacity .12s}.cv-rich li:hover>p .dek-btn.halus,.cv-rich li:focus-within>p .dek-btn.halus,.cv-rich .dek-btn.halus:focus-visible{opacity:1}@media (hover:none){.cv-rich .dek-btn.halus{opacity:.55}}.cv-rich .dek-buat{color:var(--color-ink);opacity:.55;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:0;margin:2px 0 10px 18px;padding:0;font-size:12px;font-weight:600;display:block}.cv-rich .dek-buat:hover,.cv-rich .dek-buat:focus-visible{opacity:1;text-decoration:underline}.inline-kartu .opsi-ai{border:1px solid var(--color-line);cursor:pointer;border-radius:10px;align-items:flex-start;gap:10px;padding:10px;display:flex}.inline-kartu .opsi-ai.on{border-color:var(--color-ink);background:var(--color-surface)}.inline-kartu .opsi-ai input[type=radio],.inline-kartu .opsi-ai input[type=checkbox]{accent-color:var(--color-ink);margin-top:6px}.inline-kartu .opsi-ai textarea{resize:vertical;width:100%;font-size:13px;line-height:1.45}.inline-kartu{z-index:4;background:var(--color-raised);border:1px solid var(--color-line-strong);border-radius:12px;width:min(520px,100% - 32px);padding:14px;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 10px 28px #69326e2e}.hapus{color:var(--color-danger);text-decoration:line-through}.tambah{color:var(--color-ink);background:var(--color-success-soft);border-radius:3px;padding:0 2px}.docs-status{text-align:right;background:var(--color-surface);max-width:794px;margin:10px auto 0;padding:6px 10px;position:sticky;bottom:0}.status-kotor{color:var(--color-warning-ink);font-weight:600}.ai-panel{flex-direction:column;display:flex}.ai-panel .tabrow.ai-tab{border-bottom:1px solid var(--color-line);margin-top:14px}.ai-panel .ai-isi{padding-top:12px}.ai-meta{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px 10px;display:grid}.syarat li{font-size:var(--text-sm);padding:2px 0}.syarat li.ok{color:var(--color-muted)}.saran-kartu{border:1px solid var(--color-line-strong);background:var(--color-raised);border-radius:10px;padding:12px}.saran-konteks{text-overflow:ellipsis;white-space:nowrap;margin-top:4px;overflow:hidden}@media (max-width:48rem){.docs-alat{scrollbar-width:none;flex-wrap:nowrap;padding-right:28px;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000)}.docs-alat:focus-within{-webkit-mask-image:none;mask-image:none}.docs .cvdoc.cv-rich{background-image:none;min-height:0;padding:24px 18px}}@media print{@page{size:A4;margin:14mm}.cv-rich.cvdoc{box-shadow:none;background:0 0;min-height:0}.cv-rich .dek-btn,.cv-rich .dek-buat,.cv-rich .bag-alat{display:none}.cv-rich .dek-typo,.cv-rich .dek-lemah>p{text-decoration:none}.cv-rich .sel.sel-kosong:before{content:""}}.skin-v9 .cv-scope{--color-surface:#f4f3f6;--color-line:#e6e3ea;--color-line-strong:#d6d1dc;--color-inert:#ecebef;--color-row-hover:#f8f7fa;--color-field:#8a8392;--color-accent-soft:#f3eef5;--color-rail-active:#efe8f1}.skin-v9 .cv-scope .pill:disabled{background:var(--color-surface);color:var(--color-muted);opacity:.6;cursor:not-allowed}.skin-v9 .cv-scope .pill.pill-solid:disabled{background:var(--color-ink);color:var(--color-on-ink);box-shadow:none}.skin-v9 .cv-scope .pill.pill-outline:disabled{color:var(--color-ink);border-color:var(--color-ink);background:0 0}.skin-v9 .cv-scope .pill[aria-busy=true]{cursor:progress;opacity:.85}.cv-scope .penuh-bar{background:var(--color-raised);border-bottom-color:var(--color-line)}.cv-scope .docs-alat{border-color:var(--color-line);box-shadow:0 1px 2px #2a102e0a}.cv-mulai2{text-align:center;max-width:620px;margin-inline:auto}.cv-drop{border:2px dashed var(--color-line-strong);border-radius:var(--radius-lg);background:var(--color-raised);cursor:pointer;justify-items:center;gap:8px;padding:40px 24px;transition:border-color .15s,background .15s;display:grid}.cv-drop:hover,.cv-drop.seret{border-color:var(--color-ink);background:var(--color-row-hover)}.cv-drop[aria-disabled=true]{cursor:progress}.cv-drop .ikon-bulat{background:var(--color-purple-soft);width:52px;height:52px;color:var(--color-ink);border-radius:999px;place-items:center;display:grid}.cv-drop input[type=file]{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.cv-langkah{text-align:left;gap:10px;width:100%;max-width:320px;display:grid}.cv-langkah li{font-size:var(--text-sm);color:var(--color-muted);align-items:center;gap:10px;display:flex}.cv-langkah li[data-s=aktif]{color:var(--color-ink);font-weight:600}.cv-langkah li[data-s=selesai]{color:var(--color-success-ink)}.cv-langkah .titik{border:1.5px solid;border-radius:999px;flex:none;place-items:center;width:20px;height:20px;font-size:11px;display:inline-grid}.cv-pilihan{text-align:left;gap:8px;margin-top:14px;display:grid}.cv-pilihan>*{border:1px solid var(--color-line);background:var(--color-raised);text-align:left;width:100%;color:var(--color-ink);border-radius:12px;align-items:center;gap:12px;padding:14px 16px;text-decoration:none;display:flex}.cv-pilihan>a:hover,.cv-pilihan>button:hover:not(:disabled){border-color:var(--color-ink);background:var(--color-row-hover)}.cv-pilihan .flex1{gap:2px;display:grid}.cv-ai-memeriksa{font-size:var(--text-xs);color:var(--color-muted);align-items:center;gap:6px;margin-left:auto;font-weight:500;display:inline-flex}.ai-panel .tabrow.ai-tab{flex:none;display:flex}.ai-panel .ai-kepala{flex:none}.ai-panel .tabrow.ai-tab button{min-width:0;font-size:var(--text-xs);white-space:nowrap;flex:auto;padding-inline:6px}.linkbtn{font:inherit;color:var(--color-ink);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.linkbtn:disabled{color:var(--color-muted);cursor:progress}.cv-pilihan details.lipat-panel{padding:0}.cv-pilihan details.lipat-panel>summary{cursor:pointer;padding:14px 16px;list-style:none}.cv-pilihan details.lipat-panel[open]>summary{border-bottom:1px solid var(--color-line)}.cv-pilihan details.lipat-panel>form{padding:0 16px 14px}.cv-alur{flex-wrap:wrap;justify-content:center;gap:6px 18px;padding:0;list-style:none;display:flex}.cv-alur li{align-items:center;gap:6px;display:inline-flex}.cv-alur b{background:var(--color-purple-soft);width:20px;height:20px;color:var(--color-ink);border-radius:999px;place-items:center;font-size:11px;display:inline-grid}.cv-pilihan .lipat-panel>summary .s12{margin-left:0}.s15{font-size:15px}.s16{font-size:var(--text-lg)}.s18{font-size:18px}.premium-hero{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:28px;display:grid}.card.premium-plan{border:2px solid var(--color-ink);position:sticky;top:84px}.premium-tabel{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.premium-tabel th,.premium-tabel td{text-align:left;border-bottom:1px solid var(--color-line);vertical-align:top;padding:11px 16px}.premium-tabel thead th{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted)}.premium-tabel thead th:last-child,.premium-tabel td:last-child{color:var(--color-ink);font-weight:600}.premium-tabel tbody tr:last-child>*{border-bottom:0}.premium-tabel tbody th{font-weight:500}.premium-sticky{display:none}@media (max-width:48rem){.premium-hero{grid-template-columns:minmax(0,1fr)}.card.premium-plan{position:static}.premium-sticky{bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:5;border:1px solid var(--color-line-strong);background:var(--color-raised);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding:10px 14px;display:flex;position:sticky;box-shadow:0 6px 18px #2a102e1f}body:has(.app-tabbar) .premium-sticky{bottom:calc(4.25rem + env(safe-area-inset-bottom,0px))}}.topnav-premium{border:1.5px solid var(--color-ink);height:32px;color:var(--color-ink);font-size:var(--text-sm);border-radius:999px;align-items:center;padding:0 12px;font-weight:600;text-decoration:none}.topnav-premium:hover{background:var(--color-ink);color:var(--color-on-ink)}.trk-kepala{border-radius:var(--radius-md);background:var(--color-raised);border:1px solid var(--color-line);flex-wrap:wrap;align-items:center;gap:10px 20px;margin-bottom:14px;padding:12px 16px;display:flex}.trk-pace{flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.trk-dots{gap:4px;display:inline-flex}.trk-dots i{background:var(--color-surface);border:1.5px solid var(--color-line-strong);border-radius:999px;width:10px;height:10px}.trk-dots i.on{background:var(--color-ink);border-color:var(--color-ink)}.trk-corong{flex-wrap:wrap;gap:2px;display:flex}.trk-kepala>button{margin-left:auto}@media (max-width:40rem){.trk-kepala{gap:8px}.trk-kepala>button{margin-left:0}}.ada-kabar{font-family:var(--font-sans,inherit);flex-wrap:wrap;align-items:center;gap:4px;display:inline-flex}.ada-kabar button{cursor:pointer}.nama-buka{all:unset;cursor:pointer;text-align:left;flex-direction:column;display:inline-flex}.nama-buka:hover b{text-decoration:underline}.nama-buka:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px;border-radius:4px}dialog.modal.laci{width:min(460px,100%);height:100dvh;max-height:100dvh;margin:0 0 0 auto}dialog.modal.laci .modal-card{border-radius:var(--radius-lg) 0 0 var(--radius-lg);height:100%;max-height:100dvh}@media (max-width:40rem){dialog.modal.laci{width:100%}dialog.modal.laci .modal-card{border-radius:0}}.laci-jejak{border-left:2px solid var(--color-line-strong);gap:8px;margin:0;padding:0 0 0 14px;list-style:none;display:grid}.laci-jejak li{align-items:baseline;gap:10px;display:flex}.sheet-bawah .undang-isi{padding-bottom:24px}.skin-v9 .sec-head h2,.skin-v9 .sec-head h3{color:var(--color-ink-deep);letter-spacing:-.025em;font-weight:650}.skin-v9 .sec-head h2:before{display:none}.skin-v9 .topnav a.on,.skin-v9 .app-tabbar a[aria-current=page]{background:var(--color-purple-soft);color:var(--color-ink-deep)}.skin-v9 .kosong{background:var(--color-raised);border:1px solid var(--color-line);padding:32px 20px 34px}.skin-v9 .kosong .t16{color:var(--color-ink-deep);letter-spacing:-.02em;font-weight:650}.skin-v9 .kosong .spot.foto{filter:drop-shadow(0 12px 18px #2a102e24);width:168px;height:auto;margin-bottom:16px}.skin-v9 .stiker{box-shadow:none;vertical-align:2px;color:var(--color-ink-deep);padding:3px 10px;font-size:13px;font-weight:700;transform:none}.cv-mulai-foto{filter:drop-shadow(0 12px 18px #2a102e24);width:180px;height:auto;margin:0 auto 14px;display:block}.skin-v9 :is(.siapin,.cv-ajak,.intinya,.jh-rencana-tanya,.fase[data-state=gerbang] .fase-sorot){background:var(--color-purple-soft)}.skin-v9 .siapin{border-color:#0000}.skin-v9 .intinya{border-left-color:var(--color-ink)}.skin-v9 .saring-x:hover{background:var(--color-surface)}.skin-v9 .job h3{color:var(--color-ink-deep);font-weight:650}.skin-v9 .job:has(.cocok){border-color:var(--color-ink)}.skin-v9 .job:has(.cocok) .job-foot{background:var(--color-accent-soft);border-top-color:#0000}.ikon-teks{vertical-align:-.14em;flex:none;width:1em;height:1em;display:inline-block}.jalur-wrap{padding-block:16px 64px}.jalur-layout{grid-template-columns:minmax(0,600px) 340px;justify-content:center;align-items:start;gap:40px;display:grid}.jalur-kolom{gap:22px;min-width:0;display:grid}.jalur-rail{gap:16px;display:grid}@media (min-width:64.01rem){.jalur-rail{top:calc(var(--app-header) + 12px);position:sticky}}@media (max-width:64rem){.jalur-layout{grid-template-columns:minmax(0,1fr)}}.jalur-judul{gap:2px;display:grid}.jalur-ganti{letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:6px;font-weight:800;text-decoration:none;display:inline-flex}.jalur-ganti svg{width:16px;height:16px}.jalur-panduan-link{color:var(--color-ink);font-weight:800}.w-ungu{--m:var(--color-ink);--m-edge:var(--color-ink-edge);--m-teks:#fff;--m-pudar:var(--color-on-ink-muted)}.w-hijau{--m:var(--color-success);--m-edge:var(--color-success-ink);--m-teks:var(--color-ink-deep);--m-pudar:var(--color-ink-deep)}.w-oranye{--m:var(--color-brand);--m-edge:var(--color-brand-edge);--m-teks:var(--color-ink-deep);--m-pudar:var(--color-ink-deep)}.w-kuning{--m:var(--color-accent);--m-edge:#b8901a;--m-teks:var(--color-ink-deep);--m-pudar:var(--color-ink-deep)}.jalur-modul{gap:14px;display:grid}.jalur-bagian{color:var(--color-muted);font-weight:800;font-size:var(--text-sm);text-align:center;align-items:center;gap:14px;margin-top:14px;display:flex}.jalur-bagian:before,.jalur-bagian:after{content:"";background:var(--color-line);flex:1;height:2px}.jalur-bagian span{text-wrap:balance;max-width:70%}.jalur-band{top:calc(var(--app-header) + 8px);z-index:4;background:var(--m);color:var(--m-teks);box-shadow:0 var(--edge) 0 var(--m-edge);border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px 14px 20px;display:flex;position:sticky}@media (max-width:47.99rem){.jalur-band{top:8px}.app-frame:has(>.appbar) .jalur-band{top:64px}}.jalur-band-ke{color:var(--m-pudar);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;opacity:.9;font-weight:800}.jalur-band-judul{color:var(--m-teks);font-size:var(--text-lg);font-weight:800;line-height:1.25}.jalur-band-panduan{min-height:44px;color:var(--m-teks);border:2px solid color-mix(in srgb, var(--m-teks) 35%, transparent);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;border-radius:12px;flex:none;align-items:center;gap:8px;padding:0 14px;font-weight:800;text-decoration:none;display:inline-flex}.jalur-band-panduan:hover{background:color-mix(in srgb, var(--m-teks) 12%, transparent)}.jalur-band-panduan svg{width:18px;height:18px}@media (max-width:30rem){.jalur-band-panduan span{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}}.jalur-modul.terkunci .jalur-band{background:var(--color-inert);box-shadow:0 var(--edge) 0 var(--color-line-strong);--m-teks:var(--color-ink);--m-pudar:var(--color-muted)}.jalur-bidang{position:relative}.jalur-seni{pointer-events:none;width:160px;height:auto;position:absolute;top:50%;transform:translateY(-50%)}.jalur-seni.kiri{left:0}.jalur-seni.kanan{right:0}.jalur-modul.terkunci .jalur-seni{filter:grayscale();opacity:.45}@media (max-width:40rem){.jalur-seni{opacity:.9;width:104px}}.jalur-node-list{justify-items:center;gap:18px;margin:0;padding:18px 0 14px;list-style:none;display:grid}.jalur-item{--w:70px;transform:translateX(calc(var(--x,0) * var(--w)));position:relative}.jalur-item:has(details[open]){z-index:6}.jalur-pop>summary{list-style:none}.jalur-pop>summary::-webkit-details-marker{display:none}.jalur-ketuk{text-align:center;color:var(--color-ink);cursor:pointer;border-radius:999px;justify-items:center;gap:6px;text-decoration:none;display:grid;position:relative}.jalur-ketuk:focus-visible{outline:3px solid var(--color-accent);outline-offset:4px}.jalur-node{background:var(--color-inert);width:70px;height:64px;color:var(--color-fainter);box-shadow:0 6px 0 var(--color-line-strong);border-radius:50%;place-items:center;transition:transform .1s ease-out,box-shadow .1s ease-out;display:grid}.jalur-node svg{width:30px;height:30px}.jalur-item:is(.selesai,.sekarang,.buka) .jalur-node{background:var(--m);color:var(--m-teks);box-shadow:0 6px 0 var(--m-edge)}.jalur-ketuk:active .jalur-node,.jalur-pop[open] .jalur-node{box-shadow:0 2px 0 var(--m-edge,var(--color-line-strong));transform:translateY(4px)}.jalur-item.selesai .jalur-node svg{stroke-width:3px;width:34px;height:34px}.jalur-item.sekarang .jalur-node{outline:6px solid color-mix(in srgb, var(--m) 22%, transparent);outline-offset:6px}.jalur-item.segera .jalur-node{box-shadow:0 6px 0 var(--color-line);border:2px dashed var(--color-line-strong)}.jalur-label{text-wrap:balance;max-width:120px;font-weight:700;line-height:1.3}.jalur-mulai{background:var(--color-raised);border:2px solid var(--color-line);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--m);white-space:nowrap;border-radius:12px;padding:7px 12px;font-weight:800;position:absolute;top:-44px;left:50%;translate:-50%}.jalur-mulai:after{content:"";background:inherit;border:inherit;border-top:0;border-left:0;width:10px;height:10px;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)rotate(45deg)}.w-kuning .jalur-mulai,.w-oranye .jalur-mulai{color:var(--color-ink-deep)}.jalur-item.sekarang{margin-top:34px}.jalur-pop-isi{z-index:7;background:var(--m);width:min(300px,80vw);color:var(--m-teks);text-align:left;box-shadow:0 var(--edge) 0 var(--m-edge);border-radius:16px;gap:4px;padding:16px;display:grid;position:absolute;top:calc(100% + 16px);left:50%;translate:-50%}.jalur-pop-isi:before{content:"";background:inherit;border-radius:3px;width:16px;height:16px;position:absolute;top:-8px;left:50%;transform:translate(-50%)rotate(45deg)}.jalur-item:is(.kunci,.segera) .jalur-pop-isi{background:var(--color-raised);color:var(--color-ink);border:2px solid var(--color-line);box-shadow:0 var(--edge) 0 var(--color-line)}.jalur-item:is(.kunci,.segera) .jalur-pop-isi:before{border:2px solid var(--color-line);border-bottom:0;border-right:0;top:-9px}.jalur-pop-judul{font-size:var(--text-md);font-weight:800}.jalur-pop-sub{font-size:var(--text-sm);opacity:.9}.skin-v9 .jalur-pop-cta{width:100%;color:var(--m-edge);box-shadow:0 var(--edge) 0 color-mix(in srgb, var(--m-edge) 45%, #fff);margin-top:10px;margin-bottom:var(--edge);background:#fff}.skin-v9 .jalur-pop-cta:active{box-shadow:0 2px 0 color-mix(in srgb, var(--m-edge) 45%, #fff);transform:translateY(2px)}.w-kuning .jalur-pop-cta,.w-oranye .jalur-pop-cta{color:var(--color-ink-deep)!important}@media (prefers-reduced-motion:no-preference){.jalur-pop[open] .jalur-pop-isi{animation:.18s cubic-bezier(.16,1,.3,1) pemutar-muncul}.jalur-item.sekarang .jalur-mulai{animation:1.8s cubic-bezier(.16,1,.3,1) infinite jalur-angguk}}@keyframes jalur-angguk{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.jalur-node-ujung{background:var(--color-accent-soft);width:84px;height:76px;box-shadow:0 6px 0 var(--color-warning);border-radius:22px}.jalur-node-ujung img{width:52px;height:52px}.jalur-ujung:not(.selesai) .jalur-node-ujung{background:var(--color-inert);box-shadow:0 6px 0 var(--color-line-strong)}:is(.jalur-ujung.kunci img,.jalur-ujung:not(.selesai):not(:has(a)) img){filter:grayscale();opacity:.6}.jalur-ujung:has(a) .jalur-node-ujung{background:var(--color-accent-soft);box-shadow:0 6px 0 var(--color-warning)}@media (max-width:30rem){.jalur-item{--w:50px}}.pemutar{background:var(--color-canvas);flex-direction:column;min-height:100dvh;display:flex}.pemutar-atas{z-index:5;background:var(--color-canvas);align-items:center;gap:14px;width:100%;max-width:760px;margin:0 auto;padding:14px 20px;display:flex;position:sticky;top:0}.pemutar-atas .ikonbtn svg{width:20px;height:20px}.pemutar-bar{flex:1}.pemutar-bar>i{transition:width .45s cubic-bezier(.16,1,.3,1)}.pemutar-isi{flex:1;width:100%;max-width:680px;margin:0 auto;padding:24px 20px 140px}.pemutar-tanya{letter-spacing:-.02em;color:var(--color-ink);text-wrap:balance;font-size:clamp(1.375rem,1.1rem + 1.2vw,1.875rem);font-weight:800;line-height:1.3}.pemutar-jawab{border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-line);padding:18px 20px}.pemutar-jawab p{font-size:var(--text-lg);color:var(--color-ink-deep);max-width:62ch;line-height:1.65}@media (prefers-reduced-motion:no-preference){.pemutar-jawab{animation:.35s cubic-bezier(.16,1,.3,1) pemutar-muncul}}@keyframes pemutar-muncul{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.pemutar-baca .panduan{max-width:68ch}.pemutar-bawah{z-index:6;border-top:1px solid var(--color-line);background:var(--color-raised);padding:14px 20px calc(14px + env(safe-area-inset-bottom,0px));transition:background .2s ease-out,border-color .2s ease-out;position:fixed;inset:auto 0 0}.pemutar-bawah.nilai{background:var(--color-purple-soft);border-top-color:var(--color-on-ink-soft)}.pemutar-bawah-in{justify-content:space-between;align-items:center;gap:12px;max-width:680px;margin:0 auto;display:flex}.pemutar-tanya-yakin{color:var(--color-ink)}.pemutar-utama{min-width:200px}@media (max-width:30rem){.pemutar-bawah-in{flex-direction:column;align-items:stretch}.pemutar-bawah-in .row{grid-template-columns:1fr 1fr;display:grid}.pemutar-tombol-hint{display:none}.pemutar-utama{width:100%}}.pemutar-akhir{text-align:center;flex-direction:column;align-items:center;padding-top:8vh;display:flex}.pemutar-medali,.pemutar-api{border-radius:28px;place-items:center;width:96px;height:92px;display:grid}.pemutar-medali{background:var(--color-accent);color:var(--color-ink-deep);box-shadow:0 var(--edge) 0 var(--color-warning)}.pemutar-api{background:var(--color-brand);color:var(--color-ink-deep);box-shadow:0 var(--edge) 0 var(--color-brand-edge)}.pemutar-medali svg,.pemutar-api svg{width:48px;height:48px}.pemutar-streak{letter-spacing:-.03em;color:var(--color-ink);font-variant-numeric:tabular-nums;font-size:clamp(2.5rem,2rem + 3vw,3.75rem);font-weight:800;line-height:1}.pemutar-angka{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;max-width:460px;display:grid}.pemutar-angka>div{border-radius:var(--radius-md);border:2px solid;display:grid;overflow:hidden}.pemutar-angka dt{font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;padding:4px 6px;font-weight:800}.pemutar-angka dd{font-size:var(--text-xl,1.25rem);color:var(--color-ink);font-variant-numeric:tabular-nums;background:var(--color-raised);padding:12px 6px;font-weight:800}.pemutar-angka .xp{border-color:var(--color-accent)}.pemutar-angka .xp dt{background:var(--color-accent);color:var(--color-ink-deep)}.pemutar-angka .paham{border-color:var(--color-success-ink)}.pemutar-angka .paham dt{background:var(--color-success-ink);color:#fff}.pemutar-angka .waktu{border-color:var(--color-ink)}.pemutar-angka .waktu dt{background:var(--color-ink);color:#fff}.pemutar-aksi{flex-wrap:wrap;justify-content:center}@media (prefers-reduced-motion:no-preference){.pemutar-medali,.pemutar-api{animation:.5s cubic-bezier(.16,1,.3,1) pemutar-pop}}@keyframes pemutar-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}.xp-chip{background:var(--color-surface);border:1px solid var(--color-line-strong);color:var(--color-ink);font-size:var(--text-sm);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:4px;padding:4px;font-weight:800;text-decoration:none;display:inline-flex}.xp-chip:hover{border-color:var(--color-ink)}.xp-chip:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.xp-chip-api{color:var(--color-muted);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:3px;padding:2px 8px 2px 6px;font-weight:800;display:inline-flex}.xp-chip-api svg{width:16px;height:16px}.xp-chip.nyala .xp-chip-api,.xp-chip-api.nyala{background:var(--color-brand);color:var(--color-ink-deep)}.xp-chip-xp{padding:2px 8px}.xp-chip-xp.capai{color:var(--color-success-ink)}.target-hari .bar>i{background:var(--color-accent);box-shadow:inset 0 -3px 0 var(--color-warning)}.minggu-xp{text-align:center;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.minggu-xp li{color:var(--color-faint);justify-items:center;gap:4px;display:grid}.minggu-xp-titik{border:2px solid var(--color-line-strong);background:var(--color-raised);border-radius:999px;place-items:center;width:30px;height:30px;display:grid}.minggu-xp-titik svg{width:16px;height:16px}.minggu-xp li.isi .minggu-xp-titik{background:var(--color-brand);border-color:var(--color-brand-edge);color:var(--color-ink-deep)}.minggu-xp li.ini{color:var(--color-ink);font-weight:800}.minggu-xp li.ini:not(.isi) .minggu-xp-titik{border-color:var(--color-ink);border-style:dashed}.lencana-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.lencana{text-align:center;border-radius:var(--radius-lg);border:1px solid var(--color-line);background:var(--color-raised);justify-items:center;gap:6px;padding:16px 10px;display:grid}.lencana-medali{background:var(--color-inert);width:64px;height:64px;color:var(--color-fainter);border:2px dashed var(--color-line-strong);border-radius:999px;place-items:center;display:grid}.lencana-medali svg{width:30px;height:30px}.lencana.dapat .lencana-medali{background:var(--color-accent);color:var(--color-ink-deep);border:2px solid var(--color-warning);box-shadow:0 var(--edge) 0 var(--color-warning)}.lencana:not(.dapat) b{color:var(--color-muted)}.target-pilih{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.target-opsi{border-radius:var(--radius-md);border:2px solid var(--color-line-strong);background:var(--color-raised);text-align:left;box-shadow:0 var(--edge) 0 var(--color-line-strong);justify-items:start;gap:2px;padding:14px;transition:transform .12s ease-out;display:grid}.target-opsi:hover{border-color:var(--color-ink)}.target-opsi:active{transform:translateY(2px)}.target-opsi.on{border-color:var(--color-ink);background:var(--color-purple-soft);box-shadow:0 var(--edge) 0 var(--color-ink-edge)}@media (max-width:30rem){.target-pilih{grid-template-columns:1fr}}.lanjut-belajar{align-items:center;gap:16px;display:flex}.lanjut-belajar-ikon{background:var(--color-ink);width:64px;height:58px;color:var(--color-accent);box-shadow:0 var(--edge) 0 var(--color-ink-edge);border-radius:999px;flex:none;place-items:center;display:grid}.lanjut-belajar-ikon svg{width:28px;height:28px}@media (max-width:36rem){.lanjut-belajar{flex-wrap:wrap}.lanjut-belajar>.pill{width:100%}}.skin-v9{font-weight:600}.skin-v9 :is(h1,h2,h3,h4){letter-spacing:-.01em;font-weight:800}.skin-v9 .pill{text-transform:uppercase;letter-spacing:.05em;font-weight:800;font-size:var(--text-sm);border-radius:16px}.skin-v9 .pill-lg{font-size:var(--text-md);min-height:50px}.skin-v9 .pill-sm{border-radius:12px}.skin-v9 .pill-quiet,.skin-v9 .pill-muted,.skin-v9 .pill-soft{border:2px solid var(--color-line-strong);box-shadow:0 var(--edge) 0 var(--color-line-strong);background:var(--color-raised);color:var(--color-ink);margin-bottom:var(--edge)}.skin-v9 .pill-quiet:active:not(:disabled),.skin-v9 .pill-muted:active:not(:disabled),.skin-v9 .pill-soft:active:not(:disabled){box-shadow:0 2px 0 var(--color-line-strong);transform:translateY(2px)}.skin-v9 .pill-outline{border-width:2px}.skin-v9 .pill:disabled{background:var(--color-inert);color:var(--color-fainter);box-shadow:0 var(--edge) 0 var(--color-line-strong);border-color:#0000}.skin-v9 .card{border-width:2px;border-radius:16px}.skin-v9 :is(a,button).card{border-bottom-width:var(--edge);transition:transform 80ms,border-color .15s}.skin-v9 :is(a,button).card:hover{border-color:var(--color-line-strong)}.skin-v9 :is(a,button).card:active{border-bottom-width:2px;margin-bottom:2px;transform:translateY(2px)}.skin-v9{--sidenav:0px}.skin-v9 .app-header{background:var(--color-raised);border-bottom:1px solid var(--color-line);box-shadow:0 2px 8px #2a102e0a}.topbar{align-items:center;gap:10px;max-width:1140px;height:100%;margin:0 auto;padding:0 20px;display:flex}.topbar-brand{margin-right:20px}.topbar-nav{align-self:stretch;gap:4px;display:flex}.topbar-nav a{color:var(--color-muted);border-top:3px solid #0000;border-bottom:3px solid #0000;align-items:center;gap:8px;padding:0 12px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.topbar-nav a:hover{color:var(--color-ink)}.topbar-nav a[aria-current=page]{color:var(--color-ink);border-bottom-color:var(--color-ink)}.topbar-buka{min-height:38px;font-size:var(--text-sm);color:var(--color-ink);background:linear-gradient(var(--color-raised), var(--color-raised)) padding-box, linear-gradient(90deg, var(--color-ink), var(--color-brand)) border-box;border:2px solid #0000;border-radius:999px;align-items:center;padding:0 16px;font-weight:800;text-decoration:none;display:inline-flex}.topbar-buka:hover{background:linear-gradient(var(--color-purple-soft), var(--color-purple-soft)) padding-box, linear-gradient(90deg, var(--color-ink), var(--color-brand)) border-box}.topbar-avatar{border-radius:999px;flex:none;place-items:center;width:36px;height:36px;display:grid;overflow:hidden}.topbar-avatar>*{width:100%;height:100%}.topbar-avatar[aria-current]{box-shadow:0 0 0 3px var(--color-purple-soft)}@media (max-width:56rem){.topbar-nav a span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.topbar-brand{margin-right:4px}}.skin-v9 .xp-chip{background:0 0;border:0;gap:8px;padding:0}.skin-v9 .xp-chip-api,.skin-v9 .xp-chip-xp{border:2px solid var(--color-line);background:var(--color-raised);border-radius:999px;align-items:center;gap:4px;min-height:36px;padding:0 12px;font-weight:800;display:inline-flex}.skin-v9 .xp-chip:hover :is(.xp-chip-api,.xp-chip-xp){border-color:var(--color-line-strong)}.skin-v9 .xp-chip.nyala .xp-chip-api{background:var(--color-raised);color:var(--color-ink)}.skin-v9 .xp-chip.nyala .xp-chip-api svg{color:var(--color-brand)}.appbar-chip{justify-content:flex-end;padding:12px 16px 0}@media (max-width:47.99rem){.skin-v9 .app-tabbar{left:50%;right:auto;bottom:calc(10px + env(safe-area-inset-bottom,0px));border:1px solid var(--color-line);background:var(--color-raised);border-radius:22px;gap:4px;width:min(420px,100vw - 32px);padding:4px;transform:translate(-50%);box-shadow:0 6px 24px #2a102e1f}.skin-v9 .app-frame:has(>.app-tabbar){padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}}.skin-v9 .app-tabbar a{min-height:52px;color:var(--color-muted);border:0;border-radius:18px;gap:2px;margin-block:0;font-size:11px;font-weight:700}.skin-v9 .app-tabbar a svg{width:22px;height:22px}.skin-v9 .app-tabbar a[aria-current=page]{background:var(--color-inert);color:var(--color-ink)}.opsi{border:2px solid var(--color-line-strong);background:var(--color-raised);box-shadow:0 var(--edge) 0 var(--color-line-strong);cursor:pointer;border-radius:16px;align-items:center;gap:12px;padding:14px 16px;font-weight:700;transition:transform 80ms,background-color .15s,border-color .15s;display:flex}.opsi:hover{background:var(--color-surface)}.opsi:active{box-shadow:0 2px 0 var(--color-line-strong);transform:translateY(2px)}.opsi:has(input:focus-visible){outline:3px solid var(--color-accent);outline-offset:2px}.opsi.dipilih{border-color:var(--color-ink);background:var(--color-purple-soft);box-shadow:0 var(--edge) 0 var(--color-ink)}.opsi.benar{border-color:var(--color-success-ink);background:var(--color-success-soft);box-shadow:0 var(--edge) 0 var(--color-success-ink)}.opsi.salah{border-color:var(--color-danger);background:var(--color-danger-soft);box-shadow:0 var(--edge) 0 var(--color-danger)}.opsi-huruf{border:2px solid var(--color-line-strong);width:32px;height:32px;font-size:var(--text-sm);color:var(--color-muted);border-radius:10px;flex:none;place-items:center;font-weight:800;display:grid}.opsi.dipilih .opsi-huruf{border-color:var(--color-ink);color:var(--color-ink)}.opsi.benar .opsi-huruf{border-color:var(--color-success-ink);background:var(--color-success-ink);color:#fff}.opsi.salah .opsi-huruf{border-color:var(--color-danger);background:var(--color-danger);color:#fff}.opsi-list{gap:12px;display:grid}.opsi-list>*+*{margin-top:0!important}.ulang-label{color:var(--color-warning-ink);align-items:center;gap:6px;display:inline-flex}.ulang-label svg{width:16px;height:16px}.latihan-ruang{height:128px}.latihan-bawah{z-index:30;padding:18px 20px calc(18px + env(safe-area-inset-bottom,0px));background:var(--color-raised);border-top:2px solid var(--color-line);transition:background-color .18s ease-out,border-color .18s ease-out;position:fixed;inset:auto 0 0}.latihan-bawah.benar{background:var(--color-success-soft);border-top-color:#0000}.latihan-bawah.salah{background:var(--color-danger-soft);border-top-color:#0000}.latihan-bawah-in{justify-content:space-between;align-items:center;gap:16px;max-width:760px;margin:0 auto;display:flex}.latihan-bawah-aksi{align-items:center;gap:10px;display:flex}.latihan-bawah-aksi .pill-lg{min-width:180px}.latihan-hitung{font-size:var(--text-sm);color:var(--color-muted);font-variant-numeric:tabular-nums;font-weight:800}.latihan-vonis{align-items:center;gap:14px;min-width:0;display:flex}.latihan-vonis-ikon{background:#fff;border-radius:50%;flex:none;place-items:center;width:56px;height:56px;display:grid}.latihan-vonis-ikon svg{stroke-width:3px;width:30px;height:30px}.benar .latihan-vonis-ikon{color:var(--color-success-ink)}.salah .latihan-vonis-ikon{color:var(--color-danger)}.latihan-vonis-judul{font-size:var(--text-xl,1.25rem);font-weight:900}.benar .latihan-vonis-judul{color:var(--color-success-ink)}.salah .latihan-vonis-judul,.salah .latihan-vonis-kunci{color:var(--color-danger)}.latihan-vonis-kunci{font-size:var(--text-sm);overflow-wrap:anywhere;font-weight:700}.skin-v9 .pill-benar{background:var(--color-success);color:var(--color-ink-deep);box-shadow:0 var(--edge) 0 var(--color-success-ink);margin-bottom:var(--edge)}.skin-v9 .pill-salah{background:var(--color-danger);color:#fff;box-shadow:0 var(--edge) 0 #7f1810;margin-bottom:var(--edge)}.skin-v9 :is(.pill-benar,.pill-salah):active{transform:translateY(2px)}@media (max-width:40rem){.latihan-bawah-in{flex-direction:column;align-items:stretch;gap:12px}.latihan-bawah-aksi{grid-auto-columns:1fr;grid-auto-flow:column;display:grid}.latihan-bawah-aksi .pill-lg{min-width:0}.latihan-hitung{display:none}.latihan-ruang{height:168px}}@media (prefers-reduced-motion:no-preference){.latihan-bawah.benar,.latihan-bawah.salah{animation:.22s cubic-bezier(.16,1,.3,1) bawah-naik}}@keyframes bawah-naik{0%{transform:translateY(24px)}to{transform:none}}.pemutar-art{object-fit:contain;width:168px;height:168px}.pemutar-hore{letter-spacing:-.02em;color:var(--color-warning-ink);font-size:clamp(1.75rem,1.4rem + 1.6vw,2.25rem);font-weight:900}.pemutar-streak{color:var(--color-brand-ink);font-size:clamp(4rem,3rem + 5vw,6rem);font-weight:900}.pemutar-streak-sub{color:var(--color-brand-ink)}.mt24{margin-top:24px}.t20{font-size:var(--text-xl,1.25rem);font-weight:800}.b8{font-weight:800}@media (prefers-reduced-motion:no-preference){.pemutar-art{animation:.5s cubic-bezier(.16,1,.3,1) pemutar-pop}}.skin-v9 .ob-opsi,.ob-opsi{border:2px solid var(--color-line-strong);box-shadow:0 var(--edge) 0 var(--color-line-strong);margin-bottom:2px;position:relative}.ob-opsi:active{box-shadow:0 2px 0 var(--color-line-strong);transform:translateY(2px)}.ob-opsi[data-on]{border-color:var(--color-ink);background:var(--color-purple-soft);box-shadow:0 var(--edge) 0 var(--color-ink)}.ob-opsi-label{font-weight:800}.ob-opsi-ikon{object-fit:contain;background:0 0;width:52px;height:52px;padding:4px}.ob-badge{background:var(--color-ink);color:#fff;letter-spacing:.08em;text-transform:uppercase;border-radius:8px;padding:3px 10px;font-size:11px;font-weight:800;position:absolute;top:-12px;right:14px}.isian{border:2px solid var(--color-line-strong);background:var(--color-surface);min-height:56px;color:var(--color-ink);border-radius:16px;padding:12px 16px;font-weight:700}.isian:focus{border-color:var(--color-ink);background:var(--color-raised);outline:none}.skin-v9 .ubin{box-shadow:0 var(--edge) 0 var(--color-line-strong);border-width:2px;border-radius:16px;margin-bottom:2px;font-weight:800}.skin-v9 .ubin:active{box-shadow:0 2px 0 var(--color-line-strong);transform:translateY(2px)}.skin-v9 .ubin[aria-checked=true]{box-shadow:0 var(--edge) 0 var(--color-brand-edge)}.jalur-kolom>.jalur-band{margin-bottom:-8px}.jalur-band-aksi{flex:none;gap:8px;display:flex}.jalur-band.terkunci{background:var(--color-inert);box-shadow:0 var(--edge) 0 var(--color-line-strong);--m-teks:var(--color-ink);--m-pudar:var(--color-muted)}@media (max-width:30rem){.jalur-band-aksi .jalur-band-panduan{padding:0 10px}}.jalur-pemisah{scroll-margin-top:calc(var(--app-header) + 110px);color:var(--m-edge);font-size:var(--text-sm);align-items:center;gap:12px;font-weight:800;display:flex}.jalur-pemisah:before,.jalur-pemisah:after{content:"";background:color-mix(in srgb, var(--m) 45%, transparent);border-radius:2px;flex:1;height:2px}.w-kuning .jalur-pemisah,.w-oranye .jalur-pemisah{color:var(--color-ink-deep)}.jalur-modul.terkunci .jalur-pemisah{color:var(--color-muted)}.jalur-modul.terkunci .jalur-pemisah:before,.jalur-modul.terkunci .jalur-pemisah:after{background:var(--color-line)}[data-sekarang]{scroll-margin-block:200px}.jalur-peta{background:var(--color-raised);width:100%;max-width:none;max-height:85dvh;color:var(--color-ink);border:0;border-radius:24px 24px 0 0;margin:auto 0 0;padding:0}.jalur-peta::backdrop{background:#2a102e73}@media (min-width:48rem){.jalur-peta{border-radius:24px;width:min(520px,92vw);max-height:80dvh;margin:auto}}.jalur-peta-isi{padding:20px 20px calc(20px + env(safe-area-inset-bottom,0px));gap:14px;display:grid}.jalur-daftar{gap:6px;margin:0;padding:0;list-style:none;display:grid}.jalur-daftar-bagian{font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted);margin:12px 0 4px;font-weight:800}.jalur-daftar li:first-child .jalur-daftar-bagian{margin-top:0}.jalur-daftar-baris{color:var(--color-ink);border:2px solid #0000;border-radius:14px;align-items:center;gap:12px;padding:10px 12px;text-decoration:none;display:flex}.jalur-daftar-baris:hover{background:var(--color-surface)}.jalur-daftar-baris[aria-current]{border-color:var(--m);background:color-mix(in srgb, var(--m) 10%, transparent)}.jalur-daftar-titik{background:var(--m);width:28px;height:28px;color:var(--m-teks);box-shadow:0 3px 0 var(--m-edge);border-radius:50%;flex:none;place-items:center;display:grid}.jalur-daftar-titik svg{stroke-width:3px;width:15px;height:15px}.jalur-daftar-baris.terkunci .jalur-daftar-titik{background:var(--color-inert);color:var(--color-faint);box-shadow:0 3px 0 var(--color-line-strong)}.jalur-daftar-bar{background:var(--color-inert);border-radius:99px;height:6px;margin-top:4px;display:block;overflow:hidden}.jalur-daftar-bar>i{background:var(--m);border-radius:inherit;height:100%;display:block}.jalur-rail-peta .jalur-daftar{max-height:420px;margin-top:10px;overflow-y:auto}@media (max-width:64rem){.jalur-rail-peta{display:none}}.jalur-kembali{right:max(20px, calc((100vw - var(--sidenav) - 1100px) / 2));bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:20;background:var(--color-raised);width:56px;height:56px;color:var(--color-ink);border:2px solid var(--color-line-strong);box-shadow:0 var(--edge) 0 var(--color-line-strong);border-radius:16px;place-items:center;display:grid;position:fixed}.jalur-kembali svg{width:24px;height:24px}.jalur-kembali:active{box-shadow:0 2px 0 var(--color-line-strong);transform:translateY(2px)}@media (max-width:47.99rem){.jalur-kembali{bottom:calc(84px + env(safe-area-inset-bottom,0px))}}.jalur-pengalih{position:relative}.jalur-pengalih>summary{cursor:pointer;grid-template-columns:1fr auto;align-items:end;column-gap:8px;width:fit-content;max-width:100%;list-style:none;display:grid}.jalur-pengalih>summary::-webkit-details-marker{display:none}.jalur-pengalih>summary .jalur-ganti{color:var(--color-muted);font-size:var(--text-xs);grid-column:1/-1}.jalur-pengalih-panah{width:18px;height:18px;color:var(--color-muted);margin-bottom:4px;transition:transform .15s}.jalur-pengalih[open] .jalur-pengalih-panah{transform:rotate(180deg)}.jalur-pengalih-isi{z-index:8;background:var(--color-raised);border:2px solid var(--color-line);min-width:280px;box-shadow:0 var(--edge) 0 var(--color-line), 0 12px 30px #2a102e1f;border-radius:16px;gap:4px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);left:0}.jalur-pengalih-baris{color:var(--color-ink);border-radius:12px;justify-content:space-between;gap:12px;padding:10px 12px;text-decoration:none;display:flex}.jalur-pengalih-baris:hover{background:var(--color-surface)}.jalur-pengalih-baris.tambah{color:var(--color-ink);border-top:2px solid var(--color-line);border-radius:0 0 12px 12px}.rak{scroll-margin-top:calc(var(--app-header) + 16px)}.kk-list{gap:20px;margin:0;padding:0;list-style:none;display:grid}.kk{background:var(--color-raised);border:2px solid var(--color-line);border-bottom-width:var(--edge);border-radius:24px;grid-template-columns:260px minmax(0,1fr);display:grid;overflow:hidden}.kk-seni{place-items:center;min-height:220px;display:grid;position:relative}.kk.seleksi .kk-seni{background:var(--color-brand-soft)}.kk.karier .kk-seni{background:var(--color-purple-soft)}.kk-seni img{object-fit:contain;width:160px;height:160px}.kk-pilih{position:absolute;top:14px;left:14px}.kk-isi{align-content:start;gap:10px;padding:24px 24px 22px;display:grid}.kk-fakta{color:var(--color-muted);font-weight:800}.kk-banding{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-top:4px;display:grid}.kk-sel{border:2px solid var(--color-line);border-radius:16px;align-content:start;gap:4px;padding:14px 16px;display:grid}.kk-sel.gratis{border-color:var(--color-success-ink);background:var(--color-success-soft)}.kk-sel.gratis .eyebrow{color:var(--color-success-ink)}.kk-progres{background:var(--color-surface);border-radius:16px;padding:14px 16px}.kk-catatan{background:var(--color-purple-soft);color:var(--color-ink);border-radius:12px;padding:10px 14px;font-weight:700}.kk-aksi{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-top:6px;display:grid}.kk-aksi>form,.kk-aksi>form>button{width:100%}.kk-tahap{border-top:2px solid var(--color-line);grid-column:1/-1;padding:16px 24px 20px}.kk-tahap h3{color:var(--color-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:800}.kk-tahap ol{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px;margin:10px 0 0;padding:0;list-style:none;display:grid}.kk-tahap a{border:2px solid var(--color-line);color:var(--color-ink);border-radius:14px;align-items:center;gap:12px;min-height:56px;padding:10px 12px;text-decoration:none;display:flex}.kk-tahap a:hover{border-color:var(--color-line-strong);background:var(--color-surface)}.kk-tahap a>span:nth-child(2){display:grid}.kk-tahap a b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.kk-tahap a>svg{width:18px;height:18px;color:var(--color-success-ink)}.kk-tahap-no{background:var(--color-surface);width:30px;height:30px;font-weight:800;font-size:var(--text-sm);border-radius:999px;flex:none;place-items:center;display:grid}.kk-kunci{color:var(--color-muted);display:grid}.kk-kunci svg{width:18px;height:18px}@media (max-width:48rem){.kk{grid-template-columns:minmax(0,1fr)}.kk-seni{min-height:150px}.kk-seni img{width:112px;height:112px}.kk-isi{padding:18px 16px}.kk-tahap{padding:14px 16px 16px}}.chip-gratis{background:var(--color-success-soft);color:var(--color-success-ink);font-weight:800}.segera-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.kartu-segera{border:2px dashed var(--color-line-strong);background:var(--color-raised);border-radius:16px;align-items:center;gap:12px;padding:12px 14px;display:flex}.kartu-segera img{object-fit:contain;opacity:.85;flex:none;width:48px;height:48px}.kartu-segera .ringkas{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.sela{margin-left:.6em}.hub{grid-template-columns:minmax(0,1fr);gap:24px;max-width:680px;padding-block:28px 56px;display:grid}.hub-buka{display:grid}.hub-kepala{margin-bottom:10px}.hub-daftar{gap:10px;display:grid}.hub-daftar>form{display:block}.hub-baris{text-align:left;background:var(--color-raised);border:2px solid var(--color-line);border-bottom-width:var(--edge);width:100%;min-height:72px;color:var(--color-ink);cursor:pointer;border-radius:18px;align-items:center;gap:14px;padding:14px 16px;text-decoration:none;display:flex}.hub-baris:hover{background:var(--color-surface)}.hub-baris:active{margin-bottom:calc(var(--edge) - 2px);border-bottom-width:2px;transform:translateY(2px)}.hub-baris>span:first-child{gap:4px;display:grid}.hub-plat{background:var(--color-ink);color:#fff;width:48px;height:48px;box-shadow:0 var(--edge) 0 var(--color-ink-edge);border-radius:14px;flex:none;place-items:center;display:grid;position:relative}.hub-plat svg{width:24px;height:24px}.hub-plat.merah{background:var(--color-danger);box-shadow:0 var(--edge) 0 #7f1810}.hub-plat.kuning{background:var(--color-accent);color:var(--color-ink-deep);box-shadow:0 var(--edge) 0 #b8901a}.hub-lencana{background:var(--color-danger);color:#fff;border:2px solid var(--color-raised);border-radius:999px;place-items:center;min-width:22px;height:22px;padding:0 6px;font-size:12px;font-weight:800;display:grid;position:absolute;top:-8px;right:-8px}.w-abu{--m:var(--color-inert);--m-edge:var(--color-line-strong);--m-teks:var(--color-faint);--m-pudar:var(--color-muted)}.kt-wrap{padding-block:20px 64px}.kt-atas{margin-bottom:16px}.kt-layout{grid-template-columns:320px minmax(0,440px);justify-content:center;align-items:start;gap:72px;display:grid}.kt-kiri{gap:20px;min-width:0;display:grid}@media (min-width:64.01rem){.kt-kiri{top:calc(var(--app-header) + 20px);position:sticky}}@media (max-width:64rem){.kt-layout{grid-template-columns:minmax(0,1fr);gap:24px}}.kt-tahap-pilih{margin-top:6px}.kt-tahap-pilih>summary{background:var(--color-inert);border-radius:999px;align-items:center;gap:6px;min-height:36px;padding:0 10px 0 12px;display:inline-flex}.kt-tahap-pilih-label{font-size:var(--text-sm);color:var(--color-ink);font-weight:800}.kt-tahap-pilih .jalur-pengalih-panah{margin:0}.kt-tahap-pilih .jalur-pengalih-isi{min-width:300px}.kt-tahap-pilih .jalur-pengalih-baris[aria-current]{background:var(--color-purple-soft)}.kt-tahap-pilih .jalur-pengalih-baris svg{width:16px;height:16px;color:var(--color-success-ink);stroke-width:3px}.kt-kursus{justify-items:start;gap:6px;padding:24px;display:grid}.kt-kursus img{object-fit:contain;width:80px;height:80px;margin-bottom:6px}.kt-meta{color:var(--color-muted);font-weight:700}.kt-progres{align-items:center;gap:10px;width:100%;margin-top:8px;display:flex}.kt-progres .bar{flex:1}.kt-materi{color:var(--color-ink);align-items:center;gap:6px;margin-top:10px;font-weight:800;text-decoration:none;display:inline-flex}.kt-materi svg{width:16px;height:16px}.kt-materi:hover{text-decoration:underline}@media (max-width:64rem){.kt-kursus{grid-template-columns:auto 1fr;column-gap:14px;padding:16px}.kt-kursus img{grid-row:span 4;width:56px;height:56px;margin:0}.kt-kursus>:not(img){grid-column:2}}.kt-kolom{gap:40px;min-width:0;padding-bottom:8px;display:grid}.kt-level{gap:8px;display:grid}.kt-level-pill{top:calc(var(--app-header) + 8px);z-index:3;text-align:center;background:var(--color-raised);border:2px solid var(--m);box-shadow:0 5px 0 var(--m);border-radius:16px;justify-items:center;gap:2px;padding:10px 16px 12px;display:grid;position:sticky}.kt-level.w-abu .kt-level-pill{border-color:var(--color-line-strong);box-shadow:0 5px 0 var(--color-line-strong)}.kt-level-ke{font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted);font-weight:800}.kt-level-pill b{font-size:var(--text-base);color:var(--color-ink);font-weight:800}@media (max-width:47.99rem){.kt-level-pill{top:8px}}.kt-level.tuntas .kt-level-pill{background:var(--m)}.kt-level.tuntas .kt-level-pill b,.kt-level.tuntas .kt-level-ke{color:var(--m-teks)}.kt-level-ke svg{stroke-width:3px;vertical-align:-2px;width:13px;height:13px;margin-right:4px}.kt-simpul-list{justify-items:center;gap:28px;margin:0;padding:28px 0 8px;list-style:none;display:grid}.kt-simpul-list>li{transform:translateX(calc(var(--x,0) * 64px))}.kt-simpul{cursor:pointer;font:inherit;color:var(--color-ink);text-align:left;background:0 0;border:0;align-items:center;gap:14px;padding:4px;display:flex}.kt-disc{width:80px;height:46px;color:var(--color-muted);background:var(--color-raised);border:2px solid var(--color-line-strong);box-shadow:inset 0 0 0 6px var(--color-inert), 0 7px 0 var(--color-line-strong);border-radius:50%;flex:none;place-items:center;transition:transform 80ms;display:grid}.kt-disc svg{stroke-width:2.6px;width:20px;height:20px}.kt-simpul:active .kt-disc{transform:translateY(3px)}.kt-simpul-judul{width:150px;font-size:var(--text-sm);font-weight:700;line-height:1.25}.kt-simpul.selesai .kt-disc{background:var(--m);border-color:var(--m-edge);color:var(--m-teks);box-shadow:inset 0 0 0 6px #ffffff47, 0 7px 0 var(--m-edge)}.kt-simpul.kunci .kt-disc{background:var(--color-inert);border-color:var(--color-line);color:var(--color-faint);box-shadow:inset 0 0 0 6px #ffffff73, 0 7px 0 var(--color-line)}.kt-simpul.kunci .kt-simpul-judul{color:var(--color-muted)}.kt-simpul.ujian .kt-disc{background:var(--color-accent);width:64px;height:56px;color:var(--color-ink-deep);border-color:#b8901a;border-radius:40%;box-shadow:inset 0 0 0 5px #ffffff59,0 7px #b8901a}.kt-simpul.ujian.kunci .kt-disc{background:var(--color-inert);border-color:var(--color-line);color:var(--color-faint);box-shadow:0 7px 0 var(--color-line)}.kt-simpul[aria-pressed=true] .kt-disc{outline:4px solid var(--color-ink);outline-offset:6px}.kt-simpul[aria-pressed=true] .kt-simpul-judul{color:var(--color-ink);font-weight:800}.kt-simpul:focus-visible{outline:3px solid var(--color-accent);outline-offset:4px;border-radius:12px}.kt-kartu{z-index:4;text-align:center;background:var(--color-raised);border:2px solid var(--color-line);box-shadow:0 -8px 40px color-mix(in srgb, var(--color-ink) 16%, transparent);border-radius:22px;justify-items:center;gap:6px;padding:18px 18px 16px;display:grid;position:sticky;bottom:16px}.kt-kartu .pill{margin-top:6px}.kt-alasan{font-size:var(--text-xs);color:var(--color-ink);background:var(--color-purple-soft);border-radius:999px;padding:4px 10px;font-weight:800}.kt-kartu>:is(form,div){width:100%}@media (max-width:47.99rem){.kt-kartu{left:16px;right:16px;bottom:calc(84px + env(safe-area-inset-bottom,0px));gap:4px;padding:14px 16px;position:fixed}.kt-kartu>.kt-sub{display:none}.kt-alasan{color:var(--color-muted);white-space:nowrap;text-overflow:ellipsis;background:0 0;max-width:100%;padding:0;font-weight:700;overflow:hidden}.kt-kolom{padding-bottom:150px}body:not(:has(.app-tabbar)) .kt-kartu{bottom:calc(16px + env(safe-area-inset-bottom,0px))}body:not(:has(.app-tabbar)) .kt-kolom{padding-bottom:90px}}