.sf-header-root{--sf-h-primary:var(--color-primary);--sf-h-secondary:var(--color-secondary);--sf-h-accent:var(--color-accent);--sf-h-success:var(--color-success);--sf-h-error:var(--color-error);--sf-h-warning:var(--color-warning);--sf-h-on-primary:var(--color-button-text,#fff);--sf-h-bg:var(--color-header-bg,color-mix(in srgb,var(--color-brand-bg) 88%,var(--color-primary) 12%));--sf-h-surface:var(--color-surface,var(--background));--sf-h-text:var(--color-brand-text);--sf-h-muted:var(--color-text-muted,color-mix(in srgb,var(--sf-h-text) 52%,transparent));--sf-h-border:color-mix(in srgb,var(--color-border,var(--sf-h-text)) 34%,transparent);--sf-h-border-subtle:color-mix(in srgb,var(--color-border,var(--sf-h-text)) 18%,transparent);--sf-h-r:var(--radius-md,10px);--sf-h-blur:20px;--sf-h-ease:cubic-bezier(0.22,1,0.36,1);--sf-h-ease-spring:cubic-bezier(0.34,1.35,0.64,1);position:relative;z-index:200}.sf-header-root:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0,color-mix(in srgb,var(--sf-h-primary) 55%,transparent) 25%,color-mix(in srgb,var(--sf-h-accent) 65%,transparent) 50%,color-mix(in srgb,var(--sf-h-secondary) 55%,transparent) 75%,transparent 100%);background-size:200% 100%;animation:sf-h-shimmer 8s ease-in-out infinite;pointer-events:none;z-index:220}@keyframes sf-h-shimmer{0%,to{background-position:0 50%;opacity:.35}50%{background-position:100% 50%;opacity:.55}}@keyframes sf-h-drop-in{0%{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes sf-h-slide-down{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes sf-h-fade-in{0%{opacity:0}to{opacity:1}}@keyframes sf-h-slide-in{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes sf-h-pulse-soft{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.06);opacity:.92}}@keyframes sf-h-glow-breathe{0%,to{box-shadow:0 0 0 0 color-mix(in srgb,var(--sf-h-primary) 0%,transparent)}50%{box-shadow:0 0 0 4px color-mix(in srgb,var(--sf-h-primary) 10%,transparent)}}@keyframes sf-h-menu-stagger{0%{opacity:0;transform:translateX(-6px)}to{opacity:1;transform:translateX(0)}}.sf-header-utility{display:none;border-bottom:1px solid var(--sf-h-border);background:color-mix(in srgb,var(--sf-h-bg) 94%,transparent);box-shadow:0 .5px 0 color-mix(in srgb,var(--sf-h-primary) 4%,transparent)}@media (min-width:1024px){.sf-header-utility{display:block}}.sf-header-utility-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.35rem 1rem;font-size:.6875rem;letter-spacing:.01em}.sf-header-utility-link{display:inline-flex;align-items:center;gap:.35rem;color:var(--sf-h-muted);transition:color .25s var(--sf-h-ease),transform .25s var(--sf-h-ease)}.sf-header-utility-link:hover{color:var(--sf-h-primary);transform:translateY(-1px)}.sf-header-utility-actions{display:flex;align-items:center;gap:.75rem}.sf-header-quick-link{display:inline-flex;align-items:center;gap:.28rem;color:var(--sf-h-muted);font-weight:600;transition:color .22s var(--sf-h-ease)}.sf-header-quick-link:hover{color:var(--sf-h-accent)}.sf-header-theme-toggle{position:relative;width:2.65rem;height:1.35rem;border-radius:999px;border:1px solid var(--sf-h-border);background:color-mix(in srgb,var(--sf-h-muted) 10%,transparent);padding:2px;cursor:pointer;transition:border-color .3s var(--sf-h-ease),background .3s var(--sf-h-ease)}.sf-header-theme-toggle:hover{border-color:color-mix(in srgb,var(--sf-h-primary) 35%,transparent)}.sf-header-theme-knob{display:flex;align-items:center;justify-content:center;width:1.05rem;height:1.05rem;border-radius:999px;background:var(--sf-h-surface);color:var(--sf-h-accent);box-shadow:0 1px 3px color-mix(in srgb,var(--sf-h-text) 12%,transparent);transition:transform .35s var(--sf-h-ease-spring)}.sf-header-theme-toggle[data-dark=true]{background:color-mix(in srgb,var(--sf-h-primary) 28%,transparent);border-color:color-mix(in srgb,var(--sf-h-primary) 30%,transparent)}.sf-header-theme-toggle[data-dark=true] .sf-header-theme-knob{transform:translateX(1.15rem);color:var(--sf-h-primary)}.sf-header-main{position:sticky;top:0;z-index:210;border-bottom:1px solid var(--sf-h-border);background:color-mix(in srgb,var(--sf-h-bg) 82%,transparent);backdrop-filter:blur(var(--sf-h-blur)) saturate(1.4);-webkit-backdrop-filter:blur(var(--sf-h-blur)) saturate(1.4);box-shadow:0 .5px 0 color-mix(in srgb,var(--sf-h-primary) 3%,transparent);transition:box-shadow .4s var(--sf-h-ease),background .4s var(--sf-h-ease)}.sf-header-main.is-scrolled{background:color-mix(in srgb,var(--sf-h-bg) 94%,transparent);box-shadow:0 .5px 0 color-mix(in srgb,var(--sf-h-primary) 4%,transparent),0 8px 28px color-mix(in srgb,var(--sf-h-primary) 4%,transparent)}.sf-header-main-inner{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;transition:padding .35s var(--sf-h-ease)}.sf-header-main.is-scrolled .sf-header-main-inner{padding-top:.35rem;padding-bottom:.35rem}.sf-header-logo{display:flex;align-items:center;flex-shrink:0;transition:opacity .25s var(--sf-h-ease),transform .35s var(--sf-h-ease-spring)}.sf-header-logo:hover{opacity:.9;transform:scale(1.015)}.sf-header-logo img,.sf-header-logo-img{height:2.125rem;width:auto;max-width:9.5rem;object-fit:contain}@media (min-width:640px){.sf-header-logo img,.sf-header-logo-img{height:2.375rem;max-width:10.5rem}}.sf-header-search-wrap{flex:1;max-width:36rem;display:none}@media (min-width:1024px){.sf-header-search-wrap{display:block}}.sf-header-search-form{position:relative;width:100%}.sf-header-search-form:before{content:"";position:absolute;inset:-1px;border-radius:calc(var(--sf-h-r) + 2px);background:linear-gradient(135deg,var(--sf-h-primary),var(--sf-h-accent),var(--sf-h-secondary));opacity:0;transition:opacity .35s var(--sf-h-ease);z-index:0;pointer-events:none}.sf-header-search-form:focus-within:before{opacity:.22}.sf-header-search-icon{position:absolute;left:.8rem;top:50%;transform:translateY(-50%);color:var(--sf-h-muted);pointer-events:none;z-index:2;transition:color .25s var(--sf-h-ease)}.sf-header-search-form:focus-within .sf-header-search-icon{color:var(--sf-h-primary)}.sf-header-search-input{position:relative;z-index:1;width:100%;padding:.5rem 2.25rem .5rem 2.2rem;border-radius:var(--sf-h-r);border:1px solid var(--sf-h-border);background:color-mix(in srgb,var(--sf-h-surface) 75%,transparent);color:var(--sf-h-text);font-size:.8125rem;outline:none;box-shadow:inset 0 0 0 .5px color-mix(in srgb,var(--sf-h-primary) 3%,transparent);transition:border-color .3s var(--sf-h-ease),background .3s var(--sf-h-ease),box-shadow .3s var(--sf-h-ease)}.sf-header-search-input:focus{border-color:color-mix(in srgb,var(--sf-h-primary) 28%,transparent);background:var(--sf-h-surface);box-shadow:inset 0 0 0 .5px color-mix(in srgb,var(--sf-h-primary) 8%,transparent),0 0 0 2px color-mix(in srgb,var(--sf-h-primary) 7%,transparent)}.sf-header-search-suggestions{position:absolute;left:0;right:0;top:calc(100% + .4rem);z-index:300;max-height:20rem;overflow-y:auto;border-radius:calc(var(--sf-h-r) + 2px);border:1px solid var(--sf-h-border);background:color-mix(in srgb,var(--sf-h-surface) 92%,transparent);backdrop-filter:blur(16px);box-shadow:0 0 0 .5px color-mix(in srgb,var(--sf-h-primary) 12%,transparent),0 20px 48px color-mix(in srgb,var(--sf-h-text) 10%,transparent);animation:sf-h-drop-in .28s var(--sf-h-ease-spring)}.sf-header-search-suggestion{display:flex;width:100%;align-items:center;gap:.6rem;padding:.5rem .7rem;text-align:left;font-size:.8125rem;color:var(--sf-h-text);transition:background .18s var(--sf-h-ease)}.sf-header-search-suggestion:hover{background:color-mix(in srgb,var(--sf-h-primary) 7%,transparent)}.sf-header-search-mobile-only{display:inline-flex}@media (min-width:1024px){.sf-header-search-mobile-only{display:none!important}}.sf-header-actions{display:flex;align-items:center;gap:.2rem;margin-left:auto}.sf-header-icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:2.125rem;height:2.125rem;border-radius:calc(var(--sf-h-r) - 2px);color:var(--sf-h-muted);transition:color .22s var(--sf-h-ease),background .22s var(--sf-h-ease),transform .28s var(--sf-h-ease-spring)}.sf-header-icon-btn:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle,color-mix(in srgb,var(--sf-h-primary) 18%,transparent) 0,transparent 70%);opacity:0;transform:scale(.6);transition:opacity .3s var(--sf-h-ease),transform .3s var(--sf-h-ease)}.sf-header-icon-btn:hover{color:var(--sf-h-primary);background:color-mix(in srgb,var(--sf-h-primary) 8%,transparent);transform:translateY(-1px) scale(1.04)}.sf-header-icon-btn:hover:after{opacity:1;transform:scale(1)}.sf-header-badge{position:absolute;top:-1px;right:-1px;min-width:.95rem;height:.95rem;padding:0 .18rem;border-radius:999px;background:linear-gradient(135deg,var(--sf-h-primary),var(--sf-h-accent));font-size:.5rem;display:flex;justify-content:center;border:.5px solid color-mix(in srgb,var(--sf-h-on-primary) 30%,transparent);animation:sf-h-pulse-soft 2.4s ease infinite}.sf-header-badge,.sf-header-wallet-btn{color:var(--sf-h-on-primary);font-weight:700;align-items:center}.sf-header-wallet-btn{display:none;gap:.35rem;padding:.4rem .8rem;border-radius:var(--sf-h-r);background:linear-gradient(135deg,var(--sf-h-success),color-mix(in srgb,var(--sf-h-success) 70%,var(--sf-h-primary)));font-size:.6875rem;border:.5px solid color-mix(in srgb,var(--sf-h-success) 40%,transparent);box-shadow:0 4px 16px color-mix(in srgb,var(--sf-h-success) 28%,transparent);transition:transform .28s var(--sf-h-ease-spring),box-shadow .28s var(--sf-h-ease)}.sf-header-wallet-btn:hover{transform:translateY(-1px) scale(1.03);box-shadow:0 8px 24px color-mix(in srgb,var(--sf-h-success) 35%,transparent)}@media (min-width:640px){.sf-header-wallet-btn{display:inline-flex}}.sf-header-wallet-dot{position:absolute;top:-2px;right:-2px;width:.35rem;height:.35rem;border-radius:999px;background:var(--sf-h-accent);animation:sf-h-pulse-soft 1.8s ease infinite}.sf-header-auth-btn{display:inline-flex;align-items:center;padding:.4rem .85rem;border-radius:var(--sf-h-r);font-size:.75rem;font-weight:600;transition:transform .25s var(--sf-h-ease-spring),box-shadow .25s var(--sf-h-ease)}.sf-header-auth-btn:hover{transform:translateY(-1px) scale(1.02)}.sf-header-auth-btn--primary{background:linear-gradient(135deg,var(--sf-h-primary),var(--sf-h-secondary));color:var(--sf-h-on-primary);border:.5px solid color-mix(in srgb,var(--sf-h-primary) 30%,transparent);box-shadow:0 4px 16px color-mix(in srgb,var(--sf-h-primary) 30%,transparent)}.sf-header-auth-btn--ghost{border:.5px solid color-mix(in srgb,var(--sf-h-primary) 28%,transparent);color:var(--sf-h-primary);background:color-mix(in srgb,var(--sf-h-primary) 5%,transparent)}.sf-header-hamburger{display:inline-flex;align-items:center;justify-content:center;width:2.125rem;height:2.125rem;border-radius:calc(var(--sf-h-r) - 2px);color:var(--sf-h-muted);transition:background .22s var(--sf-h-ease),color .22s var(--sf-h-ease)}@media (min-width:1024px){.sf-header-hamburger{display:none}}.sf-header-hamburger:hover{background:color-mix(in srgb,var(--sf-h-primary) 8%,transparent);color:var(--sf-h-primary)}.sf-header-user-wrap{position:relative}.sf-header-user-trigger{display:none;align-items:center;gap:.5rem;padding:.2rem .45rem .2rem .2rem;border-radius:var(--sf-h-r);border:1px solid var(--sf-h-border-subtle);transition:background .25s var(--sf-h-ease),border-color .25s var(--sf-h-ease),box-shadow .25s var(--sf-h-ease);cursor:pointer}@media (min-width:768px){.sf-header-user-trigger{display:flex}}.sf-header-user-trigger:hover,.sf-header-user-trigger[aria-expanded=true]{background:color-mix(in srgb,var(--sf-h-primary) 5%,transparent);border-color:color-mix(in srgb,var(--sf-h-primary) 22%,var(--sf-h-border));box-shadow:none}.sf-header-avatar{position:relative;width:2.35rem;height:2.35rem;border-radius:calc(var(--sf-h-r) - 2px);border:.5px solid color-mix(in srgb,var(--sf-h-primary) 25%,transparent);background:linear-gradient(135deg,var(--sf-h-primary),var(--sf-h-secondary));color:var(--sf-h-on-primary);font-size:.6875rem;font-weight:700;display:flex;align-items:center;justify-content:center;overflow:hidden}.sf-header-avatar-dot{position:absolute;bottom:-1px;right:-1px;width:.55rem;height:.55rem;border-radius:999px;background:var(--sf-h-success);border:1.5px solid var(--sf-h-surface)}.sf-header-user-name{font-size:.8125rem;font-weight:600;color:var(--sf-h-text);max-width:8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sf-header-user-balance{color:var(--sf-h-success)}.sf-header-user-balance,.sf-header-user-points{font-size:.625rem;font-weight:600;line-height:1.3}.sf-header-user-points{color:var(--sf-h-accent)}.sf-header-user-meta{display:none;flex-direction:column;align-items:flex-start;min-width:0}@media (min-width:768px){.sf-header-user-meta{display:flex}}.sf-header-dropdown{position:absolute;right:0;top:calc(100% + .35rem);min-width:17rem;border-radius:calc(var(--sf-h-r) + 6px);border:1px solid var(--sf-h-border);background:color-mix(in srgb,var(--sf-h-surface) 92%,transparent);backdrop-filter:blur(18px) saturate(1.2);box-shadow:0 .5px 0 color-mix(in srgb,var(--sf-h-primary) 4%,transparent),0 14px 36px color-mix(in srgb,var(--sf-h-text) 6%,transparent);overflow:hidden;z-index:400;animation:sf-h-drop-in .32s var(--sf-h-ease-spring);transform-origin:top right}.sf-header-user-dropdown{top:100%;right:0;left:auto;margin:0;padding:.4rem 0 0;background:transparent;border:none;box-shadow:none;backdrop-filter:none;overflow:visible;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(4px);transition:opacity .2s var(--sf-h-ease),visibility .2s var(--sf-h-ease),transform .22s var(--sf-h-ease-spring);animation:none}.sf-header-user-dropdown-panel{border-radius:calc(var(--sf-h-r) + 6px);border:1px solid var(--sf-h-border);background:color-mix(in srgb,var(--sf-h-surface) 94%,transparent);backdrop-filter:blur(18px) saturate(1.2);box-shadow:0 1px 0 color-mix(in srgb,var(--sf-h-primary) 6%,transparent),0 14px 36px color-mix(in srgb,var(--sf-h-text) 8%,transparent);overflow:hidden}.sf-header-user-wrap.is-open .sf-header-user-dropdown,.sf-header-user-wrap:focus-within .sf-header-user-dropdown,.sf-header-user-wrap:hover .sf-header-user-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.sf-header-user-wrap.is-open .sf-header-user-trigger,.sf-header-user-wrap:focus-within .sf-header-user-trigger,.sf-header-user-wrap:hover .sf-header-user-trigger{background:color-mix(in srgb,var(--sf-h-primary) 5%,transparent);border-color:color-mix(in srgb,var(--sf-h-primary) 22%,var(--sf-h-border))}.sf-header-dropdown--wide{min-width:18.5rem}.sf-header-dropdown-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.7rem .95rem;background:linear-gradient(135deg,var(--sf-h-error),color-mix(in srgb,var(--sf-h-error) 75%,var(--sf-h-accent)));color:var(--sf-h-on-primary)}.sf-header-dropdown-head--user{background:linear-gradient(135deg,var(--sf-h-primary),var(--sf-h-secondary))}.sf-header-dropdown-title{font-size:.8125rem;font-weight:700;letter-spacing:.01em}.sf-header-dropdown-link{font-size:.6875rem;font-weight:650;color:inherit;opacity:.9;text-decoration:underline;text-underline-offset:2px}.sf-header-menu-item.is-unread .sf-header-menu-label{font-weight:700}.sf-header-dropdown-body{overflow:visible;padding:.3rem}.sf-header-user-dropdown .sf-header-dropdown-body{max-height:none;overflow:visible}.sf-header-menu-item{display:flex;align-items:center;gap:.6rem;padding:.5rem .6rem;border-radius:calc(var(--sf-h-r) - 2px);transition:background .2s var(--sf-h-ease)}.sf-header-user-dropdown .sf-header-menu-item{animation:none}.sf-header-menu-item:hover{background:color-mix(in srgb,var(--sf-h-primary) 7%,transparent)}.sf-header-menu-icon{width:2.125rem;height:2.125rem;border-radius:calc(var(--sf-h-r) - 4px);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:.5px solid transparent;transition:background .2s var(--sf-h-ease),border-color .2s var(--sf-h-ease),transform .22s var(--sf-h-ease-spring)}.sf-header-menu-item:hover .sf-header-menu-icon{transform:scale(1.05)}.sf-header-menu-icon--primary{color:var(--sf-h-primary);background:color-mix(in srgb,var(--sf-h-primary) 10%,transparent);border-color:color-mix(in srgb,var(--sf-h-primary) 18%,transparent)}.sf-header-menu-icon--secondary{color:var(--sf-h-secondary);background:color-mix(in srgb,var(--sf-h-secondary) 10%,transparent);border-color:color-mix(in srgb,var(--sf-h-secondary) 18%,transparent)}.sf-header-menu-icon--accent{color:var(--sf-h-accent);background:color-mix(in srgb,var(--sf-h-accent) 10%,transparent);border-color:color-mix(in srgb,var(--sf-h-accent) 18%,transparent)}.sf-header-menu-icon--success{color:var(--sf-h-success);background:color-mix(in srgb,var(--sf-h-success) 10%,transparent);border-color:color-mix(in srgb,var(--sf-h-success) 18%,transparent)}.sf-header-menu-label{font-size:.8125rem;font-weight:600;color:var(--sf-h-text)}.sf-header-menu-desc{font-size:.625rem;color:var(--sf-h-muted)}.sf-header-dropdown-footer{padding:.4rem .6rem;border-top:1px solid var(--sf-h-border-subtle)}.sf-header-user-dropdown-panel .sf-header-dropdown-head{border-bottom:1px solid var(--sf-h-border-subtle)}.sf-header-logout-btn{display:flex;width:100%;align-items:center;gap:.6rem;padding:.5rem .6rem;border-radius:calc(var(--sf-h-r) - 2px);color:var(--sf-h-error);transition:background .2s var(--sf-h-ease)}.sf-header-logout-btn:hover{background:color-mix(in srgb,var(--sf-h-error) 8%,transparent)}.sf-header-logout-label{color:var(--sf-h-error)}.sf-header-menu-icon--error{color:var(--sf-h-error);background:color-mix(in srgb,var(--sf-h-error) 10%,transparent);border-color:color-mix(in srgb,var(--sf-h-error) 18%,transparent)}.sf-header-empty{padding:2rem 1rem;text-align:center;color:var(--sf-h-muted);font-size:.8125rem}.sf-header-category-nav{display:none;border-top:1px solid var(--sf-h-border)}@media (min-width:1024px){.sf-header-category-nav{display:block}}.sf-header-category-inner{display:flex;align-items:center;justify-content:center;gap:.15rem;padding:.1rem 1rem;overflow-x:auto;scrollbar-width:none}.sf-header-category-inner::-webkit-scrollbar{display:none}.sf-header-cat-link{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .7rem;border-radius:calc(var(--sf-h-r) - 2px);font-size:.8125rem;font-weight:600;color:var(--sf-h-muted);white-space:nowrap;position:relative;transition:color .25s var(--sf-h-ease),background .25s var(--sf-h-ease)}.sf-header-cat-link:after{content:"";position:absolute;bottom:.12rem;left:.7rem;right:.7rem;height:1.5px;border-radius:999px;background:linear-gradient(90deg,var(--sf-h-primary),var(--sf-h-accent));transform:scaleX(0);transform-origin:center;transition:transform .32s var(--sf-h-ease-spring)}.sf-header-cat-link.is-active,.sf-header-cat-link:hover{color:var(--sf-h-primary);background:color-mix(in srgb,var(--sf-h-primary) 6%,transparent)}.sf-header-cat-link.is-active:after,.sf-header-cat-link:hover:after{transform:scaleX(1)}.sf-header-mobile-search{display:block;border-top:1px solid var(--sf-h-border);padding:.55rem 1rem;animation:sf-h-slide-down .28s var(--sf-h-ease)}@media (min-width:1024px){.sf-header-mobile-search{display:none}}.sf-header-drawer-backdrop{position:fixed;inset:0;z-index:500;background:color-mix(in srgb,var(--sf-h-text) 35%,transparent);backdrop-filter:blur(3px);animation:sf-h-fade-in .28s var(--sf-h-ease)}.sf-header-drawer{position:fixed;top:0;left:0;bottom:0;z-index:510;width:min(17rem,88vw);background:color-mix(in srgb,var(--sf-h-surface) 96%,transparent);backdrop-filter:blur(20px);border-right:1px solid var(--sf-h-border);display:flex;flex-direction:column;animation:sf-h-slide-in .35s var(--sf-h-ease);box-shadow:8px 0 40px color-mix(in srgb,var(--sf-h-text) 8%,transparent)}.sf-header-drawer-head{padding:1rem;border-bottom:1px solid var(--sf-h-border)}.sf-header-drawer-body{flex:1;overflow-y:auto;padding:.65rem}.sf-header-drawer-link{display:block;padding:.5rem .7rem;border-radius:calc(var(--sf-h-r) - 2px);font-size:.875rem;font-weight:500;color:var(--sf-h-text);border:.5px solid transparent;transition:background .2s var(--sf-h-ease),color .2s var(--sf-h-ease),border-color .2s var(--sf-h-ease)}.sf-header-drawer-link.is-active,.sf-header-drawer-link:hover{background:color-mix(in srgb,var(--sf-h-primary) 7%,transparent);color:var(--sf-h-primary);border-color:color-mix(in srgb,var(--sf-h-primary) 12%,transparent)}.sf-header-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:190;display:flex;align-items:stretch;justify-content:space-around;padding:.3rem .2rem calc(.3rem + env(safe-area-inset-bottom));border-top:1px solid var(--sf-h-border);background:color-mix(in srgb,var(--sf-h-bg) 92%,transparent);backdrop-filter:blur(16px) saturate(1.3);box-shadow:0 -1px 0 color-mix(in srgb,var(--sf-h-primary) 6%,transparent)}@media (min-width:1024px){.sf-header-bottom-nav{display:none}}.sf-header-bottom-item{display:flex;flex-direction:column;align-items:center;gap:.12rem;padding:.2rem .45rem;border-radius:calc(var(--sf-h-r) - 2px);color:var(--sf-h-muted);font-size:.5625rem;font-weight:600;transition:color .25s var(--sf-h-ease),transform .28s var(--sf-h-ease-spring);min-width:3rem;position:relative}.sf-header-bottom-item.is-active:before{content:"";position:absolute;top:-.3rem;left:50%;transform:translateX(-50%);width:1.125rem;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--sf-h-primary),var(--sf-h-accent));animation:sf-h-pulse-soft 2s ease infinite}.sf-header-bottom-item.is-active,.sf-header-bottom-item:hover{color:var(--sf-h-primary);transform:translateY(-2px)}.sf-header-bottom-icon{width:1.65rem;height:1.65rem;border-radius:calc(var(--sf-h-r) - 4px);display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--sf-h-primary) 6%,transparent);border:.5px solid transparent;transition:background .25s var(--sf-h-ease),border-color .25s var(--sf-h-ease)}.sf-header-bottom-item.is-active .sf-header-bottom-icon,.sf-header-bottom-item:hover .sf-header-bottom-icon{background:color-mix(in srgb,var(--sf-h-primary) 14%,transparent);border-color:color-mix(in srgb,var(--sf-h-primary) 20%,transparent)}.sf-header-has-bottom-nav{padding-bottom:calc(4.25rem + env(safe-area-inset-bottom))}@media (min-width:1024px){.sf-header-has-bottom-nav{padding-bottom:0}}.cp-root .sf-header-root{--sf-h-bg:var(--color-header-bg,var(--cp-bg,var(--color-brand-bg)));--sf-h-surface:var(--cp-surface,var(--color-surface));--sf-h-text:var(--cp-text,var(--color-brand-text));--sf-h-muted:var(--cp-text2,var(--color-text-muted));--sf-h-border:color-mix(in srgb,var(--cp-border,var(--color-border,var(--sf-h-text))) 30%,transparent);--sf-h-border-subtle:color-mix(in srgb,var(--cp-border,var(--color-border,var(--sf-h-text))) 16%,transparent);--sf-h-primary:var(--color-primary,var(--cp-purple));--sf-h-accent:var(--color-accent,var(--cp-accent))}.sf-lang-switch__btn{gap:.25rem;min-width:2.25rem;font-size:.7rem;font-weight:700;letter-spacing:.04em}.sf-lang-switch__code{color:inherit}.sf-lang-switch__chev{font-size:.65rem;opacity:.7}.sf-lang-switch__menu{position:absolute;right:0;top:calc(100% + 6px);z-index:230;min-width:9.5rem;margin:0;padding:.35rem;list-style:none;border-radius:var(--sf-h-r);background:var(--sf-h-surface);border:1px solid var(--sf-h-border-subtle);box-shadow:0 12px 28px color-mix(in srgb,var(--sf-h-text) 12%,transparent);animation:sf-h-drop-in .18s var(--sf-h-ease)}.sf-lang-switch__item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem .65rem;border:0;border-radius:calc(var(--sf-h-r) - 4px);background:transparent;color:var(--sf-h-text);cursor:pointer;text-align:left}.sf-lang-switch__item.is-active,.sf-lang-switch__item:hover{background:color-mix(in srgb,var(--sf-h-primary) 12%,transparent)}.sf-lang-switch__item-code{font-size:.7rem;font-weight:700}.sf-lang-switch__item-name{font-size:.75rem;opacity:.75}