.sf-mode{color:var(--ink-muted);justify-content:center;align-items:center;gap:10px;padding-block:12px 20px;font-size:13px;display:flex}.sf-mode__seg{border:1px solid var(--line);background:var(--surface-sunken);border-radius:999px;padding:2px;display:inline-flex}.sf-mode__seg button{min-height:32px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 12px;transition:background-color .15s,color .15s}.sf-mode__seg button[aria-checked=true]{background:var(--surface-raised);color:var(--ink);box-shadow:0 1px 2px #0000001f}.sf-mode__seg button:focus-visible{outline:2px solid var(--samudra);outline-offset:1px}@media (prefers-reduced-motion:reduce){.sf-mode__seg button{transition:none}}
.sf-pasang{z-index:calc(var(--z-sticky,100) + 2);left:12px;right:12px;bottom:calc(12px + max(var(--sf-dock-h,0px), env(safe-area-inset-bottom)));border:1px solid var(--line);border-radius:var(--r-md,14px);background:var(--surface-raised,var(--surface));color:var(--ink);animation:sf-pasang-in var(--duration-base,.22s) var(--ease,ease) both;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px 12px;padding:14px;display:grid;position:fixed;box-shadow:0 12px 32px #00000029}.sf-pasang.is-leaving{animation:.2s both sf-pasang-out}body:has(.sf-dock) .sf-pasang{bottom:calc(84px + env(safe-area-inset-bottom))}.sf-pasang__icon{border-radius:10px;width:44px;height:44px}.sf-pasang__text{color:var(--ink-muted,var(--ink));gap:2px;font-size:.875rem;line-height:1.45;display:grid}.sf-pasang__text strong{color:var(--ink);overflow-wrap:anywhere;font-size:.95rem}.sf-pasang__actions{grid-column:1/-1;justify-content:flex-end;align-items:center;gap:8px;display:flex}.sf-pasang__btn{min-height:40px;padding:0 18px;font-size:.9rem}.sf-pasang__later{border-radius:var(--radius-btn,var(--r-sm));min-height:40px;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:0;padding:0 14px;font-size:.9rem;font-weight:600}.sf-pasang__later:hover{background:color-mix(in srgb, var(--ink) 6%, transparent)}.sf-pasang button:focus-visible{outline:2px solid var(--samudra);outline-offset:2px}@keyframes sf-pasang-in{0%{opacity:0;transform:translateY(16px)}}@keyframes sf-pasang-out{to{opacity:0;transform:translateY(16px)}}@media (min-width:769px){.sf-pasang{display:none}}@media (prefers-reduced-motion:reduce){.sf-pasang,.sf-pasang.is-leaving{animation:none}}