.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)}.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}.mt24{margin-top:24px}.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}.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}.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}.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{background:var(--color-ink);border-bottom:1px solid var(--color-ink-edge);color:var(--color-on-ink-muted)}.b-salam h1{color:var(--color-accent)}.skin-v9 .b-head a,.skin-v9 .b-head .meta,.skin-v9 .b-head .eyebrow{color:var(--color-on-ink-muted)}.b-head .b-cari:focus-within{outline-color:var(--color-accent)}.b-head-in{padding-block:24px 68px}.b-salam{align-items:flex-start;gap:14px;display:flex}.b-salam h1{letter-spacing:-.03em;font-size:30px;font-weight:700;line-height:1.15}.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:48px;margin-top:18px;padding:0 18px;display:flex}.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:18px 64px}.b-salam h1{font-size:24px}.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{--tint:var(--color-purple-soft);--tint-edge:#cfa9d3;border-radius:var(--radius-lg);background:var(--tint);min-height:116px;box-shadow:0 var(--edge) 0 var(--tint-edge);text-align:center;color:var(--color-ink);align-content:center;justify-items:center;gap:8px;padding:14px 6px 12px;font-size:15px;font-weight:700;line-height:1.2;text-decoration:none;transition:transform .15s,box-shadow .15s;display:grid;position:relative}.layanan-grid .tile.oranye{--tint:var(--color-brand-soft);--tint-edge:#ffb98f}.layanan-grid .tile.kuning{--tint:var(--color-accent-soft);--tint-edge:#eed455}.layanan-grid .ico{background:var(--color-raised);border-radius:16px;place-items:center;width:56px;height:56px;display:grid}.layanan-grid .ico img{width:40px;height:40px}.layanan-grid .tile:hover{box-shadow:0 calc(var(--edge) + 3px) 0 var(--tint-edge);transform:translateY(-3px)}.layanan-grid .tile:active{transform:translateY(var(--edge));box-shadow:0 0 0 var(--tint-edge)}.layanan-grid .tile:focus-visible{outline:3px solid var(--color-ink);outline-offset:3px}@media (prefers-reduced-motion:no-preference){.layanan-grid .tile:hover .ico img{animation:.4s ease-out hop}}@keyframes hop{40%{transform:translateY(-3px)rotate(-6deg)scale(1.08)}to{transform:none}}.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}@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:44px;height:44px}.layanan-grid .ico img{width:30px;height:30px}}.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);box-shadow:0 var(--edge) 0 var(--color-ink);transform:translateY(-2px)}.b-top .job:first-child{border-color:var(--color-brand-edge);box-shadow:0 var(--edge) 0 var(--color-brand)}.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}.jobgrid>.job:nth-child(3n+1) .logo{background:var(--color-purple-soft)}.jobgrid>.job:nth-child(3n+2) .logo{background:var(--color-brand-soft);color:var(--color-brand-ink)}.jobgrid>.job:nth-child(3n) .logo{background:var(--color-accent-soft)}.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:has(a.stretch:focus-visible){outline:3px solid var(--color-ink);outline-offset:3px}.job .stretch:after{content:"";z-index:1;position:absolute;inset:0}.job .co{font-size:var(--text-md);color:var(--color-muted);margin-top: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-brand-ink);font-weight:600}.job li.jenis svg,.ld-head li.jenis svg{color:inherit}.ik-meta{flex:none;width:18px;height:18px}.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}}.job-foot{background:var(--color-surface);color:var(--color-muted);justify-content:space-between;align-items:center;gap:8px;padding:9px 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;padding:3px 10px}.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;gap:8px;margin-top:10px;display:flex}.saring select.inp{width:auto;min-width:120px;font-size:var(--text-md);padding:9px 12px}.saring .urut{margin-left:auto}.saring-lab{font-size:var(--text-md);color:var(--color-ink);align-items:center;gap:6px;margin-right:4px;font-weight:700;display:inline-flex}.saring-lab svg{width:16px;height:16px}.saring select.inp.aktif{background:var(--color-accent-soft);border-color:var(--color-ink);font-weight:600}.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 select.inp{flex:calc(50% - 4px);min-width:0}.saring .urut{flex-basis:100%;margin-left:0}.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}.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 .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}.lanjut-strip{border-radius:var(--radius-lg);background:var(--color-purple-soft);color:var(--color-ink);border:1px solid var(--color-line-strong);align-items:center;gap:16px;padding:16px 18px;text-decoration:none;display:flex}.lanjut-strip:hover{box-shadow:0 4px 0 var(--color-ink)}.kursus-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;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);border-radius:12px;flex:1;max-width:64px;height:48px;font-size:24px;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}.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)}.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)}}