.lab-slider{display:grid;gap:6px}.lab-slider-kepala{display:flex;justify-content:space-between;gap:12px;font-size:14px;font-weight:600}.lab-slider-kepala output{font-weight:500;color:var(--color-ink-soft)}.lab-slider input[type=range]{width:100%;min-height:32px;accent-color:var(--color-primary);cursor:pointer}.lab-kanvas{display:block;width:100%;height:auto;touch-action:pan-y}.lab-grid{stroke:var(--color-line);stroke-width:1}.lab-tanah{stroke:var(--color-ink-soft);stroke-width:2}.lab-menara{fill:var(--color-surface-2);stroke:var(--color-line)}.lab-label{fill:var(--color-muted);font-size:12px;font-variant-numeric:tabular-nums}.lab-lintasan{fill:none;stroke:var(--color-primary);stroke-width:2.5}.lab-jejak{fill:none;stroke:var(--color-muted);stroke-width:1.5;stroke-dasharray:5 5;opacity:.6}.lab-titik{fill:var(--color-surface);stroke:var(--color-primary);stroke-width:2}.lab-bola{fill:var(--color-primary)}[data-kategori]{--lab-aksen-soft: color-mix(in srgb, var(--lab-aksen) 10%, var(--color-surface))}.lab-panggung{position:relative;isolation:isolate;border:1px solid color-mix(in srgb,var(--lab-aksen, var(--color-primary)) 22%,var(--color-line));border-radius:22px;background:var(--lab-latar, var(--color-bg));padding:clamp(10px,1.8vw,20px)}.lab-panggung:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--lab-aksen, var(--color-primary));opacity:var(--lab-pola-opasitas, .08);-webkit-mask:var(--lab-pola, none) repeat;mask:var(--lab-pola, none) repeat;pointer-events:none}[data-kategori=matematika]{--lab-aksen: var(--color-cat-coding);--lab-aksen-ink: var(--color-cat-coding-ink);--lab-pola: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M20 0H0V20' fill='none' stroke='black'/%3E%3C/svg%3E")}[data-kategori=fisika]{--lab-aksen: var(--color-cat-productivity);--lab-aksen-ink: var(--color-cat-productivity-ink);--lab-pola: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cpath d='M40 0H0V40' fill='none' stroke='black' stroke-width='1.5'/%3E%3Cpath d='M20 0V40M0 20H40' stroke='black' stroke-width='.5' stroke-dasharray='2 3'/%3E%3C/svg%3E")}[data-kategori=kimia]{--lab-aksen: var(--color-cat-ppt);--lab-aksen-ink: var(--color-cat-ppt-ink);--lab-pola: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='48'%3E%3Cpath d='M14 0L28 8V24L14 32L0 24V8ZM14 32V48' fill='none' stroke='black'/%3E%3C/svg%3E")}[data-kategori=biologi]{--lab-aksen: var(--color-cat-excel);--lab-aksen-ink: var(--color-cat-excel-ink);--lab-pola: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56'%3E%3Ccircle cx='14' cy='14' r='6' fill='none' stroke='black'/%3E%3Ccircle cx='40' cy='36' r='10' fill='none' stroke='black'/%3E%3Ccircle cx='40' cy='36' r='3' fill='black'/%3E%3Ccircle cx='10' cy='46' r='2' fill='black'/%3E%3C/svg%3E")}[data-kategori=bumi]{--lab-aksen: var(--color-cat-data);--lab-aksen-ink: var(--color-cat-data-ink);--lab-pola: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='40'%3E%3Cpath d='M0 12C20 2 40 22 60 12S80 2 80 12M0 30C20 20 40 40 60 30S80 20 80 30' fill='none' stroke='black'/%3E%3C/svg%3E")}[data-kategori=teks-suci]{--lab-aksen: var(--color-cat-career);--lab-aksen-ink: var(--color-cat-career-ink);--lab-latar: color-mix(in srgb, var(--color-cat-career) 4%, var(--color-surface))}[data-kategori=kantor]{--lab-aksen: var(--color-cat-excel);--lab-aksen-ink: var(--color-cat-excel-ink);--lab-pola-opasitas: .1;--lab-pola: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='22'%3E%3Cpath d='M64 0H0V22' fill='none' stroke='black'/%3E%3C/svg%3E")}[data-kategori=bisnis]{--lab-aksen: var(--color-cat-bisnis);--lab-aksen-ink: var(--color-cat-bisnis-ink);--lab-pola: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M0 23.5H24M23.5 0V24' fill='none' stroke='black' stroke-width='.6'/%3E%3Cpath d='M0 11.5H24' stroke='black' stroke-width='.4' stroke-dasharray='1 3'/%3E%3C/svg%3E")}[data-kategori=ai]{--lab-aksen: var(--color-cat-ai);--lab-aksen-ink: var(--color-cat-ai-ink);--lab-pola: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36'%3E%3Ccircle cx='6' cy='6' r='2' fill='black'/%3E%3Ccircle cx='30' cy='18' r='2' fill='black'/%3E%3Ccircle cx='12' cy='30' r='2' fill='black'/%3E%3Cpath d='M6 6L30 18L12 30' fill='none' stroke='black' stroke-width='.5'/%3E%3C/svg%3E")}[data-kategori=penalaran]{--lab-aksen: var(--color-cat-marketing);--lab-aksen-ink: var(--color-cat-marketing-ink);--lab-pola: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Ccircle cx='12' cy='16' r='7' fill='none' stroke='black' stroke-width='.6'/%3E%3Ccircle cx='20' cy='16' r='7' fill='none' stroke='black' stroke-width='.6'/%3E%3C/svg%3E")}[data-kategori=data]{--lab-aksen: var(--color-cat-finance);--lab-aksen-ink: var(--color-cat-finance-ink);--lab-pola-opasitas: .14;--lab-pola: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Ccircle cx='2' cy='2' r='1.2' fill='black'/%3E%3C/svg%3E")}[data-kategori=komputer]{--lab-aksen: var(--color-success);--lab-aksen-ink: var(--color-success-text);--lab-pola-opasitas: .07;--lab-pola: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='4'%3E%3Cpath d='M0 .5H8' stroke='black'/%3E%3C/svg%3E")}[data-kategori=riset]{--lab-aksen: var(--color-cat-word);--lab-aksen-ink: var(--color-cat-word-ink);--lab-pola: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='30'%3E%3Cpath d='M0 29.5H8' stroke='black'/%3E%3C/svg%3E")}[data-kategori=seni]{--lab-aksen: var(--color-cat-design);--lab-aksen-ink: var(--color-cat-design-ink);--lab-pola-opasitas: .06;--lab-pola: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M0 0L8 8M8 0L0 8' stroke='black' stroke-width='.6'/%3E%3C/svg%3E")}.lab-lencana{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 10px 0 8px;border-radius:999px;background:var(--lab-aksen-soft, var(--color-primary-soft));color:var(--lab-aksen-ink);font-size:13px;font-weight:600}.lab-chip{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border:1px solid var(--color-line);border-radius:999px;font-size:12.5px;color:var(--color-ink-soft)}.lab-tab-daftar{display:flex;flex-wrap:wrap;gap:4px;border-bottom:1px solid var(--color-line)}.lab-tab-daftar button{min-height:40px;padding:0 12px;border-bottom:2px solid transparent;margin-bottom:-1px;font-size:14px;font-weight:600;color:var(--color-muted)}.lab-tab-daftar button[aria-selected=true]{color:var(--color-ink);border-bottom-color:var(--lab-aksen, var(--color-primary))}.lab-pamer-kepala{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin:4px 0 14px}.lab-pamer-kepala h1{font-size:30px;font-weight:750;letter-spacing:-.04em;line-height:1.15}.lab-pamer-kepala p{font-size:14px;color:var(--color-muted)}.lab-pamer{margin-bottom:22px}.lab-pamer>h2{margin-bottom:10px;font-size:13px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted)}.lab-pamer>ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.lab-pamer-kartu{display:flex;flex-direction:column;height:100%;overflow:hidden;border:1px solid color-mix(in srgb,var(--lab-aksen) 28%,var(--color-line));border-bottom-width:4px;border-radius:20px;background:var(--color-surface);transition:transform .15s ease,border-color .15s ease}.lab-pamer-kartu:hover{transform:translateY(-2px);border-color:var(--lab-aksen)}.lab-pamer-gambar,.lab-kartu-gambar{display:grid;place-items:center;background:var(--lab-aksen-soft);color:var(--lab-aksen);--lab-motif-latar: var(--lab-aksen-soft)}.lab-pamer-gambar{aspect-ratio:16 / 9}.lab-pamer-gambar svg{width:62%;height:auto}.lab-pamer-teks{display:flex;flex:1;flex-direction:column;gap:4px;padding:12px 14px 14px}.lab-pamer-teks strong{font-size:16px;font-weight:700;line-height:1.3}.lab-pamer-teks>span:not(.lab-pamer-aksi){display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:13px;line-height:1.5;color:var(--color-ink-soft)}.lab-pamer-aksi{display:inline-flex;align-items:center;gap:4px;margin-top:auto;padding-top:6px;font-size:13.5px;font-weight:700;color:var(--lab-aksen-ink)}.lab-kartu-katalog{display:flex;align-items:center;gap:12px;height:100%;padding:10px 14px 10px 10px}.lab-kartu-katalog:hover{border-color:var(--lab-aksen)}.lab-kartu-gambar{flex:none;width:84px;height:60px;border-radius:10px}.lab-kartu-gambar svg{width:72px;height:48px}.lab-kartu-teks{display:flex;min-width:0;flex-direction:column;gap:2px}.lab-kartu-nama{font-size:15px;font-weight:650;line-height:1.3}.lab-kartu-ringkas{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:13px;line-height:1.45;color:var(--color-ink-soft)}@media(max-width:1023px){.lab-pamer>ul{grid-template-columns:repeat(2,minmax(0,1fr))}}.lab-panggung .tk-hero-utama{background:var(--lab-aksen-soft, var(--color-primary-soft));border-color:color-mix(in srgb,var(--lab-aksen, var(--color-primary)) 35%,transparent)}.lab-panggung .lab-slider input[type=range],.lab-panggung input[type=range]{accent-color:var(--lab-aksen, var(--color-primary))}.lab-panggung .lab-lintasan{stroke:var(--lab-aksen, var(--color-primary))}.lab-panggung .lab-bola{fill:var(--lab-aksen, var(--color-primary))}.lab-panggung .lab-titik{stroke:var(--lab-aksen, var(--color-primary))}.lab-panggung .tk-seg>button,.lab-panggung .tk-btn-kecil{min-height:40px}.lab-panggung .tk-toggle input:checked+.tk-toggle-trek{background:var(--lab-aksen, var(--color-primary))}.lab-panggung .tk-seg>button[aria-checked=true],.lab-panggung .tk-seg>button[aria-selected=true],.lab-panggung .tk-seg>button[aria-pressed=true]{color:var(--lab-aksen-ink, var(--color-primary))}.lab-panggung .tk-seg>button:focus-visible{outline-color:var(--lab-aksen, var(--color-primary))}@media(max-width:639px){.lab-kategori-nav{position:sticky;top:76px;z-index:20;flex-wrap:nowrap;overflow-x:auto;margin:-8px -16px 16px;padding:8px 16px;background:var(--color-bg);border-bottom:1px solid var(--color-line);scrollbar-width:none}.lab-kategori-nav::-webkit-scrollbar{display:none}.lab-kategori-nav .lab-lencana{flex:none;min-height:40px;white-space:nowrap}.lab-kategori{margin-bottom:20px;scroll-margin-top:144px}.lab-kategori>h2{margin-bottom:10px}.lab-pamer-kepala{margin:0 0 10px}.lab-pamer-kepala h1{font-size:22px}.lab-pamer-kepala p{font-size:13px}.lab-pamer{margin-bottom:14px}.lab-pamer>ul{display:flex;gap:10px;overflow-x:auto;margin-inline:-16px;padding:2px 16px 6px;scroll-snap-type:x proximity;scrollbar-width:none}.lab-pamer>ul::-webkit-scrollbar{display:none}.lab-pamer>ul>li{flex:none;width:236px;scroll-snap-align:start}.lab-pamer-gambar{aspect-ratio:2 / 1}.lab-pamer-gambar svg{width:50%}.lab-daftar-katalog{gap:0;overflow:hidden;border:1px solid var(--color-line);border-radius:16px;background:var(--color-surface)}.lab-daftar-katalog>li+li{border-top:1px solid var(--color-line)}.lab-daftar-katalog .lab-kartu-katalog{gap:10px;padding:8px 12px 8px 8px;border:0;border-radius:0;box-shadow:none;background:transparent}.lab-kartu-gambar{width:56px;height:44px;border-radius:8px}.lab-kartu-gambar svg{width:48px;height:32px}.lab-kartu-ringkas{display:none}}.lab-chip-peringatan{gap:6px;border-color:var(--color-warning);background:var(--color-warning-soft);color:var(--color-warning-text);font-weight:600}.lab-chip-peringatan>[aria-hidden]{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:999px;border:1.5px solid currentColor;font-size:12px;line-height:1}@media(max-width:639px){.lab-chip.lab-chip-lebar{display:none}}