.portal-shell{--portal-bg:#eef4fb;--portal-surface:#ffffff;--portal-surface-2:#e3eefb;--portal-border:#d6e4f5;--portal-ink:#0b1f4d;--portal-ink-soft:#3b5a94;--pf-navy:#172554;--pf-blue:#1e3a8a;--pf-blue-bright:#2563eb;--pf-orange:#fb923c;--pf-orange-deep:#ea580c;--portal-accent:var(--pf-orange-deep);--r-chip:12px;--r-btn:16px;--r-card:24px;--r-sheet:28px;--ease-spring:cubic-bezier(0.32,0.72,0,1);--press-scale:0.97;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}@supports (corner-shape:squircle){.portal-shell{--r-chip:16px;--r-btn:22px;--r-card:32px;--r-sheet:40px}.portal-btn,.portal-card,.portal-chip,.portal-sheet{corner-shape:squircle}}.portal-card{background:var(--portal-surface);border:1px solid var(--portal-border);border-radius:var(--r-card);box-shadow:0 8px 24px -12px rgb(30 58 138/.35)}.portal-btn{border-radius:var(--r-btn)}.portal-chip{border-radius:var(--r-chip)}.portal-sheet{border-radius:var(--r-sheet) var(--r-sheet) 0 0;padding-bottom:var(--safe-bottom);background:var(--portal-surface)}.portal-press{touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .14s var(--ease-spring),background-color .14s ease}.portal-press:active{transform:scale(var(--press-scale))}.portal-progress{position:fixed;inset:0 0 auto 0;height:3px;z-index:10000;overflow:hidden;pointer-events:none}.portal-progress:before{content:"";position:absolute;inset:0 auto 0 0;width:40%;border-radius:999px;background:linear-gradient(90deg,var(--pf-orange),var(--pf-orange-deep));animation:portal-progress 1s var(--ease-spring) infinite}@keyframes portal-progress{0%{transform:translateX(-100%)}to{transform:translateX(250%)}}@media (prefers-reduced-motion:reduce){.portal-progress:before{animation:none;width:100%;opacity:.6}.portal-press,.portal-press:active{transition:none;transform:none}}