.ml2-wrap{min-height:100dvh;-webkit-font-smoothing:antialiased;font-family:var(--app-font-sans,"Poppins",-apple-system,BlinkMacSystemFont,"SF Pro Text",system-ui,"Segoe UI",sans-serif)}.ml2-nav,.ml2-wrap{background:transparent}.ml2-nav{align-items:center;border-bottom:.5px solid transparent;display:flex;height:calc(44px + env(safe-area-inset-top));justify-content:center;left:0;padding-top:env(safe-area-inset-top);position:fixed;right:0;top:var(--killbar-h,0);transition:background .25s ease,border-color .25s ease;z-index:350}.ml2-nav.scrolled{backdrop-filter:saturate(180%) blur(22px);-webkit-backdrop-filter:saturate(180%) blur(22px);background:color-mix(in srgb,var(--app-surface) 72%,transparent);border-bottom-color:color-mix(in srgb,var(--app-text) 14%,transparent)}.ml2-nav-title{color:var(--app-text);font-size:1.02rem;font-weight:600;letter-spacing:-.01em;opacity:0;transform:translateY(3px);transition:opacity .22s ease,transform .22s ease}.ml2-nav.scrolled .ml2-nav-title{opacity:1;transform:none}.ml2-nav-acts{gap:6px;margin-top:calc(env(safe-area-inset-top)/2);position:absolute;right:12px;top:50%;transform:translateY(-50%)}.ml2-nav-acts,.ml2-nav-btn{align-items:center;display:inline-flex}.ml2-nav-btn{background:color-mix(in srgb,var(--app-text) 7%,transparent);border:none;border-radius:50%;color:var(--brand-primary);cursor:pointer;font-size:1rem;height:34px;justify-content:center;position:relative;width:34px;-webkit-tap-highlight-color:transparent;transition:opacity .12s ease}.ml2-nav-btn:active{opacity:.55}.ml2-nav-dot{background:var(--app-badge);border:1.5px solid var(--app-surface);border-radius:50%;height:8px;position:absolute;right:5px;top:5px;width:8px}.ml2-nav-badge{align-items:center;background:var(--cb-error);border:1.5px solid var(--app-surface);border-radius:999px;color:var(--app-surface);display:inline-flex;font-size:.58rem;font-weight:800;height:16px;justify-content:center;line-height:13px;min-width:16px;padding:0 4px;position:absolute;right:-3px;top:-3px}.ml2-nf-scrim{align-items:flex-start;background:color-mix(in srgb,var(--app-text) 38%,transparent);display:flex;inset:0;justify-content:center;padding:calc(52px + env(safe-area-inset-top)) 10px 10px;position:fixed;z-index:3000}.ml2-nf-sheet{background:var(--app-surface);border-radius:16px;box-shadow:var(--app-shadow-lg,var(--app-shadow-sm));display:flex;flex-direction:column;max-height:calc(100dvh - 130px);max-width:460px;overflow:hidden;width:100%}.ml2-nf-head{align-items:center;border-bottom:1px solid var(--app-border);display:flex;gap:8px;padding:12px 12px 10px}.ml2-nf-title{color:var(--app-text);flex:1;font-size:.95rem;font-weight:700}.ml2-nf-clear{background:transparent;border:0;color:var(--brand-primary);cursor:pointer;font-size:.72rem;font-weight:800;padding:4px 6px}.ml2-nf-close{background:var(--app-surface-2);border:0;border-radius:50%;color:var(--app-text-mute);cursor:pointer;display:grid;font-size:.75rem;height:28px;place-items:center;width:28px}.ml2-nf-state{align-items:center;color:var(--app-text-mute);display:flex;flex-direction:column;font-size:.85rem;gap:8px;padding:34px 16px;text-align:center}.ml2-nf-state i{color:var(--app-text-faint);font-size:1.5rem}.ml2-nf-list{overflow-y:auto;-webkit-overflow-scrolling:touch}.ml2-nf-item{align-items:flex-start;background:transparent;border:0;border-bottom:1px solid var(--app-border);cursor:pointer;display:flex;gap:10px;padding:12px;text-align:left;width:100%;-webkit-tap-highlight-color:transparent}.ml2-nf-item:last-child{border-bottom:0}.ml2-nf-item:active{background:var(--app-surface-2)}.ml2-nf-ic{background:var(--brand-soft);border-radius:9px;color:var(--brand-primary);display:grid;flex:0 0 auto;font-size:.85rem;height:32px;place-items:center;width:32px}.ml2-nf-body{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.ml2-nf-judul{color:var(--app-text);font-size:.84rem;font-weight:700}.ml2-nf-item:not(.unread) .ml2-nf-judul{color:var(--app-text-mute);font-weight:600}.ml2-nf-pesan{color:var(--app-text-mute);font-size:.76rem;line-height:1.45}.ml2-nf-waktu{color:var(--app-text-faint);font-size:.68rem}.ml2-nf-dot{background:var(--cb-error);border-radius:50%;flex:0 0 auto;height:8px;margin-top:6px;width:8px}.ml2-nf-enter-active,.ml2-nf-leave-active{transition:opacity .18s ease}.ml2-nf-enter-from,.ml2-nf-leave-to{opacity:0}.ml2-main{min-height:100dvh;padding-bottom:calc(90px + env(safe-area-inset-bottom));padding-top:calc(44px + env(safe-area-inset-top) + var(--killbar-h, 0px))}.ml2-main:not(.pulling){transition:transform .3s cubic-bezier(.32,.72,0,1)}.ml2-ptr{align-items:center;background:var(--app-surface);border:.5px solid color-mix(in srgb,var(--app-text) 14%,transparent);border-radius:50%;box-shadow:0 2px 8px -2px #0000002e;color:var(--brand-primary);display:flex;font-size:.9rem;height:34px;justify-content:center;left:50%;position:fixed;top:calc(8px + env(safe-area-inset-top));transform:translate(-50%);transition:opacity .2s ease;width:34px;z-index:340}.ml2-ptr i{transition:transform .2s ease}.ml2-tabbar{background:var(--app-surface);border:1px solid var(--app-border);border-radius:999px;bottom:calc(12px + env(safe-area-inset-bottom));box-shadow:0 4px 14px -3px #10182829,0 10px 28px -8px #10182833;height:62px;justify-content:space-around;left:14px;padding:0 6px;position:fixed;right:14px;z-index:360}.ml2-tab,.ml2-tabbar{align-items:center;display:flex}.ml2-tab{background:none;border:none;color:var(--app-text-faint);cursor:pointer;flex:1 1 0;flex-direction:column;gap:4px;height:100%;justify-content:center;min-width:0;padding:0 2px;-webkit-tap-highlight-color:transparent;transition:color .18s ease,opacity .12s ease}.ml2-tab:active{opacity:.55}.ml2-tab-icwrap{display:inline-flex;position:relative}.ml2-tab-ic{font-size:1.3rem;line-height:1;transition:transform .18s cubic-bezier(.34,1.56,.64,1)}.ml2-tab-dot{background:var(--app-badge);border:1.5px solid var(--app-surface);border-radius:50%;height:9px;position:absolute;right:-5px;top:-2px;width:9px}.ml2-tab-lb{font-size:.58rem;font-weight:600;letter-spacing:.1px;line-height:1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ml2-tab.on{color:var(--brand-primary)}.ml2-tab.on .ml2-tab-ic{transform:translateY(-1px) scale(1.08)}.mob-page-enter-active,.mob-page-leave-active{transition:opacity .2s ease,transform .22s cubic-bezier(.32,.72,0,1)}.mob-page-enter-from{opacity:0;transform:translateY(8px)}.mob-page-leave-to{opacity:0;transform:translateY(-4px)}.ml2-wrap .chat-dock,.ml2-wrap .chat-popup-dock{bottom:calc(84px + env(safe-area-inset-bottom))!important}