.sp-overlay{position:fixed;inset:0;background:hsla(0,0%,5%,.5);z-index:var(--z-overlay);opacity:0;animation:sp-fade var(--motion-base) forwards}@keyframes sp-fade{to{opacity:1}}.sp-panel{position:fixed;background:var(--bg-surface);z-index:var(--z-modal);display:flex;flex-direction:column;box-shadow:var(--shadow-lg);left:0;right:0;bottom:0;max-height:90vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0;animation:sp-slide-up var(--motion-base) forwards}@keyframes sp-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (min-width:768px){.sp-panel{left:auto;top:0;right:0;bottom:0;max-height:100vh;width:480px;border-radius:0;animation:sp-slide-right var(--motion-base) forwards}@keyframes sp-slide-right{0%{transform:translateX(100%)}to{transform:translateX(0)}}}.sp-handle{display:flex;justify-content:center;padding:var(--space-3) 0 0}.sp-handle:after{content:"";width:40px;height:4px;background:var(--marine-25);border-radius:999px}@media (min-width:768px){.sp-handle{display:none}}.sp-head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--marine-09)}.sp-close{flex-shrink:0;width:var(--touch-min);height:var(--touch-min);display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1.5px solid var(--marine-09);border-radius:var(--radius-md);color:var(--marine-65);cursor:pointer;transition:var(--motion-fast)}.sp-close:hover{border-color:var(--marine-25);color:var(--marine);background:var(--marine-09)}.sp-close:focus-visible{outline:2px solid var(--or);outline-offset:2px}.sp-title{font-family:var(--ff-display);font-size:var(--fs-h3);color:var(--marine);font-weight:600}.sp-body{flex:1;overflow-y:auto;padding:var(--space-5)}.sp-foot{padding:var(--space-4) var(--space-5);border-top:1px solid var(--marine-09);display:flex;gap:var(--space-2);justify-content:flex-end;flex-wrap:wrap}