body,html{margin:0;height:100%}.peta-page{width:100vw;height:100vh;padding-top:68px;box-sizing:border-box}.peta-page,.peta-sidebar{display:flex;overflow:hidden}.peta-sidebar{width:320px;flex-shrink:0;height:100%;background:var(--color-white);border-right:1px solid var(--color-border);flex-direction:column;transition:transform var(--transition-base),width var(--transition-base);z-index:var(--z-sidebar)}.peta-page.sidebar-closed .peta-sidebar{width:0;overflow:hidden}.peta-sidebar__header{padding:var(--space-2) var(--space-2) var(--space-1);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-border)}.peta-sidebar__title{font-family:var(--font-heading);font-size:17px;font-weight:700;color:var(--color-navy);margin:0}.peta-sidebar__count{font-size:12px;color:var(--color-text-muted);background:var(--color-bg);padding:4px 10px;border-radius:var(--radius-full);font-weight:600;border:1px solid var(--color-border)}.peta-sidebar__search-wrap{position:relative;padding:var(--space-2);border-bottom:1px solid var(--color-border)}.peta-sidebar__search-icon{position:absolute;left:28px;top:50%;transform:translateY(-50%);font-size:14px;pointer-events:none}.peta-sidebar__search{width:100%;padding:10px 12px 10px 36px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:14px;color:var(--color-text);background:var(--color-bg);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);box-sizing:border-box}.peta-sidebar__search:focus{border-color:var(--color-gold);box-shadow:0 0 0 3px rgba(184,76,42,.1)}.peta-sidebar__categories{display:flex;gap:6px;padding:var(--space-1) var(--space-2);overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--color-border);flex-shrink:0}.peta-sidebar__categories::-webkit-scrollbar{display:none}.peta-sidebar__cat-btn{flex-shrink:0;padding:5px 12px;border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:12px;font-weight:600;color:var(--color-text-muted);background:transparent;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.peta-sidebar__cat-btn:hover{border-color:var(--color-navy);color:var(--color-navy)}.peta-sidebar__cat-btn.active{background:var(--color-navy);border-color:var(--color-navy);color:var(--color-white)}.peta-sidebar__list{list-style:none;overflow-y:auto;flex:1;padding:var(--space-1) 0}.peta-sidebar__empty{padding:var(--space-3) var(--space-2);font-size:14px;color:var(--color-text-muted);text-align:center}.peta-sidebar__item{display:flex;align-items:flex-start;gap:12px;padding:12px var(--space-2);cursor:pointer;border-left:3px solid transparent;transition:all var(--transition-fast);list-style:none}.peta-sidebar__item:hover{background:var(--color-bg);border-left-color:var(--color-border)}.peta-sidebar__item.active{background:rgba(122,20,40,.05);border-left-color:var(--color-gold)}.peta-sidebar__item-marker{width:10px;height:10px;background:var(--color-navy);border:2px solid var(--color-gold);border-radius:50%;flex-shrink:0;margin-top:4px;transition:transform var(--transition-fast)}.peta-sidebar__item.active .peta-sidebar__item-marker{transform:scale(1.3);background:var(--color-gold);border-color:var(--color-navy)}.peta-sidebar__item-body{display:flex;flex-direction:column;gap:2px;min-width:0}.peta-sidebar__item-name{font-size:14px;font-weight:600;color:var(--color-navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.peta-sidebar__item-cat{font-size:12px;color:var(--color-text-muted)}.peta-sidebar__item-hours{font-size:11px;color:var(--color-text-light)}.peta-map-wrapper{position:relative;flex:1;min-width:0;height:100%}.leaflet-map,.map-skeleton{width:100%;height:100%}.map-skeleton{display:flex;align-items:center;justify-content:center;background:#EEF1F8}.map-skeleton__inner{width:100%;height:100%}.peta-toggle{position:absolute;top:var(--space-2);left:var(--space-2);z-index:var(--z-dropdown);background:var(--color-navy);color:var(--color-white);border:none;padding:10px 14px;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);cursor:pointer;font-size:16px;line-height:1;transition:all var(--transition-base)}.peta-toggle:hover{background:var(--color-navy-light);transform:scale(1.05)}.leaflet-top.leaflet-left{bottom:var(--space-3);top:auto;left:auto;right:var(--space-2)}.leaflet-control-zoom{border:none!important;box-shadow:var(--shadow-lg)!important;border-radius:var(--radius-md)!important;overflow:hidden}.leaflet-control-zoom a{font-size:16px!important;color:var(--color-navy)!important;font-weight:700!important}.literacy-marker{background:transparent;border:none}.literacy-marker__dot{width:20px;height:20px;background:var(--color-navy);border:3px solid var(--color-gold);border-radius:50%;box-shadow:0 2px 6px rgba(26,20,16,.25);transition:transform .2s ease}.literacy-marker--active .literacy-marker__dot{background:var(--color-gold);border-color:var(--color-navy);transform:scale(1.3)}.literacy-marker__dot:hover{transform:scale(1.2)}.literasi-popup .leaflet-popup-content-wrapper{border-radius:var(--radius-lg)!important;padding:0!important;overflow:hidden;box-shadow:var(--shadow-xl)!important;border:1px solid var(--color-border)}.literasi-popup .leaflet-popup-content{margin:0!important;width:auto!important}.literasi-popup .leaflet-popup-tip-container{display:none}.popup-card{width:280px;font-family:var(--font-body)}.popup-card__image{position:relative;width:100%;height:148px;overflow:hidden;background:var(--color-bg)}.popup-card__img{width:100%;height:100%;object-fit:cover}.popup-card__category{position:absolute;top:10px;left:10px;background:var(--color-navy);color:var(--color-white);font-size:11px;font-weight:600;padding:3px 10px;border-radius:var(--radius-full);letter-spacing:.03em}.popup-card__body{padding:14px 16px 10px}.popup-card__name{font-family:var(--font-heading);font-size:15px;font-weight:700;color:var(--color-navy);margin:0 0 6px;line-height:1.25}.popup-card__address,.popup-card__hours{font-size:12px;color:var(--color-text-muted);margin:0 0 4px;line-height:1.4}.popup-card__desc{font-size:12px;color:var(--color-text-muted);line-height:1.5;margin:6px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.popup-card__footer{display:flex;gap:8px;padding:10px 16px 14px;border-top:1px solid var(--color-border)}.popup-card__btn{flex:1;text-align:center;padding:8px 12px;border-radius:var(--radius-md);font-size:12px;font-weight:600;text-decoration:none;transition:all var(--transition-fast)}.popup-card__btn--primary{background:var(--color-navy);color:var(--color-white)}.popup-card__btn--primary:hover{background:var(--color-gold-light);color:var(--color-white)}.popup-card__btn--ghost{background:var(--color-bg);color:var(--color-text-muted);border:1px solid var(--color-border)}.popup-card__btn--ghost:hover{background:var(--color-border);color:var(--color-navy)}@media (max-width:768px){.peta-page{padding-top:68px}.peta-sidebar{position:fixed;top:68px;left:0;bottom:0;width:300px;transform:translateX(-100%);transition:transform var(--transition-base);z-index:var(--z-sidebar);box-shadow:var(--shadow-xl)}.peta-sidebar.open{transform:translateX(0)}.peta-map-wrapper{width:100%;flex:1}}