.leaflet-container{z-index:0}.leaflet-popup-content p{margin:0!important}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:var(--bg-secondary)!important;color:var(--text-primary)!important;box-shadow:0 10px 30px rgba(15,23,42,.18)!important}.leaflet-popup-content-wrapper{border:1px solid var(--border-color)!important;border-radius:var(--component-radius)!important}.leaflet-popup-content hr{border:0;border-top:1px solid var(--border-color)}.leaflet-container a.leaflet-popup-close-button{top:12px!important;right:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;width:22px!important;height:22px!important;padding:0!important;border-radius:999px!important;background:#ef4444!important;color:#fff!important;font:700 14px/1 var(--font-family-base)!important;transition:background-color .15s ease}.leaflet-container a.leaflet-popup-close-button:focus,.leaflet-container a.leaflet-popup-close-button:hover{background:#dc2626!important;color:#fff!important}.contour-mode .leaflet-container{background:#c3dbce}.map-unit-marker{display:flex;flex-direction:column;align-items:center;gap:4px}.map-unit-label{background:rgba(15,23,42,.7);color:#f8fafc;backdrop-filter:blur(2px);box-shadow:1px 1px 5px 1px rgba(0,0,0,.3);font-weight:600;padding:3px 4px 3px 6px;white-space:nowrap;gap:5px}.map-unit-label,.map-unit-label-status{font-size:12px;border-radius:999px;letter-spacing:.2px;display:inline-flex;align-items:center}.map-unit-label-status{padding:1px 8px;font-weight:700;line-height:14px;background-color:#fff;background-image:linear-gradient(var(--status-tint,transparent),var(--status-tint,transparent));color:var(--status-ink,var(--status-color,#0f172a))}html.dark .map-unit-label-status{background-color:#0f172a;color:var(--status-ink-dark,var(--status-color,#f8fafc));border-color:var(--status-ink-dark,var(--status-color,hsla(0,0%,100%,.28)))}.map-unit-label-dot{width:8px;height:8px;border-radius:999px;display:inline-block;box-shadow:0 0 0 1px hsla(0,0%,100%,.65)}.map-unit-badge{position:relative;background:var(--unit-color,#22c55e);border:2px solid #fff;border-radius:999px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 18px rgba(15,23,42,.25)}.map-unit-img{width:70%;height:70%;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(15,23,42,.3))}.map-unit-img--mirrored{transform:scaleX(-1)}.map-unit-heading{position:absolute;inset:-6px;pointer-events:none}.map-unit-heading-arrow{position:absolute;left:50%;top:-3px;width:0;height:0;transform:translateX(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:8px solid var(--unit-color,#22c55e);filter:drop-shadow(0 0 1px rgba(255,255,255,.95))}.playback-status-badge{position:absolute;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:999px;font-size:11.5px;font-weight:700;line-height:1.5;letter-spacing:1px;white-space:nowrap;cursor:pointer;background-color:#fff;background-image:linear-gradient(var(--status-tint,transparent),var(--status-tint,transparent));color:var(--status-ink,var(--status-color,#0f172a));border:1px solid var(--status-ink,var(--status-color,rgba(15,23,42,.2)));box-shadow:0 2px 6px rgba(15,23,42,.25)}.playback-status-dot{width:8px;height:8px;flex:none;border-radius:999px;background:var(--status-color,#94a3b8)}html.dark .playback-status-badge{background-color:#0f172a;color:var(--status-ink-dark,var(--status-color,#f8fafc));border-color:var(--status-ink-dark,var(--status-color,hsla(0,0%,100%,.28)));box-shadow:0 2px 6px rgba(0,0,0,.5)}.manual-rich-content{color:var(--text-primary);line-height:1.75;overflow-wrap:anywhere}.manual-rich-content:empty:before{content:"Tulis tutorial content...";color:var(--text-muted)}.manual-rich-content p{margin:0 0 .85rem}.manual-rich-content h1,.manual-rich-content h2,.manual-rich-content h3,.manual-rich-content h4,.manual-rich-content h5,.manual-rich-content h6{margin:1rem 0 .5rem;color:var(--text-primary);font-weight:800;line-height:1.25}.manual-rich-content h1{font-size:1.5rem}.manual-rich-content h2{font-size:1.25rem}.manual-rich-content h3{font-size:1.05rem}.manual-rich-content h4,.manual-rich-content h5,.manual-rich-content h6{font-size:.95rem}.manual-rich-content ol,.manual-rich-content ul{margin:.75rem 0 .75rem 1.25rem}.manual-rich-content ul{list-style:disc}.manual-rich-content ol{list-style:decimal}.manual-rich-content blockquote{margin:1rem 0;border-left:4px solid var(--primary-orange);background:color-mix(in srgb,var(--primary-orange) 8%,transparent);padding:.75rem 1rem;color:var(--text-secondary)}.manual-rich-content hr{margin:1.25rem 0;border:0;border-top:1px solid var(--border-color)}.manual-rich-content a{color:var(--primary-orange);font-weight:700;text-decoration:underline;text-underline-offset:3px}.manual-rich-content code{border-radius:.4rem;background:rgba(15,23,42,.08);padding:.1rem .35rem;font-size:.9em}.manual-rich-content pre{margin:1rem 0;overflow:auto;border-radius:.75rem;background:#0f172a;padding:1rem;color:#e2e8f0}.manual-rich-content pre code{background:transparent;padding:0;color:inherit}.manual-rich-content table{margin:1rem 0;width:100%;border-collapse:collapse;overflow:hidden;border-radius:.75rem;font-size:.92rem}.manual-rich-content td,.manual-rich-content th{border:1px solid var(--border-color);padding:.65rem .8rem;text-align:left;vertical-align:top}.manual-rich-content th{background:color-mix(in srgb,var(--primary-orange) 8%,transparent);font-weight:800}.manual-rich-content del{color:var(--text-muted)}.manual-rich-content .manual-task{display:inline-flex;align-items:center;gap:.5rem}.manual-rich-content .manual-task input{width:1rem;height:1rem;accent-color:var(--primary-orange)}.manual-rich-content img{max-width:100%;border-radius:var(--radius-xl)}.manual-html-content{isolation:isolate;width:100%;overflow:visible}.manual-html-content,.manual-html-content *{box-sizing:border-box}.manual-html-content .manual-html-body{min-height:calc(100vh - 14rem);overflow:visible}.manual-html-content canvas,.manual-html-content img,.manual-html-content svg,.manual-html-content video{max-width:100%}.manual-html-content [data-manual-lucide-rendered=true]{display:inline-flex;align-items:center;justify-content:center;color:inherit;vertical-align:-.125em}.manual-html-content .manual-html-lucide-icon{display:block;flex-shrink:0}.manual-fullscreen-image,.manual-fullscreen-image-stage,.manual-fullscreen-modal{border-radius:0!important}.manual-category-list,.manual-category-list [class*=rounded-l-],.manual-category-list [class*=rounded-r-],.manual-category-list button{border-radius:var(--component-radius)!important}