@layer components{:is(.spui-button,.sopure-adapter-button){display:inline-flex;position:relative;align-items:center;justify-content:center;box-sizing:border-box;flex-shrink:0;min-width:var(--sp-touch-min);min-height:var(--sp-button-middle);padding:0 var(--sp-button-pad-middle);border:var(--sp-button-border) solid var(--sp-p);border-radius:var(--sp-radius-pill);background:var(--sp-p);color:var(--sp-on-primary);box-shadow:var(--sp-button-depth);font:inherit;font-size:var(--sp-font-middle);font-weight:var(--sp-weight-button);line-height:1.35;text-decoration:none;cursor:pointer;vertical-align:middle;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background-color var(--sp-motion-fast) var(--sp-ease-out),color var(--sp-motion-fast) var(--sp-ease-out),transform var(--sp-motion-fast) var(--sp-ease-out),box-shadow var(--sp-motion-fast) var(--sp-ease-out)}:is(.spui-button,.sopure-adapter-button)[data-size=small]{min-height:var(--sp-button-small);padding-inline:var(--sp-button-pad-small);font-size:var(--sp-font-small)}:is(.spui-button,.sopure-adapter-button)[data-size=large]{min-height:var(--sp-button-large);padding-inline:var(--sp-button-pad-large);font-size:var(--sp-font-large)}:is(.spui-button,.sopure-adapter-button):is([data-variant=default],.sopure-adapter-button-secondary),:is(.spui-button,.sopure-adapter-button)[data-variant=dashed]{background:var(--sp-surface);color:var(--sp-ink);border-color:var(--sp-line)}:is(.spui-button,.sopure-adapter-button)[data-variant=dashed]{border-style:dashed;border-color:var(--sp-p);color:var(--sp-p)}:is(.spui-button,.sopure-adapter-button):is([data-variant=ghost],.sopure-adapter-button-quiet){background:transparent;color:var(--sp-p);border-color:currentColor}:is(.spui-button,.sopure-adapter-button):is([data-variant=link],.sopure-adapter-button-link),:is(.spui-button,.sopure-adapter-button):is([data-variant=text],.sopure-adapter-button-text){background:transparent;color:var(--sp-p);border-color:transparent;box-shadow:none}:is(.spui-button,.sopure-adapter-button):is([data-variant=link],.sopure-adapter-button-link){text-decoration:underline;text-underline-offset:.2em}:is(.spui-button,.sopure-adapter-button)[data-danger=true]{background:var(--sp-error);border-color:var(--sp-error);color:var(--sp-on-error)}:is(.spui-button,.sopure-adapter-button)[data-danger=true]:is(:is([data-variant=default],.sopure-adapter-button-secondary),[data-variant=dashed],:is([data-variant=ghost],.sopure-adapter-button-quiet)){background:var(--sp-error-bg);color:var(--sp-error)}:is(.spui-button,.sopure-adapter-button)[data-danger=true]:is(:is([data-variant=text],.sopure-adapter-button-text),:is([data-variant=link],.sopure-adapter-button-link)){background:transparent;color:var(--sp-error);border-color:transparent}:is(.spui-button,.sopure-adapter-button)[data-icon-only=true]{width:var(--sp-button-middle);min-width:var(--sp-touch-min);padding-inline:0}:is(.spui-button,.sopure-adapter-button)[data-icon-only=true][data-size=large]{width:var(--sp-button-large)}:is(.spui-button,.sopure-adapter-button)[data-block=true]{display:flex;width:100%}.spui-button-content{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-space-2)}.spui-button-icon{display:inline-flex;width:var(--sp-icon-size);height:var(--sp-icon-size)}.spui-button-icon>svg{width:100%;height:100%}:is(.spui-button,.sopure-adapter-button)[data-loading=true] .spui-button-content{opacity:0}:is(.spui-button,.sopure-adapter-button) .spui-button-loading{position:absolute;inset:0;justify-content:center;color:inherit}:is(.spui-button,.sopure-adapter-button):focus-visible{outline:var(--sp-focus-width) solid var(--sp-focus);outline-offset:var(--sp-focus-offset)}:is(.spui-button,.sopure-adapter-button):is(:disabled,[aria-disabled=true]){cursor:not-allowed;opacity:var(--sp-disabled-opacity)}:is(.spui-button,.sopure-adapter-button):active:not(:disabled):not([aria-disabled=true]){transform:scale(var(--sp-press-scale));box-shadow:var(--sp-button-depth-pressed)}:is(.spui-button,.sopure-adapter-button):is(:is([data-variant=link],.sopure-adapter-button-link),:is([data-variant=text],.sopure-adapter-button-text)):active{box-shadow:none}@media (hover:hover){:is(.spui-button,.sopure-adapter-button):hover:not(:disabled):not([aria-disabled=true]){background:var(--sp-pd);border-color:var(--sp-pd)}:is(.spui-button,.sopure-adapter-button):is(:is([data-variant=default],.sopure-adapter-button-secondary),[data-variant=dashed],:is([data-variant=ghost],.sopure-adapter-button-quiet),:is([data-variant=text],.sopure-adapter-button-text),:is([data-variant=link],.sopure-adapter-button-link)):hover:not(:disabled):not([aria-disabled=true]){color:var(--sp-pd);background:var(--sp-soft)}:is(.spui-button,.sopure-adapter-button)[data-danger=true]:hover:not(:disabled):not([aria-disabled=true]){background:var(--sp-error-hover);border-color:var(--sp-error-hover);color:var(--sp-on-error)}}@media (pointer:coarse){:is(.spui-button,.sopure-adapter-button)[data-size=small]{min-height:var(--sp-touch-min)}}.spui-loading{display:inline-flex;align-items:center;gap:var(--sp-space-2);color:var(--sp-sub);font-size:var(--sp-font-middle);vertical-align:middle}.spui-loading[data-variant=section]{display:flex;min-height:var(--sp-loading-section-min);justify-content:center;width:100%}.spui-loading[data-variant=append]{display:flex;justify-content:center;padding:var(--sp-space-4);width:100%}.spui-loading[data-variant=overlay]{position:absolute;inset:0;z-index:var(--sp-loading-overlay-z);display:flex;justify-content:center;background:var(--sp-overlay-wash);border-radius:inherit}.spui-spinner{display:inline-block;width:var(--sp-icon-size);height:var(--sp-icon-size);flex-shrink:0;border-right-color:currentcolor;border:var(--sp-spinner-border) solid;border-right:var(--sp-spinner-border) solid transparent;border-radius:50%;animation:spui-spin var(--sp-motion-spin) linear infinite}.spui-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.spui-skeleton{position:relative;box-sizing:border-box;min-width:0;max-width:100%;width:100%;height:var(--sp-skeleton-line);flex-shrink:0;border-radius:var(--sp-radius-bone)}.spui-skeleton[data-variant=paragraph]{height:calc(var(--spui-rows) * var(--sp-skeleton-line) + (var(--spui-rows) - 1) * var(--sp-skeleton-gap))}.spui-skeleton:is([data-variant=circle],[data-variant=avatar]){width:var(--sp-avatar-middle);height:var(--sp-avatar-middle);border-radius:50%}.spui-skeleton:is([data-variant=circle],[data-variant=avatar])[data-size=small]{width:var(--sp-avatar-small);height:var(--sp-avatar-small)}.spui-skeleton:is([data-variant=circle],[data-variant=avatar])[data-size=large]{width:var(--sp-avatar-large);height:var(--sp-avatar-large)}.spui-skeleton[data-variant=rect]{height:var(--sp-skeleton-rect-height)}.spui-skeleton[data-variant=button]{width:var(--sp-skeleton-button-width);height:var(--sp-button-middle);border-radius:var(--sp-radius-pill)}.spui-skeleton[data-variant=input]{width:var(--sp-skeleton-input-width);height:var(--sp-control-middle);border-radius:var(--sp-radius-control)}.spui-skeleton:is([data-variant=button],[data-variant=input])[data-size=small]{height:var(--sp-control-small)}.spui-skeleton:is([data-variant=button],[data-variant=input])[data-size=large]{height:var(--sp-control-large)}.spui-skeleton-bones{position:absolute;inset:0;display:grid;grid-template-rows:repeat(var(--spui-rows),1fr);gap:var(--sp-skeleton-gap);border-radius:inherit}.spui-bone{display:block;position:relative;overflow:hidden;border-radius:inherit;background:var(--sp-soft)}.spui-bone:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--sp-shimmer),transparent);transform:translateX(-100%);animation:spui-shimmer var(--sp-motion-shimmer) linear infinite}.spui-skeleton[data-active=false] .spui-bone:after{animation:none;opacity:0}.spui-error{display:flex;align-items:center;gap:var(--sp-space-3);flex-wrap:wrap;padding:var(--sp-space-4);color:var(--sp-error);background:var(--sp-error-bg);border-radius:var(--sp-radius-control)}.spui-error p{flex-basis:100%;margin:0}.spui-empty{padding:var(--sp-space-4);color:var(--sp-sub)}.spui-async-notice:not(:empty){margin-bottom:var(--sp-space-3)}:root[data-reduced-motion=true] :is(.spui-button,.sopure-adapter-button){transition:none}:root[data-reduced-motion=true] :is(.spui-button,.sopure-adapter-button):active{transform:none}:root[data-reduced-motion=true] .spui-bone:after,:root[data-reduced-motion=true] .spui-spinner{animation:none}:root[data-reduced-motion=true] .spui-bone:after{opacity:0}@media (prefers-reduced-motion:reduce){:is(.spui-button,.sopure-adapter-button){transition:none}:is(.spui-button,.sopure-adapter-button):active{transform:none}.spui-bone:after,.spui-spinner{animation:none}.spui-bone:after{opacity:0}}@keyframes spui-spin{to{transform:rotate(1turn)}}@keyframes spui-shimmer{to{transform:translateX(100%)}}}@layer components{.spui-card{display:block;min-width:0;box-sizing:border-box;padding:var(--sp-card-padding);border:var(--sp-card-border) solid var(--sp-line);border-radius:var(--sp-card-radius);background:var(--sp-surface);color:var(--sp-ink);box-shadow:var(--sp-card-shadow);text-align:start;text-decoration:none;transition:border-color var(--sp-motion-fast) var(--sp-ease-out),box-shadow var(--sp-motion-fast) var(--sp-ease-out)}.spui-card[data-has-media],.spui-card[data-padding=none]{padding:0}.spui-card-body{padding:var(--sp-card-padding)}.spui-card-media{overflow:hidden;border-radius:var(--sp-card-radius) var(--sp-card-radius) 0 0;background:var(--sp-panel)}.spui-card-media>:is(img,video){width:100%;height:100%;object-fit:cover}.spui-card[data-interactive]{cursor:pointer}.spui-card[data-selected]{border-color:var(--sp-p);box-shadow:0 0 0 var(--sp-card-selection-width) var(--sp-p);background:var(--sp-soft)}.spui-card[aria-disabled=true]{opacity:var(--sp-disabled-opacity);cursor:not-allowed}@media (hover:hover){.spui-card[data-hoverable]:not([aria-disabled=true]):hover{border-color:var(--sp-p);box-shadow:var(--sp-card-hover-shadow)}}:is(.spui-card,.spui-tab,.spui-tab-panel,.spui-footer a,.spui-input-action):focus-visible{outline:var(--sp-focus-width) solid var(--sp-focus)!important;outline-offset:var(--sp-focus-offset)!important}.spui-input-root{display:grid;width:100%;gap:var(--sp-input-label-gap);min-width:0;color:var(--sp-ink);font-size:var(--sp-font-middle)}.spui-input-label{font-weight:600}.spui-input-shell{display:flex;align-items:center;min-width:0;min-height:var(--sp-input-middle);border:var(--sp-input-border) solid var(--sp-line);border-radius:var(--sp-input-radius);background:var(--sp-surface);transition:border-color var(--sp-motion-fast) var(--sp-ease-out),box-shadow var(--sp-motion-fast) var(--sp-ease-out);overflow:visible}.spui-input{width:100%;min-width:0;box-sizing:border-box;flex:1;border:0;border-radius:inherit;background:transparent;color:inherit;padding:var(--sp-input-pad-block) var(--sp-input-pad-inline);font:inherit;line-height:1.5;outline:none}.spui-input:focus-visible{outline:none!important}.spui-input::placeholder{color:var(--sp-sub);opacity:1}.spui-input-shell:focus-within{border-color:var(--sp-p)}.spui-input-shell:has(.spui-input:focus-visible){outline:var(--sp-focus-width) solid var(--sp-focus)!important;outline-offset:var(--sp-focus-offset)!important}.spui-input-root[data-size=small] .spui-input-shell{min-height:var(--sp-input-small)}.spui-input-root[data-size=small] .spui-input{padding-block:var(--sp-input-pad-small);font-size:var(--sp-font-small)}.spui-input-root[data-size=large] .spui-input-shell{min-height:var(--sp-input-large)}.spui-input-root[data-size=large] .spui-input{padding-block:var(--sp-input-pad-large);font-size:var(--sp-font-large)}.spui-input-root[data-multiline] .spui-input-shell{align-items:flex-start;border-radius:var(--sp-radius-control)}textarea.spui-input{min-height:var(--sp-input-textarea-min);resize:vertical}.spui-input-affix{display:inline-flex;flex-shrink:0;padding-inline:var(--sp-space-2);color:var(--sp-sub)}.spui-input-affix>svg{width:var(--sp-icon-size);height:var(--sp-icon-size)}.spui-input-action{flex-shrink:0;display:inline-flex;justify-content:center;align-items:center;min-width:var(--sp-touch-min);align-self:stretch;min-height:var(--sp-touch-min);padding-inline:var(--sp-space-2);border:0;border-radius:inherit;color:var(--sp-p);background:transparent;cursor:pointer;font:inherit}.spui-input-action:hover:not(:disabled){background:var(--sp-soft)}.spui-input-action:disabled{cursor:not-allowed}.spui-input-action:disabled,.spui-input-root[data-disabled]{opacity:var(--sp-disabled-opacity)}.spui-input-root[data-disabled] .spui-input{cursor:not-allowed}.spui-input-root[data-readonly] .spui-input-shell{background:var(--sp-panel)}.spui-input-root[data-status=error] .spui-input-shell{border-color:var(--sp-error)}.spui-input-root[data-status=warning] .spui-input-shell{border-color:var(--sp-warning-ink)}.spui-input-root[data-status=success] .spui-input-shell{border-color:var(--sp-success-ink)}.spui-input-meta{display:flex;flex-wrap:wrap;gap:var(--sp-space-2);color:var(--sp-sub);font-size:var(--sp-font-small)}.spui-input-root[data-status=error] .spui-input-help{color:var(--sp-error)}.spui-input-root[data-status=warning] .spui-input-help{color:var(--sp-warning-ink)}.spui-input-count{margin-inline-start:auto;font-variant-numeric:tabular-nums}.spui-tabs{min-width:0}.spui-tab-list{display:flex;align-items:center;gap:var(--sp-tab-gap);min-width:0;max-width:100%;overflow-x:auto;padding:var(--sp-tab-inset);scrollbar-width:thin}.spui-tab{position:relative;align-items:center;justify-content:center;flex-shrink:0;gap:var(--sp-space-2);min-height:var(--sp-touch-min);padding:0 var(--sp-tab-padding);border:var(--sp-tab-border) solid transparent;background:transparent;color:var(--sp-sub);border-radius:var(--sp-tab-radius);font:inherit;font-size:var(--sp-font-middle);font-weight:600;white-space:nowrap;text-decoration:none;cursor:pointer;transition:background-color var(--sp-motion-fast) var(--sp-ease-out),color var(--sp-motion-fast) var(--sp-ease-out)}.spui-tab,.spui-tab>span{display:inline-flex}.spui-tab:is(:disabled,[aria-disabled=true]){cursor:not-allowed;opacity:var(--sp-disabled-opacity)}.spui-tab:hover:not(:disabled):not([aria-disabled=true]){color:var(--sp-pd);background:var(--sp-soft)}.spui-tab:is([aria-selected=true],[aria-pressed=true],[aria-current=page]){color:var(--sp-p)}.spui-tabs[data-variant=line] .spui-tab:is([aria-selected=true],[aria-pressed=true],[aria-current=page]):after{content:"";position:absolute;left:var(--sp-tab-padding);right:var(--sp-tab-padding);bottom:0;height:var(--sp-tab-indicator);background:currentColor;border-radius:var(--sp-radius-pill)}.spui-tabs[data-variant=soft] .spui-tab:is([aria-selected=true],[aria-pressed=true],[aria-current=page]){background:var(--sp-soft);color:var(--sp-pd)}.spui-tabs[data-variant=pill] .spui-tab{border-radius:var(--sp-radius-pill)}.spui-tabs[data-variant=pill] .spui-tab:is([aria-selected=true],[aria-pressed=true],[aria-current=page]){background:var(--sp-p);color:var(--sp-on-primary)}.spui-tab-panel{padding:var(--sp-space-4);min-width:0}.spui-tab-panel[hidden]{display:none}.spui-pagination{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-space-3);max-width:100%}.spui-pagination ol,.spui-pagination-controls{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-tab-gap)}.spui-pagination ol{margin:0;padding:0;list-style:none}.spui-pagination .spui-button{min-width:var(--sp-pagination-control);min-height:var(--sp-touch-min);padding-inline:var(--sp-space-2)}.spui-pagination-gap{display:inline-block;padding-inline:var(--sp-space-2);color:var(--sp-sub)}.spui-pagination-summary{color:var(--sp-sub);font-size:var(--sp-font-small)}.spui-footer{margin-top:auto;color:var(--sp-ink);background:var(--sp-surface);border-top:var(--sp-card-border) solid var(--sp-line);width:100%;min-width:0}.spui-footer-art{height:var(--sp-footer-art-height);background-position:bottom;background-repeat:repeat-x;background-size:auto 100%;opacity:var(--sp-footer-art-opacity)}.spui-footer-inner{margin-inline:auto;max-width:var(--sp-layout-max);padding:var(--sp-footer-padding)}.spui-footer-bottom,.spui-footer-brand{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-space-3)}.spui-footer-brand{padding-bottom:var(--sp-space-4);border-bottom:1px solid var(--sp-line)}.spui-footer-brand strong{font-size:var(--sp-footer-brand-size)}.spui-footer-bottom,.spui-footer-brand>span{color:var(--sp-sub);font-size:var(--sp-font-small)}.spui-footer-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--sp-footer-column-min)),1fr));gap:var(--sp-space-4);padding-block:var(--sp-space-4)}.spui-footer h2{margin:0 0 var(--sp-space-2);font-size:var(--sp-font-middle);font-weight:600}.spui-footer ul{display:flex;flex-wrap:wrap;align-content:flex-start;gap:var(--sp-space-2) var(--sp-space-4);padding:0;margin:0;list-style:none}.spui-footer li{min-width:0;font-size:var(--sp-font-small);color:var(--sp-sub)}.spui-footer a{display:inline-flex;align-items:center;min-height:var(--sp-touch-min);overflow-wrap:anywhere;color:var(--sp-pd);text-underline-offset:.2em}.spui-footer a:hover{color:var(--sp-p);text-decoration:underline}.spui-footer [aria-disabled]{display:inline-flex;align-items:center;min-height:var(--sp-touch-min)}.spui-footer-bottom{border-top:1px solid var(--sp-line);padding-top:var(--sp-space-3)}.spui-footer[data-compact] .spui-footer-inner{text-align:center;padding-block:var(--sp-space-2)}@media (pointer:coarse){.spui-input-root[data-size=small] .spui-input-shell{min-height:var(--sp-touch-min)}}:root[data-reduced-motion=true] :is(.spui-card,.spui-input-shell,.spui-tab){transition:none}@media (prefers-reduced-motion:reduce){:is(.spui-card,.spui-input-shell,.spui-tab){transition:none}}}@layer components{.spui-layout{container-type:inline-size;position:relative;box-sizing:border-box;width:100%;max-width:var(--sp-layout-max);min-width:0;margin-inline:auto;display:flex;flex-direction:column;gap:var(--sp-layout-section-gap);color:var(--sp-ink)}.spui-layout-heading{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--sp-space-3);min-height:var(--sp-layout-heading-height)}.spui-layout-heading>div:first-child{min-width:0}.spui-layout-heading h2{margin:0;font-size:24px;line-height:var(--sp-layout-heading-height)}.spui-layout-controls{display:flex;align-items:center;gap:var(--sp-space-2)}.spui-collection-grid{display:grid;width:100%;min-width:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-layout-gap);align-items:stretch}@container (min-width: 640px){.spui-collection-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@container (min-width: 1000px){.spui-collection-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.spui-layout-card{overflow:hidden;box-shadow:none}.spui-layout-media{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:var(--spui-media-ratio,var(--sp-layout-media-ratio));background:var(--sp-soft);color:var(--sp-pd);border-radius:0}.spui-layout-card-copy{display:flex;flex-direction:column;box-sizing:border-box;height:var(--sp-layout-card-body);padding:var(--sp-space-3);gap:var(--sp-space-2);min-width:0}.spui-layout-card-copy h3{font-size:var(--sp-font-middle)}.spui-layout-card-copy h3,.spui-layout-card-copy p{margin:0;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spui-layout-card-copy p,.spui-layout-card-meta{font-size:var(--sp-font-small);color:var(--sp-sub)}.spui-layout-card-meta{display:flex;align-items:center;gap:var(--sp-space-2);min-width:0;margin-top:auto}.spui-layout-append{min-height:var(--sp-touch-min)}.spui-search-field{min-height:var(--sp-input-middle)}.spui-layout-filters,.spui-profile-tabs{display:flex;align-items:center;min-height:calc(var(--sp-touch-min) + 2 * var(--sp-tab-inset))}.spui-profile-header{display:grid;grid-template-columns:var(--sp-profile-avatar) minmax(0,1fr) auto;align-items:center;gap:var(--sp-space-4)}.spui-profile-avatar{width:var(--sp-profile-avatar);height:var(--sp-profile-avatar)}.spui-profile-avatar>:is(img,div){width:100%;height:100%;border-radius:50%;object-fit:cover}.spui-profile-info{display:flex;flex-direction:column;justify-content:center;gap:var(--sp-space-2);min-width:0;min-height:var(--sp-profile-info-height)}.spui-profile-info :is(h2,p){margin:0;overflow-wrap:anywhere}.spui-profile-info h2{font-size:20px}.spui-profile-info p{font-size:var(--sp-font-small);color:var(--sp-sub)}.spui-profile-actions{display:flex;gap:var(--sp-space-2);flex-wrap:wrap}@container (max-width: 639px){.spui-profile-header{grid-template-columns:var(--sp-profile-avatar) minmax(0,1fr)}.spui-profile-actions{grid-column:1/-1}}.spui-recipe-status{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.spui-page-frame{display:flex;flex-direction:column;width:100%;min-width:0}.spui-page-main{flex:1 0 auto;min-width:0}.spui-identity-card{--sp-identity-pointer-x:50%;--sp-identity-pointer-y:35%;--sp-identity-pointer-tilt-x:0;--sp-identity-pointer-tilt-y:0;position:relative;display:block;width:100%;min-width:0;color:var(--sp-identity-card-ink);perspective:1100px;contain:layout style;container-type:inline-size;touch-action:pan-y}.spui-identity-card-shell{position:relative;isolation:isolate;min-height:var(--sp-identity-card-full-min-height);overflow:hidden;border:1px solid var(--sp-identity-card-border);border-radius:var(--sp-identity-card-radius);background:linear-gradient(145deg,color-mix(in srgb,var(--sp-identity-card-surface) 92%,var(--sp-identity-card-glow)),var(--sp-identity-card-surface) 52%,color-mix(in srgb,var(--sp-identity-card-panel) 86%,var(--sp-identity-card-glow)));box-shadow:var(--sp-identity-card-depth);transform:rotateX(calc(var(--sp-identity-pointer-tilt-x) * var(--sp-identity-card-tilt))) rotateY(calc(var(--sp-identity-pointer-tilt-y) * var(--sp-identity-card-tilt)));transform-style:preserve-3d;transition:transform var(--sp-motion-slow) var(--sp-ease-out),border-color var(--sp-motion-fast) var(--sp-ease-out),box-shadow var(--sp-motion-slow) var(--sp-ease-out);will-change:auto}.spui-identity-card[data-motion-tier=high] .spui-identity-card-shell{will-change:transform}.spui-identity-card[data-motion-tier=normal]:hover .spui-identity-card-shell{transform:translateY(-2px) rotateX(calc(.2 * var(--sp-identity-card-tilt))) rotateY(calc(-.2 * var(--sp-identity-card-tilt)));border-color:color-mix(in srgb,var(--sp-identity-card-border) 45%,var(--sp-identity-card-glow))}.spui-identity-card[data-motion-tier=touch][data-pressed=true] .spui-identity-card-shell{transform:scale(.992) rotateX(calc(-.25 * var(--sp-identity-card-tilt))) rotateY(calc(.35 * var(--sp-identity-card-tilt)))}.spui-identity-card-hologram,.spui-identity-card-orbit,.spui-identity-card-spectrum{position:absolute;inset:0;pointer-events:none;user-select:none}.spui-identity-card-spectrum{z-index:-1;display:flex;align-items:stretch;opacity:.62;transform:translateZ(-8px)}.spui-identity-card-spectrum span{flex:1;border-inline-end:1px solid color-mix(in srgb,var(--sp-identity-card-glow) 13%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--sp-identity-card-glow) 12%,transparent),transparent 68%)}.spui-identity-card-spectrum span:nth-child(2){opacity:.52;transform:skewX(-14deg);transform-origin:top}.spui-identity-card-spectrum span:nth-child(3){opacity:.28}.spui-identity-card-hologram{z-index:2;opacity:.54;background:radial-gradient(circle at var(--sp-identity-pointer-x) var(--sp-identity-pointer-y),var(--sp-identity-card-highlight),transparent 22%),linear-gradient(115deg,transparent 28%,color-mix(in srgb,var(--sp-identity-card-glow) 14%,transparent) 46%,transparent 64%);mix-blend-mode:screen;transition:opacity var(--sp-motion-fast) var(--sp-ease-out)}.spui-identity-card-orbit{z-index:-1;inset:auto -9% -54% auto;width:58%;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--sp-identity-card-glow) 32%,transparent);border-radius:50%;box-shadow:0 0 0 34px color-mix(in srgb,var(--sp-identity-card-glow) 5%,transparent),0 0 0 78px color-mix(in srgb,var(--sp-identity-card-glow) 3%,transparent);transform:translateZ(-12px)}.spui-identity-card-content{position:relative;z-index:1;display:grid;gap:18px;min-height:inherit;padding:clamp(20px,3vw,28px);transform:translateZ(var(--sp-identity-card-depth-z))}.spui-identity-card-kicker{display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--sp-identity-card-muted);font-size:11px;font-weight:720;letter-spacing:.13em;text-transform:uppercase}.spui-identity-card-kicker span:first-child{color:var(--sp-identity-card-glow)}.spui-identity-card-main{display:grid;grid-template-columns:var(--sp-identity-card-full-avatar) minmax(0,1fr);align-items:center;gap:26px}.spui-identity-card-avatar{position:relative;display:grid;place-items:center;width:var(--sp-identity-card-full-avatar);aspect-ratio:1;overflow:hidden;border:1px solid color-mix(in srgb,var(--sp-identity-card-border) 48%,var(--sp-identity-card-glow));border-radius:34%;background:linear-gradient(145deg,var(--sp-identity-card-panel),color-mix(in srgb,var(--sp-identity-card-panel) 70%,var(--sp-identity-card-glow)));color:var(--sp-identity-card-glow);box-shadow:inset 0 1px 0 var(--sp-identity-card-highlight),0 18px 34px color-mix(in srgb,var(--sp-identity-card-glow) 16%,transparent);font-size:38px;font-weight:760}.spui-identity-card-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.spui-identity-card-copy{display:grid;align-content:center;gap:8px;min-width:0}.spui-identity-card-name{min-width:0;color:var(--sp-identity-card-ink);font-size:clamp(25px,3vw,34px);font-weight:760;letter-spacing:-.035em;line-height:1.12;overflow-wrap:anywhere}.spui-identity-card-id{overflow-wrap:anywhere;color:var(--sp-identity-card-muted);font-size:12px;font-variant-numeric:tabular-nums;letter-spacing:.08em}.spui-identity-card-line{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;color:var(--sp-identity-card-muted);font-size:13px}.spui-identity-card-line span{position:relative}.spui-identity-card-line span+span:before{content:"";position:absolute;left:-8px;top:50%;width:3px;height:3px;border-radius:50%;background:var(--sp-identity-card-glow);transform:translateY(-50%)}.spui-identity-card-tags{display:flex;flex-wrap:wrap;gap:7px;margin:4px 0 0;padding:0;list-style:none}.spui-identity-card-tags li{display:inline-flex;align-items:center;min-height:26px;padding:3px 9px;border:1px solid var(--sp-identity-card-border);border-radius:var(--sp-radius-pill);background:color-mix(in srgb,var(--sp-identity-card-panel) 82%,transparent);color:var(--sp-identity-card-muted);font-size:11px;font-weight:650}.spui-identity-card-tags li[data-kind=creator],.spui-identity-card-tags li[data-kind=verified]{border-color:color-mix(in srgb,var(--sp-identity-card-glow) 45%,var(--sp-identity-card-border));color:var(--sp-identity-card-glow)}.spui-identity-card-tags li[data-kind=admin]{background:var(--sp-identity-card-glow);border-color:var(--sp-identity-card-glow);color:var(--sp-on-primary)}.spui-identity-card-bio{max-width:62ch;margin:0;color:var(--sp-identity-card-muted);font-size:14px;line-height:1.75;overflow-wrap:anywhere}.spui-identity-card-stats{display:flex;flex-wrap:wrap;gap:10px;margin:auto 0 0}.spui-identity-card-stats>div{min-width:104px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--sp-identity-card-border) 74%,transparent);border-radius:var(--sp-radius-control);background:color-mix(in srgb,var(--sp-identity-card-panel) 72%,transparent)}.spui-identity-card-stats dt{color:var(--sp-identity-card-muted);font-size:11px}.spui-identity-card-stats dd{margin:2px 0 0;color:var(--sp-identity-card-ink);font-size:18px;font-weight:720;font-variant-numeric:tabular-nums}}@layer components{@container (min-width: 620px){.spui-identity-card[data-variant=full] .spui-identity-card-content{grid-template-columns:minmax(0,1fr) auto;align-content:center}.spui-identity-card[data-variant=full] .spui-identity-card-kicker{grid-column:1/-1}.spui-identity-card[data-variant=full] .spui-identity-card-bio,.spui-identity-card[data-variant=full] .spui-identity-card-main{grid-column:1}.spui-identity-card[data-variant=full] .spui-identity-card-stats{grid-column:2;grid-row:2/span 2;flex-direction:column;align-self:center;margin:0}}.spui-identity-card[data-variant=mini] .spui-identity-card-shell{min-height:var(--sp-identity-card-mini-min-height);border-radius:var(--sp-radius-panel);box-shadow:var(--sp-shadow-soft)}.spui-identity-card[data-variant=mini] .spui-identity-card-content{gap:12px;padding:18px;transform:translateZ(12px)}.spui-identity-card[data-variant=mini] .spui-identity-card-kicker{font-size:9px;letter-spacing:.1em}.spui-identity-card[data-variant=mini] .spui-identity-card-main{grid-template-columns:var(--sp-identity-card-mini-avatar) minmax(0,1fr);gap:14px}.spui-identity-card[data-variant=mini] .spui-identity-card-avatar{width:var(--sp-identity-card-mini-avatar);border-radius:38%;font-size:22px}.spui-identity-card[data-variant=mini] .spui-identity-card-name{font-size:17px;line-height:1.18}.spui-identity-card[data-variant=mini] .spui-identity-card-id{font-size:10px}.spui-identity-card[data-variant=mini] .spui-identity-card-line{gap:4px 10px;font-size:11px}.spui-identity-card[data-variant=mini] .spui-identity-card-line span+span:before{left:-6px}.spui-identity-card[data-variant=mini] .spui-identity-card-tags{flex-wrap:nowrap;overflow:hidden;margin-top:1px}.spui-identity-card[data-variant=mini] .spui-identity-card-tags li{flex-shrink:0;min-height:22px;padding:2px 7px;font-size:10px}.spui-identity-card[data-variant=mini] .spui-identity-card-orbit{inset:auto -12% -76% auto}.spui-identity-card[data-motion-tier=static] .spui-identity-card-shell,:root[data-reduced-motion=true] .spui-identity-card .spui-identity-card-shell{transform:none;transition-duration:1ms;will-change:auto}.spui-identity-card[data-motion-tier=static] .spui-identity-card-hologram,:root[data-reduced-motion=true] .spui-identity-card-hologram{opacity:.3;background-position:50% 35%;transition:none}@media (prefers-reduced-motion:reduce){.spui-identity-card .spui-identity-card-shell{transform:none!important;transition-duration:1ms;will-change:auto}.spui-identity-card .spui-identity-card-hologram{opacity:.3;transition:none}}@media (max-width:520px){.spui-identity-card-content{gap:18px;padding:22px}.spui-identity-card-main{grid-template-columns:78px minmax(0,1fr);gap:16px}.spui-identity-card-avatar{width:78px;font-size:28px}.spui-identity-card-name{font-size:clamp(23px,8vw,31px)}.spui-identity-card-stats>div{flex:1 1 90px;min-width:0}.spui-identity-card[data-variant=mini] .spui-identity-card-content{padding:16px}.spui-identity-card[data-variant=mini] .spui-identity-card-main{grid-template-columns:48px minmax(0,1fr);gap:12px}.spui-identity-card[data-variant=mini] .spui-identity-card-avatar{width:48px}}}