:root,.hp-theme-scope{--hp-accent: #2f6b4f;--hp-secondary: #788c5d;--hp-bg: #f5f7f4;--hp-surface: #ffffff;--hp-text: #141413;--hp-muted: #73726c;--hp-success: #4b7838;--hp-warning: #96751e;--hp-danger: #b3492e;--hp-accent-strong: color-mix(in srgb, var(--hp-accent) 86%, #000);--hp-accent-tint: color-mix(in srgb, var(--hp-accent) 12%, var(--hp-surface));--hp-accent-tint-strong: color-mix(in srgb, var(--hp-accent) 22%, var(--hp-surface));--hp-secondary-tint: color-mix(in srgb, var(--hp-secondary) 14%, var(--hp-surface));--hp-text-2: color-mix(in srgb, var(--hp-text) 80%, var(--hp-bg));--hp-text-3: color-mix(in srgb, var(--hp-text) 65%, var(--hp-bg));--hp-subtle: color-mix(in srgb, var(--hp-muted) 75%, var(--hp-bg));--hp-faint: color-mix(in srgb, var(--hp-muted) 50%, var(--hp-bg));--hp-border: color-mix(in srgb, var(--hp-text) 12%, transparent);--hp-border-soft: color-mix(in srgb, var(--hp-text) 8%, transparent);--hp-border-strong: color-mix(in srgb, var(--hp-text) 18%, transparent);--hp-divider: color-mix(in srgb, var(--hp-text) 7%, var(--hp-surface));--hp-row-divider: color-mix(in srgb, var(--hp-text) 6%, var(--hp-surface));--hp-hover: color-mix(in srgb, var(--hp-text) 4%, var(--hp-surface));--hp-track: color-mix(in srgb, var(--hp-text) 8%, var(--hp-surface));--hp-toggle-off: color-mix(in srgb, var(--hp-text) 22%, var(--hp-surface));--hp-input-bg: color-mix(in srgb, var(--hp-bg) 60%, var(--hp-surface));--hp-neutral-bg: color-mix(in srgb, var(--hp-text) 6%, var(--hp-surface));--hp-sidebar: var(--hp-bg);--hp-success-bg: color-mix(in srgb, var(--hp-success) 12%, var(--hp-surface));--hp-warning-bg: color-mix(in srgb, var(--hp-warning) 12%, var(--hp-surface));--hp-danger-bg: color-mix(in srgb, var(--hp-danger) 12%, var(--hp-surface));--hp-success-dot: var(--hp-success);--hp-warning-dot: var(--hp-warning);--hp-on-accent: #fff;--hp-code-bg: color-mix(in srgb, var(--hp-text) 92%, #000);--hp-code-text: color-mix(in srgb, var(--hp-bg) 94%, #fff);--hp-backdrop: color-mix(in srgb, var(--hp-text) 32%, transparent);--hp-shadow-sm: 0 1px 2px color-mix(in srgb, var(--hp-text) 8%, transparent);--hp-shadow-pop: 0 12px 32px color-mix(in srgb, var(--hp-text) 14%, transparent);--hp-font-sans: "Inter", "Segoe UI", system-ui, sans-serif;--hp-font-serif: Georgia, "Times New Roman", serif;--hp-font-mono: "JetBrains Mono", Consolas, monospace;--hp-radius: 10px;--hp-radius-sm: 6px;--hp-radius-md: 10px;--hp-radius-lg: 14px;--hp-radius-xl: 18px}.hp-theme-scope{color:var(--hp-text);font-family:var(--hp-font-sans)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%}body{overflow-x:hidden;font-family:var(--hp-font-sans);font-size:var(--hp-body-size, 14px);line-height:var(--hp-line-height, 1.5);color:var(--hp-text);background:var(--hp-bg);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}input,select,textarea{font-family:inherit;max-width:100%}img,svg,video{max-width:100%}:focus-visible{outline:2px solid var(--hp-accent);outline-offset:2px}.hp-wrap-anywhere{overflow-wrap:anywhere;word-break:break-word}.hp-ellipsis{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hp-serif{font-family:var(--hp-font-serif)}.hp-mono{font-family:var(--hp-font-mono)}.hp-muted{color:var(--hp-subtle)}.hp-link{display:inline-flex;align-items:center;gap:4px;color:var(--hp-accent);font-weight:700;font-size:12.5px;background:none;border:none;padding:0}.hp-stack{display:flex;flex-direction:column;gap:var(--hp-gap, 16px)}.hp-row{display:flex;align-items:center;gap:var(--hp-gap, 10px)}.hp-spread{display:flex;align-items:center;justify-content:space-between;gap:12px}.hp-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.hp-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}@media(max-width:1200px){.hp-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.hp-grid-2,.hp-grid-3{grid-template-columns:1fr}.hp-row,.hp-spread{flex-wrap:wrap}}.hp-stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr));gap:16px}@media(max-width:1200px){.hp-stat-row{grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr))}}@media(max-width:640px){.hp-stat-row{grid-template-columns:1fr}}.hp-split{display:flex;gap:24px;align-items:flex-start}.hp-split>.hp-split__main{flex:1;min-width:0;display:flex;flex-direction:column;gap:18px}.hp-split>.hp-split__side{flex:0 0 320px;min-width:0;display:flex;flex-direction:column;gap:16px}@media(max-width:1200px){.hp-split>.hp-split__side{flex-basis:280px}}@media(max-width:900px){.hp-split{flex-direction:column;align-items:stretch}.hp-split>.hp-split__side{flex-basis:auto;width:100%}}html{scrollbar-color:var(--hp-border-strong) transparent;scrollbar-width:thin}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--hp-border-strong);border:2px solid transparent;border-radius:999px;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--hp-muted);background-clip:padding-box}::-webkit-scrollbar-corner{background:transparent}.hp-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;max-width:100%;min-width:0;border-radius:var(--hp-btn-radius, var(--hp-radius));padding:10px 16px;font-size:13.5px;font-weight:700;white-space:nowrap;border:1px solid var(--hp-btn-border, var(--hp-border-strong));border-width:var(--hp-btn-border-width, 1px);background:var(--hp-btn-bg, var(--hp-surface));color:var(--hp-btn-color, var(--hp-text-2));box-shadow:var(--hp-btn-shadow, none);-webkit-backdrop-filter:var(--hp-btn-blur, none);backdrop-filter:var(--hp-btn-blur, none);font-weight:var(--hp-btn-weight, 700);text-decoration:var(--hp-btn-decoration, none);text-underline-offset:3px;text-transform:var(--hp-btn-transform, none);letter-spacing:var(--hp-btn-letter, normal);transition:background .15s ease}.hp-btn:hover:not(:disabled){background:var(--hp-btn-hover, var(--hp-hover))}.hp-btn:focus-visible{outline:2px solid var(--hp-accent);outline-offset:2px}.hp-btn--primary{background:var(--hp-btn-primary-bg, var(--hp-accent));border-color:var(--hp-btn-primary-border, transparent);color:var(--hp-btn-primary-color, var(--hp-on-accent));box-shadow:var(--hp-btn-primary-shadow, none);padding:10px 18px}.hp-btn--primary:hover:not(:disabled){background:var(--hp-btn-primary-hover, var(--hp-accent-strong))}.hp-btn--danger{color:var(--hp-danger)}.hp-btn--sm{padding:7px 12px;font-size:12.5px;border-radius:var(--hp-btn-radius-sm, 9px)}.hp-btn--ghost{border-color:transparent;background:transparent;box-shadow:none;text-decoration:none}.hp-card{background:var(--hp-card-bg, var(--hp-surface));background-image:var(--hp-card-image, none);border:var(--hp-card-width, 1px) var(--hp-card-style, solid) var(--hp-card-border, var(--hp-border));box-shadow:var(--hp-card-shadow, none);-webkit-backdrop-filter:var(--hp-card-blur, none);backdrop-filter:var(--hp-card-blur, none);border-radius:var(--hp-card-radius, var(--hp-radius-xl));padding:22px 24px}.hp-card__title{font-size:14px;font-weight:700;color:var(--hp-text)}.hp-card__subtitle{font-size:12.5px;font-weight:500;color:var(--hp-subtle);margin-top:2px}.hp-label{display:block;font-size:12px;font-weight:600;color:var(--hp-text-3);margin-bottom:6px}.hp-hint{font-size:11.5px;font-weight:500;color:var(--hp-subtle);margin-top:6px}.hp-error-text{font-size:11.5px;font-weight:600;color:var(--hp-danger);margin-top:6px}.hp-input,.hp-select,.hp-textarea{width:100%;max-width:100%;min-width:0;border:1px solid var(--hp-input-border, var(--hp-border-strong));border-width:var(--hp-input-border-width, 1px);border-style:var(--hp-input-style, solid);box-shadow:var(--hp-input-shadow, none);-webkit-backdrop-filter:var(--hp-input-blur, none);backdrop-filter:var(--hp-input-blur, none);border-radius:var(--hp-input-radius, 9px);padding:11px var(--hp-input-pad-x, 14px);font-size:13.5px;font-weight:500;color:var(--hp-text);background:var(--hp-input-fill, var(--hp-input-bg));outline:none}.hp-input:focus,.hp-select:focus,.hp-textarea:focus{border-color:var(--hp-accent);box-shadow:var(--hp-input-focus, 0 0 0 3px var(--hp-accent-tint))}.hp-input.ng-invalid.ng-touched,.hp-select.ng-invalid.ng-touched,.hp-textarea.ng-invalid.ng-touched{border-color:var(--hp-danger)}.hp-textarea{resize:vertical;min-height:110px;line-height:1.55}.hp-select--pill{width:auto;max-width:100%;padding:7px 30px 7px 14px;font-size:12px;font-weight:700;color:var(--hp-text-3);background-color:var(--hp-surface)}.hp-table{display:flex;flex-direction:column}.hp-table__head,.hp-table__row{display:grid;grid-template-columns:var(--cols);align-items:center;gap:12px;padding:0 4px}.hp-table__head{padding-bottom:10px;border-bottom:1px solid var(--hp-border-soft)}.hp-table__head>*{min-width:0;font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--hp-subtle);text-transform:uppercase}.hp-table__row{padding-top:13px;padding-bottom:13px;border-bottom:1px solid var(--hp-row-divider);font-size:12.5px;font-weight:600;color:var(--hp-text-3)}.hp-table__row>*{min-width:0}.hp-table__row:last-child{border-bottom:none}.hp-table a.hp-table__row:hover,.hp-table button.hp-table__row:hover{background:var(--hp-hover)}.hp-table__primary{font-size:13px;font-weight:700;color:var(--hp-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hp-table__secondary{font-size:11.5px;font-weight:500;color:var(--hp-subtle);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hp-list-item{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:13px 16px;border:1px solid var(--hp-border-soft);border-radius:11px}.hp-kv{display:flex;justify-content:space-between;gap:12px;padding:7px 0;font-size:12.5px}.hp-kv>dt{color:var(--hp-muted);font-weight:600;flex-shrink:0}.hp-kv>dd{margin:0;min-width:0;overflow-wrap:anywhere;color:var(--hp-text);font-weight:700;text-align:right}.hp-code{font-family:var(--hp-font-mono);font-size:12px;background:var(--hp-code-bg);color:var(--hp-code-text);max-width:100%;padding:16px;border-radius:12px;overflow:auto;white-space:pre}.hp-table-scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.hp-table-scroll>.hp-table{min-width:var(--hp-table-min, 720px)}@media(max-width:640px){.hp-card{padding:18px 16px}.hp-list-item{padding:12px}}.hp-tabs{display:flex;align-items:center;gap:var(--hp-tabs-gap, 28px);padding:var(--hp-tabs-track-pad, 0);background:var(--hp-tabs-track-bg, transparent);border-bottom:1px solid var(--hp-tabs-track-border, var(--hp-border));border-radius:var(--hp-tabs-track-radius, 0);box-shadow:var(--hp-tabs-track-shadow, none);-webkit-backdrop-filter:var(--hp-tabs-track-blur, none);backdrop-filter:var(--hp-tabs-track-blur, none);flex-shrink:0;max-width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.hp-tab{font-size:13.5px;font-weight:var(--hp-tabs-weight, 600);color:var(--hp-tabs-color, var(--hp-muted));padding:var(--hp-tabs-pad, 0 0 12px);border-radius:var(--hp-tabs-radius, 0);box-shadow:var(--hp-tabs-shadow, none);flex-shrink:0;white-space:nowrap}.hp-tab:hover{color:var(--hp-text-2)}.hp-tab:focus-visible{outline:2px solid var(--hp-accent);outline-offset:-2px;border-radius:4px}.hp-tab--active,.hp-tab--active:hover{font-weight:var(--hp-tabs-active-weight, 700);color:var(--hp-tabs-active-color, var(--hp-accent));background:var(--hp-tabs-active-bg, transparent);box-shadow:var(--hp-tabs-active-shadow, inset 0 -2px 0 var(--hp-accent))}@media(max-width:640px){.hp-tabs{gap:min(var(--hp-tabs-gap, 28px),20px)}}.hp-nav-link{display:flex;align-items:center;gap:10px;padding:var(--hp-nav-pad, 9px 10px);margin-inline:var(--hp-nav-bleed, 0px);border-radius:var(--hp-nav-radius, 8px);color:var(--hp-nav-color, var(--hp-text-3));font-size:14px;font-weight:var(--hp-nav-weight, 600)}.hp-nav-link:hover{background:var(--hp-nav-hover-bg, var(--hp-hover))}.hp-nav-link:after{content:"";display:none;width:6px;height:6px;margin-left:auto;border-radius:50%;background:var(--hp-accent)}.hp-nav-link--active,.hp-nav-link--active:hover{background:var(--hp-nav-active-bg, var(--hp-accent-tint));color:var(--hp-nav-active-color, var(--hp-accent));font-weight:var(--hp-nav-active-weight, 700);box-shadow:var(--hp-nav-active-shadow, none);-webkit-backdrop-filter:var(--hp-nav-active-blur, none);backdrop-filter:var(--hp-nav-active-blur, none);text-decoration:var(--hp-nav-decoration, none);text-decoration-thickness:2px;text-underline-offset:5px}.hp-nav-link--active:after{display:var(--hp-nav-dot, none)}.hp-nav-link--active hp-icon{color:var(--hp-nav-icon, currentColor)}.hp-tooltip{position:fixed;z-index:300;max-width:var(--hp-tooltip-max, 220px);padding:var(--hp-tooltip-pad, 6px 10px);font-size:var(--hp-tooltip-size, 12px);font-weight:var(--hp-tooltip-weight, 600);line-height:1.35;color:var(--hp-tooltip-color, var(--hp-surface));background:var(--hp-tooltip-bg, var(--hp-text));border:var(--hp-tooltip-width, 0px) solid var(--hp-tooltip-border, transparent);border-radius:var(--hp-tooltip-radius, 7px);box-shadow:var(--hp-tooltip-shadow, var(--hp-shadow-pop));-webkit-backdrop-filter:var(--hp-tooltip-blur, none);backdrop-filter:var(--hp-tooltip-blur, none);pointer-events:none;overflow-wrap:anywhere;animation:hp-fade-in var(--hp-motion-fast, .12s) var(--hp-ease-out, ease-out) both}.hp-tooltip:after{content:"";display:var(--hp-tooltip-arrow, block);position:absolute;left:calc(50% - 4px);bottom:-4px;width:8px;height:8px;rotate:45deg;background:var(--hp-tooltip-arrow-color, var(--hp-text))}.hp-tooltip--below:after{top:-4px;bottom:auto}.hp-tooltip--static{position:relative;display:inline-block;animation:none}:root{--hp-motion-fast: .15s;--hp-motion-base: .22s;--hp-motion-slow: .3s;--hp-ease-out: cubic-bezier(.22, 1, .36, 1);--hp-stagger-step: 12ms;--hp-motion-settle: .14s;--hp-skeleton-base: color-mix(in srgb, var(--hp-text) 7%, var(--hp-surface));--hp-skeleton-shine: color-mix(in srgb, var(--hp-text) 13%, var(--hp-surface))}@keyframes hp-fade-in{0%{opacity:0}to{opacity:1}}@keyframes hp-slide-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes hp-slide-down{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@keyframes hp-slide-in-right{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}@keyframes hp-scale-in{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}@keyframes hp-settle{0%{opacity:.6}to{opacity:1}}@keyframes hp-skeleton-reveal{0%{opacity:0}to{opacity:1}}@keyframes hp-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes hp-progress{0%{transform:scaleX(0)}40%{transform:scaleX(.55)}to{transform:scaleX(.9)}}.hp-skeleton{display:block;max-width:100%;background:linear-gradient(90deg,var(--hp-skeleton-base) 25%,var(--hp-skeleton-shine) 50%,var(--hp-skeleton-base) 75%);background-size:200% 100%;animation:hp-shimmer 1.4s ease-in-out infinite,hp-skeleton-reveal .12s ease-out .15s both}.hp-skeleton-reveal{animation:hp-skeleton-reveal .12s ease-out .15s both}.hp-refreshing{opacity:.7;pointer-events:auto;transition:opacity .15s ease-out}.hp-animate-in{animation:hp-slide-up var(--hp-motion-base) var(--hp-ease-out) both}.hp-fade-in{animation:hp-settle var(--hp-motion-settle) ease-out both}.hp-stagger>*,.hp-table>.hp-table__row{animation:hp-settle var(--hp-motion-settle) ease-out both}.hp-stagger>:nth-child(1),.hp-table>.hp-table__row:nth-child(2){animation-delay:calc(var(--hp-stagger-step) * 0)}.hp-stagger>:nth-child(2),.hp-table>.hp-table__row:nth-child(3){animation-delay:calc(var(--hp-stagger-step) * 1)}.hp-stagger>:nth-child(3),.hp-table>.hp-table__row:nth-child(4){animation-delay:calc(var(--hp-stagger-step) * 2)}.hp-stagger>:nth-child(4),.hp-table>.hp-table__row:nth-child(5){animation-delay:calc(var(--hp-stagger-step) * 3)}.hp-stagger>:nth-child(5),.hp-table>.hp-table__row:nth-child(6){animation-delay:calc(var(--hp-stagger-step) * 4)}.hp-stagger>:nth-child(6),.hp-table>.hp-table__row:nth-child(7){animation-delay:calc(var(--hp-stagger-step) * 5)}.hp-stagger>:nth-child(7),.hp-table>.hp-table__row:nth-child(8){animation-delay:calc(var(--hp-stagger-step) * 6)}.hp-stagger>:nth-child(8),.hp-table>.hp-table__row:nth-child(9){animation-delay:calc(var(--hp-stagger-step) * 7)}.hp-stagger>:nth-child(9),.hp-table>.hp-table__row:nth-child(10){animation-delay:calc(var(--hp-stagger-step) * 8)}.hp-stagger>:nth-child(10),.hp-table>.hp-table__row:nth-child(11){animation-delay:calc(var(--hp-stagger-step) * 9)}.hp-stagger>:nth-child(n+11),.hp-table>.hp-table__row:nth-child(n+12){animation-delay:calc(var(--hp-stagger-step) * 10)}router-outlet+*{animation:hp-settle var(--hp-motion-settle) ease-out both}@keyframes hp-spin{to{transform:rotate(360deg)}}.hp-btn[aria-busy=true]{cursor:progress}.hp-btn[aria-busy=true]:before{content:"";flex-shrink:0;width:12px;height:12px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:hp-spin .7s linear infinite}@media(prefers-reduced-motion:reduce){*:not(.spinner),*:not(.hp-btn):before,*:after{animation-duration:1ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}.hp-skeleton{animation:none!important}}.hp-skeleton-page{display:flex;flex-direction:column;gap:16px}.hp-skeleton-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.hp-table,.hp-table-scroll,.stats,.activity{transition:opacity .15s ease}:root{--hp-lg-fill: color-mix(in srgb, color-mix(in srgb, var(--hp-surface) 84%, var(--hp-accent)) 20%, transparent);--hp-lg-fill-strong: color-mix(in srgb, color-mix(in srgb, var(--hp-surface) 86%, var(--hp-accent)) 34%, transparent);--hp-lg-edge: color-mix(in srgb, var(--hp-text) 9%, transparent);--hp-lg-rim: color-mix(in srgb, white 26%, transparent);--hp-lg-tint: color-mix(in srgb, var(--hp-accent) 12%, transparent);--hp-lg-blur: blur(22px) saturate(1.9);--hp-lg-highlight: inset 0 1px 0 color-mix(in srgb, white 34%, transparent), inset 1px 0 0 color-mix(in srgb, white 12%, transparent), inset 0 -1px 0 color-mix(in srgb, white 8%, transparent), inset 0 -14px 24px -18px color-mix(in srgb, var(--hp-text) 18%, transparent);--hp-lg-drop: 0 10px 30px -14px color-mix(in srgb, var(--hp-text) 32%, transparent), 0 2px 6px -2px color-mix(in srgb, var(--hp-text) 12%, transparent);--hp-lg-shadow: var(--hp-lg-highlight), var(--hp-lg-drop);--hp-lg-sheen: linear-gradient(165deg, color-mix(in srgb, white 16%, transparent) 0%, transparent 38%, transparent 70%, color-mix(in srgb, white 6%, transparent) 100%);--hp-lg-ease: cubic-bezier(.22, 1, .36, 1);--hp-lg-spring: cubic-bezier(.3, 1.32, .5, 1)}[data-hp-button=solid]{--hp-btn-radius: var(--hp-radius);--hp-btn-radius-sm: 9px;--hp-btn-bg: var(--hp-surface);--hp-btn-border: var(--hp-border-strong);--hp-btn-color: var(--hp-text-2);--hp-btn-hover: var(--hp-hover);--hp-btn-primary-bg: var(--hp-accent);--hp-btn-primary-border: transparent;--hp-btn-primary-color: var(--hp-on-accent);--hp-btn-primary-hover: var(--hp-accent-strong);--hp-btn-primary-shadow: none;--hp-btn-shadow: none;--hp-btn-border-width: 1px;--hp-btn-weight: 700;--hp-btn-decoration: none;--hp-btn-transform: none;--hp-btn-letter: normal;--hp-btn-blur: none}[data-hp-button=soft]{--hp-btn-radius: var(--hp-radius);--hp-btn-radius-sm: 9px;--hp-btn-bg: var(--hp-hover);--hp-btn-border: transparent;--hp-btn-color: var(--hp-text-2);--hp-btn-hover: var(--hp-hover);--hp-btn-primary-bg: var(--hp-accent-tint-strong);--hp-btn-primary-border: transparent;--hp-btn-primary-color: var(--hp-accent);--hp-btn-primary-hover: var(--hp-accent-tint);--hp-btn-primary-shadow: none;--hp-btn-shadow: none;--hp-btn-border-width: 1px;--hp-btn-weight: 700;--hp-btn-decoration: none;--hp-btn-transform: none;--hp-btn-letter: normal;--hp-btn-blur: none}[data-hp-button=outline]{--hp-btn-radius: var(--hp-radius);--hp-btn-radius-sm: 9px;--hp-btn-bg: transparent;--hp-btn-border: var(--hp-border-strong);--hp-btn-color: var(--hp-text-2);--hp-btn-hover: var(--hp-hover);--hp-btn-primary-bg: transparent;--hp-btn-primary-border: var(--hp-accent);--hp-btn-primary-color: var(--hp-accent);--hp-btn-primary-hover: var(--hp-accent-tint);--hp-btn-primary-shadow: none;--hp-btn-shadow: none;--hp-btn-border-width: 1px;--hp-btn-weight: 700;--hp-btn-decoration: none;--hp-btn-transform: none;--hp-btn-letter: normal;--hp-btn-blur: none}[data-hp-button=gradient]{--hp-btn-radius: var(--hp-radius);--hp-btn-radius-sm: 9px;--hp-btn-bg: var(--hp-surface);--hp-btn-border: var(--hp-border-strong);--hp-btn-color: var(--hp-text-2);--hp-btn-hover: var(--hp-hover);--hp-btn-primary-bg: linear-gradient(135deg, var(--hp-accent), var(--hp-secondary));--hp-btn-primary-border: transparent;--hp-btn-primary-color: var(--hp-on-accent);--hp-btn-primary-hover: linear-gradient(135deg, var(--hp-accent-strong), var(--hp-secondary));--hp-btn-primary-shadow: 0 6px 16px -8px var(--hp-accent);--hp-btn-shadow: none;--hp-btn-border-width: 1px;--hp-btn-weight: 700;--hp-btn-decoration: none;--hp-btn-transform: none;--hp-btn-letter: normal;--hp-btn-blur: none}[data-hp-button=pill]{--hp-btn-radius: 999px;--hp-btn-radius-sm: 999px;--hp-btn-bg: var(--hp-surface);--hp-btn-border: var(--hp-border-strong);--hp-btn-color: var(--hp-text-2);--hp-btn-hover: var(--hp-hover);--hp-btn-primary-bg: var(--hp-accent);--hp-btn-primary-border: transparent;--hp-btn-primary-color: var(--hp-on-accent);--hp-btn-primary-hover: var(--hp-accent-strong);--hp-btn-primary-shadow: none;--hp-btn-shadow: none;--hp-btn-border-width: 1px;--hp-btn-weight: 700;--hp-btn-decoration: none;--hp-btn-transform: none;--hp-btn-letter: normal;--hp-btn-blur: none}[data-hp-button=ghost]{--hp-btn-radius: var(--hp-radius);--hp-btn-radius-sm: 9px;--hp-btn-bg: transparent;--hp-btn-border: transparent;--hp-btn-color: var(--hp-text-2);--hp-btn-hover: var(--hp-hover);--hp-btn-primary-bg: transparent;--hp-btn-primary-border: transparent;--hp-btn-primary-color: var(--hp-accent);--hp-btn-primary-hover: var(--hp-accent-tint);--hp-btn-primary-shadow: none;--hp-btn-shadow: none;--hp-btn-border-width: 1px;--hp-btn-weight: 700;--hp-btn-decoration: none;--hp-btn-transform: none;--hp-btn-letter: normal;--hp-btn-blur: none}[data-hp-button=glass]{--hp-btn-radius: var(--hp-radius);--hp-btn-radius-sm: 9px;--hp-btn-bg: color-mix(in srgb, var(--hp-surface) 62%, transparent);--hp-btn-border: color-mix(in srgb, var(--hp-text) 14%, transparent);--hp-btn-color: var(--hp-text-2);--hp-btn-hover: color-mix(in srgb, var(--hp-surface) 72%, transparent);--hp-btn-primary-bg: color-mix(in srgb, var(--hp-accent) 82%, transparent);--hp-btn-primary-border: color-mix(in srgb, white 18%, transparent);--hp-btn-primary-color: var(--hp-on-accent);--hp-btn-primary-hover: var(--hp-accent);--hp-btn-primary-shadow: inset 0 1px 0 color-mix(in srgb, white 24%, transparent), 0 10px 30px -14px color-mix(in srgb, var(--hp-text) 38%, transparent);--hp-btn-shadow: inset 0 1px 0 color-mix(in srgb, white 24%, transparent), 0 10px 30px -14px color-mix(in srgb, var(--hp-text) 38%, transparent);--hp-btn-border-width: 1px;--hp-btn-weight: 700;--hp-btn-decoration: none;--hp-btn-transform: none;--hp-btn-letter: normal;--hp-btn-blur: blur(16px) saturate(1.4)}[data-hp-button=shadow]{--hp-btn-radius: var(--hp-radius);--hp-btn-radius-sm: 9px;--hp-btn-bg: var(--hp-surface);--hp-btn-border: var(--hp-border-strong);--hp-btn-color: var(--hp-text-2);--hp-btn-hover: var(--hp-hover);--hp-btn-primary-bg: var(--hp-accent);--hp-btn-primary-border: transparent;--hp-btn-primary-color: var(--hp-on-accent);--hp-btn-primary-hover: var(--hp-accent-strong);--hp-btn-primary-shadow: 0 8px 18px -8px var(--hp-accent);--hp-btn-shadow: var(--hp-shadow-sm);--hp-btn-border-width: 1px;--hp-btn-weight: 700;--hp-btn-decoration: none;--hp-btn-transform: none;--hp-btn-letter: normal;--hp-btn-blur: none}[data-hp-button=raised]{--hp-btn-radius: var(--hp-radius);--hp-btn-radius-sm: 9px;--hp-btn-bg: var(--hp-surface);--hp-btn-border: var(--hp-border-strong);--hp-btn-color: var(--hp-text-2);--hp-btn-hover: var(--hp-hover);--hp-btn-primary-bg: var(--hp-accent);--hp-btn-primary-border: transparent;--hp-btn-primary-color: var(--hp-on-accent);--hp-btn-primary-hover: var(--hp-accent-strong);--hp-btn-primary-shadow: 0 3px 0 var(--hp-accent-strong);--hp-btn-shadow: 0 2px 0 var(--hp-border-strong);--hp-btn-border-width: 1px;--hp-btn-weight: 700;--hp-btn-decoration: none;--hp-btn-transform: none;--hp-btn-letter: normal;--hp-btn-blur: none}[data-hp-button=flat]{--hp-btn-radius: 6px;--hp-btn-radius-sm: 6px;--hp-btn-bg: var(--hp-hover);--hp-btn-border: transparent;--hp-btn-color: var(--hp-text-2);--hp-btn-hover: var(--hp-hover);--hp-btn-primary-bg: var(--hp-accent);--hp-btn-primary-border: transparent;--hp-btn-primary-color: var(--hp-on-accent);--hp-btn-primary-hover: var(--hp-accent-strong);--hp-btn-primary-shadow: none;--hp-btn-shadow: none;--hp-btn-border-width: 1px;--hp-btn-weight: 700;--hp-btn-decoration: none;--hp-btn-transform: none;--hp-btn-letter: normal;--hp-btn-blur: none}[data-hp-button=sharp]{--hp-btn-radius: 0;--hp-btn-radius-sm: 0;--hp-btn-bg: var(--hp-surface);--hp-btn-border: var(--hp-border-strong);--hp-btn-color: var(--hp-text-2);--hp-btn-hover: var(--hp-hover);--hp-btn-primary-bg: var(--hp-accent);--hp-btn-primary-border: transparent;--hp-btn-primary-color: var(--hp-on-accent);--hp-btn-primary-hover: var(--hp-accent-strong);--hp-btn-primary-shadow: none;--hp-btn-shadow: none;--hp-btn-border-width: 1px;--hp-btn-weight: 700;--hp-btn-decoration: none;--hp-btn-transform: none;--hp-btn-letter: normal;--hp-btn-blur: none}[data-hp-button=rounded]{--hp-btn-radius: 14px;--hp-btn-radius-sm: 12px;--hp-btn-bg: var(--hp-surface);--hp-btn-border: var(--hp-border-strong);--hp-btn-color: var(--hp-text-2);--hp-btn-hover: var(--hp-hover);--hp-btn-primary-bg: var(--hp-accent);--hp-btn-primary-border: transparent;--hp-btn-primary-color: var(--hp-on-accent);--hp-btn-primary-hover: var(--hp-accent-strong);--hp-btn-primary-shadow: none;--hp-btn-shadow: none;--hp-btn-border-width: 1px;--hp-btn-weight: 700;--hp-btn-decoration: none;--hp-btn-transform: none;--hp-btn-letter: normal;--hp-btn-blur: none}[data-hp-button=neon]{--hp-btn-radius: var(--hp-radius);--hp-btn-radius-sm: 9px;--hp-btn-bg: transparent;--hp-btn-border: var(--hp-border-strong);--hp-btn-color: var(--hp-text-2);--hp-btn-hover: var(--hp-hover);--hp-btn-primary-bg: transparent;--hp-btn-primary-border: var(--hp-accent);--hp-btn-primary-color: var(--hp-accent);--hp-btn-primary-hover: var(--hp-accent-tint);--hp-btn-primary-shadow: 0 0 12px color-mix(in srgb, var(--hp-accent) 55%, transparent), inset 0 0 8px color-mix(in srgb, var(--hp-accent) 25%, transparent);--hp-btn-shadow: none;--hp-btn-border-width: 1px;--hp-btn-weight: 700;--hp-btn-decoration: none;--hp-btn-transform: none;--hp-btn-letter: normal;--hp-btn-blur: none}[data-hp-button=underline]{--hp-btn-radius: var(--hp-radius);--hp-btn-radius-sm: 9px;--hp-btn-bg: transparent;--hp-btn-border: transparent;--hp-btn-color: var(--hp-text-2);--hp-btn-hover: var(--hp-hover);--hp-btn-primary-bg: transparent;--hp-btn-primary-border: transparent;--hp-btn-primary-color: var(--hp-accent);--hp-btn-primary-hover: var(--hp-accent-tint);--hp-btn-primary-shadow: none;--hp-btn-shadow: none;--hp-btn-border-width: 1px;--hp-btn-weight: 700;--hp-btn-decoration: underline;--hp-btn-transform: none;--hp-btn-letter: normal;--hp-btn-blur: none}[data-hp-button=duotone]{--hp-btn-radius: var(--hp-radius);--hp-btn-radius-sm: 9px;--hp-btn-bg: var(--hp-surface);--hp-btn-border: var(--hp-border-strong);--hp-btn-color: var(--hp-text-2);--hp-btn-hover: var(--hp-hover);--hp-btn-primary-bg: var(--hp-accent-tint-strong);--hp-btn-primary-border: var(--hp-accent);--hp-btn-primary-color: var(--hp-accent);--hp-btn-primary-hover: var(--hp-accent-tint);--hp-btn-primary-shadow: none;--hp-btn-shadow: none;--hp-btn-border-width: 1px;--hp-btn-weight: 700;--hp-btn-decoration: none;--hp-btn-transform: none;--hp-btn-letter: normal;--hp-btn-blur: none}[data-hp-button=bevel]{--hp-btn-radius: var(--hp-radius);--hp-btn-radius-sm: 9px;--hp-btn-bg: var(--hp-surface);--hp-btn-border: var(--hp-border-strong);--hp-btn-color: var(--hp-text-2);--hp-btn-hover: var(--hp-hover);--hp-btn-primary-bg: var(--hp-accent);--hp-btn-primary-border: transparent;--hp-btn-primary-color: var(--hp-on-accent);--hp-btn-primary-hover: var(--hp-accent-strong);--hp-btn-primary-shadow: inset 0 1px 0 color-mix(in srgb, var(--hp-on-accent) 28%, transparent), inset 0 -2px 0 color-mix(in srgb, var(--hp-text) 20%, transparent);--hp-btn-shadow: inset 0 -2px 0 color-mix(in srgb, var(--hp-text) 10%, transparent);--hp-btn-border-width: 1px;--hp-btn-weight: 700;--hp-btn-decoration: none;--hp-btn-transform: none;--hp-btn-letter: normal;--hp-btn-blur: none}[data-hp-button=brutalist]{--hp-btn-radius: 4px;--hp-btn-radius-sm: 4px;--hp-btn-bg: var(--hp-surface);--hp-btn-border: var(--hp-text);--hp-btn-color: var(--hp-text-2);--hp-btn-hover: var(--hp-hover);--hp-btn-primary-bg: var(--hp-accent);--hp-btn-primary-border: var(--hp-text);--hp-btn-primary-color: var(--hp-on-accent);--hp-btn-primary-hover: var(--hp-accent-strong);--hp-btn-primary-shadow: 3px 3px 0 var(--hp-text);--hp-btn-shadow: 3px 3px 0 var(--hp-text);--hp-btn-border-width: 2px;--hp-btn-weight: 700;--hp-btn-decoration: none;--hp-btn-transform: none;--hp-btn-letter: normal;--hp-btn-blur: none}[data-hp-button=capsule-shadow]{--hp-btn-radius: 999px;--hp-btn-radius-sm: 999px;--hp-btn-bg: var(--hp-surface);--hp-btn-border: var(--hp-border-strong);--hp-btn-color: var(--hp-text-2);--hp-btn-hover: var(--hp-hover);--hp-btn-primary-bg: var(--hp-accent);--hp-btn-primary-border: transparent;--hp-btn-primary-color: var(--hp-on-accent);--hp-btn-primary-hover: var(--hp-accent-strong);--hp-btn-primary-shadow: 0 6px 16px -6px color-mix(in srgb, var(--hp-text) 45%, transparent);--hp-btn-shadow: var(--hp-shadow-sm);--hp-btn-border-width: 1px;--hp-btn-weight: 700;--hp-btn-decoration: none;--hp-btn-transform: none;--hp-btn-letter: normal;--hp-btn-blur: none}[data-hp-button=text]{--hp-btn-radius: var(--hp-radius);--hp-btn-radius-sm: 9px;--hp-btn-bg: transparent;--hp-btn-border: transparent;--hp-btn-color: var(--hp-accent);--hp-btn-hover: var(--hp-hover);--hp-btn-primary-bg: transparent;--hp-btn-primary-border: transparent;--hp-btn-primary-color: var(--hp-accent);--hp-btn-primary-hover: var(--hp-accent-tint);--hp-btn-primary-shadow: none;--hp-btn-shadow: none;--hp-btn-border-width: 1px;--hp-btn-weight: 700;--hp-btn-decoration: none;--hp-btn-transform: none;--hp-btn-letter: normal;--hp-btn-blur: none}[data-hp-button=glow]{--hp-btn-radius: var(--hp-radius);--hp-btn-radius-sm: 9px;--hp-btn-bg: var(--hp-surface);--hp-btn-border: var(--hp-border-strong);--hp-btn-color: var(--hp-text-2);--hp-btn-hover: var(--hp-hover);--hp-btn-primary-bg: var(--hp-accent);--hp-btn-primary-border: transparent;--hp-btn-primary-color: var(--hp-on-accent);--hp-btn-primary-hover: var(--hp-accent-strong);--hp-btn-primary-shadow: 0 0 0 3px var(--hp-accent-tint), 0 6px 22px -4px var(--hp-accent);--hp-btn-shadow: none;--hp-btn-border-width: 1px;--hp-btn-weight: 700;--hp-btn-decoration: none;--hp-btn-transform: none;--hp-btn-letter: normal;--hp-btn-blur: none}[data-hp-button=liquid-glass]{--hp-btn-radius: 999px;--hp-btn-radius-sm: 999px;--hp-btn-bg: var(--hp-lg-fill);--hp-btn-border: var(--hp-lg-edge);--hp-btn-color: var(--hp-text-2);--hp-btn-hover: var(--hp-lg-fill-strong);--hp-btn-primary-bg: color-mix(in srgb, var(--hp-accent) 78%, transparent);--hp-btn-primary-border: var(--hp-lg-rim);--hp-btn-primary-color: var(--hp-on-accent);--hp-btn-primary-hover: var(--hp-accent);--hp-btn-primary-shadow: var(--hp-lg-shadow);--hp-btn-shadow: var(--hp-lg-shadow);--hp-btn-border-width: 1px;--hp-btn-weight: 700;--hp-btn-decoration: none;--hp-btn-transform: none;--hp-btn-letter: normal;--hp-btn-blur: var(--hp-lg-blur)}[data-hp-button=matrix]{--hp-btn-radius: 5px;--hp-btn-radius-sm: 4px;--hp-btn-bg: var(--hp-bg);--hp-btn-border: color-mix(in srgb, var(--hp-accent) 48%, var(--hp-border-strong));--hp-btn-color: var(--hp-accent);--hp-btn-hover: color-mix(in srgb, var(--hp-accent) 12%, var(--hp-surface));--hp-btn-primary-bg: color-mix(in srgb, var(--hp-accent) 14%, var(--hp-bg));--hp-btn-primary-border: var(--hp-accent);--hp-btn-primary-color: var(--hp-accent);--hp-btn-primary-hover: color-mix(in srgb, var(--hp-accent) 24%, var(--hp-bg));--hp-btn-primary-shadow: none;--hp-btn-shadow: none;--hp-btn-border-width: 1px;--hp-btn-weight: 800;--hp-btn-decoration: none;--hp-btn-transform: none;--hp-btn-letter: .06em;--hp-btn-blur: none}[data-hp-input=outlined]{--hp-input-border: var(--hp-border-strong);--hp-input-border-width: 1px;--hp-input-radius: 9px;--hp-input-pad-x: 14px;--hp-input-fill: var(--hp-input-bg);--hp-input-focus: 0 0 0 3px var(--hp-accent-tint);--hp-input-style: solid;--hp-input-shadow: none;--hp-input-blur: none}[data-hp-input=filled]{--hp-input-border: var(--hp-border-strong);--hp-input-border-width: 0 0 1.5px 0;--hp-input-radius: 9px 9px 2px 2px;--hp-input-pad-x: 14px;--hp-input-fill: var(--hp-hover);--hp-input-focus: none;--hp-input-style: solid;--hp-input-shadow: none;--hp-input-blur: none}[data-hp-input=underline]{--hp-input-border: var(--hp-border-strong);--hp-input-border-width: 0 0 1.5px 0;--hp-input-radius: 0;--hp-input-pad-x: 2px;--hp-input-fill: transparent;--hp-input-focus: none;--hp-input-style: solid;--hp-input-shadow: none;--hp-input-blur: none}[data-hp-input=pill]{--hp-input-border: var(--hp-border-strong);--hp-input-border-width: 1px;--hp-input-radius: 999px;--hp-input-pad-x: 18px;--hp-input-fill: var(--hp-input-bg);--hp-input-focus: 0 0 0 3px var(--hp-accent-tint);--hp-input-style: solid;--hp-input-shadow: none;--hp-input-blur: none}[data-hp-input=glass]{--hp-input-border: color-mix(in srgb, var(--hp-text) 14%, transparent);--hp-input-border-width: 1px;--hp-input-radius: 9px;--hp-input-pad-x: 14px;--hp-input-fill: color-mix(in srgb, var(--hp-surface) 62%, transparent);--hp-input-focus: 0 0 0 3px var(--hp-accent-tint);--hp-input-style: solid;--hp-input-shadow: inset 0 1px 0 color-mix(in srgb, white 24%, transparent);--hp-input-blur: blur(16px) saturate(1.4)}[data-hp-input=soft]{--hp-input-border: transparent;--hp-input-border-width: 1px;--hp-input-radius: 9px;--hp-input-pad-x: 14px;--hp-input-fill: var(--hp-hover);--hp-input-focus: 0 0 0 3px var(--hp-accent-tint);--hp-input-style: solid;--hp-input-shadow: none;--hp-input-blur: none}[data-hp-input=inset]{--hp-input-border: transparent;--hp-input-border-width: 1px;--hp-input-radius: 9px;--hp-input-pad-x: 14px;--hp-input-fill: var(--hp-hover);--hp-input-focus: 0 0 0 3px var(--hp-accent-tint);--hp-input-style: solid;--hp-input-shadow: inset 0 2px 4px color-mix(in srgb, var(--hp-text) 12%, transparent);--hp-input-blur: none}[data-hp-input=shadow]{--hp-input-border: transparent;--hp-input-border-width: 1px;--hp-input-radius: 9px;--hp-input-pad-x: 14px;--hp-input-fill: var(--hp-surface);--hp-input-focus: 0 0 0 3px var(--hp-accent-tint);--hp-input-style: solid;--hp-input-shadow: var(--hp-shadow-sm);--hp-input-blur: none}[data-hp-input=bordered-thick]{--hp-input-border: var(--hp-border-strong);--hp-input-border-width: 2px;--hp-input-radius: 9px;--hp-input-pad-x: 14px;--hp-input-fill: var(--hp-input-bg);--hp-input-focus: 0 0 0 3px var(--hp-accent-tint);--hp-input-style: solid;--hp-input-shadow: none;--hp-input-blur: none}[data-hp-input=minimal]{--hp-input-border: var(--hp-border);--hp-input-border-width: 1px;--hp-input-radius: 9px;--hp-input-pad-x: 14px;--hp-input-fill: var(--hp-input-bg);--hp-input-focus: none;--hp-input-style: solid;--hp-input-shadow: none;--hp-input-blur: none}[data-hp-input=floating]{--hp-input-border: var(--hp-border);--hp-input-border-width: 1px;--hp-input-radius: 12px;--hp-input-pad-x: 14px;--hp-input-fill: var(--hp-surface);--hp-input-focus: 0 0 0 3px var(--hp-accent-tint);--hp-input-style: solid;--hp-input-shadow: var(--hp-shadow-pop);--hp-input-blur: none}[data-hp-input=sharp]{--hp-input-border: var(--hp-border-strong);--hp-input-border-width: 1px;--hp-input-radius: 0;--hp-input-pad-x: 14px;--hp-input-fill: var(--hp-input-bg);--hp-input-focus: 0 0 0 3px var(--hp-accent-tint);--hp-input-style: solid;--hp-input-shadow: none;--hp-input-blur: none}[data-hp-input=rounded]{--hp-input-border: var(--hp-border-strong);--hp-input-border-width: 1px;--hp-input-radius: 14px;--hp-input-pad-x: 14px;--hp-input-fill: var(--hp-input-bg);--hp-input-focus: 0 0 0 3px var(--hp-accent-tint);--hp-input-style: solid;--hp-input-shadow: none;--hp-input-blur: none}[data-hp-input=gradient-border]{--hp-input-border: transparent;--hp-input-border-width: 1.5px;--hp-input-radius: 10px;--hp-input-pad-x: 14px;--hp-input-fill: linear-gradient(var(--hp-input-bg), var(--hp-input-bg)) padding-box, linear-gradient(135deg, var(--hp-accent), var(--hp-secondary)) border-box;--hp-input-focus: 0 0 0 3px var(--hp-accent-tint);--hp-input-style: solid;--hp-input-shadow: none;--hp-input-blur: none}[data-hp-input=neumorph]{--hp-input-border: transparent;--hp-input-border-width: 1px;--hp-input-radius: 12px;--hp-input-pad-x: 14px;--hp-input-fill: var(--hp-bg);--hp-input-focus: 0 0 0 3px var(--hp-accent-tint);--hp-input-style: solid;--hp-input-shadow: inset 3px 3px 6px color-mix(in srgb, var(--hp-text) 12%, transparent), inset -3px -3px 6px var(--hp-surface);--hp-input-blur: none}[data-hp-input=flush]{--hp-input-border: transparent;--hp-input-border-width: 1px;--hp-input-radius: 9px;--hp-input-pad-x: 0;--hp-input-fill: transparent;--hp-input-focus: none;--hp-input-style: solid;--hp-input-shadow: none;--hp-input-blur: none}[data-hp-input=accent-left]{--hp-input-border: var(--hp-accent);--hp-input-border-width: 0 0 0 3px;--hp-input-radius: 4px;--hp-input-pad-x: 14px;--hp-input-fill: var(--hp-hover);--hp-input-focus: none;--hp-input-style: solid;--hp-input-shadow: none;--hp-input-blur: none}[data-hp-input=dashed]{--hp-input-border: var(--hp-border-strong);--hp-input-border-width: 1px;--hp-input-radius: 9px;--hp-input-pad-x: 14px;--hp-input-fill: var(--hp-input-bg);--hp-input-focus: 0 0 0 3px var(--hp-accent-tint);--hp-input-style: dashed;--hp-input-shadow: none;--hp-input-blur: none}[data-hp-input=contrast]{--hp-input-border: var(--hp-text);--hp-input-border-width: 1.5px;--hp-input-radius: 9px;--hp-input-pad-x: 14px;--hp-input-fill: var(--hp-input-bg);--hp-input-focus: 0 0 0 3px var(--hp-accent-tint);--hp-input-style: solid;--hp-input-shadow: none;--hp-input-blur: none}[data-hp-input=focus-glow]{--hp-input-border: var(--hp-border-strong);--hp-input-border-width: 1px;--hp-input-radius: 9px;--hp-input-pad-x: 14px;--hp-input-fill: var(--hp-input-bg);--hp-input-focus: 0 0 0 4px var(--hp-accent-tint), 0 0 18px var(--hp-accent-tint-strong);--hp-input-style: solid;--hp-input-shadow: none;--hp-input-blur: none}[data-hp-input=liquid-glass]{--hp-input-border: var(--hp-lg-edge);--hp-input-border-width: 1px;--hp-input-radius: 999px;--hp-input-pad-x: 18px;--hp-input-fill: var(--hp-lg-fill);--hp-input-focus: 0 0 0 3px var(--hp-accent-tint), 0 0 22px -6px var(--hp-accent);--hp-input-style: solid;--hp-input-shadow: var(--hp-lg-highlight);--hp-input-blur: var(--hp-lg-blur)}[data-hp-input=matrix]{--hp-input-border: color-mix(in srgb, var(--hp-accent) 55%, var(--hp-border-strong));--hp-input-border-width: 1px;--hp-input-radius: 5px;--hp-input-pad-x: 14px;--hp-input-fill: color-mix(in srgb, var(--hp-accent) 5%, var(--hp-input-bg));--hp-input-focus: 0 0 0 1px var(--hp-accent), 0 0 0 4px var(--hp-accent-tint);--hp-input-style: solid;--hp-input-shadow: none;--hp-input-blur: none}[data-hp-toggle=classic]{--hp-toggle-width: 38px;--hp-toggle-height: 22px;--hp-toggle-knob: 18px;--hp-toggle-inset: 2px;--hp-toggle-radius: 999px;--hp-toggle-knob-radius: 50%;--hp-toggle-knob-shadow: none;--hp-toggle-knob-off: var(--hp-on-accent);--hp-toggle-knob-on: var(--hp-on-accent);--hp-toggle-track-off: var(--hp-toggle-off);--hp-toggle-track-on: var(--hp-accent);--hp-toggle-ring: 0 0 0 0 transparent;--hp-toggle-on-shadow: 0 0 0 0 transparent}[data-hp-toggle=ios]{--hp-toggle-width: 46px;--hp-toggle-height: 28px;--hp-toggle-knob: 24px;--hp-toggle-inset: 2px;--hp-toggle-radius: 999px;--hp-toggle-knob-radius: 50%;--hp-toggle-knob-shadow: 0 2px 4px color-mix(in srgb, var(--hp-text) 22%, transparent);--hp-toggle-knob-off: var(--hp-on-accent);--hp-toggle-knob-on: var(--hp-on-accent);--hp-toggle-track-off: var(--hp-toggle-off);--hp-toggle-track-on: var(--hp-accent);--hp-toggle-ring: 0 0 0 0 transparent;--hp-toggle-on-shadow: 0 0 0 0 transparent}[data-hp-toggle=square]{--hp-toggle-width: 38px;--hp-toggle-height: 22px;--hp-toggle-knob: 18px;--hp-toggle-inset: 2px;--hp-toggle-radius: 6px;--hp-toggle-knob-radius: 4px;--hp-toggle-knob-shadow: none;--hp-toggle-knob-off: var(--hp-on-accent);--hp-toggle-knob-on: var(--hp-on-accent);--hp-toggle-track-off: var(--hp-toggle-off);--hp-toggle-track-on: var(--hp-accent);--hp-toggle-ring: 0 0 0 0 transparent;--hp-toggle-on-shadow: 0 0 0 0 transparent}[data-hp-toggle=pill]{--hp-toggle-width: 48px;--hp-toggle-height: 24px;--hp-toggle-knob: 18px;--hp-toggle-inset: 3px;--hp-toggle-radius: 999px;--hp-toggle-knob-radius: 50%;--hp-toggle-knob-shadow: none;--hp-toggle-knob-off: var(--hp-on-accent);--hp-toggle-knob-on: var(--hp-on-accent);--hp-toggle-track-off: var(--hp-toggle-off);--hp-toggle-track-on: var(--hp-accent);--hp-toggle-ring: 0 0 0 0 transparent;--hp-toggle-on-shadow: 0 0 0 0 transparent}[data-hp-toggle=slim]{--hp-toggle-width: 34px;--hp-toggle-height: 10px;--hp-toggle-knob: 16px;--hp-toggle-inset: 0px;--hp-toggle-radius: 999px;--hp-toggle-knob-radius: 50%;--hp-toggle-knob-shadow: 0 1px 3px color-mix(in srgb, var(--hp-text) 30%, transparent);--hp-toggle-knob-off: var(--hp-on-accent);--hp-toggle-knob-on: var(--hp-on-accent);--hp-toggle-track-off: var(--hp-toggle-off);--hp-toggle-track-on: var(--hp-accent);--hp-toggle-ring: 0 0 0 0 transparent;--hp-toggle-on-shadow: 0 0 0 0 transparent}[data-hp-toggle=material]{--hp-toggle-width: 36px;--hp-toggle-height: 14px;--hp-toggle-knob: 20px;--hp-toggle-inset: 0px;--hp-toggle-radius: 999px;--hp-toggle-knob-radius: 50%;--hp-toggle-knob-shadow: 0 1px 4px color-mix(in srgb, var(--hp-text) 35%, transparent);--hp-toggle-knob-off: var(--hp-surface);--hp-toggle-knob-on: var(--hp-accent);--hp-toggle-track-off: var(--hp-toggle-off);--hp-toggle-track-on: var(--hp-accent-tint-strong);--hp-toggle-ring: 0 0 0 0 transparent;--hp-toggle-on-shadow: 0 0 0 0 transparent}[data-hp-toggle=outline]{--hp-toggle-width: 38px;--hp-toggle-height: 22px;--hp-toggle-knob: 18px;--hp-toggle-inset: 2px;--hp-toggle-radius: 999px;--hp-toggle-knob-radius: 50%;--hp-toggle-knob-shadow: none;--hp-toggle-knob-off: var(--hp-border-strong);--hp-toggle-knob-on: var(--hp-on-accent);--hp-toggle-track-off: transparent;--hp-toggle-track-on: var(--hp-accent);--hp-toggle-ring: inset 0 0 0 1.5px var(--hp-border-strong);--hp-toggle-on-shadow: 0 0 0 0 transparent}[data-hp-toggle=glow]{--hp-toggle-width: 38px;--hp-toggle-height: 22px;--hp-toggle-knob: 18px;--hp-toggle-inset: 2px;--hp-toggle-radius: 999px;--hp-toggle-knob-radius: 50%;--hp-toggle-knob-shadow: none;--hp-toggle-knob-off: var(--hp-on-accent);--hp-toggle-knob-on: var(--hp-on-accent);--hp-toggle-track-off: var(--hp-toggle-off);--hp-toggle-track-on: var(--hp-accent);--hp-toggle-ring: 0 0 0 0 transparent;--hp-toggle-on-shadow: 0 0 12px var(--hp-accent)}[data-hp-toggle=flat]{--hp-toggle-width: 38px;--hp-toggle-height: 22px;--hp-toggle-knob: 18px;--hp-toggle-inset: 2px;--hp-toggle-radius: 6px;--hp-toggle-knob-radius: 3px;--hp-toggle-knob-shadow: none;--hp-toggle-knob-off: var(--hp-on-accent);--hp-toggle-knob-on: var(--hp-on-accent);--hp-toggle-track-off: var(--hp-border-strong);--hp-toggle-track-on: var(--hp-accent);--hp-toggle-ring: 0 0 0 0 transparent;--hp-toggle-on-shadow: 0 0 0 0 transparent}[data-hp-toggle=rounded-square]{--hp-toggle-width: 38px;--hp-toggle-height: 22px;--hp-toggle-knob: 18px;--hp-toggle-inset: 2px;--hp-toggle-radius: 8px;--hp-toggle-knob-radius: 6px;--hp-toggle-knob-shadow: none;--hp-toggle-knob-off: var(--hp-on-accent);--hp-toggle-knob-on: var(--hp-on-accent);--hp-toggle-track-off: var(--hp-toggle-off);--hp-toggle-track-on: var(--hp-accent);--hp-toggle-ring: 0 0 0 0 transparent;--hp-toggle-on-shadow: 0 0 0 0 transparent}[data-hp-toggle=thick]{--hp-toggle-width: 54px;--hp-toggle-height: 30px;--hp-toggle-knob: 24px;--hp-toggle-inset: 3px;--hp-toggle-radius: 999px;--hp-toggle-knob-radius: 50%;--hp-toggle-knob-shadow: none;--hp-toggle-knob-off: var(--hp-on-accent);--hp-toggle-knob-on: var(--hp-on-accent);--hp-toggle-track-off: var(--hp-toggle-off);--hp-toggle-track-on: var(--hp-accent);--hp-toggle-ring: 0 0 0 0 transparent;--hp-toggle-on-shadow: 0 0 0 0 transparent}[data-hp-toggle=mini]{--hp-toggle-width: 28px;--hp-toggle-height: 16px;--hp-toggle-knob: 12px;--hp-toggle-inset: 2px;--hp-toggle-radius: 999px;--hp-toggle-knob-radius: 50%;--hp-toggle-knob-shadow: none;--hp-toggle-knob-off: var(--hp-on-accent);--hp-toggle-knob-on: var(--hp-on-accent);--hp-toggle-track-off: var(--hp-toggle-off);--hp-toggle-track-on: var(--hp-accent);--hp-toggle-ring: 0 0 0 0 transparent;--hp-toggle-on-shadow: 0 0 0 0 transparent}[data-hp-toggle=neumorph]{--hp-toggle-width: 38px;--hp-toggle-height: 22px;--hp-toggle-knob: 18px;--hp-toggle-inset: 2px;--hp-toggle-radius: 999px;--hp-toggle-knob-radius: 50%;--hp-toggle-knob-shadow: 0 1px 3px color-mix(in srgb, var(--hp-text) 25%, transparent);--hp-toggle-knob-off: var(--hp-surface);--hp-toggle-knob-on: var(--hp-on-accent);--hp-toggle-track-off: var(--hp-bg);--hp-toggle-track-on: var(--hp-accent);--hp-toggle-ring: inset 2px 2px 4px color-mix(in srgb, var(--hp-text) 15%, transparent), inset -2px -2px 4px var(--hp-surface);--hp-toggle-on-shadow: 0 0 0 0 transparent}[data-hp-toggle=gradient]{--hp-toggle-width: 38px;--hp-toggle-height: 22px;--hp-toggle-knob: 18px;--hp-toggle-inset: 2px;--hp-toggle-radius: 999px;--hp-toggle-knob-radius: 50%;--hp-toggle-knob-shadow: none;--hp-toggle-knob-off: var(--hp-on-accent);--hp-toggle-knob-on: var(--hp-on-accent);--hp-toggle-track-off: var(--hp-toggle-off);--hp-toggle-track-on: linear-gradient(90deg, var(--hp-accent), var(--hp-secondary));--hp-toggle-ring: 0 0 0 0 transparent;--hp-toggle-on-shadow: 0 0 0 0 transparent}[data-hp-toggle=icon]{--hp-toggle-width: 42px;--hp-toggle-height: 24px;--hp-toggle-knob: 20px;--hp-toggle-inset: 2px;--hp-toggle-radius: 999px;--hp-toggle-knob-radius: 50%;--hp-toggle-knob-shadow: none;--hp-toggle-knob-off: radial-gradient(circle, var(--hp-toggle-off) 0 22%, var(--hp-on-accent) 27%);--hp-toggle-knob-on: radial-gradient(circle, var(--hp-accent) 0 22%, var(--hp-on-accent) 27%);--hp-toggle-track-off: var(--hp-toggle-off);--hp-toggle-track-on: var(--hp-accent);--hp-toggle-ring: 0 0 0 0 transparent;--hp-toggle-on-shadow: 0 0 0 0 transparent}[data-hp-toggle=dot]{--hp-toggle-width: 38px;--hp-toggle-height: 22px;--hp-toggle-knob: 10px;--hp-toggle-inset: 6px;--hp-toggle-radius: 999px;--hp-toggle-knob-radius: 50%;--hp-toggle-knob-shadow: none;--hp-toggle-knob-off: var(--hp-on-accent);--hp-toggle-knob-on: var(--hp-on-accent);--hp-toggle-track-off: var(--hp-toggle-off);--hp-toggle-track-on: var(--hp-accent);--hp-toggle-ring: 0 0 0 0 transparent;--hp-toggle-on-shadow: 0 0 0 0 transparent}[data-hp-toggle=bordered]{--hp-toggle-width: 38px;--hp-toggle-height: 22px;--hp-toggle-knob: 18px;--hp-toggle-inset: 2px;--hp-toggle-radius: 999px;--hp-toggle-knob-radius: 50%;--hp-toggle-knob-shadow: none;--hp-toggle-knob-off: var(--hp-on-accent);--hp-toggle-knob-on: var(--hp-on-accent);--hp-toggle-track-off: var(--hp-toggle-off);--hp-toggle-track-on: var(--hp-accent);--hp-toggle-ring: inset 0 0 0 2px var(--hp-border-strong);--hp-toggle-on-shadow: 0 0 0 0 transparent}[data-hp-toggle=shadow]{--hp-toggle-width: 38px;--hp-toggle-height: 22px;--hp-toggle-knob: 18px;--hp-toggle-inset: 2px;--hp-toggle-radius: 999px;--hp-toggle-knob-radius: 50%;--hp-toggle-knob-shadow: 0 2px 5px color-mix(in srgb, var(--hp-text) 30%, transparent);--hp-toggle-knob-off: var(--hp-on-accent);--hp-toggle-knob-on: var(--hp-on-accent);--hp-toggle-track-off: var(--hp-toggle-off);--hp-toggle-track-on: var(--hp-accent);--hp-toggle-ring: inset 0 2px 4px color-mix(in srgb, var(--hp-text) 22%, transparent);--hp-toggle-on-shadow: 0 0 0 0 transparent}[data-hp-toggle=retro]{--hp-toggle-width: 44px;--hp-toggle-height: 24px;--hp-toggle-knob: 16px;--hp-toggle-inset: 4px;--hp-toggle-radius: 0;--hp-toggle-knob-radius: 0;--hp-toggle-knob-shadow: none;--hp-toggle-knob-off: var(--hp-text);--hp-toggle-knob-on: var(--hp-on-accent);--hp-toggle-track-off: var(--hp-toggle-off);--hp-toggle-track-on: var(--hp-accent);--hp-toggle-ring: inset 0 0 0 2px var(--hp-text);--hp-toggle-on-shadow: 0 0 0 0 transparent}[data-hp-toggle=line]{--hp-toggle-width: 36px;--hp-toggle-height: 4px;--hp-toggle-knob: 18px;--hp-toggle-inset: 0px;--hp-toggle-radius: 999px;--hp-toggle-knob-radius: 50%;--hp-toggle-knob-shadow: 0 0 0 1.5px var(--hp-border-strong);--hp-toggle-knob-off: var(--hp-surface);--hp-toggle-knob-on: var(--hp-accent);--hp-toggle-track-off: var(--hp-toggle-off);--hp-toggle-track-on: var(--hp-accent);--hp-toggle-ring: 0 0 0 0 transparent;--hp-toggle-on-shadow: 0 0 0 0 transparent}[data-hp-toggle=liquid-glass]{--hp-toggle-width: 50px;--hp-toggle-height: 30px;--hp-toggle-knob: 26px;--hp-toggle-inset: 2px;--hp-toggle-radius: 999px;--hp-toggle-knob-radius: 50%;--hp-toggle-knob-shadow: 0 3px 8px -1px color-mix(in srgb, var(--hp-text) 30%, transparent), inset 0 1px 0 white;--hp-toggle-knob-off: color-mix(in srgb, white 94%, transparent);--hp-toggle-knob-on: color-mix(in srgb, white 94%, transparent);--hp-toggle-track-off: var(--hp-lg-fill-strong);--hp-toggle-track-on: color-mix(in srgb, var(--hp-accent) 82%, transparent);--hp-toggle-ring: var(--hp-lg-highlight), inset 0 0 0 1px var(--hp-lg-edge);--hp-toggle-on-shadow: 0 0 0 0 transparent}[data-hp-card=elevated]{--hp-card-bg: var(--hp-surface);--hp-card-border: var(--hp-border);--hp-card-shadow: var(--hp-shadow-sm);--hp-card-blur: none;--hp-card-radius: var(--hp-radius-xl);--hp-card-style: solid;--hp-card-width: 1px;--hp-card-image: none}[data-hp-card=outlined]{--hp-card-bg: var(--hp-surface);--hp-card-border: var(--hp-border-strong);--hp-card-shadow: none;--hp-card-blur: none;--hp-card-radius: var(--hp-radius-xl);--hp-card-style: solid;--hp-card-width: 1px;--hp-card-image: none}[data-hp-card=flat]{--hp-card-bg: var(--hp-surface);--hp-card-border: transparent;--hp-card-shadow: none;--hp-card-blur: none;--hp-card-radius: var(--hp-radius-xl);--hp-card-style: solid;--hp-card-width: 1px;--hp-card-image: none}[data-hp-card=glass]{--hp-card-bg: color-mix(in srgb, var(--hp-surface) 62%, transparent);--hp-card-border: color-mix(in srgb, var(--hp-text) 14%, transparent);--hp-card-shadow: inset 0 1px 0 color-mix(in srgb, white 24%, transparent), 0 10px 30px -14px color-mix(in srgb, var(--hp-text) 38%, transparent);--hp-card-blur: blur(16px) saturate(1.4);--hp-card-radius: var(--hp-radius-xl);--hp-card-style: solid;--hp-card-width: 1px;--hp-card-image: none}[data-hp-card=gradient]{--hp-card-bg: var(--hp-surface);--hp-card-border: var(--hp-border);--hp-card-shadow: var(--hp-shadow-sm);--hp-card-blur: none;--hp-card-radius: var(--hp-radius-xl);--hp-card-style: solid;--hp-card-width: 1px;--hp-card-image: linear-gradient(135deg, var(--hp-accent-tint), var(--hp-secondary-tint))}[data-hp-card=soft]{--hp-card-bg: var(--hp-hover);--hp-card-border: transparent;--hp-card-shadow: none;--hp-card-blur: none;--hp-card-radius: var(--hp-radius-xl);--hp-card-style: solid;--hp-card-width: 1px;--hp-card-image: none}[data-hp-card=sharp]{--hp-card-bg: var(--hp-surface);--hp-card-border: var(--hp-border);--hp-card-shadow: var(--hp-shadow-sm);--hp-card-blur: none;--hp-card-radius: 0;--hp-card-style: solid;--hp-card-width: 1px;--hp-card-image: none}[data-hp-card=shadow-strong]{--hp-card-bg: var(--hp-surface);--hp-card-border: var(--hp-border);--hp-card-shadow: 0 18px 40px -16px color-mix(in srgb, var(--hp-text) 40%, transparent);--hp-card-blur: none;--hp-card-radius: var(--hp-radius-xl);--hp-card-style: solid;--hp-card-width: 1px;--hp-card-image: none}[data-hp-card=accent-top]{--hp-card-bg: var(--hp-surface);--hp-card-border: var(--hp-border);--hp-card-shadow: inset 0 3px 0 var(--hp-accent), var(--hp-shadow-sm);--hp-card-blur: none;--hp-card-radius: var(--hp-radius-xl);--hp-card-style: solid;--hp-card-width: 1px;--hp-card-image: none}[data-hp-card=accent-left]{--hp-card-bg: var(--hp-surface);--hp-card-border: var(--hp-border);--hp-card-shadow: inset 3px 0 0 var(--hp-accent), var(--hp-shadow-sm);--hp-card-blur: none;--hp-card-radius: var(--hp-radius-xl);--hp-card-style: solid;--hp-card-width: 1px;--hp-card-image: none}[data-hp-card=neumorph]{--hp-card-bg: var(--hp-bg);--hp-card-border: transparent;--hp-card-shadow: 6px 6px 14px color-mix(in srgb, var(--hp-text) 12%, transparent), -6px -6px 14px color-mix(in srgb, var(--hp-surface) 70%, transparent);--hp-card-blur: none;--hp-card-radius: var(--hp-radius-xl);--hp-card-style: solid;--hp-card-width: 1px;--hp-card-image: none}[data-hp-card=dashed]{--hp-card-bg: var(--hp-surface);--hp-card-border: var(--hp-border-strong);--hp-card-shadow: none;--hp-card-blur: none;--hp-card-radius: var(--hp-radius-xl);--hp-card-style: dashed;--hp-card-width: 1px;--hp-card-image: none}[data-hp-card=inset]{--hp-card-bg: var(--hp-bg);--hp-card-border: var(--hp-border);--hp-card-shadow: inset 0 2px 8px color-mix(in srgb, var(--hp-text) 10%, transparent);--hp-card-blur: none;--hp-card-radius: var(--hp-radius-xl);--hp-card-style: solid;--hp-card-width: 1px;--hp-card-image: none}[data-hp-card=floating]{--hp-card-bg: var(--hp-surface);--hp-card-border: transparent;--hp-card-shadow: 0 24px 48px -20px color-mix(in srgb, var(--hp-text) 35%, transparent);--hp-card-blur: none;--hp-card-radius: var(--hp-radius-xl);--hp-card-style: solid;--hp-card-width: 1px;--hp-card-image: none}[data-hp-card=brutalist]{--hp-card-bg: var(--hp-surface);--hp-card-border: var(--hp-text);--hp-card-shadow: 5px 5px 0 var(--hp-text);--hp-card-blur: none;--hp-card-radius: 6px;--hp-card-style: solid;--hp-card-width: 2px;--hp-card-image: none}[data-hp-card=tinted]{--hp-card-bg: color-mix(in srgb, var(--hp-accent) 7%, var(--hp-surface));--hp-card-border: var(--hp-accent-tint-strong);--hp-card-shadow: none;--hp-card-blur: none;--hp-card-radius: var(--hp-radius-xl);--hp-card-style: solid;--hp-card-width: 1px;--hp-card-image: none}[data-hp-card=ghost]{--hp-card-bg: transparent;--hp-card-border: var(--hp-border);--hp-card-shadow: none;--hp-card-blur: none;--hp-card-radius: var(--hp-radius-xl);--hp-card-style: solid;--hp-card-width: 1px;--hp-card-image: none}[data-hp-card=double-border]{--hp-card-bg: var(--hp-surface);--hp-card-border: var(--hp-border);--hp-card-shadow: 0 0 0 3px var(--hp-surface), 0 0 0 4px var(--hp-border-strong);--hp-card-blur: none;--hp-card-radius: var(--hp-radius-xl);--hp-card-style: solid;--hp-card-width: 1px;--hp-card-image: none}[data-hp-card=glow]{--hp-card-bg: var(--hp-surface);--hp-card-border: color-mix(in srgb, var(--hp-accent) 40%, transparent);--hp-card-shadow: 0 0 0 1px var(--hp-accent-tint), 0 8px 28px -8px var(--hp-accent);--hp-card-blur: none;--hp-card-radius: var(--hp-radius-xl);--hp-card-style: solid;--hp-card-width: 1px;--hp-card-image: none}[data-hp-card=paper]{--hp-card-bg: var(--hp-surface);--hp-card-border: var(--hp-border);--hp-card-shadow: 0 1px 2px color-mix(in srgb, var(--hp-text) 12%, transparent), 5px 5px 0 -1px var(--hp-surface), 5px 5px 0 0 var(--hp-border-strong);--hp-card-blur: none;--hp-card-radius: 4px;--hp-card-style: solid;--hp-card-width: 1px;--hp-card-image: none}[data-hp-card=matrix]{--hp-card-bg: color-mix(in srgb, var(--hp-accent) 4%, var(--hp-surface));--hp-card-border: color-mix(in srgb, var(--hp-accent) 40%, var(--hp-border-strong));--hp-card-shadow: inset 0 1px 0 color-mix(in srgb, var(--hp-accent) 15%, transparent);--hp-card-blur: none;--hp-card-radius: 6px;--hp-card-style: solid;--hp-card-width: 1px;--hp-card-image: none}[data-hp-card=liquid-glass]{--hp-card-bg: var(--hp-lg-fill);--hp-card-border: var(--hp-lg-edge);--hp-card-shadow: var(--hp-lg-shadow);--hp-card-blur: var(--hp-lg-blur);--hp-card-radius: 26px;--hp-card-style: solid;--hp-card-width: 1px;--hp-card-image: var(--hp-lg-sheen)}[data-hp-toast=solid]{--hp-toast-bg: var(--hp-surface);--hp-toast-border: var(--hp-border);--hp-toast-bar: 1px;--hp-toast-bar-color: var(--hp-border);--hp-toast-radius: 12px;--hp-toast-shadow: var(--hp-shadow-pop);--hp-toast-width: 1px;--hp-toast-pad: 12px 14px;--hp-toast-text: var(--hp-text-2);--hp-toast-image: none;--hp-toast-blur: none}[data-hp-toast=subtle]{--hp-toast-bg: color-mix(in srgb, currentColor 9%, var(--hp-surface));--hp-toast-border: color-mix(in srgb, currentColor 22%, transparent);--hp-toast-bar: 1px;--hp-toast-bar-color: color-mix(in srgb, currentColor 22%, transparent);--hp-toast-radius: 12px;--hp-toast-shadow: none;--hp-toast-width: 1px;--hp-toast-pad: 12px 14px;--hp-toast-text: var(--hp-text-2);--hp-toast-image: none;--hp-toast-blur: none}[data-hp-toast=accent-bar]{--hp-toast-bg: var(--hp-surface);--hp-toast-border: var(--hp-border);--hp-toast-bar: 4px;--hp-toast-bar-color: currentColor;--hp-toast-radius: 8px;--hp-toast-shadow: var(--hp-shadow-pop);--hp-toast-width: 1px;--hp-toast-pad: 12px 14px;--hp-toast-text: var(--hp-text-2);--hp-toast-image: none;--hp-toast-blur: none}[data-hp-toast=glass]{--hp-toast-bg: color-mix(in srgb, var(--hp-surface) 72%, transparent);--hp-toast-border: color-mix(in srgb, var(--hp-text) 14%, transparent);--hp-toast-bar: 1px;--hp-toast-bar-color: var(--hp-border);--hp-toast-radius: 12px;--hp-toast-shadow: inset 0 1px 0 color-mix(in srgb, white 24%, transparent), 0 10px 30px -14px color-mix(in srgb, var(--hp-text) 38%, transparent);--hp-toast-width: 1px;--hp-toast-pad: 12px 14px;--hp-toast-text: var(--hp-text-2);--hp-toast-image: none;--hp-toast-blur: blur(16px) saturate(1.4)}[data-hp-toast=outline]{--hp-toast-bg: var(--hp-surface);--hp-toast-border: currentColor;--hp-toast-bar: 1px;--hp-toast-bar-color: currentColor;--hp-toast-radius: 12px;--hp-toast-shadow: none;--hp-toast-width: 1px;--hp-toast-pad: 12px 14px;--hp-toast-text: var(--hp-text-2);--hp-toast-image: none;--hp-toast-blur: none}[data-hp-toast=pill]{--hp-toast-bg: var(--hp-surface);--hp-toast-border: var(--hp-border);--hp-toast-bar: 1px;--hp-toast-bar-color: var(--hp-border);--hp-toast-radius: 999px;--hp-toast-shadow: var(--hp-shadow-pop);--hp-toast-width: 1px;--hp-toast-pad: 10px 18px;--hp-toast-text: var(--hp-text-2);--hp-toast-image: none;--hp-toast-blur: none}[data-hp-toast=minimal]{--hp-toast-bg: var(--hp-surface);--hp-toast-border: transparent;--hp-toast-bar: 1px;--hp-toast-bar-color: transparent;--hp-toast-radius: 12px;--hp-toast-shadow: var(--hp-shadow-sm);--hp-toast-width: 1px;--hp-toast-pad: 12px 14px;--hp-toast-text: var(--hp-text-2);--hp-toast-image: none;--hp-toast-blur: none}[data-hp-toast=shadow]{--hp-toast-bg: var(--hp-surface);--hp-toast-border: var(--hp-border);--hp-toast-bar: 1px;--hp-toast-bar-color: var(--hp-border);--hp-toast-radius: 12px;--hp-toast-shadow: 0 20px 40px -14px color-mix(in srgb, var(--hp-text) 40%, transparent);--hp-toast-width: 1px;--hp-toast-pad: 12px 14px;--hp-toast-text: var(--hp-text-2);--hp-toast-image: none;--hp-toast-blur: none}[data-hp-toast=gradient]{--hp-toast-bg: var(--hp-surface);--hp-toast-border: var(--hp-border);--hp-toast-bar: 1px;--hp-toast-bar-color: var(--hp-border);--hp-toast-radius: 12px;--hp-toast-shadow: var(--hp-shadow-pop);--hp-toast-width: 1px;--hp-toast-pad: 12px 14px;--hp-toast-text: var(--hp-text-2);--hp-toast-image: linear-gradient(135deg, color-mix(in srgb, currentColor 16%, transparent), transparent 70%);--hp-toast-blur: none}[data-hp-toast=contrast]{--hp-toast-bg: var(--hp-text);--hp-toast-border: var(--hp-text);--hp-toast-bar: 1px;--hp-toast-bar-color: var(--hp-text);--hp-toast-radius: 12px;--hp-toast-shadow: var(--hp-shadow-pop);--hp-toast-width: 1px;--hp-toast-pad: 12px 14px;--hp-toast-text: var(--hp-surface);--hp-toast-image: none;--hp-toast-blur: none}[data-hp-toast=filled-icon]{--hp-toast-bg: color-mix(in srgb, currentColor 18%, var(--hp-surface));--hp-toast-border: transparent;--hp-toast-bar: 1px;--hp-toast-bar-color: transparent;--hp-toast-radius: 12px;--hp-toast-shadow: none;--hp-toast-width: 1px;--hp-toast-pad: 12px 14px;--hp-toast-text: var(--hp-text);--hp-toast-image: none;--hp-toast-blur: none}[data-hp-toast=compact]{--hp-toast-bg: var(--hp-surface);--hp-toast-border: var(--hp-border);--hp-toast-bar: 1px;--hp-toast-bar-color: var(--hp-border);--hp-toast-radius: 8px;--hp-toast-shadow: var(--hp-shadow-pop);--hp-toast-width: 1px;--hp-toast-pad: 7px 10px;--hp-toast-text: var(--hp-text-2);--hp-toast-image: none;--hp-toast-blur: none}[data-hp-toast=banner]{--hp-toast-bg: var(--hp-surface);--hp-toast-border: var(--hp-border);--hp-toast-bar: 1px;--hp-toast-bar-color: var(--hp-border);--hp-toast-radius: 2px;--hp-toast-shadow: var(--hp-shadow-pop);--hp-toast-width: 1px;--hp-toast-pad: 14px 20px;--hp-toast-text: var(--hp-text-2);--hp-toast-image: none;--hp-toast-blur: none}[data-hp-toast=sharp]{--hp-toast-bg: var(--hp-surface);--hp-toast-border: var(--hp-border);--hp-toast-bar: 1px;--hp-toast-bar-color: var(--hp-border);--hp-toast-radius: 0;--hp-toast-shadow: var(--hp-shadow-pop);--hp-toast-width: 1px;--hp-toast-pad: 12px 14px;--hp-toast-text: var(--hp-text-2);--hp-toast-image: none;--hp-toast-blur: none}[data-hp-toast=soft]{--hp-toast-bg: color-mix(in srgb, currentColor 7%, var(--hp-surface));--hp-toast-border: transparent;--hp-toast-bar: 1px;--hp-toast-bar-color: transparent;--hp-toast-radius: 12px;--hp-toast-shadow: var(--hp-shadow-sm);--hp-toast-width: 1px;--hp-toast-pad: 12px 14px;--hp-toast-text: var(--hp-text-2);--hp-toast-image: none;--hp-toast-blur: none}[data-hp-toast=bordered]{--hp-toast-bg: var(--hp-surface);--hp-toast-border: currentColor;--hp-toast-bar: 2px;--hp-toast-bar-color: currentColor;--hp-toast-radius: 12px;--hp-toast-shadow: var(--hp-shadow-pop);--hp-toast-width: 2px;--hp-toast-pad: 12px 14px;--hp-toast-text: var(--hp-text-2);--hp-toast-image: none;--hp-toast-blur: none}[data-hp-toast=floating]{--hp-toast-bg: var(--hp-surface);--hp-toast-border: transparent;--hp-toast-bar: 1px;--hp-toast-bar-color: transparent;--hp-toast-radius: 16px;--hp-toast-shadow: 0 24px 50px -18px color-mix(in srgb, var(--hp-text) 45%, transparent);--hp-toast-width: 1px;--hp-toast-pad: 12px 14px;--hp-toast-text: var(--hp-text-2);--hp-toast-image: none;--hp-toast-blur: none}[data-hp-toast=neon]{--hp-toast-bg: var(--hp-surface);--hp-toast-border: currentColor;--hp-toast-bar: 1px;--hp-toast-bar-color: currentColor;--hp-toast-radius: 12px;--hp-toast-shadow: 0 0 16px color-mix(in srgb, currentColor 45%, transparent);--hp-toast-width: 1px;--hp-toast-pad: 12px 14px;--hp-toast-text: var(--hp-text-2);--hp-toast-image: none;--hp-toast-blur: none}[data-hp-toast=stripe]{--hp-toast-bg: var(--hp-surface);--hp-toast-border: var(--hp-border);--hp-toast-bar: 1px;--hp-toast-bar-color: var(--hp-border);--hp-toast-radius: 12px;--hp-toast-shadow: var(--hp-shadow-pop);--hp-toast-width: 1px;--hp-toast-pad: 12px 14px;--hp-toast-text: var(--hp-text-2);--hp-toast-image: repeating-linear-gradient(135deg, color-mix(in srgb, currentColor 8%, transparent) 0 8px, transparent 8px 16px);--hp-toast-blur: none}[data-hp-toast=card]{--hp-toast-bg: var(--hp-surface);--hp-toast-border: var(--hp-border);--hp-toast-bar: 1px;--hp-toast-bar-color: var(--hp-border);--hp-toast-radius: 16px;--hp-toast-shadow: var(--hp-shadow-pop);--hp-toast-width: 1px;--hp-toast-pad: 16px 18px;--hp-toast-text: var(--hp-text-2);--hp-toast-image: none;--hp-toast-blur: none}[data-hp-toast=liquid-glass]{--hp-toast-bg: var(--hp-lg-fill-strong);--hp-toast-border: var(--hp-lg-edge);--hp-toast-bar: 1px;--hp-toast-bar-color: var(--hp-border);--hp-toast-radius: 22px;--hp-toast-shadow: var(--hp-lg-shadow);--hp-toast-width: 1px;--hp-toast-pad: 12px 14px;--hp-toast-text: var(--hp-text-2);--hp-toast-image: var(--hp-lg-sheen);--hp-toast-blur: var(--hp-lg-blur)}[data-hp-avatar=circle]{--hp-avatar-radius: 50%;--hp-avatar-ring: none;--hp-avatar-clip: none;--hp-avatar-bg: var(--hp-accent-tint-strong);--hp-avatar-color: var(--hp-accent);--hp-avatar-rotate: 0deg;--hp-avatar-min: 0px;--hp-avatar-outline: none;--hp-avatar-status: none;--hp-avatar-status-color: var(--hp-success);--hp-avatar-status-top: auto;--hp-avatar-status-bottom: 0}[data-hp-avatar=rounded]{--hp-avatar-radius: 22%;--hp-avatar-ring: none;--hp-avatar-clip: none;--hp-avatar-bg: var(--hp-accent-tint-strong);--hp-avatar-color: var(--hp-accent);--hp-avatar-rotate: 0deg;--hp-avatar-min: 0px;--hp-avatar-outline: none;--hp-avatar-status: none;--hp-avatar-status-color: var(--hp-success);--hp-avatar-status-top: auto;--hp-avatar-status-bottom: 0}[data-hp-avatar=squircle]{--hp-avatar-radius: 36%;--hp-avatar-ring: none;--hp-avatar-clip: none;--hp-avatar-bg: var(--hp-accent-tint-strong);--hp-avatar-color: var(--hp-accent);--hp-avatar-rotate: 0deg;--hp-avatar-min: 0px;--hp-avatar-outline: none;--hp-avatar-status: none;--hp-avatar-status-color: var(--hp-success);--hp-avatar-status-top: auto;--hp-avatar-status-bottom: 0}[data-hp-avatar=ring]{--hp-avatar-radius: 50%;--hp-avatar-ring: 0 0 0 2px var(--hp-surface), 0 0 0 4px var(--hp-accent);--hp-avatar-clip: none;--hp-avatar-bg: var(--hp-accent-tint-strong);--hp-avatar-color: var(--hp-accent);--hp-avatar-rotate: 0deg;--hp-avatar-min: 0px;--hp-avatar-outline: none;--hp-avatar-status: none;--hp-avatar-status-color: var(--hp-success);--hp-avatar-status-top: auto;--hp-avatar-status-bottom: 0}[data-hp-avatar=square]{--hp-avatar-radius: 4px;--hp-avatar-ring: none;--hp-avatar-clip: none;--hp-avatar-bg: var(--hp-accent-tint-strong);--hp-avatar-color: var(--hp-accent);--hp-avatar-rotate: 0deg;--hp-avatar-min: 0px;--hp-avatar-outline: none;--hp-avatar-status: none;--hp-avatar-status-color: var(--hp-success);--hp-avatar-status-top: auto;--hp-avatar-status-bottom: 0}[data-hp-avatar=hexagon]{--hp-avatar-radius: 0;--hp-avatar-ring: none;--hp-avatar-clip: polygon(25% 4%, 75% 4%, 100% 50%, 75% 96%, 25% 96%, 0 50%);--hp-avatar-bg: var(--hp-accent-tint-strong);--hp-avatar-color: var(--hp-accent);--hp-avatar-rotate: 0deg;--hp-avatar-min: 0px;--hp-avatar-outline: none;--hp-avatar-status: none;--hp-avatar-status-color: var(--hp-success);--hp-avatar-status-top: auto;--hp-avatar-status-bottom: 0}[data-hp-avatar=gradient-ring]{--hp-avatar-radius: 50%;--hp-avatar-ring: 0 0 0 2px var(--hp-surface), -2px -2px 0 3px var(--hp-accent), 2px 2px 0 3px var(--hp-secondary);--hp-avatar-clip: none;--hp-avatar-bg: var(--hp-accent-tint-strong);--hp-avatar-color: var(--hp-accent);--hp-avatar-rotate: 0deg;--hp-avatar-min: 0px;--hp-avatar-outline: none;--hp-avatar-status: none;--hp-avatar-status-color: var(--hp-success);--hp-avatar-status-top: auto;--hp-avatar-status-bottom: 0}[data-hp-avatar=soft]{--hp-avatar-radius: 30%;--hp-avatar-ring: none;--hp-avatar-clip: none;--hp-avatar-bg: var(--hp-accent-tint);--hp-avatar-color: var(--hp-accent);--hp-avatar-rotate: 0deg;--hp-avatar-min: 0px;--hp-avatar-outline: none;--hp-avatar-status: none;--hp-avatar-status-color: var(--hp-success);--hp-avatar-status-top: auto;--hp-avatar-status-bottom: 0}[data-hp-avatar=shadow]{--hp-avatar-radius: 50%;--hp-avatar-ring: 0 4px 10px -2px color-mix(in srgb, var(--hp-text) 35%, transparent);--hp-avatar-clip: none;--hp-avatar-bg: var(--hp-accent-tint-strong);--hp-avatar-color: var(--hp-accent);--hp-avatar-rotate: 0deg;--hp-avatar-min: 0px;--hp-avatar-outline: none;--hp-avatar-status: none;--hp-avatar-status-color: var(--hp-success);--hp-avatar-status-top: auto;--hp-avatar-status-bottom: 0}[data-hp-avatar=outline]{--hp-avatar-radius: 50%;--hp-avatar-ring: inset 0 0 0 2px var(--hp-accent);--hp-avatar-clip: none;--hp-avatar-bg: transparent;--hp-avatar-color: var(--hp-accent);--hp-avatar-rotate: 0deg;--hp-avatar-min: 0px;--hp-avatar-outline: none;--hp-avatar-status: none;--hp-avatar-status-color: var(--hp-success);--hp-avatar-status-top: auto;--hp-avatar-status-bottom: 0}[data-hp-avatar=double-ring]{--hp-avatar-radius: 50%;--hp-avatar-ring: 0 0 0 2px var(--hp-surface), 0 0 0 3.5px var(--hp-accent), 0 0 0 5.5px var(--hp-surface), 0 0 0 7px var(--hp-accent-tint-strong);--hp-avatar-clip: none;--hp-avatar-bg: var(--hp-accent-tint-strong);--hp-avatar-color: var(--hp-accent);--hp-avatar-rotate: 0deg;--hp-avatar-min: 0px;--hp-avatar-outline: none;--hp-avatar-status: none;--hp-avatar-status-color: var(--hp-success);--hp-avatar-status-top: auto;--hp-avatar-status-bottom: 0}[data-hp-avatar=status-dot]{--hp-avatar-radius: 50%;--hp-avatar-ring: none;--hp-avatar-clip: none;--hp-avatar-bg: var(--hp-accent-tint-strong);--hp-avatar-color: var(--hp-accent);--hp-avatar-rotate: 0deg;--hp-avatar-min: 0px;--hp-avatar-outline: none;--hp-avatar-status: block;--hp-avatar-status-color: var(--hp-success);--hp-avatar-status-top: auto;--hp-avatar-status-bottom: 0}[data-hp-avatar=blob]{--hp-avatar-radius: 42% 58% 55% 45% / 50% 45% 55% 50%;--hp-avatar-ring: none;--hp-avatar-clip: none;--hp-avatar-bg: var(--hp-accent-tint-strong);--hp-avatar-color: var(--hp-accent);--hp-avatar-rotate: 0deg;--hp-avatar-min: 0px;--hp-avatar-outline: none;--hp-avatar-status: none;--hp-avatar-status-color: var(--hp-success);--hp-avatar-status-top: auto;--hp-avatar-status-bottom: 0}[data-hp-avatar=diamond]{--hp-avatar-radius: 0;--hp-avatar-ring: none;--hp-avatar-clip: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);--hp-avatar-bg: var(--hp-accent-tint-strong);--hp-avatar-color: var(--hp-accent);--hp-avatar-rotate: 0deg;--hp-avatar-min: 0px;--hp-avatar-outline: none;--hp-avatar-status: none;--hp-avatar-status-color: var(--hp-success);--hp-avatar-status-top: auto;--hp-avatar-status-bottom: 0}[data-hp-avatar=pill]{--hp-avatar-radius: 999px;--hp-avatar-ring: none;--hp-avatar-clip: none;--hp-avatar-bg: var(--hp-accent-tint-strong);--hp-avatar-color: var(--hp-accent);--hp-avatar-rotate: 0deg;--hp-avatar-min: 3.6em;--hp-avatar-outline: none;--hp-avatar-status: none;--hp-avatar-status-color: var(--hp-success);--hp-avatar-status-top: auto;--hp-avatar-status-bottom: 0}[data-hp-avatar=tilted]{--hp-avatar-radius: 26%;--hp-avatar-ring: none;--hp-avatar-clip: none;--hp-avatar-bg: var(--hp-accent-tint-strong);--hp-avatar-color: var(--hp-accent);--hp-avatar-rotate: -8deg;--hp-avatar-min: 0px;--hp-avatar-outline: none;--hp-avatar-status: none;--hp-avatar-status-color: var(--hp-success);--hp-avatar-status-top: auto;--hp-avatar-status-bottom: 0}[data-hp-avatar=glow]{--hp-avatar-radius: 50%;--hp-avatar-ring: 0 0 0 2px var(--hp-surface), 0 0 14px 3px var(--hp-accent);--hp-avatar-clip: none;--hp-avatar-bg: var(--hp-accent-tint-strong);--hp-avatar-color: var(--hp-accent);--hp-avatar-rotate: 0deg;--hp-avatar-min: 0px;--hp-avatar-outline: none;--hp-avatar-status: none;--hp-avatar-status-color: var(--hp-success);--hp-avatar-status-top: auto;--hp-avatar-status-bottom: 0}[data-hp-avatar=dashed-ring]{--hp-avatar-radius: 50%;--hp-avatar-ring: none;--hp-avatar-clip: none;--hp-avatar-bg: var(--hp-accent-tint-strong);--hp-avatar-color: var(--hp-accent);--hp-avatar-rotate: 0deg;--hp-avatar-min: 0px;--hp-avatar-outline: 2px dashed var(--hp-accent);--hp-avatar-status: none;--hp-avatar-status-color: var(--hp-success);--hp-avatar-status-top: auto;--hp-avatar-status-bottom: 0}[data-hp-avatar=octagon]{--hp-avatar-radius: 0;--hp-avatar-ring: none;--hp-avatar-clip: polygon(30% 0, 70% 0, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0 70%, 0 30%);--hp-avatar-bg: var(--hp-accent-tint-strong);--hp-avatar-color: var(--hp-accent);--hp-avatar-rotate: 0deg;--hp-avatar-min: 0px;--hp-avatar-outline: none;--hp-avatar-status: none;--hp-avatar-status-color: var(--hp-success);--hp-avatar-status-top: auto;--hp-avatar-status-bottom: 0}[data-hp-avatar=badge]{--hp-avatar-radius: 50%;--hp-avatar-ring: none;--hp-avatar-clip: none;--hp-avatar-bg: var(--hp-accent-tint-strong);--hp-avatar-color: var(--hp-accent);--hp-avatar-rotate: 0deg;--hp-avatar-min: 0px;--hp-avatar-outline: none;--hp-avatar-status: block;--hp-avatar-status-color: var(--hp-accent);--hp-avatar-status-top: 0;--hp-avatar-status-bottom: auto}[data-hp-avatar=liquid-glass]{--hp-avatar-radius: 50%;--hp-avatar-ring: var(--hp-lg-highlight), 0 6px 14px -6px color-mix(in srgb, var(--hp-text) 40%, transparent);--hp-avatar-clip: none;--hp-avatar-bg: color-mix(in srgb, var(--hp-accent) 20%, transparent);--hp-avatar-color: var(--hp-accent);--hp-avatar-rotate: 0deg;--hp-avatar-min: 0px;--hp-avatar-outline: none;--hp-avatar-status: none;--hp-avatar-status-color: var(--hp-success);--hp-avatar-status-top: auto;--hp-avatar-status-bottom: 0}[data-hp-badge=soft]{--hp-badge-fill: 14%;--hp-badge-ink: 100%;--hp-badge-edge: 0%;--hp-badge-edge-width: 0;--hp-badge-radius: 999px;--hp-badge-pad: 3px 10px;--hp-badge-weight: 700;--hp-badge-glow: 0%;--hp-badge-shadow: 0 0 0 transparent;--hp-badge-transform: none;--hp-badge-letter: normal;--hp-badge-dot: none;--hp-badge-clip: none;--hp-badge-image: none;--hp-badge-blur: none}[data-hp-badge=solid]{--hp-badge-fill: 100%;--hp-badge-ink: 0%;--hp-badge-edge: 0%;--hp-badge-edge-width: 0;--hp-badge-radius: 6px;--hp-badge-pad: 3px 10px;--hp-badge-weight: 700;--hp-badge-glow: 0%;--hp-badge-shadow: 0 0 0 transparent;--hp-badge-transform: none;--hp-badge-letter: normal;--hp-badge-dot: none;--hp-badge-clip: none;--hp-badge-image: none;--hp-badge-blur: none}[data-hp-badge=outline]{--hp-badge-fill: 0%;--hp-badge-ink: 100%;--hp-badge-edge: 100%;--hp-badge-edge-width: 1px;--hp-badge-radius: 999px;--hp-badge-pad: 3px 10px;--hp-badge-weight: 700;--hp-badge-glow: 0%;--hp-badge-shadow: 0 0 0 transparent;--hp-badge-transform: none;--hp-badge-letter: normal;--hp-badge-dot: none;--hp-badge-clip: none;--hp-badge-image: none;--hp-badge-blur: none}[data-hp-badge=pill]{--hp-badge-fill: 100%;--hp-badge-ink: 0%;--hp-badge-edge: 0%;--hp-badge-edge-width: 0;--hp-badge-radius: 999px;--hp-badge-pad: 3px 12px;--hp-badge-weight: 700;--hp-badge-glow: 0%;--hp-badge-shadow: 0 0 0 transparent;--hp-badge-transform: none;--hp-badge-letter: normal;--hp-badge-dot: none;--hp-badge-clip: none;--hp-badge-image: none;--hp-badge-blur: none}[data-hp-badge=dot]{--hp-badge-fill: 8%;--hp-badge-ink: 100%;--hp-badge-edge: 0%;--hp-badge-edge-width: 0;--hp-badge-radius: 999px;--hp-badge-pad: 3px 10px 3px 8px;--hp-badge-weight: 700;--hp-badge-glow: 0%;--hp-badge-shadow: 0 0 0 transparent;--hp-badge-transform: none;--hp-badge-letter: normal;--hp-badge-dot: inline-block;--hp-badge-clip: none;--hp-badge-image: none;--hp-badge-blur: none}[data-hp-badge=square]{--hp-badge-fill: 14%;--hp-badge-ink: 100%;--hp-badge-edge: 0%;--hp-badge-edge-width: 0;--hp-badge-radius: 3px;--hp-badge-pad: 3px 10px;--hp-badge-weight: 700;--hp-badge-glow: 0%;--hp-badge-shadow: 0 0 0 transparent;--hp-badge-transform: none;--hp-badge-letter: normal;--hp-badge-dot: none;--hp-badge-clip: none;--hp-badge-image: none;--hp-badge-blur: none}[data-hp-badge=gradient]{--hp-badge-fill: 100%;--hp-badge-ink: 0%;--hp-badge-edge: 0%;--hp-badge-edge-width: 0;--hp-badge-radius: 999px;--hp-badge-pad: 3px 10px;--hp-badge-weight: 700;--hp-badge-glow: 0%;--hp-badge-shadow: 0 0 0 transparent;--hp-badge-transform: none;--hp-badge-letter: normal;--hp-badge-dot: none;--hp-badge-clip: none;--hp-badge-image: linear-gradient(135deg, color-mix(in srgb, var(--hp-surface) 30%, transparent), transparent 65%);--hp-badge-blur: none}[data-hp-badge=glass]{--hp-badge-fill: 16%;--hp-badge-ink: 100%;--hp-badge-edge: 25%;--hp-badge-edge-width: 1px;--hp-badge-radius: 999px;--hp-badge-pad: 3px 10px;--hp-badge-weight: 700;--hp-badge-glow: 0%;--hp-badge-shadow: inset 0 1px 0 color-mix(in srgb, white 24%, transparent);--hp-badge-transform: none;--hp-badge-letter: normal;--hp-badge-dot: none;--hp-badge-clip: none;--hp-badge-image: none;--hp-badge-blur: blur(12px) saturate(1.4)}[data-hp-badge=subtle]{--hp-badge-fill: 7%;--hp-badge-ink: 100%;--hp-badge-edge: 0%;--hp-badge-edge-width: 0;--hp-badge-radius: 999px;--hp-badge-pad: 3px 10px;--hp-badge-weight: 600;--hp-badge-glow: 0%;--hp-badge-shadow: 0 0 0 transparent;--hp-badge-transform: none;--hp-badge-letter: normal;--hp-badge-dot: none;--hp-badge-clip: none;--hp-badge-image: none;--hp-badge-blur: none}[data-hp-badge=bordered]{--hp-badge-fill: 14%;--hp-badge-ink: 100%;--hp-badge-edge: 45%;--hp-badge-edge-width: 1px;--hp-badge-radius: 999px;--hp-badge-pad: 3px 10px;--hp-badge-weight: 700;--hp-badge-glow: 0%;--hp-badge-shadow: 0 0 0 transparent;--hp-badge-transform: none;--hp-badge-letter: normal;--hp-badge-dot: none;--hp-badge-clip: none;--hp-badge-image: none;--hp-badge-blur: none}[data-hp-badge=shadow]{--hp-badge-fill: 14%;--hp-badge-ink: 100%;--hp-badge-edge: 0%;--hp-badge-edge-width: 0;--hp-badge-radius: 999px;--hp-badge-pad: 3px 10px;--hp-badge-weight: 700;--hp-badge-glow: 0%;--hp-badge-shadow: 0 2px 6px -1px color-mix(in srgb, var(--hp-text) 25%, transparent);--hp-badge-transform: none;--hp-badge-letter: normal;--hp-badge-dot: none;--hp-badge-clip: none;--hp-badge-image: none;--hp-badge-blur: none}[data-hp-badge=neon]{--hp-badge-fill: 6%;--hp-badge-ink: 100%;--hp-badge-edge: 100%;--hp-badge-edge-width: 1px;--hp-badge-radius: 999px;--hp-badge-pad: 3px 10px;--hp-badge-weight: 700;--hp-badge-glow: 55%;--hp-badge-shadow: 0 0 0 transparent;--hp-badge-transform: none;--hp-badge-letter: normal;--hp-badge-dot: none;--hp-badge-clip: none;--hp-badge-image: none;--hp-badge-blur: none}[data-hp-badge=flat]{--hp-badge-fill: 100%;--hp-badge-ink: 0%;--hp-badge-edge: 0%;--hp-badge-edge-width: 0;--hp-badge-radius: 0;--hp-badge-pad: 3px 10px;--hp-badge-weight: 700;--hp-badge-glow: 0%;--hp-badge-shadow: 0 0 0 transparent;--hp-badge-transform: none;--hp-badge-letter: normal;--hp-badge-dot: none;--hp-badge-clip: none;--hp-badge-image: none;--hp-badge-blur: none}[data-hp-badge=rounded]{--hp-badge-fill: 14%;--hp-badge-ink: 100%;--hp-badge-edge: 0%;--hp-badge-edge-width: 0;--hp-badge-radius: 6px;--hp-badge-pad: 3px 10px;--hp-badge-weight: 700;--hp-badge-glow: 0%;--hp-badge-shadow: 0 0 0 transparent;--hp-badge-transform: none;--hp-badge-letter: normal;--hp-badge-dot: none;--hp-badge-clip: none;--hp-badge-image: none;--hp-badge-blur: none}[data-hp-badge=tag]{--hp-badge-fill: 14%;--hp-badge-ink: 100%;--hp-badge-edge: 0%;--hp-badge-edge-width: 0;--hp-badge-radius: 0 4px 4px 0;--hp-badge-pad: 3px 10px 3px 14px;--hp-badge-weight: 700;--hp-badge-glow: 0%;--hp-badge-shadow: 0 0 0 transparent;--hp-badge-transform: none;--hp-badge-letter: normal;--hp-badge-dot: none;--hp-badge-clip: polygon(8px 0, 100% 0, 100% 100%, 8px 100%, 0 50%);--hp-badge-image: none;--hp-badge-blur: none}[data-hp-badge=ribbon]{--hp-badge-fill: 100%;--hp-badge-ink: 0%;--hp-badge-edge: 0%;--hp-badge-edge-width: 0;--hp-badge-radius: 0;--hp-badge-pad: 3px 16px 3px 10px;--hp-badge-weight: 700;--hp-badge-glow: 0%;--hp-badge-shadow: 0 0 0 transparent;--hp-badge-transform: none;--hp-badge-letter: normal;--hp-badge-dot: none;--hp-badge-clip: polygon(0 0, 100% 0, calc(100% - 7px) 50%, 100% 100%, 0 100%);--hp-badge-image: none;--hp-badge-blur: none}[data-hp-badge=underline]{--hp-badge-fill: 0%;--hp-badge-ink: 100%;--hp-badge-edge: 100%;--hp-badge-edge-width: 0 0 2px;--hp-badge-radius: 0;--hp-badge-pad: 2px 2px;--hp-badge-weight: 700;--hp-badge-glow: 0%;--hp-badge-shadow: 0 0 0 transparent;--hp-badge-transform: none;--hp-badge-letter: normal;--hp-badge-dot: none;--hp-badge-clip: none;--hp-badge-image: none;--hp-badge-blur: none}[data-hp-badge=chip]{--hp-badge-fill: 14%;--hp-badge-ink: 100%;--hp-badge-edge: 30%;--hp-badge-edge-width: 1px;--hp-badge-radius: 999px;--hp-badge-pad: 5px 12px;--hp-badge-weight: 600;--hp-badge-glow: 0%;--hp-badge-shadow: 0 0 0 transparent;--hp-badge-transform: none;--hp-badge-letter: normal;--hp-badge-dot: none;--hp-badge-clip: none;--hp-badge-image: none;--hp-badge-blur: none}[data-hp-badge=minimal]{--hp-badge-fill: 0%;--hp-badge-ink: 100%;--hp-badge-edge: 0%;--hp-badge-edge-width: 0;--hp-badge-radius: 999px;--hp-badge-pad: 0;--hp-badge-weight: 700;--hp-badge-glow: 0%;--hp-badge-shadow: 0 0 0 transparent;--hp-badge-transform: none;--hp-badge-letter: normal;--hp-badge-dot: none;--hp-badge-clip: none;--hp-badge-image: none;--hp-badge-blur: none}[data-hp-badge=bold]{--hp-badge-fill: 100%;--hp-badge-ink: 0%;--hp-badge-edge: 0%;--hp-badge-edge-width: 0;--hp-badge-radius: 4px;--hp-badge-pad: 3px 10px;--hp-badge-weight: 800;--hp-badge-glow: 0%;--hp-badge-shadow: 0 0 0 transparent;--hp-badge-transform: uppercase;--hp-badge-letter: .06em;--hp-badge-dot: none;--hp-badge-clip: none;--hp-badge-image: none;--hp-badge-blur: none}[data-hp-badge=liquid-glass]{--hp-badge-fill: 16%;--hp-badge-ink: 100%;--hp-badge-edge: 22%;--hp-badge-edge-width: 1px;--hp-badge-radius: 999px;--hp-badge-pad: 3px 10px;--hp-badge-weight: 700;--hp-badge-glow: 0%;--hp-badge-shadow: var(--hp-lg-highlight);--hp-badge-transform: none;--hp-badge-letter: normal;--hp-badge-dot: none;--hp-badge-clip: none;--hp-badge-image: var(--hp-lg-sheen);--hp-badge-blur: var(--hp-lg-blur)}[data-hp-tooltip=contrast]{--hp-tooltip-bg: var(--hp-text);--hp-tooltip-color: var(--hp-surface);--hp-tooltip-border: transparent;--hp-tooltip-width: 0px;--hp-tooltip-radius: 7px;--hp-tooltip-pad: 6px 10px;--hp-tooltip-shadow: var(--hp-shadow-pop);--hp-tooltip-blur: none;--hp-tooltip-size: 12px;--hp-tooltip-weight: 600;--hp-tooltip-max: 220px;--hp-tooltip-arrow: block;--hp-tooltip-arrow-color: var(--hp-text)}[data-hp-tooltip=light]{--hp-tooltip-bg: var(--hp-surface);--hp-tooltip-color: var(--hp-text);--hp-tooltip-border: var(--hp-border-strong);--hp-tooltip-width: 1px;--hp-tooltip-radius: 7px;--hp-tooltip-pad: 6px 10px;--hp-tooltip-shadow: var(--hp-shadow-pop);--hp-tooltip-blur: none;--hp-tooltip-size: 12px;--hp-tooltip-weight: 600;--hp-tooltip-max: 220px;--hp-tooltip-arrow: block;--hp-tooltip-arrow-color: var(--hp-surface)}[data-hp-tooltip=accent]{--hp-tooltip-bg: var(--hp-accent);--hp-tooltip-color: var(--hp-on-accent);--hp-tooltip-border: transparent;--hp-tooltip-width: 0px;--hp-tooltip-radius: 7px;--hp-tooltip-pad: 6px 10px;--hp-tooltip-shadow: var(--hp-shadow-pop);--hp-tooltip-blur: none;--hp-tooltip-size: 12px;--hp-tooltip-weight: 600;--hp-tooltip-max: 220px;--hp-tooltip-arrow: block;--hp-tooltip-arrow-color: var(--hp-accent)}[data-hp-tooltip=glass]{--hp-tooltip-bg: color-mix(in srgb, var(--hp-surface) 72%, transparent);--hp-tooltip-color: var(--hp-text);--hp-tooltip-border: color-mix(in srgb, var(--hp-text) 14%, transparent);--hp-tooltip-width: 1px;--hp-tooltip-radius: 7px;--hp-tooltip-pad: 6px 10px;--hp-tooltip-shadow: inset 0 1px 0 color-mix(in srgb, white 24%, transparent), 0 10px 30px -14px color-mix(in srgb, var(--hp-text) 38%, transparent);--hp-tooltip-blur: blur(16px) saturate(1.4);--hp-tooltip-size: 12px;--hp-tooltip-weight: 600;--hp-tooltip-max: 220px;--hp-tooltip-arrow: none;--hp-tooltip-arrow-color: var(--hp-text)}[data-hp-tooltip=outline]{--hp-tooltip-bg: var(--hp-surface);--hp-tooltip-color: var(--hp-accent);--hp-tooltip-border: var(--hp-accent);--hp-tooltip-width: 1px;--hp-tooltip-radius: 7px;--hp-tooltip-pad: 6px 10px;--hp-tooltip-shadow: var(--hp-shadow-pop);--hp-tooltip-blur: none;--hp-tooltip-size: 12px;--hp-tooltip-weight: 600;--hp-tooltip-max: 220px;--hp-tooltip-arrow: block;--hp-tooltip-arrow-color: var(--hp-accent)}[data-hp-tooltip=pill]{--hp-tooltip-bg: var(--hp-text);--hp-tooltip-color: var(--hp-surface);--hp-tooltip-border: transparent;--hp-tooltip-width: 0px;--hp-tooltip-radius: 999px;--hp-tooltip-pad: 5px 12px;--hp-tooltip-shadow: var(--hp-shadow-pop);--hp-tooltip-blur: none;--hp-tooltip-size: 12px;--hp-tooltip-weight: 600;--hp-tooltip-max: 220px;--hp-tooltip-arrow: block;--hp-tooltip-arrow-color: var(--hp-text)}[data-hp-tooltip=minimal]{--hp-tooltip-bg: var(--hp-surface);--hp-tooltip-color: var(--hp-text-2);--hp-tooltip-border: transparent;--hp-tooltip-width: 0px;--hp-tooltip-radius: 4px;--hp-tooltip-pad: 3px 7px;--hp-tooltip-shadow: var(--hp-shadow-sm);--hp-tooltip-blur: none;--hp-tooltip-size: 11px;--hp-tooltip-weight: 500;--hp-tooltip-max: 220px;--hp-tooltip-arrow: none;--hp-tooltip-arrow-color: var(--hp-text)}[data-hp-tooltip=shadow]{--hp-tooltip-bg: var(--hp-surface);--hp-tooltip-color: var(--hp-text);--hp-tooltip-border: transparent;--hp-tooltip-width: 0px;--hp-tooltip-radius: 7px;--hp-tooltip-pad: 6px 10px;--hp-tooltip-shadow: 0 16px 32px -10px color-mix(in srgb, var(--hp-text) 45%, transparent);--hp-tooltip-blur: none;--hp-tooltip-size: 12px;--hp-tooltip-weight: 600;--hp-tooltip-max: 220px;--hp-tooltip-arrow: block;--hp-tooltip-arrow-color: var(--hp-surface)}[data-hp-tooltip=arrowless]{--hp-tooltip-bg: var(--hp-text);--hp-tooltip-color: var(--hp-surface);--hp-tooltip-border: transparent;--hp-tooltip-width: 0px;--hp-tooltip-radius: 7px;--hp-tooltip-pad: 6px 10px;--hp-tooltip-shadow: var(--hp-shadow-pop);--hp-tooltip-blur: none;--hp-tooltip-size: 12px;--hp-tooltip-weight: 600;--hp-tooltip-max: 220px;--hp-tooltip-arrow: none;--hp-tooltip-arrow-color: var(--hp-text)}[data-hp-tooltip=sharp]{--hp-tooltip-bg: var(--hp-text);--hp-tooltip-color: var(--hp-surface);--hp-tooltip-border: transparent;--hp-tooltip-width: 0px;--hp-tooltip-radius: 0;--hp-tooltip-pad: 6px 10px;--hp-tooltip-shadow: var(--hp-shadow-pop);--hp-tooltip-blur: none;--hp-tooltip-size: 12px;--hp-tooltip-weight: 600;--hp-tooltip-max: 220px;--hp-tooltip-arrow: block;--hp-tooltip-arrow-color: var(--hp-text)}[data-hp-tooltip=gradient]{--hp-tooltip-bg: linear-gradient(135deg, var(--hp-accent), var(--hp-secondary));--hp-tooltip-color: var(--hp-on-accent);--hp-tooltip-border: transparent;--hp-tooltip-width: 0px;--hp-tooltip-radius: 7px;--hp-tooltip-pad: 6px 10px;--hp-tooltip-shadow: var(--hp-shadow-pop);--hp-tooltip-blur: none;--hp-tooltip-size: 12px;--hp-tooltip-weight: 600;--hp-tooltip-max: 220px;--hp-tooltip-arrow: block;--hp-tooltip-arrow-color: var(--hp-accent)}[data-hp-tooltip=soft]{--hp-tooltip-bg: color-mix(in srgb, var(--hp-accent) 14%, var(--hp-surface));--hp-tooltip-color: var(--hp-accent);--hp-tooltip-border: transparent;--hp-tooltip-width: 0px;--hp-tooltip-radius: 7px;--hp-tooltip-pad: 6px 10px;--hp-tooltip-shadow: var(--hp-shadow-sm);--hp-tooltip-blur: none;--hp-tooltip-size: 12px;--hp-tooltip-weight: 600;--hp-tooltip-max: 220px;--hp-tooltip-arrow: block;--hp-tooltip-arrow-color: color-mix(in srgb, var(--hp-accent) 14%, var(--hp-surface))}[data-hp-tooltip=bordered]{--hp-tooltip-bg: var(--hp-surface);--hp-tooltip-color: var(--hp-text);--hp-tooltip-border: var(--hp-text);--hp-tooltip-width: 2px;--hp-tooltip-radius: 7px;--hp-tooltip-pad: 6px 10px;--hp-tooltip-shadow: var(--hp-shadow-pop);--hp-tooltip-blur: none;--hp-tooltip-size: 12px;--hp-tooltip-weight: 600;--hp-tooltip-max: 220px;--hp-tooltip-arrow: block;--hp-tooltip-arrow-color: var(--hp-text)}[data-hp-tooltip=neon]{--hp-tooltip-bg: var(--hp-surface);--hp-tooltip-color: var(--hp-accent);--hp-tooltip-border: var(--hp-accent);--hp-tooltip-width: 1px;--hp-tooltip-radius: 7px;--hp-tooltip-pad: 6px 10px;--hp-tooltip-shadow: 0 0 14px color-mix(in srgb, var(--hp-accent) 55%, transparent);--hp-tooltip-blur: none;--hp-tooltip-size: 12px;--hp-tooltip-weight: 600;--hp-tooltip-max: 220px;--hp-tooltip-arrow: block;--hp-tooltip-arrow-color: var(--hp-accent)}[data-hp-tooltip=card]{--hp-tooltip-bg: var(--hp-surface);--hp-tooltip-color: var(--hp-text-2);--hp-tooltip-border: var(--hp-border);--hp-tooltip-width: 1px;--hp-tooltip-radius: 12px;--hp-tooltip-pad: 10px 14px;--hp-tooltip-shadow: var(--hp-shadow-pop);--hp-tooltip-blur: none;--hp-tooltip-size: 12px;--hp-tooltip-weight: 500;--hp-tooltip-max: 260px;--hp-tooltip-arrow: block;--hp-tooltip-arrow-color: var(--hp-surface)}[data-hp-tooltip=compact]{--hp-tooltip-bg: var(--hp-text);--hp-tooltip-color: var(--hp-surface);--hp-tooltip-border: transparent;--hp-tooltip-width: 0px;--hp-tooltip-radius: 5px;--hp-tooltip-pad: 3px 7px;--hp-tooltip-shadow: var(--hp-shadow-pop);--hp-tooltip-blur: none;--hp-tooltip-size: 11px;--hp-tooltip-weight: 600;--hp-tooltip-max: 220px;--hp-tooltip-arrow: block;--hp-tooltip-arrow-color: var(--hp-text)}[data-hp-tooltip=large]{--hp-tooltip-bg: var(--hp-text);--hp-tooltip-color: var(--hp-surface);--hp-tooltip-border: transparent;--hp-tooltip-width: 0px;--hp-tooltip-radius: 10px;--hp-tooltip-pad: 10px 14px;--hp-tooltip-shadow: var(--hp-shadow-pop);--hp-tooltip-blur: none;--hp-tooltip-size: 13.5px;--hp-tooltip-weight: 600;--hp-tooltip-max: 220px;--hp-tooltip-arrow: block;--hp-tooltip-arrow-color: var(--hp-text)}[data-hp-tooltip=rounded]{--hp-tooltip-bg: var(--hp-text);--hp-tooltip-color: var(--hp-surface);--hp-tooltip-border: transparent;--hp-tooltip-width: 0px;--hp-tooltip-radius: 14px;--hp-tooltip-pad: 7px 12px;--hp-tooltip-shadow: var(--hp-shadow-pop);--hp-tooltip-blur: none;--hp-tooltip-size: 12px;--hp-tooltip-weight: 600;--hp-tooltip-max: 220px;--hp-tooltip-arrow: block;--hp-tooltip-arrow-color: var(--hp-text)}[data-hp-tooltip=inverse]{--hp-tooltip-bg: var(--hp-text-2);--hp-tooltip-color: var(--hp-bg);--hp-tooltip-border: transparent;--hp-tooltip-width: 0px;--hp-tooltip-radius: 7px;--hp-tooltip-pad: 6px 10px;--hp-tooltip-shadow: var(--hp-shadow-pop);--hp-tooltip-blur: none;--hp-tooltip-size: 12px;--hp-tooltip-weight: 600;--hp-tooltip-max: 220px;--hp-tooltip-arrow: block;--hp-tooltip-arrow-color: var(--hp-text-2)}[data-hp-tooltip=subtle]{--hp-tooltip-bg: color-mix(in srgb, var(--hp-text) 8%, var(--hp-surface));--hp-tooltip-color: var(--hp-text-2);--hp-tooltip-border: transparent;--hp-tooltip-width: 0px;--hp-tooltip-radius: 7px;--hp-tooltip-pad: 6px 10px;--hp-tooltip-shadow: var(--hp-shadow-sm);--hp-tooltip-blur: none;--hp-tooltip-size: 12px;--hp-tooltip-weight: 600;--hp-tooltip-max: 220px;--hp-tooltip-arrow: block;--hp-tooltip-arrow-color: color-mix(in srgb, var(--hp-text) 8%, var(--hp-surface))}[data-hp-tooltip=liquid-glass]{--hp-tooltip-bg: var(--hp-lg-fill-strong);--hp-tooltip-color: var(--hp-text);--hp-tooltip-border: var(--hp-lg-edge);--hp-tooltip-width: 1px;--hp-tooltip-radius: 999px;--hp-tooltip-pad: 7px 14px;--hp-tooltip-shadow: var(--hp-lg-shadow);--hp-tooltip-blur: var(--hp-lg-blur);--hp-tooltip-size: 12px;--hp-tooltip-weight: 600;--hp-tooltip-max: 220px;--hp-tooltip-arrow: none;--hp-tooltip-arrow-color: var(--hp-text)}[data-hp-modal=centered]{--hp-modal-bg: var(--hp-surface);--hp-modal-border: transparent;--hp-modal-width-b: 0px;--hp-modal-radius: 16px;--hp-modal-shadow: var(--hp-shadow-pop);--hp-modal-pad: 22px 24px;--hp-modal-blur: none;--hp-modal-image: none;--hp-modal-backdrop: var(--hp-backdrop);--hp-modal-backdrop-blur: none;--hp-modal-top: 50%;--hp-modal-left: 50%;--hp-modal-right: auto;--hp-modal-bottom: auto;--hp-modal-translate: translate(-50%, -50%);--hp-modal-enter: translate(-50%, calc(-50% + 10px) ) scale(.97);--hp-modal-w: initial;--hp-modal-h: auto;--hp-modal-max-w: calc(100vw - 32px) ;--hp-modal-max-h: calc(100dvh - 32px) ;--hp-modal-mock-w: 62%;--hp-modal-mock-h: auto}[data-hp-modal=sheet]{--hp-modal-bg: var(--hp-surface);--hp-modal-border: transparent;--hp-modal-width-b: 0px;--hp-modal-radius: 18px 18px 0 0;--hp-modal-shadow: var(--hp-shadow-pop);--hp-modal-pad: 22px 24px;--hp-modal-blur: none;--hp-modal-image: none;--hp-modal-backdrop: var(--hp-backdrop);--hp-modal-backdrop-blur: none;--hp-modal-top: auto;--hp-modal-left: 50%;--hp-modal-right: auto;--hp-modal-bottom: 0;--hp-modal-translate: translateX(-50%);--hp-modal-enter: translate(-50%, 40px);--hp-modal-w: initial;--hp-modal-h: auto;--hp-modal-max-w: 100vw;--hp-modal-max-h: 85dvh;--hp-modal-mock-w: 88%;--hp-modal-mock-h: auto}[data-hp-modal=glass]{--hp-modal-bg: color-mix(in srgb, var(--hp-surface) 72%, transparent);--hp-modal-border: color-mix(in srgb, var(--hp-text) 14%, transparent);--hp-modal-width-b: 1px;--hp-modal-radius: 16px;--hp-modal-shadow: inset 0 1px 0 color-mix(in srgb, white 24%, transparent), 0 30px 60px -24px color-mix(in srgb, var(--hp-text) 45%, transparent);--hp-modal-pad: 22px 24px;--hp-modal-blur: blur(18px) saturate(1.4);--hp-modal-image: none;--hp-modal-backdrop: var(--hp-backdrop);--hp-modal-backdrop-blur: blur(4px);--hp-modal-top: 50%;--hp-modal-left: 50%;--hp-modal-right: auto;--hp-modal-bottom: auto;--hp-modal-translate: translate(-50%, -50%);--hp-modal-enter: translate(-50%, calc(-50% + 10px) ) scale(.97);--hp-modal-w: initial;--hp-modal-h: auto;--hp-modal-max-w: calc(100vw - 32px) ;--hp-modal-max-h: calc(100dvh - 32px) ;--hp-modal-mock-w: 62%;--hp-modal-mock-h: auto}[data-hp-modal=minimal]{--hp-modal-bg: var(--hp-surface);--hp-modal-border: var(--hp-border);--hp-modal-width-b: 1px;--hp-modal-radius: 16px;--hp-modal-shadow: none;--hp-modal-pad: 22px 24px;--hp-modal-blur: none;--hp-modal-image: none;--hp-modal-backdrop: var(--hp-backdrop);--hp-modal-backdrop-blur: none;--hp-modal-top: 50%;--hp-modal-left: 50%;--hp-modal-right: auto;--hp-modal-bottom: auto;--hp-modal-translate: translate(-50%, -50%);--hp-modal-enter: translate(-50%, calc(-50% + 10px) ) scale(.97);--hp-modal-w: initial;--hp-modal-h: auto;--hp-modal-max-w: calc(100vw - 32px) ;--hp-modal-max-h: calc(100dvh - 32px) ;--hp-modal-mock-w: 62%;--hp-modal-mock-h: auto}[data-hp-modal=bordered]{--hp-modal-bg: var(--hp-surface);--hp-modal-border: var(--hp-border-strong);--hp-modal-width-b: 2px;--hp-modal-radius: 16px;--hp-modal-shadow: var(--hp-shadow-pop);--hp-modal-pad: 22px 24px;--hp-modal-blur: none;--hp-modal-image: none;--hp-modal-backdrop: var(--hp-backdrop);--hp-modal-backdrop-blur: none;--hp-modal-top: 50%;--hp-modal-left: 50%;--hp-modal-right: auto;--hp-modal-bottom: auto;--hp-modal-translate: translate(-50%, -50%);--hp-modal-enter: translate(-50%, calc(-50% + 10px) ) scale(.97);--hp-modal-w: initial;--hp-modal-h: auto;--hp-modal-max-w: calc(100vw - 32px) ;--hp-modal-max-h: calc(100dvh - 32px) ;--hp-modal-mock-w: 62%;--hp-modal-mock-h: auto}[data-hp-modal=shadow]{--hp-modal-bg: var(--hp-surface);--hp-modal-border: transparent;--hp-modal-width-b: 0px;--hp-modal-radius: 16px;--hp-modal-shadow: 0 30px 60px -20px color-mix(in srgb, var(--hp-text) 50%, transparent);--hp-modal-pad: 22px 24px;--hp-modal-blur: none;--hp-modal-image: none;--hp-modal-backdrop: var(--hp-backdrop);--hp-modal-backdrop-blur: none;--hp-modal-top: 50%;--hp-modal-left: 50%;--hp-modal-right: auto;--hp-modal-bottom: auto;--hp-modal-translate: translate(-50%, -50%);--hp-modal-enter: translate(-50%, calc(-50% + 10px) ) scale(.97);--hp-modal-w: initial;--hp-modal-h: auto;--hp-modal-max-w: calc(100vw - 32px) ;--hp-modal-max-h: calc(100dvh - 32px) ;--hp-modal-mock-w: 62%;--hp-modal-mock-h: auto}[data-hp-modal=sharp]{--hp-modal-bg: var(--hp-surface);--hp-modal-border: transparent;--hp-modal-width-b: 0px;--hp-modal-radius: 0;--hp-modal-shadow: var(--hp-shadow-pop);--hp-modal-pad: 22px 24px;--hp-modal-blur: none;--hp-modal-image: none;--hp-modal-backdrop: var(--hp-backdrop);--hp-modal-backdrop-blur: none;--hp-modal-top: 50%;--hp-modal-left: 50%;--hp-modal-right: auto;--hp-modal-bottom: auto;--hp-modal-translate: translate(-50%, -50%);--hp-modal-enter: translate(-50%, calc(-50% + 10px) ) scale(.97);--hp-modal-w: initial;--hp-modal-h: auto;--hp-modal-max-w: calc(100vw - 32px) ;--hp-modal-max-h: calc(100dvh - 32px) ;--hp-modal-mock-w: 62%;--hp-modal-mock-h: auto}[data-hp-modal=rounded]{--hp-modal-bg: var(--hp-surface);--hp-modal-border: transparent;--hp-modal-width-b: 0px;--hp-modal-radius: 26px;--hp-modal-shadow: var(--hp-shadow-pop);--hp-modal-pad: 22px 24px;--hp-modal-blur: none;--hp-modal-image: none;--hp-modal-backdrop: var(--hp-backdrop);--hp-modal-backdrop-blur: none;--hp-modal-top: 50%;--hp-modal-left: 50%;--hp-modal-right: auto;--hp-modal-bottom: auto;--hp-modal-translate: translate(-50%, -50%);--hp-modal-enter: translate(-50%, calc(-50% + 10px) ) scale(.97);--hp-modal-w: initial;--hp-modal-h: auto;--hp-modal-max-w: calc(100vw - 32px) ;--hp-modal-max-h: calc(100dvh - 32px) ;--hp-modal-mock-w: 62%;--hp-modal-mock-h: auto}[data-hp-modal=gradient-top]{--hp-modal-bg: var(--hp-surface);--hp-modal-border: transparent;--hp-modal-width-b: 0px;--hp-modal-radius: 16px;--hp-modal-shadow: var(--hp-shadow-pop);--hp-modal-pad: 22px 24px;--hp-modal-blur: none;--hp-modal-image: linear-gradient(180deg, var(--hp-accent-tint-strong), transparent 90px);--hp-modal-backdrop: var(--hp-backdrop);--hp-modal-backdrop-blur: none;--hp-modal-top: 50%;--hp-modal-left: 50%;--hp-modal-right: auto;--hp-modal-bottom: auto;--hp-modal-translate: translate(-50%, -50%);--hp-modal-enter: translate(-50%, calc(-50% + 10px) ) scale(.97);--hp-modal-w: initial;--hp-modal-h: auto;--hp-modal-max-w: calc(100vw - 32px) ;--hp-modal-max-h: calc(100dvh - 32px) ;--hp-modal-mock-w: 62%;--hp-modal-mock-h: auto}[data-hp-modal=accent-top]{--hp-modal-bg: var(--hp-surface);--hp-modal-border: transparent;--hp-modal-width-b: 0px;--hp-modal-radius: 16px;--hp-modal-shadow: inset 0 4px 0 var(--hp-accent), var(--hp-shadow-pop);--hp-modal-pad: 22px 24px;--hp-modal-blur: none;--hp-modal-image: none;--hp-modal-backdrop: var(--hp-backdrop);--hp-modal-backdrop-blur: none;--hp-modal-top: 50%;--hp-modal-left: 50%;--hp-modal-right: auto;--hp-modal-bottom: auto;--hp-modal-translate: translate(-50%, -50%);--hp-modal-enter: translate(-50%, calc(-50% + 10px) ) scale(.97);--hp-modal-w: initial;--hp-modal-h: auto;--hp-modal-max-w: calc(100vw - 32px) ;--hp-modal-max-h: calc(100dvh - 32px) ;--hp-modal-mock-w: 62%;--hp-modal-mock-h: auto}[data-hp-modal=fullscreen]{--hp-modal-bg: var(--hp-surface);--hp-modal-border: transparent;--hp-modal-width-b: 0px;--hp-modal-radius: 0;--hp-modal-shadow: var(--hp-shadow-pop);--hp-modal-pad: 22px 24px;--hp-modal-blur: none;--hp-modal-image: none;--hp-modal-backdrop: var(--hp-backdrop);--hp-modal-backdrop-blur: none;--hp-modal-top: 0;--hp-modal-left: 0;--hp-modal-right: auto;--hp-modal-bottom: auto;--hp-modal-translate: none;--hp-modal-enter: scale(.98);--hp-modal-w: 100vw;--hp-modal-h: 100dvh;--hp-modal-max-w: 100vw;--hp-modal-max-h: 100dvh;--hp-modal-mock-w: 100%;--hp-modal-mock-h: 100%}[data-hp-modal=compact]{--hp-modal-bg: var(--hp-surface);--hp-modal-border: transparent;--hp-modal-width-b: 0px;--hp-modal-radius: 12px;--hp-modal-shadow: var(--hp-shadow-pop);--hp-modal-pad: 14px 16px;--hp-modal-blur: none;--hp-modal-image: none;--hp-modal-backdrop: var(--hp-backdrop);--hp-modal-backdrop-blur: none;--hp-modal-top: 50%;--hp-modal-left: 50%;--hp-modal-right: auto;--hp-modal-bottom: auto;--hp-modal-translate: translate(-50%, -50%);--hp-modal-enter: translate(-50%, calc(-50% + 10px) ) scale(.97);--hp-modal-w: initial;--hp-modal-h: auto;--hp-modal-max-w: calc(100vw - 32px) ;--hp-modal-max-h: calc(100dvh - 32px) ;--hp-modal-mock-w: 62%;--hp-modal-mock-h: auto}[data-hp-modal=card]{--hp-modal-bg: var(--hp-surface);--hp-modal-border: var(--hp-border);--hp-modal-width-b: 1px;--hp-modal-radius: 12px;--hp-modal-shadow: var(--hp-shadow-sm);--hp-modal-pad: 22px 24px;--hp-modal-blur: none;--hp-modal-image: none;--hp-modal-backdrop: var(--hp-backdrop);--hp-modal-backdrop-blur: none;--hp-modal-top: 50%;--hp-modal-left: 50%;--hp-modal-right: auto;--hp-modal-bottom: auto;--hp-modal-translate: translate(-50%, -50%);--hp-modal-enter: translate(-50%, calc(-50% + 10px) ) scale(.97);--hp-modal-w: initial;--hp-modal-h: auto;--hp-modal-max-w: calc(100vw - 32px) ;--hp-modal-max-h: calc(100dvh - 32px) ;--hp-modal-mock-w: 62%;--hp-modal-mock-h: auto}[data-hp-modal=dim-backdrop]{--hp-modal-bg: var(--hp-surface);--hp-modal-border: transparent;--hp-modal-width-b: 0px;--hp-modal-radius: 16px;--hp-modal-shadow: var(--hp-shadow-pop);--hp-modal-pad: 22px 24px;--hp-modal-blur: none;--hp-modal-image: none;--hp-modal-backdrop: color-mix(in srgb, var(--hp-text) 62%, transparent);--hp-modal-backdrop-blur: none;--hp-modal-top: 50%;--hp-modal-left: 50%;--hp-modal-right: auto;--hp-modal-bottom: auto;--hp-modal-translate: translate(-50%, -50%);--hp-modal-enter: translate(-50%, calc(-50% + 10px) ) scale(.97);--hp-modal-w: initial;--hp-modal-h: auto;--hp-modal-max-w: calc(100vw - 32px) ;--hp-modal-max-h: calc(100dvh - 32px) ;--hp-modal-mock-w: 62%;--hp-modal-mock-h: auto}[data-hp-modal=blur-backdrop]{--hp-modal-bg: var(--hp-surface);--hp-modal-border: transparent;--hp-modal-width-b: 0px;--hp-modal-radius: 16px;--hp-modal-shadow: var(--hp-shadow-pop);--hp-modal-pad: 22px 24px;--hp-modal-blur: none;--hp-modal-image: none;--hp-modal-backdrop: color-mix(in srgb, var(--hp-text) 18%, transparent);--hp-modal-backdrop-blur: blur(6px);--hp-modal-top: 50%;--hp-modal-left: 50%;--hp-modal-right: auto;--hp-modal-bottom: auto;--hp-modal-translate: translate(-50%, -50%);--hp-modal-enter: translate(-50%, calc(-50% + 10px) ) scale(.97);--hp-modal-w: initial;--hp-modal-h: auto;--hp-modal-max-w: calc(100vw - 32px) ;--hp-modal-max-h: calc(100dvh - 32px) ;--hp-modal-mock-w: 62%;--hp-modal-mock-h: auto}[data-hp-modal=soft]{--hp-modal-bg: color-mix(in srgb, var(--hp-accent) 4%, var(--hp-surface));--hp-modal-border: transparent;--hp-modal-width-b: 0px;--hp-modal-radius: 16px;--hp-modal-shadow: var(--hp-shadow-sm);--hp-modal-pad: 22px 24px;--hp-modal-blur: none;--hp-modal-image: none;--hp-modal-backdrop: var(--hp-backdrop);--hp-modal-backdrop-blur: none;--hp-modal-top: 50%;--hp-modal-left: 50%;--hp-modal-right: auto;--hp-modal-bottom: auto;--hp-modal-translate: translate(-50%, -50%);--hp-modal-enter: translate(-50%, calc(-50% + 10px) ) scale(.97);--hp-modal-w: initial;--hp-modal-h: auto;--hp-modal-max-w: calc(100vw - 32px) ;--hp-modal-max-h: calc(100dvh - 32px) ;--hp-modal-mock-w: 62%;--hp-modal-mock-h: auto}[data-hp-modal=floating]{--hp-modal-bg: var(--hp-surface);--hp-modal-border: transparent;--hp-modal-width-b: 0px;--hp-modal-radius: 16px;--hp-modal-shadow: 0 40px 80px -24px color-mix(in srgb, var(--hp-text) 55%, transparent);--hp-modal-pad: 22px 24px;--hp-modal-blur: none;--hp-modal-image: none;--hp-modal-backdrop: var(--hp-backdrop);--hp-modal-backdrop-blur: none;--hp-modal-top: 46%;--hp-modal-left: 50%;--hp-modal-right: auto;--hp-modal-bottom: auto;--hp-modal-translate: translate(-50%, -50%);--hp-modal-enter: translate(-50%, calc(-50% + 10px) ) scale(.97);--hp-modal-w: initial;--hp-modal-h: auto;--hp-modal-max-w: calc(100vw - 32px) ;--hp-modal-max-h: calc(100dvh - 32px) ;--hp-modal-mock-w: 62%;--hp-modal-mock-h: auto}[data-hp-modal=elevated]{--hp-modal-bg: var(--hp-surface);--hp-modal-border: var(--hp-border);--hp-modal-width-b: 1px;--hp-modal-radius: 16px;--hp-modal-shadow: var(--hp-shadow-pop);--hp-modal-pad: 22px 24px;--hp-modal-blur: none;--hp-modal-image: none;--hp-modal-backdrop: var(--hp-backdrop);--hp-modal-backdrop-blur: none;--hp-modal-top: 50%;--hp-modal-left: 50%;--hp-modal-right: auto;--hp-modal-bottom: auto;--hp-modal-translate: translate(-50%, -50%);--hp-modal-enter: translate(-50%, calc(-50% + 10px) ) scale(.97);--hp-modal-w: initial;--hp-modal-h: auto;--hp-modal-max-w: calc(100vw - 32px) ;--hp-modal-max-h: calc(100dvh - 32px) ;--hp-modal-mock-w: 62%;--hp-modal-mock-h: auto}[data-hp-modal=flat]{--hp-modal-bg: var(--hp-surface);--hp-modal-border: transparent;--hp-modal-width-b: 0px;--hp-modal-radius: 16px;--hp-modal-shadow: none;--hp-modal-pad: 22px 24px;--hp-modal-blur: none;--hp-modal-image: none;--hp-modal-backdrop: var(--hp-backdrop);--hp-modal-backdrop-blur: none;--hp-modal-top: 50%;--hp-modal-left: 50%;--hp-modal-right: auto;--hp-modal-bottom: auto;--hp-modal-translate: translate(-50%, -50%);--hp-modal-enter: translate(-50%, calc(-50% + 10px) ) scale(.97);--hp-modal-w: initial;--hp-modal-h: auto;--hp-modal-max-w: calc(100vw - 32px) ;--hp-modal-max-h: calc(100dvh - 32px) ;--hp-modal-mock-w: 62%;--hp-modal-mock-h: auto}[data-hp-modal=drawer]{--hp-modal-bg: var(--hp-surface);--hp-modal-border: transparent;--hp-modal-width-b: 0px;--hp-modal-radius: 0;--hp-modal-shadow: var(--hp-shadow-pop);--hp-modal-pad: 22px 24px;--hp-modal-blur: none;--hp-modal-image: none;--hp-modal-backdrop: var(--hp-backdrop);--hp-modal-backdrop-blur: none;--hp-modal-top: 0;--hp-modal-left: auto;--hp-modal-right: 0;--hp-modal-bottom: 0;--hp-modal-translate: none;--hp-modal-enter: translateX(40px);--hp-modal-w: initial;--hp-modal-h: 100dvh;--hp-modal-max-w: calc(100vw - 32px) ;--hp-modal-max-h: 100dvh;--hp-modal-mock-w: 46%;--hp-modal-mock-h: 100%}[data-hp-modal=liquid-glass]{--hp-modal-bg: var(--hp-lg-fill-strong);--hp-modal-border: var(--hp-lg-edge);--hp-modal-width-b: 1px;--hp-modal-radius: 28px;--hp-modal-shadow: var(--hp-lg-highlight), 0 36px 80px -28px color-mix(in srgb, var(--hp-text) 50%, transparent);--hp-modal-pad: 22px 24px;--hp-modal-blur: blur(28px) saturate(1.8) brightness(1.06);--hp-modal-image: var(--hp-lg-sheen);--hp-modal-backdrop: var(--hp-backdrop);--hp-modal-backdrop-blur: blur(6px);--hp-modal-top: 50%;--hp-modal-left: 50%;--hp-modal-right: auto;--hp-modal-bottom: auto;--hp-modal-translate: translate(-50%, -50%);--hp-modal-enter: translate(-50%, calc(-50% + 10px) ) scale(.97);--hp-modal-w: initial;--hp-modal-h: auto;--hp-modal-max-w: calc(100vw - 32px) ;--hp-modal-max-h: calc(100dvh - 32px) ;--hp-modal-mock-w: 62%;--hp-modal-mock-h: auto}[data-hp-nav=tint]{--hp-nav-radius: 8px;--hp-nav-pad: 9px 10px;--hp-nav-bleed: 0px;--hp-nav-color: var(--hp-text-3);--hp-nav-weight: 600;--hp-nav-hover-bg: var(--hp-hover);--hp-nav-active-bg: var(--hp-accent-tint);--hp-nav-active-color: var(--hp-accent);--hp-nav-active-shadow: none;--hp-nav-active-weight: 700;--hp-nav-active-blur: none;--hp-nav-decoration: none;--hp-nav-icon: currentColor;--hp-nav-dot: none}[data-hp-nav=pill]{--hp-nav-radius: 999px;--hp-nav-pad: 9px 14px;--hp-nav-bleed: 0px;--hp-nav-color: var(--hp-text-3);--hp-nav-weight: 600;--hp-nav-hover-bg: var(--hp-hover);--hp-nav-active-bg: var(--hp-accent-tint);--hp-nav-active-color: var(--hp-accent);--hp-nav-active-shadow: none;--hp-nav-active-weight: 700;--hp-nav-active-blur: none;--hp-nav-decoration: none;--hp-nav-icon: currentColor;--hp-nav-dot: none}[data-hp-nav=bar-left]{--hp-nav-radius: 0 8px 8px 0;--hp-nav-pad: 9px 10px;--hp-nav-bleed: 0px;--hp-nav-color: var(--hp-text-3);--hp-nav-weight: 600;--hp-nav-hover-bg: var(--hp-hover);--hp-nav-active-bg: var(--hp-accent-tint);--hp-nav-active-color: var(--hp-accent);--hp-nav-active-shadow: inset 3px 0 0 var(--hp-accent);--hp-nav-active-weight: 700;--hp-nav-active-blur: none;--hp-nav-decoration: none;--hp-nav-icon: currentColor;--hp-nav-dot: none}[data-hp-nav=underline]{--hp-nav-radius: 8px;--hp-nav-pad: 9px 10px;--hp-nav-bleed: 0px;--hp-nav-color: var(--hp-text-3);--hp-nav-weight: 600;--hp-nav-hover-bg: var(--hp-hover);--hp-nav-active-bg: transparent;--hp-nav-active-color: var(--hp-accent);--hp-nav-active-shadow: none;--hp-nav-active-weight: 700;--hp-nav-active-blur: none;--hp-nav-decoration: underline;--hp-nav-icon: currentColor;--hp-nav-dot: none}[data-hp-nav=minimal]{--hp-nav-radius: 8px;--hp-nav-pad: 9px 10px;--hp-nav-bleed: 0px;--hp-nav-color: var(--hp-text-3);--hp-nav-weight: 600;--hp-nav-hover-bg: transparent;--hp-nav-active-bg: transparent;--hp-nav-active-color: var(--hp-accent);--hp-nav-active-shadow: none;--hp-nav-active-weight: 700;--hp-nav-active-blur: none;--hp-nav-decoration: none;--hp-nav-icon: currentColor;--hp-nav-dot: none}[data-hp-nav=solid]{--hp-nav-radius: 8px;--hp-nav-pad: 9px 10px;--hp-nav-bleed: 0px;--hp-nav-color: var(--hp-text-3);--hp-nav-weight: 600;--hp-nav-hover-bg: var(--hp-hover);--hp-nav-active-bg: var(--hp-accent);--hp-nav-active-color: var(--hp-on-accent);--hp-nav-active-shadow: none;--hp-nav-active-weight: 700;--hp-nav-active-blur: none;--hp-nav-decoration: none;--hp-nav-icon: currentColor;--hp-nav-dot: none}[data-hp-nav=outline]{--hp-nav-radius: 8px;--hp-nav-pad: 9px 10px;--hp-nav-bleed: 0px;--hp-nav-color: var(--hp-text-3);--hp-nav-weight: 600;--hp-nav-hover-bg: var(--hp-hover);--hp-nav-active-bg: transparent;--hp-nav-active-color: var(--hp-accent);--hp-nav-active-shadow: inset 0 0 0 1.5px var(--hp-accent);--hp-nav-active-weight: 700;--hp-nav-active-blur: none;--hp-nav-decoration: none;--hp-nav-icon: currentColor;--hp-nav-dot: none}[data-hp-nav=glass]{--hp-nav-radius: 8px;--hp-nav-pad: 9px 10px;--hp-nav-bleed: 0px;--hp-nav-color: var(--hp-text-3);--hp-nav-weight: 600;--hp-nav-hover-bg: var(--hp-hover);--hp-nav-active-bg: color-mix(in srgb, var(--hp-surface) 62%, transparent);--hp-nav-active-color: var(--hp-text);--hp-nav-active-shadow: inset 0 1px 0 color-mix(in srgb, white 24%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--hp-text) 14%, transparent);--hp-nav-active-weight: 700;--hp-nav-active-blur: blur(16px) saturate(1.4);--hp-nav-decoration: none;--hp-nav-icon: currentColor;--hp-nav-dot: none}[data-hp-nav=rounded]{--hp-nav-radius: 14px;--hp-nav-pad: 9px 10px;--hp-nav-bleed: 0px;--hp-nav-color: var(--hp-text-3);--hp-nav-weight: 600;--hp-nav-hover-bg: var(--hp-hover);--hp-nav-active-bg: var(--hp-accent-tint);--hp-nav-active-color: var(--hp-accent);--hp-nav-active-shadow: none;--hp-nav-active-weight: 700;--hp-nav-active-blur: none;--hp-nav-decoration: none;--hp-nav-icon: currentColor;--hp-nav-dot: none}[data-hp-nav=sharp]{--hp-nav-radius: 0;--hp-nav-pad: 9px 10px;--hp-nav-bleed: 0px;--hp-nav-color: var(--hp-text-3);--hp-nav-weight: 600;--hp-nav-hover-bg: var(--hp-hover);--hp-nav-active-bg: var(--hp-accent-tint);--hp-nav-active-color: var(--hp-accent);--hp-nav-active-shadow: none;--hp-nav-active-weight: 700;--hp-nav-active-blur: none;--hp-nav-decoration: none;--hp-nav-icon: currentColor;--hp-nav-dot: none}[data-hp-nav=shadow]{--hp-nav-radius: 8px;--hp-nav-pad: 9px 10px;--hp-nav-bleed: 0px;--hp-nav-color: var(--hp-text-3);--hp-nav-weight: 600;--hp-nav-hover-bg: var(--hp-hover);--hp-nav-active-bg: var(--hp-surface);--hp-nav-active-color: var(--hp-text);--hp-nav-active-shadow: var(--hp-shadow-sm);--hp-nav-active-weight: 700;--hp-nav-active-blur: none;--hp-nav-decoration: none;--hp-nav-icon: currentColor;--hp-nav-dot: none}[data-hp-nav=gradient]{--hp-nav-radius: 8px;--hp-nav-pad: 9px 10px;--hp-nav-bleed: 0px;--hp-nav-color: var(--hp-text-3);--hp-nav-weight: 600;--hp-nav-hover-bg: var(--hp-hover);--hp-nav-active-bg: linear-gradient(135deg, var(--hp-accent), var(--hp-secondary));--hp-nav-active-color: var(--hp-on-accent);--hp-nav-active-shadow: none;--hp-nav-active-weight: 700;--hp-nav-active-blur: none;--hp-nav-decoration: none;--hp-nav-icon: currentColor;--hp-nav-dot: none}[data-hp-nav=dot]{--hp-nav-radius: 8px;--hp-nav-pad: 9px 10px;--hp-nav-bleed: 0px;--hp-nav-color: var(--hp-text-3);--hp-nav-weight: 600;--hp-nav-hover-bg: var(--hp-hover);--hp-nav-active-bg: transparent;--hp-nav-active-color: var(--hp-accent);--hp-nav-active-shadow: none;--hp-nav-active-weight: 700;--hp-nav-active-blur: none;--hp-nav-decoration: none;--hp-nav-icon: currentColor;--hp-nav-dot: block}[data-hp-nav=bold]{--hp-nav-radius: 8px;--hp-nav-pad: 9px 10px;--hp-nav-bleed: 0px;--hp-nav-color: var(--hp-text-3);--hp-nav-weight: 600;--hp-nav-hover-bg: var(--hp-hover);--hp-nav-active-bg: transparent;--hp-nav-active-color: var(--hp-text);--hp-nav-active-shadow: none;--hp-nav-active-weight: 800;--hp-nav-active-blur: none;--hp-nav-decoration: none;--hp-nav-icon: currentColor;--hp-nav-dot: none}[data-hp-nav=ghost]{--hp-nav-radius: 8px;--hp-nav-pad: 9px 10px;--hp-nav-bleed: 0px;--hp-nav-color: var(--hp-text-3);--hp-nav-weight: 600;--hp-nav-hover-bg: var(--hp-hover);--hp-nav-active-bg: var(--hp-hover);--hp-nav-active-color: var(--hp-text);--hp-nav-active-shadow: none;--hp-nav-active-weight: 700;--hp-nav-active-blur: none;--hp-nav-decoration: none;--hp-nav-icon: currentColor;--hp-nav-dot: none}[data-hp-nav=icon-accent]{--hp-nav-radius: 8px;--hp-nav-pad: 9px 10px;--hp-nav-bleed: 0px;--hp-nav-color: var(--hp-text-3);--hp-nav-weight: 600;--hp-nav-hover-bg: var(--hp-hover);--hp-nav-active-bg: transparent;--hp-nav-active-color: var(--hp-text);--hp-nav-active-shadow: none;--hp-nav-active-weight: 700;--hp-nav-active-blur: none;--hp-nav-decoration: none;--hp-nav-icon: var(--hp-accent);--hp-nav-dot: none}[data-hp-nav=block]{--hp-nav-radius: 0;--hp-nav-pad: 10px 20px;--hp-nav-bleed: -10px;--hp-nav-color: var(--hp-text-3);--hp-nav-weight: 600;--hp-nav-hover-bg: var(--hp-hover);--hp-nav-active-bg: var(--hp-accent-tint);--hp-nav-active-color: var(--hp-accent);--hp-nav-active-shadow: none;--hp-nav-active-weight: 700;--hp-nav-active-blur: none;--hp-nav-decoration: none;--hp-nav-icon: currentColor;--hp-nav-dot: none}[data-hp-nav=soft]{--hp-nav-radius: 8px;--hp-nav-pad: 9px 10px;--hp-nav-bleed: 0px;--hp-nav-color: var(--hp-text-3);--hp-nav-weight: 600;--hp-nav-hover-bg: var(--hp-hover);--hp-nav-active-bg: var(--hp-secondary-tint);--hp-nav-active-color: var(--hp-secondary);--hp-nav-active-shadow: none;--hp-nav-active-weight: 700;--hp-nav-active-blur: none;--hp-nav-decoration: none;--hp-nav-icon: currentColor;--hp-nav-dot: none}[data-hp-nav=bar-right]{--hp-nav-radius: 8px 0 0 8px;--hp-nav-pad: 9px 10px;--hp-nav-bleed: 0px;--hp-nav-color: var(--hp-text-3);--hp-nav-weight: 600;--hp-nav-hover-bg: var(--hp-hover);--hp-nav-active-bg: var(--hp-accent-tint);--hp-nav-active-color: var(--hp-accent);--hp-nav-active-shadow: inset -3px 0 0 var(--hp-accent);--hp-nav-active-weight: 700;--hp-nav-active-blur: none;--hp-nav-decoration: none;--hp-nav-icon: currentColor;--hp-nav-dot: none}[data-hp-nav=glow]{--hp-nav-radius: 8px;--hp-nav-pad: 9px 10px;--hp-nav-bleed: 0px;--hp-nav-color: var(--hp-text-3);--hp-nav-weight: 600;--hp-nav-hover-bg: var(--hp-hover);--hp-nav-active-bg: var(--hp-accent-tint);--hp-nav-active-color: var(--hp-accent);--hp-nav-active-shadow: 0 0 0 1px var(--hp-accent-tint-strong), 0 4px 18px -4px var(--hp-accent);--hp-nav-active-weight: 700;--hp-nav-active-blur: none;--hp-nav-decoration: none;--hp-nav-icon: currentColor;--hp-nav-dot: none}[data-hp-nav=matrix]{--hp-nav-radius: 5px;--hp-nav-pad: 9px 10px;--hp-nav-bleed: 0px;--hp-nav-color: var(--hp-text-3);--hp-nav-weight: 600;--hp-nav-hover-bg: var(--hp-hover);--hp-nav-active-bg: color-mix(in srgb, var(--hp-accent) 12%, var(--hp-surface));--hp-nav-active-color: var(--hp-accent);--hp-nav-active-shadow: inset 2px 0 0 var(--hp-accent);--hp-nav-active-weight: 800;--hp-nav-active-blur: none;--hp-nav-decoration: none;--hp-nav-icon: currentColor;--hp-nav-dot: none}[data-hp-nav=liquid-glass]{--hp-nav-radius: 999px;--hp-nav-pad: 9px 14px;--hp-nav-bleed: 0px;--hp-nav-color: var(--hp-text-3);--hp-nav-weight: 600;--hp-nav-hover-bg: var(--hp-hover);--hp-nav-active-bg: var(--hp-lg-tint);--hp-nav-active-color: var(--hp-accent);--hp-nav-active-shadow: var(--hp-lg-highlight), inset 0 0 0 1px var(--hp-lg-edge);--hp-nav-active-weight: 700;--hp-nav-active-blur: var(--hp-lg-blur);--hp-nav-decoration: none;--hp-nav-icon: currentColor;--hp-nav-dot: none}[data-hp-tabs=underline]{--hp-tabs-gap: 28px;--hp-tabs-pad: 0 0 12px;--hp-tabs-radius: 0;--hp-tabs-track-bg: transparent;--hp-tabs-track-border: var(--hp-border);--hp-tabs-track-pad: 0;--hp-tabs-track-radius: 0;--hp-tabs-track-shadow: none;--hp-tabs-track-blur: none;--hp-tabs-color: var(--hp-muted);--hp-tabs-weight: 600;--hp-tabs-shadow: none;--hp-tabs-active-color: var(--hp-accent);--hp-tabs-active-bg: transparent;--hp-tabs-active-shadow: inset 0 -2px 0 var(--hp-accent);--hp-tabs-active-weight: 700;--hp-seg-gap: 4px;--hp-seg-pad: 8px 14px;--hp-seg-radius: 8px;--hp-seg-track-bg: var(--hp-hover);--hp-seg-track-border: transparent;--hp-seg-track-pad: 4px;--hp-seg-track-radius: 10px;--hp-seg-track-shadow: none;--hp-seg-track-blur: none;--hp-seg-color: var(--hp-muted);--hp-seg-weight: 700;--hp-seg-shadow: none;--hp-seg-active-color: var(--hp-text);--hp-seg-active-bg: var(--hp-surface);--hp-seg-active-shadow: var(--hp-shadow-sm);--hp-seg-active-weight: 700}[data-hp-tabs=pill]{--hp-tabs-gap: 6px;--hp-tabs-pad: 7px 14px;--hp-tabs-radius: 999px;--hp-tabs-track-bg: transparent;--hp-tabs-track-border: transparent;--hp-tabs-track-pad: 0;--hp-tabs-track-radius: 0;--hp-tabs-track-shadow: none;--hp-tabs-track-blur: none;--hp-tabs-color: var(--hp-muted);--hp-tabs-weight: 600;--hp-tabs-shadow: none;--hp-tabs-active-color: var(--hp-on-accent);--hp-tabs-active-bg: var(--hp-accent);--hp-tabs-active-shadow: none;--hp-tabs-active-weight: 700;--hp-seg-gap: 6px;--hp-seg-pad: 7px 14px;--hp-seg-radius: 999px;--hp-seg-track-bg: transparent;--hp-seg-track-border: transparent;--hp-seg-track-pad: 0;--hp-seg-track-radius: 0;--hp-seg-track-shadow: none;--hp-seg-track-blur: none;--hp-seg-color: var(--hp-muted);--hp-seg-weight: 600;--hp-seg-shadow: none;--hp-seg-active-color: var(--hp-on-accent);--hp-seg-active-bg: var(--hp-accent);--hp-seg-active-shadow: none;--hp-seg-active-weight: 700}[data-hp-tabs=segmented]{--hp-tabs-gap: 4px;--hp-tabs-pad: 8px 14px;--hp-tabs-radius: 8px;--hp-tabs-track-bg: var(--hp-hover);--hp-tabs-track-border: transparent;--hp-tabs-track-pad: 4px;--hp-tabs-track-radius: 10px;--hp-tabs-track-shadow: none;--hp-tabs-track-blur: none;--hp-tabs-color: var(--hp-muted);--hp-tabs-weight: 700;--hp-tabs-shadow: none;--hp-tabs-active-color: var(--hp-text);--hp-tabs-active-bg: var(--hp-surface);--hp-tabs-active-shadow: var(--hp-shadow-sm);--hp-tabs-active-weight: 700;--hp-seg-gap: 4px;--hp-seg-pad: 8px 14px;--hp-seg-radius: 8px;--hp-seg-track-bg: var(--hp-hover);--hp-seg-track-border: transparent;--hp-seg-track-pad: 4px;--hp-seg-track-radius: 10px;--hp-seg-track-shadow: none;--hp-seg-track-blur: none;--hp-seg-color: var(--hp-muted);--hp-seg-weight: 700;--hp-seg-shadow: none;--hp-seg-active-color: var(--hp-text);--hp-seg-active-bg: var(--hp-surface);--hp-seg-active-shadow: var(--hp-shadow-sm);--hp-seg-active-weight: 700}[data-hp-tabs=boxed]{--hp-tabs-gap: 4px;--hp-tabs-pad: 8px 14px;--hp-tabs-radius: 8px;--hp-tabs-track-bg: transparent;--hp-tabs-track-border: transparent;--hp-tabs-track-pad: 0;--hp-tabs-track-radius: 0;--hp-tabs-track-shadow: none;--hp-tabs-track-blur: none;--hp-tabs-color: var(--hp-muted);--hp-tabs-weight: 600;--hp-tabs-shadow: none;--hp-tabs-active-color: var(--hp-accent);--hp-tabs-active-bg: var(--hp-accent-tint);--hp-tabs-active-shadow: inset 0 0 0 1.5px var(--hp-accent);--hp-tabs-active-weight: 700;--hp-seg-gap: 4px;--hp-seg-pad: 8px 14px;--hp-seg-radius: 8px;--hp-seg-track-bg: transparent;--hp-seg-track-border: transparent;--hp-seg-track-pad: 0;--hp-seg-track-radius: 0;--hp-seg-track-shadow: none;--hp-seg-track-blur: none;--hp-seg-color: var(--hp-muted);--hp-seg-weight: 600;--hp-seg-shadow: none;--hp-seg-active-color: var(--hp-accent);--hp-seg-active-bg: var(--hp-accent-tint);--hp-seg-active-shadow: inset 0 0 0 1.5px var(--hp-accent);--hp-seg-active-weight: 700}[data-hp-tabs=minimal]{--hp-tabs-gap: 20px;--hp-tabs-pad: 6px 0;--hp-tabs-radius: 0;--hp-tabs-track-bg: transparent;--hp-tabs-track-border: transparent;--hp-tabs-track-pad: 0;--hp-tabs-track-radius: 0;--hp-tabs-track-shadow: none;--hp-tabs-track-blur: none;--hp-tabs-color: var(--hp-muted);--hp-tabs-weight: 600;--hp-tabs-shadow: none;--hp-tabs-active-color: var(--hp-accent);--hp-tabs-active-bg: transparent;--hp-tabs-active-shadow: none;--hp-tabs-active-weight: 700;--hp-seg-gap: 20px;--hp-seg-pad: 6px 0;--hp-seg-radius: 0;--hp-seg-track-bg: transparent;--hp-seg-track-border: transparent;--hp-seg-track-pad: 0;--hp-seg-track-radius: 0;--hp-seg-track-shadow: none;--hp-seg-track-blur: none;--hp-seg-color: var(--hp-muted);--hp-seg-weight: 600;--hp-seg-shadow: none;--hp-seg-active-color: var(--hp-accent);--hp-seg-active-bg: transparent;--hp-seg-active-shadow: none;--hp-seg-active-weight: 700}[data-hp-tabs=bordered]{--hp-tabs-gap: 6px;--hp-tabs-pad: 7px 14px;--hp-tabs-radius: 8px;--hp-tabs-track-bg: transparent;--hp-tabs-track-border: transparent;--hp-tabs-track-pad: 0;--hp-tabs-track-radius: 0;--hp-tabs-track-shadow: none;--hp-tabs-track-blur: none;--hp-tabs-color: var(--hp-muted);--hp-tabs-weight: 600;--hp-tabs-shadow: inset 0 0 0 1px var(--hp-border-strong);--hp-tabs-active-color: var(--hp-accent);--hp-tabs-active-bg: transparent;--hp-tabs-active-shadow: inset 0 0 0 1.5px var(--hp-accent);--hp-tabs-active-weight: 700;--hp-seg-gap: 6px;--hp-seg-pad: 7px 14px;--hp-seg-radius: 8px;--hp-seg-track-bg: transparent;--hp-seg-track-border: transparent;--hp-seg-track-pad: 0;--hp-seg-track-radius: 0;--hp-seg-track-shadow: none;--hp-seg-track-blur: none;--hp-seg-color: var(--hp-muted);--hp-seg-weight: 600;--hp-seg-shadow: inset 0 0 0 1px var(--hp-border-strong);--hp-seg-active-color: var(--hp-accent);--hp-seg-active-bg: transparent;--hp-seg-active-shadow: inset 0 0 0 1.5px var(--hp-accent);--hp-seg-active-weight: 700}[data-hp-tabs=glass]{--hp-tabs-gap: 4px;--hp-tabs-pad: 8px 14px;--hp-tabs-radius: 8px;--hp-tabs-track-bg: color-mix(in srgb, var(--hp-surface) 55%, transparent);--hp-tabs-track-border: transparent;--hp-tabs-track-pad: 4px;--hp-tabs-track-radius: 10px;--hp-tabs-track-shadow: inset 0 1px 0 color-mix(in srgb, white 24%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--hp-text) 14%, transparent);--hp-tabs-track-blur: blur(16px) saturate(1.4);--hp-tabs-color: var(--hp-muted);--hp-tabs-weight: 700;--hp-tabs-shadow: none;--hp-tabs-active-color: var(--hp-text);--hp-tabs-active-bg: color-mix(in srgb, var(--hp-surface) 72%, transparent);--hp-tabs-active-shadow: inset 0 1px 0 color-mix(in srgb, white 24%, transparent), 0 4px 14px -8px color-mix(in srgb, var(--hp-text) 40%, transparent);--hp-tabs-active-weight: 700;--hp-seg-gap: 4px;--hp-seg-pad: 8px 14px;--hp-seg-radius: 8px;--hp-seg-track-bg: color-mix(in srgb, var(--hp-surface) 55%, transparent);--hp-seg-track-border: transparent;--hp-seg-track-pad: 4px;--hp-seg-track-radius: 10px;--hp-seg-track-shadow: inset 0 1px 0 color-mix(in srgb, white 24%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--hp-text) 14%, transparent);--hp-seg-track-blur: blur(16px) saturate(1.4);--hp-seg-color: var(--hp-muted);--hp-seg-weight: 700;--hp-seg-shadow: none;--hp-seg-active-color: var(--hp-text);--hp-seg-active-bg: color-mix(in srgb, var(--hp-surface) 72%, transparent);--hp-seg-active-shadow: inset 0 1px 0 color-mix(in srgb, white 24%, transparent), 0 4px 14px -8px color-mix(in srgb, var(--hp-text) 40%, transparent);--hp-seg-active-weight: 700}[data-hp-tabs=gradient]{--hp-tabs-gap: 6px;--hp-tabs-pad: 7px 14px;--hp-tabs-radius: 9px;--hp-tabs-track-bg: transparent;--hp-tabs-track-border: transparent;--hp-tabs-track-pad: 0;--hp-tabs-track-radius: 0;--hp-tabs-track-shadow: none;--hp-tabs-track-blur: none;--hp-tabs-color: var(--hp-muted);--hp-tabs-weight: 600;--hp-tabs-shadow: none;--hp-tabs-active-color: var(--hp-on-accent);--hp-tabs-active-bg: linear-gradient(135deg, var(--hp-accent), var(--hp-secondary));--hp-tabs-active-shadow: none;--hp-tabs-active-weight: 700;--hp-seg-gap: 6px;--hp-seg-pad: 7px 14px;--hp-seg-radius: 9px;--hp-seg-track-bg: transparent;--hp-seg-track-border: transparent;--hp-seg-track-pad: 0;--hp-seg-track-radius: 0;--hp-seg-track-shadow: none;--hp-seg-track-blur: none;--hp-seg-color: var(--hp-muted);--hp-seg-weight: 600;--hp-seg-shadow: none;--hp-seg-active-color: var(--hp-on-accent);--hp-seg-active-bg: linear-gradient(135deg, var(--hp-accent), var(--hp-secondary));--hp-seg-active-shadow: none;--hp-seg-active-weight: 700}[data-hp-tabs=lifted]{--hp-tabs-gap: 2px;--hp-tabs-pad: 8px 16px;--hp-tabs-radius: 10px 10px 0 0;--hp-tabs-track-bg: transparent;--hp-tabs-track-border: var(--hp-border);--hp-tabs-track-pad: 0;--hp-tabs-track-radius: 0;--hp-tabs-track-shadow: none;--hp-tabs-track-blur: none;--hp-tabs-color: var(--hp-muted);--hp-tabs-weight: 600;--hp-tabs-shadow: none;--hp-tabs-active-color: var(--hp-text);--hp-tabs-active-bg: var(--hp-surface);--hp-tabs-active-shadow: inset 0 1px 0 var(--hp-border-strong), inset 1px 0 0 var(--hp-border-strong), inset -1px 0 0 var(--hp-border-strong);--hp-tabs-active-weight: 700;--hp-seg-gap: 2px;--hp-seg-pad: 8px 16px;--hp-seg-radius: 10px 10px 0 0;--hp-seg-track-bg: transparent;--hp-seg-track-border: var(--hp-border);--hp-seg-track-pad: 0;--hp-seg-track-radius: 0;--hp-seg-track-shadow: none;--hp-seg-track-blur: none;--hp-seg-color: var(--hp-muted);--hp-seg-weight: 600;--hp-seg-shadow: none;--hp-seg-active-color: var(--hp-text);--hp-seg-active-bg: var(--hp-surface);--hp-seg-active-shadow: inset 0 1px 0 var(--hp-border-strong), inset 1px 0 0 var(--hp-border-strong), inset -1px 0 0 var(--hp-border-strong);--hp-seg-active-weight: 700}[data-hp-tabs=dot]{--hp-tabs-gap: 28px;--hp-tabs-pad: 0 0 14px;--hp-tabs-radius: 0;--hp-tabs-track-bg: transparent;--hp-tabs-track-border: var(--hp-border);--hp-tabs-track-pad: 0;--hp-tabs-track-radius: 0;--hp-tabs-track-shadow: none;--hp-tabs-track-blur: none;--hp-tabs-color: var(--hp-muted);--hp-tabs-weight: 600;--hp-tabs-shadow: none;--hp-tabs-active-color: var(--hp-accent);--hp-tabs-active-bg: radial-gradient(circle at 50% calc(100% - 4px) , var(--hp-accent) 0 3px, transparent 3.5px);--hp-tabs-active-shadow: none;--hp-tabs-active-weight: 700;--hp-seg-gap: 28px;--hp-seg-pad: 0 0 14px;--hp-seg-radius: 0;--hp-seg-track-bg: transparent;--hp-seg-track-border: var(--hp-border);--hp-seg-track-pad: 0;--hp-seg-track-radius: 0;--hp-seg-track-shadow: none;--hp-seg-track-blur: none;--hp-seg-color: var(--hp-muted);--hp-seg-weight: 600;--hp-seg-shadow: none;--hp-seg-active-color: var(--hp-accent);--hp-seg-active-bg: radial-gradient(circle at 50% calc(100% - 4px) , var(--hp-accent) 0 3px, transparent 3.5px);--hp-seg-active-shadow: none;--hp-seg-active-weight: 700}[data-hp-tabs=bar]{--hp-tabs-gap: 28px;--hp-tabs-pad: 0 0 14px;--hp-tabs-radius: 0;--hp-tabs-track-bg: transparent;--hp-tabs-track-border: var(--hp-border);--hp-tabs-track-pad: 0;--hp-tabs-track-radius: 0;--hp-tabs-track-shadow: none;--hp-tabs-track-blur: none;--hp-tabs-color: var(--hp-muted);--hp-tabs-weight: 600;--hp-tabs-shadow: none;--hp-tabs-active-color: var(--hp-accent);--hp-tabs-active-bg: transparent;--hp-tabs-active-shadow: inset 0 -4px 0 var(--hp-accent);--hp-tabs-active-weight: 700;--hp-seg-gap: 28px;--hp-seg-pad: 0 0 14px;--hp-seg-radius: 0;--hp-seg-track-bg: transparent;--hp-seg-track-border: var(--hp-border);--hp-seg-track-pad: 0;--hp-seg-track-radius: 0;--hp-seg-track-shadow: none;--hp-seg-track-blur: none;--hp-seg-color: var(--hp-muted);--hp-seg-weight: 600;--hp-seg-shadow: none;--hp-seg-active-color: var(--hp-accent);--hp-seg-active-bg: transparent;--hp-seg-active-shadow: inset 0 -4px 0 var(--hp-accent);--hp-seg-active-weight: 700}[data-hp-tabs=rounded]{--hp-tabs-gap: 6px;--hp-tabs-pad: 7px 14px;--hp-tabs-radius: 12px;--hp-tabs-track-bg: transparent;--hp-tabs-track-border: transparent;--hp-tabs-track-pad: 0;--hp-tabs-track-radius: 0;--hp-tabs-track-shadow: none;--hp-tabs-track-blur: none;--hp-tabs-color: var(--hp-muted);--hp-tabs-weight: 600;--hp-tabs-shadow: none;--hp-tabs-active-color: var(--hp-accent);--hp-tabs-active-bg: var(--hp-accent-tint);--hp-tabs-active-shadow: none;--hp-tabs-active-weight: 700;--hp-seg-gap: 6px;--hp-seg-pad: 7px 14px;--hp-seg-radius: 12px;--hp-seg-track-bg: transparent;--hp-seg-track-border: transparent;--hp-seg-track-pad: 0;--hp-seg-track-radius: 0;--hp-seg-track-shadow: none;--hp-seg-track-blur: none;--hp-seg-color: var(--hp-muted);--hp-seg-weight: 600;--hp-seg-shadow: none;--hp-seg-active-color: var(--hp-accent);--hp-seg-active-bg: var(--hp-accent-tint);--hp-seg-active-shadow: none;--hp-seg-active-weight: 700}[data-hp-tabs=sharp]{--hp-tabs-gap: 0;--hp-tabs-pad: 8px 16px;--hp-tabs-radius: 0;--hp-tabs-track-bg: transparent;--hp-tabs-track-border: var(--hp-accent);--hp-tabs-track-pad: 0;--hp-tabs-track-radius: 0;--hp-tabs-track-shadow: none;--hp-tabs-track-blur: none;--hp-tabs-color: var(--hp-muted);--hp-tabs-weight: 600;--hp-tabs-shadow: none;--hp-tabs-active-color: var(--hp-on-accent);--hp-tabs-active-bg: var(--hp-accent);--hp-tabs-active-shadow: none;--hp-tabs-active-weight: 700;--hp-seg-gap: 0;--hp-seg-pad: 8px 16px;--hp-seg-radius: 0;--hp-seg-track-bg: transparent;--hp-seg-track-border: var(--hp-accent);--hp-seg-track-pad: 0;--hp-seg-track-radius: 0;--hp-seg-track-shadow: none;--hp-seg-track-blur: none;--hp-seg-color: var(--hp-muted);--hp-seg-weight: 600;--hp-seg-shadow: none;--hp-seg-active-color: var(--hp-on-accent);--hp-seg-active-bg: var(--hp-accent);--hp-seg-active-shadow: none;--hp-seg-active-weight: 700}[data-hp-tabs=shadow]{--hp-tabs-gap: 6px;--hp-tabs-pad: 7px 14px;--hp-tabs-radius: 9px;--hp-tabs-track-bg: transparent;--hp-tabs-track-border: transparent;--hp-tabs-track-pad: 0;--hp-tabs-track-radius: 0;--hp-tabs-track-shadow: none;--hp-tabs-track-blur: none;--hp-tabs-color: var(--hp-muted);--hp-tabs-weight: 600;--hp-tabs-shadow: none;--hp-tabs-active-color: var(--hp-text);--hp-tabs-active-bg: var(--hp-surface);--hp-tabs-active-shadow: var(--hp-shadow-pop);--hp-tabs-active-weight: 700;--hp-seg-gap: 6px;--hp-seg-pad: 7px 14px;--hp-seg-radius: 9px;--hp-seg-track-bg: transparent;--hp-seg-track-border: transparent;--hp-seg-track-pad: 0;--hp-seg-track-radius: 0;--hp-seg-track-shadow: none;--hp-seg-track-blur: none;--hp-seg-color: var(--hp-muted);--hp-seg-weight: 600;--hp-seg-shadow: none;--hp-seg-active-color: var(--hp-text);--hp-seg-active-bg: var(--hp-surface);--hp-seg-active-shadow: var(--hp-shadow-pop);--hp-seg-active-weight: 700}[data-hp-tabs=overline]{--hp-tabs-gap: 28px;--hp-tabs-pad: 12px 0 10px;--hp-tabs-radius: 0;--hp-tabs-track-bg: transparent;--hp-tabs-track-border: transparent;--hp-tabs-track-pad: 0;--hp-tabs-track-radius: 0;--hp-tabs-track-shadow: inset 0 1px 0 var(--hp-border);--hp-tabs-track-blur: none;--hp-tabs-color: var(--hp-muted);--hp-tabs-weight: 600;--hp-tabs-shadow: none;--hp-tabs-active-color: var(--hp-accent);--hp-tabs-active-bg: transparent;--hp-tabs-active-shadow: inset 0 2px 0 var(--hp-accent);--hp-tabs-active-weight: 700;--hp-seg-gap: 28px;--hp-seg-pad: 12px 0 10px;--hp-seg-radius: 0;--hp-seg-track-bg: transparent;--hp-seg-track-border: transparent;--hp-seg-track-pad: 0;--hp-seg-track-radius: 0;--hp-seg-track-shadow: inset 0 1px 0 var(--hp-border);--hp-seg-track-blur: none;--hp-seg-color: var(--hp-muted);--hp-seg-weight: 600;--hp-seg-shadow: none;--hp-seg-active-color: var(--hp-accent);--hp-seg-active-bg: transparent;--hp-seg-active-shadow: inset 0 2px 0 var(--hp-accent);--hp-seg-active-weight: 700}[data-hp-tabs=chip]{--hp-tabs-gap: 6px;--hp-tabs-pad: 6px 12px;--hp-tabs-radius: 999px;--hp-tabs-track-bg: transparent;--hp-tabs-track-border: transparent;--hp-tabs-track-pad: 0;--hp-tabs-track-radius: 0;--hp-tabs-track-shadow: none;--hp-tabs-track-blur: none;--hp-tabs-color: var(--hp-muted);--hp-tabs-weight: 600;--hp-tabs-shadow: inset 0 0 0 1px var(--hp-border-strong);--hp-tabs-active-color: var(--hp-accent);--hp-tabs-active-bg: var(--hp-accent-tint);--hp-tabs-active-shadow: inset 0 0 0 1px var(--hp-accent);--hp-tabs-active-weight: 700;--hp-seg-gap: 6px;--hp-seg-pad: 6px 12px;--hp-seg-radius: 999px;--hp-seg-track-bg: transparent;--hp-seg-track-border: transparent;--hp-seg-track-pad: 0;--hp-seg-track-radius: 0;--hp-seg-track-shadow: none;--hp-seg-track-blur: none;--hp-seg-color: var(--hp-muted);--hp-seg-weight: 600;--hp-seg-shadow: inset 0 0 0 1px var(--hp-border-strong);--hp-seg-active-color: var(--hp-accent);--hp-seg-active-bg: var(--hp-accent-tint);--hp-seg-active-shadow: inset 0 0 0 1px var(--hp-accent);--hp-seg-active-weight: 700}[data-hp-tabs=ghost]{--hp-tabs-gap: 4px;--hp-tabs-pad: 7px 12px;--hp-tabs-radius: 8px;--hp-tabs-track-bg: transparent;--hp-tabs-track-border: transparent;--hp-tabs-track-pad: 0;--hp-tabs-track-radius: 0;--hp-tabs-track-shadow: none;--hp-tabs-track-blur: none;--hp-tabs-color: var(--hp-muted);--hp-tabs-weight: 600;--hp-tabs-shadow: none;--hp-tabs-active-color: var(--hp-text);--hp-tabs-active-bg: var(--hp-hover);--hp-tabs-active-shadow: none;--hp-tabs-active-weight: 700;--hp-seg-gap: 4px;--hp-seg-pad: 7px 12px;--hp-seg-radius: 8px;--hp-seg-track-bg: transparent;--hp-seg-track-border: transparent;--hp-seg-track-pad: 0;--hp-seg-track-radius: 0;--hp-seg-track-shadow: none;--hp-seg-track-blur: none;--hp-seg-color: var(--hp-muted);--hp-seg-weight: 600;--hp-seg-shadow: none;--hp-seg-active-color: var(--hp-text);--hp-seg-active-bg: var(--hp-hover);--hp-seg-active-shadow: none;--hp-seg-active-weight: 700}[data-hp-tabs=floating]{--hp-tabs-gap: 4px;--hp-tabs-pad: 8px 14px;--hp-tabs-radius: 999px;--hp-tabs-track-bg: var(--hp-surface);--hp-tabs-track-border: transparent;--hp-tabs-track-pad: 4px;--hp-tabs-track-radius: 999px;--hp-tabs-track-shadow: var(--hp-shadow-pop);--hp-tabs-track-blur: none;--hp-tabs-color: var(--hp-muted);--hp-tabs-weight: 700;--hp-tabs-shadow: none;--hp-tabs-active-color: var(--hp-accent);--hp-tabs-active-bg: var(--hp-accent-tint);--hp-tabs-active-shadow: none;--hp-tabs-active-weight: 700;--hp-seg-gap: 4px;--hp-seg-pad: 8px 14px;--hp-seg-radius: 999px;--hp-seg-track-bg: var(--hp-surface);--hp-seg-track-border: transparent;--hp-seg-track-pad: 4px;--hp-seg-track-radius: 999px;--hp-seg-track-shadow: var(--hp-shadow-pop);--hp-seg-track-blur: none;--hp-seg-color: var(--hp-muted);--hp-seg-weight: 700;--hp-seg-shadow: none;--hp-seg-active-color: var(--hp-accent);--hp-seg-active-bg: var(--hp-accent-tint);--hp-seg-active-shadow: none;--hp-seg-active-weight: 700}[data-hp-tabs=stepped]{--hp-tabs-gap: 4px;--hp-tabs-pad: 8px 14px;--hp-tabs-radius: 0 8px 8px 0;--hp-tabs-track-bg: transparent;--hp-tabs-track-border: transparent;--hp-tabs-track-pad: 0;--hp-tabs-track-radius: 0;--hp-tabs-track-shadow: none;--hp-tabs-track-blur: none;--hp-tabs-color: var(--hp-muted);--hp-tabs-weight: 600;--hp-tabs-shadow: none;--hp-tabs-active-color: var(--hp-accent);--hp-tabs-active-bg: var(--hp-accent-tint);--hp-tabs-active-shadow: inset 3px 0 0 var(--hp-accent);--hp-tabs-active-weight: 700;--hp-seg-gap: 4px;--hp-seg-pad: 8px 14px;--hp-seg-radius: 0 8px 8px 0;--hp-seg-track-bg: transparent;--hp-seg-track-border: transparent;--hp-seg-track-pad: 0;--hp-seg-track-radius: 0;--hp-seg-track-shadow: none;--hp-seg-track-blur: none;--hp-seg-color: var(--hp-muted);--hp-seg-weight: 600;--hp-seg-shadow: none;--hp-seg-active-color: var(--hp-accent);--hp-seg-active-bg: var(--hp-accent-tint);--hp-seg-active-shadow: inset 3px 0 0 var(--hp-accent);--hp-seg-active-weight: 700}[data-hp-tabs=bold]{--hp-tabs-gap: 28px;--hp-tabs-pad: 0 0 12px;--hp-tabs-radius: 0;--hp-tabs-track-bg: transparent;--hp-tabs-track-border: var(--hp-border);--hp-tabs-track-pad: 0;--hp-tabs-track-radius: 0;--hp-tabs-track-shadow: none;--hp-tabs-track-blur: none;--hp-tabs-color: var(--hp-muted);--hp-tabs-weight: 700;--hp-tabs-shadow: none;--hp-tabs-active-color: var(--hp-text);--hp-tabs-active-bg: transparent;--hp-tabs-active-shadow: inset 0 -3px 0 var(--hp-text);--hp-tabs-active-weight: 800;--hp-seg-gap: 28px;--hp-seg-pad: 0 0 12px;--hp-seg-radius: 0;--hp-seg-track-bg: transparent;--hp-seg-track-border: var(--hp-border);--hp-seg-track-pad: 0;--hp-seg-track-radius: 0;--hp-seg-track-shadow: none;--hp-seg-track-blur: none;--hp-seg-color: var(--hp-muted);--hp-seg-weight: 700;--hp-seg-shadow: none;--hp-seg-active-color: var(--hp-text);--hp-seg-active-bg: transparent;--hp-seg-active-shadow: inset 0 -3px 0 var(--hp-text);--hp-seg-active-weight: 800}[data-hp-tabs=liquid-glass]{--hp-tabs-gap: 4px;--hp-tabs-pad: 7px 16px;--hp-tabs-radius: 999px;--hp-tabs-track-bg: var(--hp-lg-fill);--hp-tabs-track-border: transparent;--hp-tabs-track-pad: 4px;--hp-tabs-track-radius: 999px;--hp-tabs-track-shadow: var(--hp-lg-shadow);--hp-tabs-track-blur: var(--hp-lg-blur);--hp-tabs-color: var(--hp-muted);--hp-tabs-weight: 600;--hp-tabs-shadow: none;--hp-tabs-active-color: var(--hp-accent);--hp-tabs-active-bg: color-mix(in srgb, var(--hp-surface) 72%, transparent);--hp-tabs-active-shadow: var(--hp-lg-highlight), 0 4px 12px -6px color-mix(in srgb, var(--hp-text) 35%, transparent);--hp-tabs-active-weight: 700;--hp-seg-gap: 4px;--hp-seg-pad: 7px 16px;--hp-seg-radius: 999px;--hp-seg-track-bg: var(--hp-lg-fill);--hp-seg-track-border: transparent;--hp-seg-track-pad: 4px;--hp-seg-track-radius: 999px;--hp-seg-track-shadow: var(--hp-lg-shadow);--hp-seg-track-blur: var(--hp-lg-blur);--hp-seg-color: var(--hp-muted);--hp-seg-weight: 600;--hp-seg-shadow: none;--hp-seg-active-color: var(--hp-accent);--hp-seg-active-bg: color-mix(in srgb, var(--hp-surface) 72%, transparent);--hp-seg-active-shadow: var(--hp-lg-highlight), 0 4px 12px -6px color-mix(in srgb, var(--hp-text) 35%, transparent);--hp-seg-active-weight: 700}@keyframes hp-lg-drift{0%{transform:translate3d(-4%,-3%,0) scale(1.05) rotate(0)}50%{transform:translate3d(4%,3%,0) scale(1.12) rotate(8deg)}to{transform:translate3d(-4%,-3%,0) scale(1.05) rotate(0)}}.preview[data-hp-loader=liquid-glass],.library-preview[data-hp-loader=liquid-glass],.library-screen[data-hp-loader=liquid-glass]{position:relative;isolation:isolate;overflow:hidden}.preview[data-hp-loader=liquid-glass]:before,.library-preview[data-hp-loader=liquid-glass]:before,.library-screen[data-hp-loader=liquid-glass]:before{content:"";position:absolute;inset:-20%;z-index:-1;background-image:radial-gradient(38% 46% at 12% 18%,color-mix(in srgb,var(--hp-accent) 42%,transparent),transparent 72%),radial-gradient(34% 42% at 88% 22%,color-mix(in srgb,var(--hp-secondary) 38%,transparent),transparent 72%),radial-gradient(40% 44% at 70% 92%,color-mix(in srgb,var(--hp-success) 26%,transparent),transparent 72%),radial-gradient(30% 36% at 28% 88%,color-mix(in srgb,var(--hp-warning) 22%,transparent),transparent 72%);animation:hp-lg-drift 18s ease-in-out infinite;pointer-events:none}.preview[data-hp-typing=liquid-glass],.library-preview[data-hp-typing=liquid-glass],.library-screen[data-hp-typing=liquid-glass]{position:relative;isolation:isolate;overflow:hidden}.preview[data-hp-typing=liquid-glass]:before,.library-preview[data-hp-typing=liquid-glass]:before,.library-screen[data-hp-typing=liquid-glass]:before{content:"";position:absolute;inset:-20%;z-index:-1;background-image:radial-gradient(38% 46% at 12% 18%,color-mix(in srgb,var(--hp-accent) 42%,transparent),transparent 72%),radial-gradient(34% 42% at 88% 22%,color-mix(in srgb,var(--hp-secondary) 38%,transparent),transparent 72%),radial-gradient(40% 44% at 70% 92%,color-mix(in srgb,var(--hp-success) 26%,transparent),transparent 72%),radial-gradient(30% 36% at 28% 88%,color-mix(in srgb,var(--hp-warning) 22%,transparent),transparent 72%);animation:hp-lg-drift 18s ease-in-out infinite;pointer-events:none}.preview[data-hp-progress=liquid-glass],.library-preview[data-hp-progress=liquid-glass],.library-screen[data-hp-progress=liquid-glass]{position:relative;isolation:isolate;overflow:hidden}.preview[data-hp-progress=liquid-glass]:before,.library-preview[data-hp-progress=liquid-glass]:before,.library-screen[data-hp-progress=liquid-glass]:before{content:"";position:absolute;inset:-20%;z-index:-1;background-image:radial-gradient(38% 46% at 12% 18%,color-mix(in srgb,var(--hp-accent) 42%,transparent),transparent 72%),radial-gradient(34% 42% at 88% 22%,color-mix(in srgb,var(--hp-secondary) 38%,transparent),transparent 72%),radial-gradient(40% 44% at 70% 92%,color-mix(in srgb,var(--hp-success) 26%,transparent),transparent 72%),radial-gradient(30% 36% at 28% 88%,color-mix(in srgb,var(--hp-warning) 22%,transparent),transparent 72%);animation:hp-lg-drift 18s ease-in-out infinite;pointer-events:none}.preview[data-hp-bubble=liquid-glass],.library-preview[data-hp-bubble=liquid-glass],.library-screen[data-hp-bubble=liquid-glass]{position:relative;isolation:isolate;overflow:hidden}.preview[data-hp-bubble=liquid-glass]:before,.library-preview[data-hp-bubble=liquid-glass]:before,.library-screen[data-hp-bubble=liquid-glass]:before{content:"";position:absolute;inset:-20%;z-index:-1;background-image:radial-gradient(38% 46% at 12% 18%,color-mix(in srgb,var(--hp-accent) 42%,transparent),transparent 72%),radial-gradient(34% 42% at 88% 22%,color-mix(in srgb,var(--hp-secondary) 38%,transparent),transparent 72%),radial-gradient(40% 44% at 70% 92%,color-mix(in srgb,var(--hp-success) 26%,transparent),transparent 72%),radial-gradient(30% 36% at 28% 88%,color-mix(in srgb,var(--hp-warning) 22%,transparent),transparent 72%);animation:hp-lg-drift 18s ease-in-out infinite;pointer-events:none}.preview[data-hp-composer=liquid-glass],.library-preview[data-hp-composer=liquid-glass],.library-screen[data-hp-composer=liquid-glass]{position:relative;isolation:isolate;overflow:hidden}.preview[data-hp-composer=liquid-glass]:before,.library-preview[data-hp-composer=liquid-glass]:before,.library-screen[data-hp-composer=liquid-glass]:before{content:"";position:absolute;inset:-20%;z-index:-1;background-image:radial-gradient(38% 46% at 12% 18%,color-mix(in srgb,var(--hp-accent) 42%,transparent),transparent 72%),radial-gradient(34% 42% at 88% 22%,color-mix(in srgb,var(--hp-secondary) 38%,transparent),transparent 72%),radial-gradient(40% 44% at 70% 92%,color-mix(in srgb,var(--hp-success) 26%,transparent),transparent 72%),radial-gradient(30% 36% at 28% 88%,color-mix(in srgb,var(--hp-warning) 22%,transparent),transparent 72%);animation:hp-lg-drift 18s ease-in-out infinite;pointer-events:none}.preview[data-hp-button=liquid-glass],.library-preview[data-hp-button=liquid-glass],.library-screen[data-hp-button=liquid-glass]{position:relative;isolation:isolate;overflow:hidden}.preview[data-hp-button=liquid-glass]:before,.library-preview[data-hp-button=liquid-glass]:before,.library-screen[data-hp-button=liquid-glass]:before{content:"";position:absolute;inset:-20%;z-index:-1;background-image:radial-gradient(38% 46% at 12% 18%,color-mix(in srgb,var(--hp-accent) 42%,transparent),transparent 72%),radial-gradient(34% 42% at 88% 22%,color-mix(in srgb,var(--hp-secondary) 38%,transparent),transparent 72%),radial-gradient(40% 44% at 70% 92%,color-mix(in srgb,var(--hp-success) 26%,transparent),transparent 72%),radial-gradient(30% 36% at 28% 88%,color-mix(in srgb,var(--hp-warning) 22%,transparent),transparent 72%);animation:hp-lg-drift 18s ease-in-out infinite;pointer-events:none}.preview[data-hp-input=liquid-glass],.library-preview[data-hp-input=liquid-glass],.library-screen[data-hp-input=liquid-glass]{position:relative;isolation:isolate;overflow:hidden}.preview[data-hp-input=liquid-glass]:before,.library-preview[data-hp-input=liquid-glass]:before,.library-screen[data-hp-input=liquid-glass]:before{content:"";position:absolute;inset:-20%;z-index:-1;background-image:radial-gradient(38% 46% at 12% 18%,color-mix(in srgb,var(--hp-accent) 42%,transparent),transparent 72%),radial-gradient(34% 42% at 88% 22%,color-mix(in srgb,var(--hp-secondary) 38%,transparent),transparent 72%),radial-gradient(40% 44% at 70% 92%,color-mix(in srgb,var(--hp-success) 26%,transparent),transparent 72%),radial-gradient(30% 36% at 28% 88%,color-mix(in srgb,var(--hp-warning) 22%,transparent),transparent 72%);animation:hp-lg-drift 18s ease-in-out infinite;pointer-events:none}.preview[data-hp-toggle=liquid-glass],.library-preview[data-hp-toggle=liquid-glass],.library-screen[data-hp-toggle=liquid-glass]{position:relative;isolation:isolate;overflow:hidden}.preview[data-hp-toggle=liquid-glass]:before,.library-preview[data-hp-toggle=liquid-glass]:before,.library-screen[data-hp-toggle=liquid-glass]:before{content:"";position:absolute;inset:-20%;z-index:-1;background-image:radial-gradient(38% 46% at 12% 18%,color-mix(in srgb,var(--hp-accent) 42%,transparent),transparent 72%),radial-gradient(34% 42% at 88% 22%,color-mix(in srgb,var(--hp-secondary) 38%,transparent),transparent 72%),radial-gradient(40% 44% at 70% 92%,color-mix(in srgb,var(--hp-success) 26%,transparent),transparent 72%),radial-gradient(30% 36% at 28% 88%,color-mix(in srgb,var(--hp-warning) 22%,transparent),transparent 72%);animation:hp-lg-drift 18s ease-in-out infinite;pointer-events:none}.preview[data-hp-tabs=liquid-glass],.library-preview[data-hp-tabs=liquid-glass],.library-screen[data-hp-tabs=liquid-glass]{position:relative;isolation:isolate;overflow:hidden}.preview[data-hp-tabs=liquid-glass]:before,.library-preview[data-hp-tabs=liquid-glass]:before,.library-screen[data-hp-tabs=liquid-glass]:before{content:"";position:absolute;inset:-20%;z-index:-1;background-image:radial-gradient(38% 46% at 12% 18%,color-mix(in srgb,var(--hp-accent) 42%,transparent),transparent 72%),radial-gradient(34% 42% at 88% 22%,color-mix(in srgb,var(--hp-secondary) 38%,transparent),transparent 72%),radial-gradient(40% 44% at 70% 92%,color-mix(in srgb,var(--hp-success) 26%,transparent),transparent 72%),radial-gradient(30% 36% at 28% 88%,color-mix(in srgb,var(--hp-warning) 22%,transparent),transparent 72%);animation:hp-lg-drift 18s ease-in-out infinite;pointer-events:none}.preview[data-hp-card=liquid-glass],.library-preview[data-hp-card=liquid-glass],.library-screen[data-hp-card=liquid-glass]{position:relative;isolation:isolate;overflow:hidden}.preview[data-hp-card=liquid-glass]:before,.library-preview[data-hp-card=liquid-glass]:before,.library-screen[data-hp-card=liquid-glass]:before{content:"";position:absolute;inset:-20%;z-index:-1;background-image:radial-gradient(38% 46% at 12% 18%,color-mix(in srgb,var(--hp-accent) 42%,transparent),transparent 72%),radial-gradient(34% 42% at 88% 22%,color-mix(in srgb,var(--hp-secondary) 38%,transparent),transparent 72%),radial-gradient(40% 44% at 70% 92%,color-mix(in srgb,var(--hp-success) 26%,transparent),transparent 72%),radial-gradient(30% 36% at 28% 88%,color-mix(in srgb,var(--hp-warning) 22%,transparent),transparent 72%);animation:hp-lg-drift 18s ease-in-out infinite;pointer-events:none}.preview[data-hp-toast=liquid-glass],.library-preview[data-hp-toast=liquid-glass],.library-screen[data-hp-toast=liquid-glass]{position:relative;isolation:isolate;overflow:hidden}.preview[data-hp-toast=liquid-glass]:before,.library-preview[data-hp-toast=liquid-glass]:before,.library-screen[data-hp-toast=liquid-glass]:before{content:"";position:absolute;inset:-20%;z-index:-1;background-image:radial-gradient(38% 46% at 12% 18%,color-mix(in srgb,var(--hp-accent) 42%,transparent),transparent 72%),radial-gradient(34% 42% at 88% 22%,color-mix(in srgb,var(--hp-secondary) 38%,transparent),transparent 72%),radial-gradient(40% 44% at 70% 92%,color-mix(in srgb,var(--hp-success) 26%,transparent),transparent 72%),radial-gradient(30% 36% at 28% 88%,color-mix(in srgb,var(--hp-warning) 22%,transparent),transparent 72%);animation:hp-lg-drift 18s ease-in-out infinite;pointer-events:none}.preview[data-hp-avatar=liquid-glass],.library-preview[data-hp-avatar=liquid-glass],.library-screen[data-hp-avatar=liquid-glass]{position:relative;isolation:isolate;overflow:hidden}.preview[data-hp-avatar=liquid-glass]:before,.library-preview[data-hp-avatar=liquid-glass]:before,.library-screen[data-hp-avatar=liquid-glass]:before{content:"";position:absolute;inset:-20%;z-index:-1;background-image:radial-gradient(38% 46% at 12% 18%,color-mix(in srgb,var(--hp-accent) 42%,transparent),transparent 72%),radial-gradient(34% 42% at 88% 22%,color-mix(in srgb,var(--hp-secondary) 38%,transparent),transparent 72%),radial-gradient(40% 44% at 70% 92%,color-mix(in srgb,var(--hp-success) 26%,transparent),transparent 72%),radial-gradient(30% 36% at 28% 88%,color-mix(in srgb,var(--hp-warning) 22%,transparent),transparent 72%);animation:hp-lg-drift 18s ease-in-out infinite;pointer-events:none}.preview[data-hp-badge=liquid-glass],.library-preview[data-hp-badge=liquid-glass],.library-screen[data-hp-badge=liquid-glass]{position:relative;isolation:isolate;overflow:hidden}.preview[data-hp-badge=liquid-glass]:before,.library-preview[data-hp-badge=liquid-glass]:before,.library-screen[data-hp-badge=liquid-glass]:before{content:"";position:absolute;inset:-20%;z-index:-1;background-image:radial-gradient(38% 46% at 12% 18%,color-mix(in srgb,var(--hp-accent) 42%,transparent),transparent 72%),radial-gradient(34% 42% at 88% 22%,color-mix(in srgb,var(--hp-secondary) 38%,transparent),transparent 72%),radial-gradient(40% 44% at 70% 92%,color-mix(in srgb,var(--hp-success) 26%,transparent),transparent 72%),radial-gradient(30% 36% at 28% 88%,color-mix(in srgb,var(--hp-warning) 22%,transparent),transparent 72%);animation:hp-lg-drift 18s ease-in-out infinite;pointer-events:none}.preview[data-hp-tooltip=liquid-glass],.library-preview[data-hp-tooltip=liquid-glass],.library-screen[data-hp-tooltip=liquid-glass]{position:relative;isolation:isolate;overflow:hidden}.preview[data-hp-tooltip=liquid-glass]:before,.library-preview[data-hp-tooltip=liquid-glass]:before,.library-screen[data-hp-tooltip=liquid-glass]:before{content:"";position:absolute;inset:-20%;z-index:-1;background-image:radial-gradient(38% 46% at 12% 18%,color-mix(in srgb,var(--hp-accent) 42%,transparent),transparent 72%),radial-gradient(34% 42% at 88% 22%,color-mix(in srgb,var(--hp-secondary) 38%,transparent),transparent 72%),radial-gradient(40% 44% at 70% 92%,color-mix(in srgb,var(--hp-success) 26%,transparent),transparent 72%),radial-gradient(30% 36% at 28% 88%,color-mix(in srgb,var(--hp-warning) 22%,transparent),transparent 72%);animation:hp-lg-drift 18s ease-in-out infinite;pointer-events:none}.preview[data-hp-modal=liquid-glass],.library-preview[data-hp-modal=liquid-glass],.library-screen[data-hp-modal=liquid-glass]{position:relative;isolation:isolate;overflow:hidden}.preview[data-hp-modal=liquid-glass]:before,.library-preview[data-hp-modal=liquid-glass]:before,.library-screen[data-hp-modal=liquid-glass]:before{content:"";position:absolute;inset:-20%;z-index:-1;background-image:radial-gradient(38% 46% at 12% 18%,color-mix(in srgb,var(--hp-accent) 42%,transparent),transparent 72%),radial-gradient(34% 42% at 88% 22%,color-mix(in srgb,var(--hp-secondary) 38%,transparent),transparent 72%),radial-gradient(40% 44% at 70% 92%,color-mix(in srgb,var(--hp-success) 26%,transparent),transparent 72%),radial-gradient(30% 36% at 28% 88%,color-mix(in srgb,var(--hp-warning) 22%,transparent),transparent 72%);animation:hp-lg-drift 18s ease-in-out infinite;pointer-events:none}.preview[data-hp-nav=liquid-glass],.library-preview[data-hp-nav=liquid-glass],.library-screen[data-hp-nav=liquid-glass]{position:relative;isolation:isolate;overflow:hidden}.preview[data-hp-nav=liquid-glass]:before,.library-preview[data-hp-nav=liquid-glass]:before,.library-screen[data-hp-nav=liquid-glass]:before{content:"";position:absolute;inset:-20%;z-index:-1;background-image:radial-gradient(38% 46% at 12% 18%,color-mix(in srgb,var(--hp-accent) 42%,transparent),transparent 72%),radial-gradient(34% 42% at 88% 22%,color-mix(in srgb,var(--hp-secondary) 38%,transparent),transparent 72%),radial-gradient(40% 44% at 70% 92%,color-mix(in srgb,var(--hp-success) 26%,transparent),transparent 72%),radial-gradient(30% 36% at 28% 88%,color-mix(in srgb,var(--hp-warning) 22%,transparent),transparent 72%);animation:hp-lg-drift 18s ease-in-out infinite;pointer-events:none}[data-hp-card=liquid-glass] .shell__main{background-image:radial-gradient(38% 46% at 12% 18%,color-mix(in srgb,var(--hp-accent) 42%,transparent),transparent 72%),radial-gradient(34% 42% at 88% 22%,color-mix(in srgb,var(--hp-secondary) 38%,transparent),transparent 72%),radial-gradient(40% 44% at 70% 92%,color-mix(in srgb,var(--hp-success) 26%,transparent),transparent 72%),radial-gradient(30% 36% at 28% 88%,color-mix(in srgb,var(--hp-warning) 22%,transparent),transparent 72%);background-attachment:fixed}[data-hp-loader=liquid-glass] .hp-btn,[data-hp-loader=liquid-glass] .hp-input,[data-hp-loader=liquid-glass] .hp-select,[data-hp-loader=liquid-glass] .hp-textarea,[data-hp-loader=liquid-glass] .hp-card,[data-hp-loader=liquid-glass] .hp-tab,[data-hp-loader=liquid-glass] .hp-nav-link,[data-hp-loader=liquid-glass] .hp-badge,[data-hp-loader=liquid-glass] .hp-tooltip,[data-hp-typing=liquid-glass] .hp-btn,[data-hp-typing=liquid-glass] .hp-input,[data-hp-typing=liquid-glass] .hp-select,[data-hp-typing=liquid-glass] .hp-textarea,[data-hp-typing=liquid-glass] .hp-card,[data-hp-typing=liquid-glass] .hp-tab,[data-hp-typing=liquid-glass] .hp-nav-link,[data-hp-typing=liquid-glass] .hp-badge,[data-hp-typing=liquid-glass] .hp-tooltip,[data-hp-progress=liquid-glass] .hp-btn,[data-hp-progress=liquid-glass] .hp-input,[data-hp-progress=liquid-glass] .hp-select,[data-hp-progress=liquid-glass] .hp-textarea,[data-hp-progress=liquid-glass] .hp-card,[data-hp-progress=liquid-glass] .hp-tab,[data-hp-progress=liquid-glass] .hp-nav-link,[data-hp-progress=liquid-glass] .hp-badge,[data-hp-progress=liquid-glass] .hp-tooltip,[data-hp-bubble=liquid-glass] .hp-btn,[data-hp-bubble=liquid-glass] .hp-input,[data-hp-bubble=liquid-glass] .hp-select,[data-hp-bubble=liquid-glass] .hp-textarea,[data-hp-bubble=liquid-glass] .hp-card,[data-hp-bubble=liquid-glass] .hp-tab,[data-hp-bubble=liquid-glass] .hp-nav-link,[data-hp-bubble=liquid-glass] .hp-badge,[data-hp-bubble=liquid-glass] .hp-tooltip,[data-hp-composer=liquid-glass] .hp-btn,[data-hp-composer=liquid-glass] .hp-input,[data-hp-composer=liquid-glass] .hp-select,[data-hp-composer=liquid-glass] .hp-textarea,[data-hp-composer=liquid-glass] .hp-card,[data-hp-composer=liquid-glass] .hp-tab,[data-hp-composer=liquid-glass] .hp-nav-link,[data-hp-composer=liquid-glass] .hp-badge,[data-hp-composer=liquid-glass] .hp-tooltip,[data-hp-button=liquid-glass] .hp-btn,[data-hp-button=liquid-glass] .hp-input,[data-hp-button=liquid-glass] .hp-select,[data-hp-button=liquid-glass] .hp-textarea,[data-hp-button=liquid-glass] .hp-card,[data-hp-button=liquid-glass] .hp-tab,[data-hp-button=liquid-glass] .hp-nav-link,[data-hp-button=liquid-glass] .hp-badge,[data-hp-button=liquid-glass] .hp-tooltip,[data-hp-input=liquid-glass] .hp-btn,[data-hp-input=liquid-glass] .hp-input,[data-hp-input=liquid-glass] .hp-select,[data-hp-input=liquid-glass] .hp-textarea,[data-hp-input=liquid-glass] .hp-card,[data-hp-input=liquid-glass] .hp-tab,[data-hp-input=liquid-glass] .hp-nav-link,[data-hp-input=liquid-glass] .hp-badge,[data-hp-input=liquid-glass] .hp-tooltip,[data-hp-toggle=liquid-glass] .hp-btn,[data-hp-toggle=liquid-glass] .hp-input,[data-hp-toggle=liquid-glass] .hp-select,[data-hp-toggle=liquid-glass] .hp-textarea,[data-hp-toggle=liquid-glass] .hp-card,[data-hp-toggle=liquid-glass] .hp-tab,[data-hp-toggle=liquid-glass] .hp-nav-link,[data-hp-toggle=liquid-glass] .hp-badge,[data-hp-toggle=liquid-glass] .hp-tooltip,[data-hp-tabs=liquid-glass] .hp-btn,[data-hp-tabs=liquid-glass] .hp-input,[data-hp-tabs=liquid-glass] .hp-select,[data-hp-tabs=liquid-glass] .hp-textarea,[data-hp-tabs=liquid-glass] .hp-card,[data-hp-tabs=liquid-glass] .hp-tab,[data-hp-tabs=liquid-glass] .hp-nav-link,[data-hp-tabs=liquid-glass] .hp-badge,[data-hp-tabs=liquid-glass] .hp-tooltip,[data-hp-card=liquid-glass] .hp-btn,[data-hp-card=liquid-glass] .hp-input,[data-hp-card=liquid-glass] .hp-select,[data-hp-card=liquid-glass] .hp-textarea,[data-hp-card=liquid-glass] .hp-card,[data-hp-card=liquid-glass] .hp-tab,[data-hp-card=liquid-glass] .hp-nav-link,[data-hp-card=liquid-glass] .hp-badge,[data-hp-card=liquid-glass] .hp-tooltip,[data-hp-toast=liquid-glass] .hp-btn,[data-hp-toast=liquid-glass] .hp-input,[data-hp-toast=liquid-glass] .hp-select,[data-hp-toast=liquid-glass] .hp-textarea,[data-hp-toast=liquid-glass] .hp-card,[data-hp-toast=liquid-glass] .hp-tab,[data-hp-toast=liquid-glass] .hp-nav-link,[data-hp-toast=liquid-glass] .hp-badge,[data-hp-toast=liquid-glass] .hp-tooltip,[data-hp-avatar=liquid-glass] .hp-btn,[data-hp-avatar=liquid-glass] .hp-input,[data-hp-avatar=liquid-glass] .hp-select,[data-hp-avatar=liquid-glass] .hp-textarea,[data-hp-avatar=liquid-glass] .hp-card,[data-hp-avatar=liquid-glass] .hp-tab,[data-hp-avatar=liquid-glass] .hp-nav-link,[data-hp-avatar=liquid-glass] .hp-badge,[data-hp-avatar=liquid-glass] .hp-tooltip,[data-hp-badge=liquid-glass] .hp-btn,[data-hp-badge=liquid-glass] .hp-input,[data-hp-badge=liquid-glass] .hp-select,[data-hp-badge=liquid-glass] .hp-textarea,[data-hp-badge=liquid-glass] .hp-card,[data-hp-badge=liquid-glass] .hp-tab,[data-hp-badge=liquid-glass] .hp-nav-link,[data-hp-badge=liquid-glass] .hp-badge,[data-hp-badge=liquid-glass] .hp-tooltip,[data-hp-tooltip=liquid-glass] .hp-btn,[data-hp-tooltip=liquid-glass] .hp-input,[data-hp-tooltip=liquid-glass] .hp-select,[data-hp-tooltip=liquid-glass] .hp-textarea,[data-hp-tooltip=liquid-glass] .hp-card,[data-hp-tooltip=liquid-glass] .hp-tab,[data-hp-tooltip=liquid-glass] .hp-nav-link,[data-hp-tooltip=liquid-glass] .hp-badge,[data-hp-tooltip=liquid-glass] .hp-tooltip,[data-hp-modal=liquid-glass] .hp-btn,[data-hp-modal=liquid-glass] .hp-input,[data-hp-modal=liquid-glass] .hp-select,[data-hp-modal=liquid-glass] .hp-textarea,[data-hp-modal=liquid-glass] .hp-card,[data-hp-modal=liquid-glass] .hp-tab,[data-hp-modal=liquid-glass] .hp-nav-link,[data-hp-modal=liquid-glass] .hp-badge,[data-hp-modal=liquid-glass] .hp-tooltip,[data-hp-nav=liquid-glass] .hp-btn,[data-hp-nav=liquid-glass] .hp-input,[data-hp-nav=liquid-glass] .hp-select,[data-hp-nav=liquid-glass] .hp-textarea,[data-hp-nav=liquid-glass] .hp-card,[data-hp-nav=liquid-glass] .hp-tab,[data-hp-nav=liquid-glass] .hp-nav-link,[data-hp-nav=liquid-glass] .hp-badge,[data-hp-nav=liquid-glass] .hp-tooltip{transition:transform .5s var(--hp-lg-spring),box-shadow .35s var(--hp-lg-ease),background-color .35s var(--hp-lg-ease),border-color .35s var(--hp-lg-ease)}@media(prefers-reduced-motion:reduce){.preview:before,.library-preview:before,.library-screen:before{animation:none!important}}.hp-glass-stage,[data-hp-card=glass] .shell__main{background-image:radial-gradient(60% 55% at 10% 0%,color-mix(in srgb,var(--hp-accent) 13%,transparent),transparent 70%),radial-gradient(50% 50% at 95% 15%,color-mix(in srgb,var(--hp-secondary) 13%,transparent),transparent 70%),radial-gradient(55% 50% at 55% 105%,color-mix(in srgb,var(--hp-accent) 9%,transparent),transparent 70%)}[data-hp-card=glass] .shell__main{background-attachment:fixed}.preview[data-hp-button=glass],.library-preview[data-hp-button=glass],.library-screen[data-hp-button=glass],.preview[data-hp-input=glass],.library-preview[data-hp-input=glass],.library-screen[data-hp-input=glass],.preview[data-hp-card=glass],.library-preview[data-hp-card=glass],.library-screen[data-hp-card=glass],.preview[data-hp-toast=glass],.library-preview[data-hp-toast=glass],.library-screen[data-hp-toast=glass],.preview[data-hp-bubble=glass],.library-preview[data-hp-bubble=glass],.library-screen[data-hp-bubble=glass],.preview[data-hp-composer=glass],.library-preview[data-hp-composer=glass],.library-screen[data-hp-composer=glass],.preview[data-hp-tabs=glass],.library-preview[data-hp-tabs=glass],.library-screen[data-hp-tabs=glass],.preview[data-hp-badge=glass],.library-preview[data-hp-badge=glass],.library-screen[data-hp-badge=glass],.preview[data-hp-tooltip=glass],.library-preview[data-hp-tooltip=glass],.library-screen[data-hp-tooltip=glass],.preview[data-hp-modal=glass],.library-preview[data-hp-modal=glass],.library-screen[data-hp-modal=glass],.preview[data-hp-nav=glass],.library-preview[data-hp-nav=glass],.library-screen[data-hp-nav=glass]{background-image:radial-gradient(60% 55% at 10% 0%,color-mix(in srgb,var(--hp-accent) 13%,transparent),transparent 70%),radial-gradient(50% 50% at 95% 15%,color-mix(in srgb,var(--hp-secondary) 13%,transparent),transparent 70%),radial-gradient(55% 50% at 55% 105%,color-mix(in srgb,var(--hp-accent) 9%,transparent),transparent 70%)}[data-hp-button=liquid-glass] .hp-btn{background-image:var(--hp-lg-sheen);transition:background .2s ease,transform .45s var(--hp-lg-spring),box-shadow .3s ease}[data-hp-button=liquid-glass] .hp-btn:hover:not(:disabled){transform:scale(1.02)}[data-hp-button=liquid-glass] .hp-btn:active:not(:disabled){transform:scale(.97);transition-duration:.12s}@media(prefers-reduced-motion:reduce){[data-hp-button=liquid-glass] .hp-btn{transition:background .2s ease}[data-hp-button=liquid-glass] .hp-btn:hover:not(:disabled),[data-hp-button=liquid-glass] .hp-btn:active:not(:disabled){transform:none}}:root{--hp-display-control-height: var(--hp-theme-control-height, 36px);--hp-display-control-font: var(--hp-body-size, 13px);--hp-display-row-padding: var(--hp-theme-row-padding, 12px)}:root[data-hp-display-density=compact]{--hp-display-control-height: 30px;--hp-display-row-padding: 8px;--hp-gap: 10px}:root[data-hp-display-density=spacious]{--hp-display-control-height: 44px;--hp-display-row-padding: 16px;--hp-gap: 20px}:root[data-hp-display-text=large]{--hp-display-control-font: 16px}.hp-btn,.hp-input,.hp-select{min-height:var(--hp-display-control-height);font-size:var(--hp-display-control-font)}.hp-table__row{padding-block:var(--hp-display-row-padding)}.hp-tabs{min-width:0;overflow-x:auto;overscroll-behavior-x:contain}.hp-tab{flex-shrink:0}.hp-input[aria-invalid=true],.hp-select[aria-invalid=true]{border-color:var(--hp-danger)}:root[data-hp-display-motion=subtle]{--hp-motion-fast: 80ms;--hp-motion-base: .12s;--hp-motion-slow: .16s;--hp-stagger-step: 0ms}:root[data-hp-display-motion=none] *,:root[data-hp-display-motion=none] *:before,:root[data-hp-display-motion=none] *:after{animation-duration:1ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}@media(max-width:640px){.hp-row{flex-wrap:wrap}.hp-table-scroll{max-width:100%;overflow-x:auto}.hp-btn{white-space:normal}}