.platform.selfside-surface{background:var(--bg)}.platform.selfside-surface .platform-header{border-bottom-color:var(--metal-edge);background:linear-gradient(#cde0ed08,#0000);position:relative}.platform.selfside-surface .platform-header nav>a,.platform.selfside-surface .platform-nav-button,.platform.selfside-surface .platform-footer a{transition:color .18s}.platform.selfside-surface .platform-header nav>a:not(.platform-button):hover,.platform.selfside-surface .platform-nav-button:hover,.platform.selfside-surface .platform-footer a:hover{color:var(--text)}.platform.selfside-surface .platform-heading h1{color:var(--text);letter-spacing:-.055em;text-wrap:balance}.platform.selfside-surface .platform-eyebrow,.platform.selfside-surface .platform-request-aside .platform-eyebrow{color:var(--cyan)}.platform.selfside-surface .platform-request-aside li::marker{color:var(--cyan)}.platform.selfside-surface .platform-panel,.platform.selfside-surface .platform-animation-card,.platform.selfside-surface .platform-empty,.platform.selfside-surface .platform-callout,.platform.selfside-surface .platform-table-wrap{border-color:var(--metal-edge);background:var(--metal-panel);box-shadow:inset 0 1px #ebf7ff0a,0 18px 55px #0000001f}.platform.selfside-surface .platform-panel>h2:before{background:var(--metal-face);border-radius:1px;width:3px;height:17px}.platform.selfside-surface .platform-button{background:var(--metal-face);color:var(--bg);border:1px solid #edf9ff75;transition:filter .18s,box-shadow .18s,transform .18s;box-shadow:inset 0 1px #ffffffad,0 3px 12px #0000002e}.platform.selfside-surface .platform-button:hover{background:var(--metal-face);color:var(--bg);filter:brightness(1.08);box-shadow:inset 0 1px #fffc,0 4px 18px #91c2c21a}.platform.selfside-surface .platform-button:active{transform:translateY(1px)}.platform.selfside-surface .platform-button:disabled,.platform.selfside-surface .platform-secondary:disabled{filter:none;opacity:.55;transform:none}.platform.selfside-surface .platform-secondary,.platform.selfside-surface .platform-icon-button{border:1px solid var(--metal-edge);color:var(--text);background:linear-gradient(165deg,#cee0f214,#7e96ae05);transition:border-color .18s,background-color .18s;box-shadow:inset 0 1px #e2f0fa0a}.platform.selfside-surface .platform-secondary:hover,.platform.selfside-surface .platform-icon-button:hover{border-color:color-mix(in srgb, var(--cyan) 42%, transparent);background-color:#cfe6f20a}.platform.selfside-surface input,.platform.selfside-surface textarea,.platform.selfside-surface select{background-color:var(--bg);border-color:var(--metal-edge);transition:border-color .18s;box-shadow:inset 0 1px 5px #00000024}.platform.selfside-surface input:hover,.platform.selfside-surface textarea:hover,.platform.selfside-surface select:hover{border-color:color-mix(in srgb, var(--muted) 50%, transparent)}.platform.selfside-surface .platform-input-prefix,.platform.selfside-surface .platform-search{background:var(--bg);border-color:var(--metal-edge)}.platform.selfside-surface .platform-input-prefix input,.platform.selfside-surface .platform-search input{box-shadow:none}.platform.selfside-surface .platform-input-prefix:focus-within,.platform.selfside-surface .platform-search:focus-within{border-color:var(--cyan)}.platform.selfside-surface input[type=file]::file-selector-button{background:var(--metal-panel);border:1px solid var(--metal-edge)}.platform.selfside-surface .platform-badge{color:var(--cyan);background:#a5c3d00f;border-color:#bed7e32e}.platform.selfside-surface .platform-tabs{border-color:var(--metal-edge);background:var(--metal-panel);box-shadow:inset 0 1px #ebf7ff08}.platform.selfside-surface .platform-tabs button.active{border-color:var(--cyan);background:#b0cbdc17}.platform.selfside-surface .platform-tabs button span{background:#aad1d012}.platform.selfside-surface .platform-preview{background:var(--bg);border-color:var(--metal-edge)}.platform.selfside-surface .platform-animation-card{transition:border-color .22s,box-shadow .22s}.platform.selfside-surface .platform-animation-card:hover{border-color:#a6c4d259;box-shadow:inset 0 1px #ebf7ff0f,0 18px 55px #0000002e}.platform.selfside-surface .platform-empty>svg{color:var(--muted);stroke-width:1.2px}.platform.selfside-surface .platform-profile-link{border-color:var(--metal-edge);color:var(--text)}.platform.selfside-surface .platform-profile-link>span{color:var(--cyan)}.platform.selfside-surface .platform-artwork-reveal{min-width:0}.platform.selfside-surface .platform-artwork{background:var(--metal-panel);border:1px solid var(--metal-edge);color:var(--text);border-radius:12px;box-shadow:inset 0 1px #dff2fa0d,0 24px 80px #0000001f}.platform.selfside-surface .artwork-content{width:100%;height:100%;position:relative}.platform.selfside-surface .artwork-metal-mark{mix-blend-mode:screen;opacity:.86;background:url(/media/selfside-animation-1-poster.jpg) 50%/contain no-repeat;width:73%;height:110%;position:absolute;top:-4%;right:-6%;-webkit-mask-image:radial-gradient(60% 46%,#000 58%,#0000 96%);mask-image:radial-gradient(60% 46%,#000 58%,#0000 96%)}.platform.selfside-surface .artwork-label{color:var(--muted);letter-spacing:.13em;font-size:9px}.platform.selfside-surface .artwork-content>strong{letter-spacing:-.05em;max-width:82%;font-size:clamp(23px,2vw,45px);font-weight:500;line-height:1.15;position:absolute;bottom:48px;left:28px}.platform.selfside-surface .artwork-chip{color:var(--text);background:linear-gradient(150deg,#1a222cf0,#0b0f15f5);border-color:#b0c6da2e;border-radius:8px;gap:10px;padding:13px 16px;font-size:11px;transform:none;box-shadow:inset 0 1px #e6f4ff0f,0 10px 25px #00000026}.platform.selfside-surface .artwork-chip svg{color:var(--cyan);stroke-width:1.4px;width:17px;height:17px}.platform.selfside-surface .chip-one{max-width:66%;top:27%;left:28px}.platform.selfside-surface .chip-two{top:46%;left:42px;right:auto}.platform.selfside-surface .platform-auth-story>p>span{color:var(--muted)}.platform.selfside-surface .platform-footer{border-top-color:var(--metal-edge)}@media (max-width:960px){.platform.selfside-surface .artwork-chip{padding:10px 12px;font-size:10px}.platform.selfside-surface .chip-one{left:22px}.platform.selfside-surface .chip-two{left:32px}}@media (max-width:700px){.platform.selfside-surface .platform-page-intro .artwork-metal-mark{width:55%;height:128%;top:-12%;right:-2%}.platform.selfside-surface .artwork-content>strong{max-width:72%;font-size:27px}}@media (prefers-reduced-motion:reduce){.platform.selfside-surface *,.platform.selfside-surface :before,.platform.selfside-surface :after{transition:none;animation:none}}