.date-button{color:var(--ink-2);font-size:13px;font-weight:500}.date-button>span{text-align:left;min-width:170px}.date-button>svg:last-child{transform:rotate(90deg)}.date-button[data-state=open]>svg:last-child{transform:rotate(-90deg)}.date-button-single{color:var(--ink);justify-content:flex-start;width:100%;height:38px;font-size:13px}.date-button-single>span{flex:1;min-width:0}.date-picker-popover{width:auto;padding:0}.date-range-popover{padding:0}.date-range-panel{display:flex}.date-range-shortcuts{border-right:1px solid var(--line);gap:3px;min-width:104px;padding:10px;display:grid}.date-range-shortcuts button{justify-content:flex-start;font-size:12px}.date-range-shortcuts button.is-active{background:var(--active-surface);color:var(--accent)}.date-range-clear{border-top:1px solid var(--line);margin-top:4px;padding-top:6px}.shadcn-calendar{padding:16px}.shadcn-calendar .rdp-months{gap:20px;display:flex}.shadcn-calendar .rdp-month{min-width:260px}.shadcn-calendar .rdp-month_caption{justify-content:center;align-items:center;height:36px;display:flex}.shadcn-calendar .rdp-caption_label{letter-spacing:-.02em;font-size:13px;font-weight:700}.shadcn-calendar .rdp-nav{pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:14px;left:12px;right:12px}.shadcn-calendar .rdp-button_previous,.shadcn-calendar .rdp-button_next{background:var(--surface-2);border:1px solid var(--line);color:var(--ink-2);pointer-events:auto;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.shadcn-calendar .rdp-button_previous:hover,.shadcn-calendar .rdp-button_next:hover{background:var(--hover-surface);color:var(--ink)}.shadcn-calendar .rdp-chevron{fill:currentColor;width:14px;height:14px}.shadcn-calendar .rdp-month_grid{border-collapse:collapse;width:100%}.shadcn-calendar .rdp-weekday{color:var(--ink-3);letter-spacing:.06em;height:32px;font-size:12px;font-weight:650}.shadcn-calendar .rdp-day{text-align:center;width:36px;height:36px;padding:0}.shadcn-calendar .rdp-day_button{background:0 0;border-radius:9px;width:34px;height:34px;font-size:12.5px}.shadcn-calendar .rdp-day_button:hover{background:var(--hover-surface)}.shadcn-calendar .rdp-outside .rdp-day_button{color:var(--ink-3);opacity:.4}.shadcn-calendar .rdp-today .rdp-day_button{box-shadow:inset 0 0 0 1px var(--accent);color:var(--accent);font-weight:700}.shadcn-calendar .rdp-selected:not(.rdp-range_middle) .rdp-day_button,.shadcn-calendar .rdp-range_start .rdp-day_button,.shadcn-calendar .rdp-range_end .rdp-day_button{background:var(--accent);color:var(--control-on-accent);font-weight:700}.shadcn-calendar .rdp-range_middle{background:var(--active-surface)}.shadcn-calendar .rdp-range_middle .rdp-day_button{color:var(--accent);border-radius:0}@media (max-width:767px){.date-range-popover{max-height:min(calc(100dvh - 24px), var(--radix-popover-content-available-height,calc(100dvh - 24px)));overscroll-behavior:contain;width:min(336px,100vw - 24px);max-width:calc(100vw - 24px);overflow-y:auto}.date-range-panel{flex-direction:column}.date-range-shortcuts{border-bottom:1px solid var(--line);border-right:0;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;min-width:0;padding:10px}.date-range-shortcuts button{text-align:center;white-space:normal;justify-content:center;min-width:0;min-height:44px}.date-range-clear{grid-column:1/-1}.shadcn-calendar{width:100%;padding:12px}.shadcn-calendar .rdp-months{display:block}.shadcn-calendar .rdp-month{width:100%;min-width:0}.shadcn-calendar .rdp-month+.rdp-month{display:none}}@media (max-width:430px){.shadcn-calendar .rdp-month_caption{height:44px}.shadcn-calendar .rdp-nav{top:8px;left:8px;right:8px}.shadcn-calendar .rdp-button_previous,.shadcn-calendar .rdp-button_next,.shadcn-calendar .rdp-day,.shadcn-calendar .rdp-day_button{width:min(44px,14.2857vw - 6.85714px);height:44px}}:root{--control-on-accent:var(--accent-ink)}.shadcn-select-trigger,.date-button{border:1px solid var(--control-line);background:var(--surface);width:100%;min-width:0;min-height:42px;color:var(--ink);font:inherit;cursor:pointer;text-align:left;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;font-size:13px;display:flex}.shadcn-select-trigger>span,.date-button>span{flex:1;min-width:0}.shadcn-select-copy{overflow-wrap:anywhere;align-items:baseline;gap:12px;display:flex}.shadcn-select-copy>span:last-child{min-width:0}.shadcn-select-label{color:var(--muted);flex-shrink:0;font-size:12px;font-weight:400}.shadcn-select-trigger[data-label-layout=stacked] .shadcn-select-copy{flex-direction:column;align-items:flex-start;gap:2px}.shadcn-select-trigger[data-label-layout=stacked] .shadcn-select-label{font-size:11px;line-height:1.3}.shadcn-select-trigger svg,.date-button svg{flex-shrink:0}.date-button>svg:last-child,.date-button[data-state=open]>svg:last-child{transform:none}.shadcn-select-trigger:hover:not(:disabled):not([data-disabled]),.date-button:hover:not(:disabled){background:var(--hover-surface)}.shadcn-select-trigger:focus-visible,.date-button:focus-visible,.shadcn-popover-content button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.shadcn-select-trigger[data-disabled]{opacity:.5;cursor:not-allowed}.shadcn-select-content,.shadcn-popover-content{z-index:150;background:var(--surface);color:var(--ink);font-family:var(--font-ui);border-radius:12px;font-size:13px;box-shadow:0 10px 36px #0003}.shadcn-select-content{min-width:var(--radix-select-trigger-width);max-width:calc(100vw - 24px);overflow:hidden}.shadcn-select-viewport{max-height:min(320px, var(--radix-select-content-available-height));padding:6px;overflow-y:auto}.shadcn-select-item{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;outline:none;align-items:center;min-height:38px;padding:8px 12px 8px 32px;display:flex;position:relative}.shadcn-select-item[data-highlighted]{background:var(--hover-surface)}.shadcn-select-item[data-state=checked]{background:var(--active-surface);color:var(--accent-text);font-weight:650}.shadcn-select-item-indicator{display:flex;position:absolute;left:10px}.date-range-popover{max-height:var(--radix-popover-content-available-height);overflow-y:auto}.date-range-shortcuts button{color:var(--ink-2);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;padding:8px 10px}.date-range-shortcuts button:hover{background:var(--hover-surface)}.shadcn-calendar{position:relative}.shadcn-calendar button{color:inherit;cursor:pointer;border:0}.shadcn-calendar .rdp-disabled{opacity:.4}.live-filter-primary{grid-template-columns:minmax(200px,1.4fr) minmax(275px,1.3fr) minmax(150px,1fr)}.live-date-range{gap:8px;min-width:0;display:grid}.live-date-range>span{color:var(--ink-2);font-size:12px}.live-page-size .shadcn-select-trigger{width:78px}@media (max-width:767px){.live-filter-primary{grid-template-columns:1fr}.shadcn-select-item,.date-button,.shadcn-select-trigger{min-height:44px}}:root[data-theme=dark] .shadcn-select-content,:root[data-theme=dark] .shadcn-popover-content{background:var(--surface-2)}@media (max-width:767px){.date-range-panel .shadcn-calendar{order:-1}.date-range-shortcuts{border-bottom:0;border-top:1px solid var(--line)}}:where(.lu-button){font:inherit;cursor:pointer}:where(.lu-button:disabled){opacity:.5;cursor:not-allowed}:where(.lu-button:focus-visible,.lu-input:focus-visible){outline:2px solid var(--accent);outline-offset:3px}.language-control .shadcn-select-trigger{background:0 0;border-color:#0000;min-width:124px}.language-control .shadcn-select-trigger:hover:not(:disabled):not([data-disabled]){background:var(--hover-surface)}.ui-disclosure-trigger{text-align:left;width:100%;color:inherit}.ui-disclosure-content[data-state=closed]{display:none}.lu-dialog-overlay{z-index:100;background:#00000073;position:fixed;inset:0}.lu-dialog-content{z-index:110;position:fixed;inset:0}.lu-tooltip{z-index:200;background:var(--ink);max-width:min(320px,100vw - 24px);color:var(--surface);border-radius:8px;padding:8px 12px;font-size:12px;box-shadow:0 4px 14px #00000026}.month-picker .shadcn-select-trigger{min-width:160px;font-size:15px}:where(.creator-shell,.live-dialog) :is(.lu-input,.date-button,.btn-secondary,.shadcn-select-trigger):not(.language-control *,.search-input *){border-color:var(--line);box-shadow:none;transition:border-color .14s,background-color .14s}:where(.creator-shell,.live-dialog) :is(.lu-input,.date-button,.shadcn-select-trigger):not(.language-control *,.search-input *){border-color:var(--control-line)}:where(.creator-shell,.live-dialog) :is(.lu-input,.date-button,.btn-secondary,.shadcn-select-trigger):not(.language-control *,.search-input *):hover:not(:disabled):not([data-disabled]):not(:focus-visible):not([data-state=open]){border-color:color-mix(in srgb, var(--control-line) 80%, var(--ink-3))}:where(.creator-shell,.live-dialog) :is(.lu-input,.date-button,.shadcn-select-trigger):not(.language-control *,.search-input *):is(:focus-visible,[data-state=open]){border-color:var(--accent);outline:1px solid var(--accent);outline-offset:-1px}:where(.creator-shell,.live-dialog) :is(.btn-secondary,.language-control .shadcn-select-trigger):focus-visible{outline:1px solid var(--accent);outline-offset:-1px}:where(.creator-shell,.live-dialog) .lu-input[aria-invalid=true]{border-color:var(--red)}@media (prefers-reduced-motion:reduce){:where(.creator-shell,.live-dialog) :is(.lu-input,.date-button,.btn-secondary,.shadcn-select-trigger){transition:none}}
:root{--ground:var(--bg);--ink:var(--text);--ink-2:var(--text);--ink-3:var(--muted);--border:var(--line);--surface-2:var(--raised);--red:var(--error);--valid:var(--accent);--valid-surface:var(--accent-soft);--amber:var(--issue);--selected:var(--seg-on);--selected-ink:var(--seg-on-ink)}.header-tools{align-items:center;gap:8px;display:flex}.creator-header .header-tools,.creator-header .language-control{min-width:0}.creator-header .language-control.is-compact .shadcn-select-trigger{width:100%;min-width:44px}.creator-header .language-control .shadcn-select-copy{min-width:0}.creator-header .language-control .shadcn-select-copy>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.creator-header .theme-toggle{flex-shrink:0;min-height:44px}.account-menu-trigger{width:44px;height:44px;color:var(--text);background:0 0;border:1px solid #0000;border-radius:12px;flex-shrink:0}.account-menu-trigger[data-state=open]{background:var(--accent-soft);border-color:var(--line)}.account-menu-trigger:focus-visible,.account-menu-action:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.shadcn-popover-content.account-menu{width:244px;max-width:calc(100vw - 24px);max-height:var(--radix-popover-content-available-height);border:1px solid var(--line);border-radius:16px;padding:6px;overflow-y:auto}.account-menu:focus{outline:0}:root[data-theme] .shadcn-popover-content.account-menu{background:var(--surface);border-color:var(--line);-webkit-backdrop-filter:none;backdrop-filter:none}.account-menu-identity{border-bottom:1px solid var(--quiet-line);gap:4px;margin:0 6px 6px;padding:12px 6px 16px;display:grid}.account-menu-identity>span{color:var(--muted);font-size:12px}.account-menu-identity>strong{overflow-wrap:anywhere;font-size:15px;font-weight:600;line-height:1.45}.account-menu-action{width:100%;min-height:44px;color:var(--text);text-align:start;font:inherit;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;line-height:1.5;text-decoration:none;display:flex}.account-menu-action>svg{flex-shrink:0}.account-menu-action>span{overflow-wrap:anywhere;min-width:0}.account-menu-signout{color:var(--error)}@media (hover:hover) and (pointer:fine){.account-menu-trigger:hover,.account-menu-action:hover{background:var(--raised)}.account-menu-trigger[data-state=open]:hover{background:var(--accent-soft)}.account-menu-signout:hover{background:color-mix(in srgb,var(--error) 8%,var(--surface))}}.language-control.is-compact .shadcn-select-trigger{background:0 0;border-color:#0000;gap:10px;min-width:96px;min-height:44px;padding:11px 8px;font-size:13px}.brand-mark,.brand>.brand-mark{aspect-ratio:1;flex-shrink:0;display:block}.brand-mark:before{content:"";background:var(--brand-art) center/contain no-repeat;width:100%;height:100%;display:block}.creator-content{width:100%}.live-module-loading,.live-results.is-pending{min-height:100svh}.live-count{text-align:right;min-width:9ch}.btn-primary,.btn-secondary,.btn-ghost{border:1px solid var(--line);background:0 0;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:9px 14px;font-size:14px;font-weight:500;display:inline-flex}.btn-primary{background:var(--brand);color:var(--brand-ink);border-color:var(--brand)}.btn-primary:hover:not(:disabled){background:var(--brand-hover);border-color:var(--brand-hover)}.btn-primary:active:not(:disabled){background:var(--brand-pressed);border-color:var(--brand-pressed)}.btn-ghost{border-color:#0000}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:260px;padding:32px;display:flex}.empty-state svg{color:var(--muted)}.empty-state.is-error svg{color:var(--error)}.empty-state h2{font-size:20px}.empty-state p{color:var(--muted)}.duration-value{flex-wrap:wrap;align-items:baseline;gap:5px;display:inline-flex}.duration-value small{color:var(--muted);font-size:.5em}.status-label{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:inline-flex}.status-mark{background:var(--muted);border-radius:50%;width:6px;height:6px;display:inline-flex}.status-mark svg{display:none}.status-mark.is-valid{background:var(--accent)}.status-mark.is-short{background:var(--issue)}.status-mark.is-missing,.status-mark.is-pending{border:1px solid var(--muted);background:0 0}.status-mark.is-pending{border-style:dashed}.lu-dialog-content,.shadcn-popover-content,.shadcn-select-content,.lu-tooltip-content{background:var(--l3-bg);border-color:var(--l3-line);box-shadow:var(--l3-shadow);-webkit-backdrop-filter:blur(22px)saturate(1.5);backdrop-filter:blur(22px)saturate(1.5)}.lu-dialog-overlay{background:var(--scrim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.metric-value{font-variant-numeric:tabular-nums}.number-roll{display:none}.number-rolling>.number-roll{display:inline-flex}.auth-shell{flex-direction:column;min-height:100dvh;display:flex}.auth-art h1{white-space:pre-line}.auth-title{margin-bottom:var(--auth-gap);font:500 30px/1.2 Space,Instrument,sans-serif}.auth-tabs{display:flex}.auth-form-wrap form input.field{border:1px solid var(--control-line);background:var(--surface);width:100%;min-height:46px;color:var(--text);border-radius:11px;padding:11px 12px;font-size:15px;display:block}.password-field{position:relative}.password-field label{display:block}.field-label{color:var(--muted);margin-bottom:7px;font-size:13px;display:block}.password-field input{padding-right:48px}.password-toggle{width:42px;height:42px;color:var(--muted);background:0 0;place-items:center;display:grid;position:absolute;bottom:2px;right:3px}.setup-steps{display:none}.auth-forgot-password{width:fit-content;color:var(--muted);margin-left:auto;display:flex}.auth-back{margin:0 0 18px -10px}.auth-subtitle{color:var(--muted);font-size:14px;line-height:1.6}.creator-email-form{gap:14px;width:100%;min-width:0;display:grid}.creator-email-form input.field{border:1px solid var(--control-line);background:var(--surface);width:100%;min-height:46px;color:var(--text);border-radius:11px;padding:11px 12px;font-size:16px;display:block}.email-form-actions{flex-wrap:wrap;gap:8px;display:flex}.email-form-actions .btn-primary{flex:1}.email-form-actions button{white-space:normal;overflow-wrap:anywhere}.email-form-error{color:var(--error);font-size:13px;line-height:1.6}.email-code-hint{color:var(--muted);overflow-wrap:anywhere;font-size:13px;line-height:1.6}.email-code-input{font-variant-numeric:tabular-nums}.email-required-logout{width:100%;margin-top:12px}.password-reset-panel form{min-height:180px}body[data-design=b] .account-data>.account-email-row{align-items:flex-start;padding-block:16px}body[data-design=b] .account-data>.account-email-row>dt{flex-shrink:0;padding-top:10px}body[data-design=b] .account-data>.account-email-row>dd{flex:1;min-width:0;display:block}.account-email-value{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.account-email-value>span{overflow-wrap:anywhere;min-width:0}.account-email-action{color:var(--hero-text);white-space:normal;text-align:start}.account-email-success{color:var(--hero-text);margin-top:8px;font-size:13px;line-height:1.5}body[data-design=b] .account-data>.account-email-row.is-editing{flex-direction:column;gap:12px}body[data-design=b] .account-data>.account-email-row.is-editing>dt{text-align:start;align-self:flex-start}body[data-design=b] .account-data>.account-email-row.is-editing>dd{width:100%}.account-email-form .field-label,.account-email-form .email-code-hint{color:var(--hero-muted)}.account-email-form .btn-ghost{color:var(--hero-text)}@media (max-width:760px){.email-form-actions>.btn-primary{flex-basis:100%}}.month-dialog{border-radius:20px;width:min(420px,100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto}.logout-dialog{border-radius:20px;width:min(400px,100vw - 32px)}.logout-dialog .dialog-head{border:0;flex-wrap:wrap;justify-content:flex-start}.logout-dialog .dialog-head h2{flex-basis:100%}.logout-dialog .dialog-head>.button{position:absolute;top:14px;right:14px}.logout-dialog .dialog-footer>.button{flex:1}.lu-dialog-content.release-update-dialog{overscroll-behavior:contain;border:1px solid var(--l3-line);width:min(420px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--text);border-radius:20px;margin:0;padding:24px;inset:50% auto auto 50%;overflow:auto;transform:translate(-50%,-50%)}.release-update-dialog h2{overflow-wrap:anywhere;margin:0;font-size:22px;font-weight:600;line-height:1.35}.release-update-dialog p{color:var(--muted);overflow-wrap:anywhere;margin:12px 0 0;font-size:15px;line-height:1.65}.release-update-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.release-update-actions>.button{white-space:normal;overflow-wrap:anywhere;min-width:0}.release-update-banner{width:100%;min-height:48px;padding:12px max(20px,env(safe-area-inset-right)) 12px max(20px,env(safe-area-inset-left));border:0;border-bottom:1px solid var(--line);background:var(--accent-soft);color:var(--text);text-align:center;overflow-wrap:anywhere;text-underline-offset:3px;flex-shrink:0;font-size:14px;font-weight:500;line-height:1.5;text-decoration:underline;display:block}.release-update-banner:focus-visible{outline:2px solid var(--focus);outline-offset:-4px}@media (hover:hover) and (pointer:fine){.release-update-banner:hover{background:var(--raised)}}@media (max-width:380px){.lu-dialog-content.release-update-dialog{padding:20px}.release-update-actions{flex-direction:column}.release-update-actions>.button{width:100%}}.account-data dd{overflow-wrap:anywhere}.account-seal img{width:72px;height:72px}.creator-content .live-title-button{text-align:left;font:inherit;white-space:normal;overflow-wrap:anywhere;background:0 0;padding:0}.creator-content .stream-row{display:grid}.creator-content .health{text-align:left;background:0 0;border:0;width:100%;padding:0}.health-heading{align-items:center;display:flex}.health-bar{background:var(--raised);display:flex}.health-bar .healthy,.dot.healthy{background:var(--healthy)}.health-bar .issue,.dot.issue{background:var(--issue-mark)}.health-bar .unknown,.dot.unknown{background:var(--unknown)}.dot{border-radius:50%;width:8px;height:8px;display:inline-block}.stream-expanded{display:grid}@media (prefers-reduced-motion:no-preference){[data-motion] .goal-primary:before,[data-motion] .record-hero:before,[data-motion].stream-summary>.metric:first-child:before{animation:v5-light .56s var(--hud-ease)}[data-motion] .goal-track i{animation:v5-grow .62s 40ms var(--hud-ease) backwards}[data-motion] .plot .bar i{animation:v5-bars .46s 90ms var(--hud-ease) backwards}[data-motion] .revenue-track{animation:v5-grow .56s 80ms var(--hud-ease) backwards}.calendar-day.selected{animation:v5-select .32s var(--hud-ease)}}@keyframes v5-light{0%{opacity:.55;transform:scaleX(.82)}}@keyframes v5-grow{0%{transform:scaleX(.02)}}@keyframes v5-bars{0%{transform:scaleY(.04)}}@keyframes v5-select{0%{opacity:.7}}@media (max-width:760px){.auth-art{min-height:240px}.record-tools .segments{max-width:100%;overflow:auto}.creator-content .stream-expanded{grid-template-columns:repeat(2,minmax(0,1fr))}}:root{--hover-surface:var(--raised);--active-surface:var(--accent-soft);--accent-text:var(--accent);--control-on-accent:var(--accent-ink)}.lu-dialog-content.month-dialog,.lu-dialog-content.logout-dialog{inset:50% auto auto 50%;transform:translate(-50%,-50%)}.shadcn-select-trigger{border-radius:11px;min-height:46px;font-size:14px}:root[data-theme] .shadcn-select-content,:root[data-theme] .shadcn-popover-content{background:var(--l3-bg);border-color:var(--l3-line);box-shadow:var(--l3-shadow);-webkit-backdrop-filter:blur(22px)saturate(1.5);backdrop-filter:blur(22px)saturate(1.5)}body[data-design=b] .overview .goal-ring strong span{font-size:inherit;color:inherit}.account-seal .brand-mark{width:72px;height:72px;color:var(--accent)}.lu-dialog-content.filter-drawer{border-radius:0;width:min(480px,100vw);height:100dvh;max-height:100dvh;padding:0;inset:0 0 0 auto;transform:none}.live-filter-form{flex-direction:column;height:100%;min-height:0;display:flex}.live-filter-form .dialog-body{flex:1;min-height:0;overflow:auto}.live-filter-form fieldset{border:0;gap:16px;min-width:0;margin-bottom:24px;display:grid}.live-filter-form legend{margin-bottom:14px;font-weight:600}.live-filter-form .field{gap:8px;display:grid}.live-filter-form input{border:1px solid var(--control-line);background:var(--surface);border-radius:10px;width:100%;min-width:0;min-height:46px;padding:10px}.live-filter-form .dialog-footer{padding-bottom:max(20px,env(safe-area-inset-bottom));flex-shrink:0}@media (max-width:760px){.filter-button>span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}}.detail-page .live-detail-body{max-height:none;padding:0;overflow:visible}.detail-page .live-detail-metrics{margin-top:28px}.detail-page .live-health-summary{background:var(--surface);border-radius:18px;padding:28px}.detail-page .live-health-ratio strong{font:500 48px/1 Space,sans-serif}.detail-page .live-health-pair{gap:24px}.detail-page .history-values{grid-column:1/-1}.detail-page .history-values>dl{flex-wrap:wrap;gap:24px;padding-top:16px;display:flex}.history-arrow{transform:rotate(180deg)}@media (max-width:760px){.detail-page .live-health-pair{grid-template-columns:1fr}.detail-page .live-health-summary{padding:20px}.detail-page .history-list article>dl{grid-template-columns:1fr 1fr}}body[data-design=b] .stream-tools .live-results-heading{background:0 0;border:0;border-radius:0;margin:0;padding:12px 0 0}.live-toolbar{border-bottom:1px solid var(--quiet-line);padding-bottom:14px}.live-page .page-head .live-button{border:1px solid var(--line);min-height:44px}body[data-design=b] .live-page .page-head h1{letter-spacing:-.025em}.account-preferences .language-control .shadcn-select-trigger{border:1px solid var(--control-line);background:var(--surface);border-radius:12px;width:100%;min-height:52px;font-size:16px}.auth-form-wrap .auth-submit{justify-content:space-between;width:100%;min-height:51px;padding:13px 16px;display:flex}.auth-form-wrap form input.field{min-height:51px}@media (max-width:760px){.header-tools{gap:2px}.language-control.is-compact .shadcn-select-trigger{min-width:92px;max-width:122px;font-size:12px}.auth-form-wrap form input.field{font-size:16px}}
.creator-spinner{border:1.5px solid var(--control-line);border-top-color:var(--brand);border-radius:50%;flex:none;width:14px;height:14px;animation:.9s linear infinite creator-spin;display:inline-block}.creator-loading-status{max-width:100%;color:var(--muted);align-items:center;gap:7px;font-size:12px;font-weight:500;line-height:1.5;display:inline-flex}.creator-loading-status>span:last-child{overflow-wrap:anywhere;min-width:0}.creator-loading-offline-icon{flex:none}.creator-loading-progress{pointer-events:none;background:var(--quiet-line);height:2px;position:absolute;inset:auto 0 -1px;overflow:hidden}.creator-loading-progress[hidden]{display:none}.creator-loading-progress>span,.creator-region-progress>span{background:var(--brand);width:32%;height:100%;box-shadow:inset 0 -1px 0 color-mix(in srgb,var(--control-line) 45%,transparent);animation:1.6s ease-in-out infinite creator-progress;display:block}.creator-loading{min-width:0;padding-block:8px 24px}.creator-loading>.creator-loading-status{margin-bottom:18px}.creator-loading-shape{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px;display:grid}.creator-loading-panel{border:1px solid var(--line);background:var(--surface);border-radius:18px;flex-direction:column;gap:20px;min-width:0;min-height:230px;padding:28px;display:flex}.creator-loading-panel:last-child{grid-column:1/-1;min-height:210px}.creator-loading-panel i,.creator-loading-panel b{background:var(--quiet-line);border-radius:5px;flex:none;width:60%;height:12px;animation:1.6s ease-in-out infinite creator-pulse;display:block}.creator-loading-panel i:first-child{width:34%}.creator-loading-panel b{width:44%;height:36px;margin-block:6px}.creator-loading-panel i:last-child{width:80%}.creator-loading-detail .creator-loading-shape,.creator-loading-history .creator-loading-shape{grid-template-columns:330px minmax(0,1fr)}.creator-loading-detail .creator-loading-panel:first-child,.creator-loading-history .creator-loading-panel:first-child{grid-row:span 2;min-height:540px}.creator-loading-detail .creator-loading-panel:last-child,.creator-loading-history .creator-loading-panel:last-child{grid-column:2}.creator-loading-list .creator-loading-shape,.creator-loading-records .creator-loading-shape{grid-template-columns:1fr}.creator-loading-list .creator-loading-panel,.creator-loading-records .creator-loading-panel{min-height:160px}.creator-loading-list .creator-loading-panel:not(:first-child) b,.creator-loading-records .creator-loading-panel:not(:first-child) b{display:none}.creator-loading-list .creator-loading-panel:not(:first-child),.creator-loading-records .creator-loading-panel:not(:first-child){gap:15px}.creator-busy-region{min-width:0;position:relative}.creator-busy-content[data-updating]{opacity:.75;pointer-events:none}.creator-loading-overlay{z-index:2;pointer-events:none;height:2px;position:absolute;inset:0 0 auto}.creator-region-progress{background:var(--quiet-line);border-radius:2px;height:100%;display:block;overflow:hidden}.creator-loading-overlay:not([data-paused])>.creator-loading-status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.creator-loading-overlay:not([data-paused]) .creator-spinner{display:none}.creator-loading-overlay[data-paused]{border-inline-start:2px solid var(--control-line);background:var(--raised);height:auto;margin-bottom:12px;padding:10px 12px;position:relative;inset:auto}.creator-loading-overlay[data-paused]>.creator-loading-status{align-items:flex-start}.creator-loading-overlay[data-paused] .creator-loading-offline-icon{margin-top:2px}.creator-auth-loading{flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:100svh;padding:24px;display:flex}.creator-auth-loading .brand-mark{width:48px;height:48px}.lu-button[data-loading]{position:relative}.button-loading-content{align-items:center;justify-content:inherit;gap:inherit;flex:1;min-width:0;display:flex}.lu-button[data-loading=true] .button-loading-content{opacity:0}.button-loading-indicator{color:inherit;place-items:center;display:grid;position:absolute;inset:0}.button-loading-indicator .creator-spinner{border-color:#0000 currentColor currentColor}.lu-button[data-loading=true]:disabled{opacity:.85;cursor:wait}.language-control{position:relative}.language-control>.creator-loading-status{pointer-events:none;background:var(--header-surface);padding-inline:4px;position:absolute;inset:0 6px 0 auto}.language-control>.creator-loading-status>span:last-child{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.live-pagination .creator-loading-status{font-size:12px}.live-pagination-status{position:relative}.live-pagination-status>.creator-loading-status{white-space:nowrap;position:absolute;inset:0 auto 0 0}.live-pagination-status>.creator-loading-status>span:last-child{text-overflow:ellipsis;min-width:0;overflow:hidden}@keyframes creator-spin{to{transform:rotate(360deg)}}@keyframes creator-progress{0%{transform:translate(-110%)}to{transform:translate(420%)}}@keyframes creator-pulse{50%{opacity:.65}}@media (max-width:1180px){.creator-loading-detail .creator-loading-shape,.creator-loading-history .creator-loading-shape{grid-template-columns:260px minmax(0,1fr)}}@media (max-width:760px){.creator-loading-shape,.creator-loading-detail .creator-loading-shape,.creator-loading-history .creator-loading-shape{grid-template-columns:minmax(0,1fr)}.creator-loading-panel{min-height:200px;padding:22px}.creator-loading-detail .creator-loading-panel:first-child,.creator-loading-history .creator-loading-panel:first-child{grid-row:auto;min-height:220px}.creator-loading-detail .creator-loading-panel:last-child,.creator-loading-history .creator-loading-panel:last-child{grid-column:1}}@media (prefers-reduced-motion:reduce){.creator-spinner,.creator-loading-panel i,.creator-loading-panel b,.creator-loading-progress>span,.creator-region-progress>span{animation:none}.creator-loading-progress>span,.creator-region-progress>span{opacity:.75;width:100%}}
body[data-design=b] .auth-shell--creator-login{--login-frame:1600px;--login-gutter:max(0px, (100vw - var(--login-frame)) / 2);--login-hero-pull:calc(-1 * var(--login-gutter));--login-panel-inset:min(10rem, 3.5rem + var(--login-gutter));--login-stage:#0b0e12;--login-heading:#f5f5f4;--login-text:#f3f7f5;--login-muted:#aebbbb;--login-field:#1c282b;--login-field-line:#748286;--login-track:#0b1415;--login-track-line:#33433e;--login-selected:#17382d;--login-selected-text:#f3f7f5;--login-focus:#19ed65;background:var(--login-stage) url(/brand/creator-login-stage.webp) center center / cover no-repeat}body[data-design=b] .auth-shell--creator-login .auth-header{box-shadow:none;background:0 0;border-bottom-color:#0000;padding-inline:clamp(24px,3.5rem,56px)}body[data-design=b] .auth-shell--creator-login .auth-main{max-width:var(--login-frame);grid-template-columns:minmax(0,1.75fr) minmax(390px,.95fr);align-items:center;min-height:calc(100dvh - 64px)}body[data-design=b] .auth-shell--creator-login .auth-art{justify-content:flex-start;align-self:stretch;padding:clamp(30px,6.5dvh,64px) 0 22px clamp(24px,3.5rem,56px);overflow:visible}body[data-design=b] .auth-shell--creator-login .auth-art h1{z-index:2;width:100%;max-width:none;color:var(--login-heading);letter-spacing:0;white-space:normal;text-align:start;text-wrap:balance;order:0;margin-inline-start:var(--login-hero-pull);font:900 clamp(48px,5vw,80px)/1.15 Songti SC,Noto Serif CJK SC,Source Han Serif SC,serif}body[data-design=b] .auth-shell--creator-login .auth-signature{color:var(--muted);letter-spacing:.3em;order:1;gap:.7em;margin:14px 0 0;margin-inline-start:var(--login-hero-pull);font:500 19px/1.3 Instrument,sans-serif}body[data-design=b] .auth-shell--creator-login .auth-signature>span{color:inherit;font:inherit;letter-spacing:inherit}.login-showcase{isolation:isolate;--ease-out:cubic-bezier(.22, .61, .36, 1);--ease-settle:cubic-bezier(.45, 0, .25, 1);--ease-spring:cubic-bezier(.3, 1.1, .45, 1);flex:1;order:2;align-self:stretch;width:100%;min-height:480px;max-height:640px;margin:8px 0 0;position:relative}@supports (transition-timing-function:linear(0, 1)){.login-showcase{--ease-spring:linear(0, .026, .093, .183, .285, .39, .492, .587, .672, .747, .81, .863, .906, .939, .965, .985, .999, 1.009, 1.015, 1.018, 1.02, 1.02, 1.019, 1.017, 1.015, 1.013, 1.011, 1.009, 1.007, 1.006, 1)}}.login-showcase-deck{width:100%;height:100%;min-height:480px;position:relative}@property --sink-solid{syntax:"<percentage>";inherits:true;initial-value:100%}@property --sink-clear{syntax:"<percentage>";inherits:true;initial-value:100%}.login-showcase-card{aspect-ratio:.72;cursor:pointer;--card-shadow:#00000080;width:min(25.6%,250px);filter:drop-shadow(0 16px 22px var(--card-shadow)) drop-shadow(0 0 0 transparent);--motion-glow:.46s var(--ease-settle);transition:filter var(--motion-glow);animation:login-card-rise 1.1s var(--ease-spring) calc(.16s + var(--card-order,0) * 90ms) backwards;--card-scale:1;--card-hover-scale:1.08;--card-lift:-18px;--card-nudge:0px;background:0 0;border:0;border-radius:13px;padding:0;position:absolute;container-type:inline-size}.login-showcase-card:first-child{z-index:1;--card-angle:-12deg;--card-hover-scale:1.12;--card-lift:-30px;--sink-angle:192deg;--sink-solid:70%;--sink-clear:94%;top:34%;left:2.2%}.login-showcase-card:nth-child(2){z-index:2;--card-order:1;--card-angle:-6deg;--card-scale:1.15;--card-nudge:-10cqi;--sink-angle:185deg;--sink-solid:80%;--sink-clear:97%;top:24.2%;left:22.4%}.login-showcase-card:nth-child(3){z-index:4;--card-order:2;--card-angle:8deg;--card-scale:1.485;--card-hover-scale:1.04;--sink-angle:173deg;--sink-solid:84%;--sink-clear:99%;top:20.3%;left:45.1%}.login-showcase-card:nth-child(4){z-index:3;--card-order:3;--card-angle:22deg;--card-scale:.86;--card-hover-scale:1.26;--card-nudge:-12px;--sink-angle:170deg;--sink-solid:88%;--sink-clear:100%;top:28.8%;left:73.1%}.login-showcase-card[data-active=true]{z-index:8;filter:drop-shadow(0 30px 32px var(--card-shadow)) drop-shadow(0 0 28px var(--card-glow));--motion-glow:.64s var(--ease-out) 80ms}@keyframes login-card-rise{0%{opacity:0;translate:0 56px}40%{opacity:1}}.login-showcase-card-face{text-align:left;color:#fff;--shift-x:0px;--nudge-x:0px;--lift-y:0px;--angle-now:var(--card-angle);--scale-now:var(--card-scale);transform:translate3d(calc(var(--shift-x) + var(--nudge-x)), var(--lift-y), 0) rotate(var(--angle-now)) scale(var(--scale-now));--motion-transform:.56s var(--ease-settle);--motion-fade:.46s var(--ease-settle);transition:transform var(--motion-transform), filter var(--motion-fade), --sink-solid var(--motion-fade), --sink-clear var(--motion-fade);-webkit-mask-image:linear-gradient(var(--sink-angle,180deg), #000 var(--sink-solid), transparent var(--sink-clear));-webkit-mask-image:linear-gradient(var(--sink-angle,180deg), #000 var(--sink-solid), transparent var(--sink-clear));mask-image:linear-gradient(var(--sink-angle,180deg), #000 var(--sink-solid), transparent var(--sink-clear));border:0;border-radius:5.2cqi;padding:7cqi 9.6cqi;display:block;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 1px #ffffff80,inset 0 0 0 1px #ffffff1f,inset 0 -24px 36px -16px #0003}.login-showcase-deck:has(>:first-child[data-active=true]){--neighbor-shift:23cqi}.login-showcase-deck:has(>:nth-child(3)[data-active=true]){--neighbor-shift:8cqi}.login-showcase-card[data-shift="-1"] .login-showcase-card-face{--shift-x:calc(var(--neighbor-shift,12cqi) * -1)}.login-showcase-card[data-shift="1"] .login-showcase-card-face{--shift-x:var(--neighbor-shift,12cqi)}.login-showcase-card:is([data-shift="-1"],[data-shift="1"]) .login-showcase-card-face{--motion-transform:.8s var(--ease-spring) 50ms}.login-showcase-card[data-active=true] .login-showcase-card-face{--lift-y:var(--card-lift);--nudge-x:var(--card-nudge);--angle-now:calc(var(--card-angle) * .35);--scale-now:calc(var(--card-scale) * var(--card-hover-scale));--sink-solid:150%;--sink-clear:170%;--motion-transform:.82s var(--ease-spring);--motion-fade:.62s var(--ease-out) 60ms}.login-showcase-deck:has([data-active=true]) .login-showcase-card[data-active=false] .login-showcase-card-face{filter:brightness(.8)saturate(.88);--motion-fade:.56s var(--ease-out) 80ms}.login-showcase-card[data-active=true] .login-showcase-card-face,.login-showcase-card[data-shift="-1"] .login-showcase-card-face,.login-showcase-card[data-shift="1"] .login-showcase-card-face{will-change:transform}.login-showcase-card:focus-visible{outline-offset:5px;outline:3px solid #fff}.login-showcase-card-sheen{border-radius:inherit;pointer-events:none;z-index:1;background:radial-gradient(85% 45% at 16% 0,#fff3,#0000 70%),linear-gradient(118deg,#0000 38%,#ffffff14 50%,#0000 64%);position:absolute;inset:0}.login-showcase-card-sheen:after{content:"";background:linear-gradient(105deg,#0000 42%,#ffffff3d 50%,#0000 58%);position:absolute;inset:-10% -60%;transform:translate(-70%)}.login-showcase-card[data-active=true] .login-showcase-card-sheen:after{transition:transform 1.2s var(--ease-out) .14s;transform:translate(70%)}.login-showcase-card--violet{--card-title:#efe4ff;--card-glow:#9d66ea8c}.login-showcase-card--coral{--card-title:#ffe4ea;--card-glow:#f76a8480}.login-showcase-card--teal{--card-title:#e0f8f2;--card-glow:#3fe3d973}.login-showcase-card--lime{--card-title:#f6fde6;--card-glow:#b4e04c80}.login-showcase-card--violet .login-showcase-card-face{background:linear-gradient(160deg,#9d66ea 0%,#7d46d2 38%,#6634bf 70%,#4f249c 100%)}.login-showcase-card--coral .login-showcase-card-face{background:linear-gradient(165deg,#f76a84 0%,#ec5677 40%,#df4a6e 72%,#c93c63 100%)}.login-showcase-card--teal .login-showcase-card-face{background:radial-gradient(55% 35% at 82% 24%,#96f0ff52,#0000 72%),linear-gradient(200deg,#3fe3d9 0%,#1fbcc1 30%,#13a0ac 60%,#0c7688 100%)}.login-showcase-card--lime .login-showcase-card-face{background:linear-gradient(205deg,#d9f55f 0%,#b4e04c 35%,#97cf40 65%,#6fbb35 100%)}.login-showcase-card-label{z-index:3;letter-spacing:.16em;color:#fffc;text-transform:uppercase;align-items:center;gap:1.6cqi;font:600 3.8cqi/1.2 Instrument,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:flex;position:relative}.login-showcase-card--lime .login-showcase-card-label{color:#2f7d18}.login-showcase-dash{opacity:.8;background:currentColor;width:3cqi;height:1px}.login-showcase-card-face strong{z-index:3;letter-spacing:-.01em;color:var(--card-title);text-shadow:0 1px 2px #00000029;flex-direction:column;margin-top:2.4cqi;font:700 11.2cqi/1.02 Charter,Iowan Old Style,Georgia,Times New Roman,serif;display:flex;position:relative}.login-showcase-card:nth-child(3) .login-showcase-card-face strong{font-size:12cqi}.login-showcase-card:nth-child(4) .login-showcase-card-face strong{margin-top:5cqi;font-size:13.4cqi}.login-showcase-line{white-space:nowrap;display:block}.login-showcase-art{z-index:2;-webkit-user-select:none;user-select:none;pointer-events:none;max-width:none;height:auto;position:absolute}.login-showcase-card--violet .login-showcase-art{filter:drop-shadow(0 10px 16px #1405328c);width:124%;top:26.5%;left:-8%;transform:rotate(3deg)}.login-showcase-card--coral .login-showcase-art{filter:hue-rotate(-85deg)saturate(.7)brightness(1.12)drop-shadow(0 12px 18px #3c0a2873);width:112%;top:24%;left:-10%;transform:rotate(4deg)}.login-showcase-card--teal .login-showcase-art{filter:drop-shadow(0 14px 20px #021e288c);width:122%;top:16.2%;left:-8%}.login-showcase-card--lime .login-showcase-art{filter:drop-shadow(0 10px 16px #14280573);width:97%;top:32.3%;left:1.7%;transform:rotate(-24deg)}.login-showcase-headset-mark{z-index:3;aspect-ratio:1;filter:drop-shadow(0 0 4px #00ff70)drop-shadow(0 0 10px #00ff6eb3);pointer-events:none;background:url(/brand/creator-login-headset-mark.png) 50%/contain no-repeat;width:11.3%;position:absolute;top:55.7%;left:77%;transform:rotate(-3deg)}.login-showcase-accent{z-index:3;pointer-events:none;-webkit-user-select:none;user-select:none;height:auto;position:absolute;overflow:visible}.login-showcase-accent--behind{z-index:2}.login-showcase-art,.login-showcase-accent,.login-showcase-headset-mark{transition:translate .52s var(--ease-settle)}.login-showcase-card[data-active=true] .login-showcase-accent{transition:translate 1s var(--ease-spring) .12s;translate:0 -5.5cqi}.login-showcase-card[data-active=true] :is(.login-showcase-art,.login-showcase-headset-mark,.login-showcase-accent--stream-ring,.login-showcase-accent--earn-ring){transition:translate .92s var(--ease-spring) 70ms;translate:0 -3cqi}.login-showcase-accent--stream-ring{filter:drop-shadow(0 0 6px #c4b5fd8c);width:65%;top:30.6%;left:9.2%}.login-showcase-accent--stream-star{filter:drop-shadow(0 3px 5px #0a052899);width:10.5%;top:43.2%;left:12.8%}.login-showcase-accent--play-cube{filter:drop-shadow(0 4px 6px #280a5080);width:13%;top:20.2%;left:55.5%;transform:rotate(-8deg)}.login-showcase-accent--play-plus{filter:drop-shadow(0 5px 8px #280a5a80);width:17%;top:33.7%;left:43.2%;transform:rotate(-6deg)}.login-showcase-accent--play-ring{filter:drop-shadow(0 6px 8px #14145a80);width:29%;top:72.4%;left:4.8%}.login-showcase-accent--hero-star{filter:drop-shadow(0 0 12px #4ade80bf)drop-shadow(0 4px 10px #052e1680);width:28%;top:10.2%;left:67.3%}.login-showcase-accent--hero-crystal{filter:drop-shadow(0 4px 8px #1e287866);width:16%;top:31.8%;left:9.4%}.login-showcase-accent--hero-sparkle{width:5.4%;top:57.5%;left:92.5%}.login-showcase-accent--hero-cube{filter:drop-shadow(0 0 6px #7dd3fc99);width:13%;top:68.5%;left:85.5%;transform:rotate(12deg)}.login-showcase-accent--earn-ring{width:82%;top:36.4%;left:22.5%;transform:rotate(-20deg)}.login-showcase-accent--earn-coin-top{filter:drop-shadow(0 4px 6px #5a3c0a80);width:22%;top:25.6%;left:72.8%}.login-showcase-accent--earn-coin-bot{filter:drop-shadow(0 4px 6px #5a3c0a80);width:26%;top:82%;left:69.4%}.login-showcase-accent--earn-mini-star{width:8%;top:56%;left:93%}.login-showcase-float{z-index:0;pointer-events:none;height:auto;animation:6s ease-in-out infinite alternate login-float-drift;position:absolute}@keyframes login-float-drift{to{translate:0 -9px}}.login-showcase-float--crystal{filter:drop-shadow(0 0 6px #a5b4fc80);width:2.7%;top:13.5%;left:33.4%;transform:rotate(-10deg)}.login-showcase-float--star{opacity:.85;filter:blur(1.4px);width:5.1%;animation-duration:8s;animation-delay:-3s;top:22.8%;left:94%;transform:rotate(14deg)}body[data-design=b] .auth-shell--creator-login .auth-form-panel{padding:32px clamp(24px,3.5rem,56px) 32px 10px}@media (min-width:1181px){body[data-design=b] .auth-shell--creator-login .auth-form-panel{margin-inline-end:var(--login-hero-pull);padding-inline-end:var(--login-panel-inset)}body[data-design=b] .auth-shell--creator-login .auth-form-wrap{margin-inline-start:auto}}body[data-design=b] .auth-shell--creator-login .auth-form-wrap{isolation:isolate;max-width:440px;color:var(--login-text);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:radial-gradient(95px 100px at 0 0,#ddecf23d,#0000 80%),radial-gradient(at 100% 0,#14734e20,#0000 48%),linear-gradient(145deg,#122122f5,#090f11fa 62%,#0e1f1ef7);border:1px solid #91ada780;border-radius:24px;padding:44px 36px;position:relative;box-shadow:0 20px 44px -22px #000b,inset 0 1px #e1fff329}body[data-design=b] .auth-shell--creator-login .auth-form-wrap:before{content:"";border-radius:inherit;filter:drop-shadow(0 0 1px #d7ffee50);opacity:1;pointer-events:none;background:linear-gradient(135deg,#f1fff9 0%,#d1e3dfb3 12%,#758c8580 36%,#9bc8b670 65%,#dafff1 100%);padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}body[data-design=b] .auth-shell--creator-login .login-panel-heading{align-items:center;gap:20px;margin-bottom:40px;display:flex}body[data-design=b] .auth-shell--creator-login .auth-emblem{flex-shrink:0;margin:0;display:block}body[data-design=b] .auth-shell--creator-login .auth-emblem .brand-mark{background:linear-gradient(140deg,#2a5147,#0e2821 68%,#1c4032);border:1px solid #76c5ab80;border-radius:16px;width:72px;height:72px;padding:10px;box-shadow:inset 0 1px #dcfff42b,0 5px 12px -9px #0009}body[data-design=b] .auth-shell--creator-login .auth-title{min-width:0;color:var(--login-text);letter-spacing:-.025em;margin:0;font:650 34px/1.2 PingFang SC,Microsoft YaHei,system-ui,sans-serif}body[data-design=b] .auth-shell--creator-login .auth-tabs{border:1px solid var(--login-track-line);background:var(--login-track);border-radius:13px;gap:4px;min-height:56px;margin:0;padding:3px}body[data-design=b] .auth-shell--creator-login .auth-tabs .button{min-height:48px;color:var(--login-muted);white-space:normal;background:0 0;border:1px solid #0000;border-radius:10px;padding:10px 6px;font-size:17px;font-weight:500;line-height:1.3;position:relative}body[data-design=b] .auth-shell--creator-login .auth-tabs .button[aria-pressed=true]{background:linear-gradient(145deg, #3d725426, transparent 75%), var(--login-selected);color:var(--login-selected-text);border-color:#75b09a26;font-weight:650;box-shadow:inset 0 1px #d1ffdf0d,0 3px 8px -5px #0008}body[data-design=b] .auth-shell--creator-login .auth-tabs .button[aria-pressed=true]:after{content:"";background:#19ed65;border-radius:2px;width:40%;height:2px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}body[data-design=b] .auth-shell--creator-login .login-form{gap:40px;margin-top:36px;display:grid}body[data-design=b] .auth-shell--creator-login .field-label{color:var(--login-text);margin-bottom:6px;font-size:16px;font-weight:400;line-height:20px;display:block}.login-input-wrap{display:block;position:relative}.login-field-icon{z-index:1;color:var(--login-muted);pointer-events:none;position:absolute;top:50%;left:16px;transform:translateY(-50%)}body[data-design=b] .auth-shell--creator-login .auth-form-wrap form input.field{border:1px solid var(--login-field-line);background:linear-gradient(130deg, #ffffff04, transparent), var(--login-field);min-height:56px;color:var(--login-text);caret-color:var(--login-focus);border-radius:11px;padding:14px 16px 14px 56px;font-size:16px;line-height:24px;transition:border-color .18s,box-shadow .18s;box-shadow:inset 0 1px #ffffff04}body[data-design=b] .auth-shell--creator-login input.field::placeholder{color:var(--login-muted);opacity:1}body[data-design=b] .auth-shell--creator-login .auth-form-wrap .password-field input.field{padding-right:52px}body[data-design=b] .auth-shell--creator-login .password-toggle{width:44px;height:44px;color:var(--login-muted);background:0 0;border:0;border-radius:8px;bottom:6px;right:4px}body[data-design=b] .auth-shell--creator-login .password-toggle svg{width:24px;height:24px}body[data-design=b] .auth-shell--creator-login .password-toggle:hover{color:var(--login-text);background:#8bb5a514}body[data-design=b] .auth-shell--creator-login input.field:focus-visible,body[data-design=b] .auth-shell--creator-login .button:focus-visible,body[data-design=b] .auth-shell--creator-login .password-toggle:focus-visible{outline:2px solid var(--login-focus);outline-offset:3px;box-shadow:none}body[data-design=b] .auth-shell--creator-login input.field:focus-visible{border-color:var(--login-focus)}body[data-design=b] .auth-shell--creator-login input.field:user-invalid{border-color:var(--error)}body[data-design=b] .auth-shell--creator-login .auth-submit{color:#042c12;isolation:isolate;min-height:64px;transform:translateY(var(--submit-lift,0px));background:linear-gradient(160deg,#28f67f,#10ed66 55%,#05e75b);border:1px solid #62ff982e;border-radius:12px;margin:0;padding:16px 26px;font-size:20px;font-weight:650;transition:filter .18s,transform .24s cubic-bezier(.16,1,.3,1);box-shadow:inset 0 1px #ffffff26}body[data-design=b] .auth-shell--creator-login .auth-submit:focus-visible:not(:disabled){--submit-lift:-2px;--submit-arrow:6px;--submit-sheen:110%;--submit-highlight:1;filter:brightness(1.06)}@media (hover:hover) and (pointer:fine){body[data-design=b] .auth-shell--creator-login .auth-submit:hover:not(:disabled){--submit-lift:-2px;--submit-arrow:6px;--submit-sheen:110%;--submit-highlight:1;filter:brightness(1.06)}}body[data-design=b] .auth-shell--creator-login .auth-submit:active:not(:disabled){transform:translateY(0)}body[data-design=b] .auth-shell--creator-login .auth-submit:before{opacity:var(--submit-highlight,0);transform:translateX(var(--submit-sheen,-110%));background:linear-gradient(110deg,#0000 35%,#ffffff38 50%,#0000 65%);transition:opacity .18s,transform 0s .18s}body[data-design=b] .auth-shell--creator-login .auth-submit:not(:disabled):is(:hover,:focus-visible):before{transition:opacity .12s,transform .65s cubic-bezier(.16,1,.3,1)}body[data-design=b] .auth-shell--creator-login .auth-submit .button-loading-content{z-index:1;position:relative}body[data-design=b] .auth-shell--creator-login .auth-submit .icon{width:26px;height:26px;transform:translateX(var(--submit-arrow,0px));transition:transform .24s cubic-bezier(.16,1,.3,1)}body[data-design=b] .auth-shell--creator-login .auth-submit:disabled{opacity:.7;cursor:wait}:root[data-theme=light] body[data-design=b] .auth-shell--creator-login{--login-stage:#f1f5f3;--login-heading:#1d2521;--login-text:#101b24;--login-muted:#64717b;--login-field:#fcfefd;--login-field-line:#81978c;--login-track:#eaf7f2;--login-track-line:#d4ede3;--login-selected:#fff;--login-selected-text:#124833;--login-focus:#11643c;background-image:url(/brand/creator-login-stage-light.webp)}:root[data-theme=light] body[data-design=b] .auth-shell--creator-login .auth-art h1{color:var(--login-heading)}:root[data-theme=light] body[data-design=b] .auth-shell--creator-login .auth-form-wrap{background:linear-gradient(145deg,#fffffff7,#f2fcf8f5);border-color:#a3c2b6;box-shadow:0 2px 3px #243b3005,0 20px 42px -25px #345e493b,inset 0 1px #fff}:root[data-theme=light] body[data-design=b] .auth-shell--creator-login .auth-form-wrap:before{filter:none;background:linear-gradient(135deg,#8fbaaa,#daeae3 38%,#b1cdbf 100%)}:is(:root,:root[data-theme=light]) body[data-design=b] .auth-shell--creator-login .auth-main[data-phase=error] .auth-form-wrap{border-color:var(--error)}:is(:root,:root[data-theme=light]) body[data-design=b] .auth-shell--creator-login .auth-main[data-phase=error] .auth-form-wrap:before{background:var(--error);filter:none}:root[data-theme=light] body[data-design=b] .auth-shell--creator-login .auth-emblem .brand-mark{background:linear-gradient(140deg,#f2fff9,#d8fbea);border-color:#94e7be;box-shadow:inset 0 1px #fff}:root[data-theme=light] body[data-design=b] .auth-shell--creator-login .auth-tabs .button[aria-pressed=true]{background:var(--login-selected);border-color:#fff;box-shadow:0 2px 7px -4px #2e694b40}:root[data-theme=light] .login-showcase-card{--card-shadow:#24383042}:root[data-theme=light] .login-showcase-card--violet{--card-glow:#9d66ea66}:root[data-theme=light] .login-showcase-card--coral{--card-glow:#f76a845c}:root[data-theme=light] .login-showcase-card--teal{--card-glow:#1fbcc157}:root[data-theme=light] .login-showcase-card--lime{--card-glow:#97cf4066}:root[data-theme=light] .login-showcase-deck:has([data-active=true]) .login-showcase-card[data-active=false] .login-showcase-card-face{filter:brightness(.96)saturate(.78)}:root[data-theme=light] .login-showcase-card:focus-visible{outline-color:var(--login-heading)}:root[data-theme=light] .login-showcase-float--star{opacity:.7}@media (max-width:1540px) and (min-width:1181px){.login-showcase-card{width:min(24.3%,250px)}.login-showcase-card:first-child{left:2.1%}.login-showcase-card:nth-child(2){left:21.3%}.login-showcase-card:nth-child(3){left:42.8%}.login-showcase-card:nth-child(4){left:69.4%}.login-showcase-float--crystal{left:31.7%}.login-showcase-float--star{left:89.3%}}@media (max-width:1180px),(max-height:520px) and (min-width:1181px){.login-showcase-card:nth-child(n){--card-hover-scale:1.08;--card-lift:-18px;--card-nudge:0px}}@media (max-width:1180px){.login-showcase-float{display:none}.login-showcase-card-face{-webkit-mask-image:none;mask-image:none}.login-showcase-deck{--neighbor-shift:0px}}@media (max-width:1180px) and (min-width:761px){body[data-design=b] .auth-shell--creator-login .auth-main{flex-direction:column;align-items:stretch;display:flex}body[data-design=b] .auth-shell--creator-login .auth-art{flex-shrink:0;min-height:0;padding:24px 28px 0}body[data-design=b] .auth-shell--creator-login .auth-art h1{font-size:44px}body[data-design=b] .auth-shell--creator-login .auth-form-panel{padding:12px 28px 40px}.login-showcase{flex:none;width:100%;height:350px;min-height:0;max-height:none;margin:16px auto 0}.login-showcase-deck{height:350px;min-height:0}.login-showcase-card{width:min(23%,190px)}.login-showcase-card:first-child{top:18%;left:3.5%}.login-showcase-card:nth-child(2){--card-scale:1;top:12%;left:26%}.login-showcase-card:nth-child(3){--card-scale:1.08;top:8%;left:49%}.login-showcase-card:nth-child(4){--card-scale:1;--card-angle:12deg;top:18%;left:70%}}@media (max-width:760px){body[data-design=b] .auth-shell--creator-login,:root[data-theme=light] body[data-design=b] .auth-shell--creator-login{background-image:none}body[data-design=b] .auth-shell--creator-login .auth-main{flex-direction:column;justify-content:flex-start;align-items:stretch;display:flex}body[data-design=b] .auth-shell--creator-login .auth-art{flex-direction:column;flex-shrink:0;min-height:0;padding:20px 22px 0;display:flex}body[data-design=b] .auth-shell--creator-login .auth-main .auth-art h1{width:100%;max-width:100%;font-size:29px;line-height:1.16}body[data-design=b] .auth-shell--creator-login .auth-signature{display:none}.login-showcase{flex:none;align-self:center;width:100%;height:270px;min-height:0;max-height:none;margin:10px 0 0}.login-showcase-deck{overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;height:100%;min-height:0;padding:8px 3px 14px;display:flex;overflow:auto hidden}.login-showcase-deck::-webkit-scrollbar{display:none}.login-showcase-card,.login-showcase-card:nth-child(n){scroll-snap-align:center;filter:none;--card-scale:1;--card-hover-scale:1.02;--card-lift:-7px;flex:0 0 160px;width:160px;position:relative;top:auto;left:auto}.login-showcase-card-face{--card-angle:0deg;border-radius:16px;padding:14px 12px}.login-showcase-card[data-shift="-1"] .login-showcase-card-face,.login-showcase-card[data-shift="1"] .login-showcase-card-face{--shift-x:0px}.login-showcase-card-label{font-size:9px}.login-showcase-card:nth-child(n) .login-showcase-card-face strong{margin-top:6px;font-size:21px}body[data-design=b] .auth-shell--creator-login .auth-form-panel{padding:8px 20px 32px}body[data-design=b] .auth-shell--creator-login .auth-form-wrap{border-radius:22px;padding:28px 24px}body[data-design=b] .auth-shell--creator-login .login-panel-heading{gap:14px;margin-bottom:24px}body[data-design=b] .auth-shell--creator-login .auth-emblem .brand-mark{border-radius:13px;width:52px;height:52px;padding:8px}body[data-design=b] .auth-shell--creator-login .auth-title{font-size:28px}body[data-design=b] .auth-shell--creator-login .auth-tabs .button{font-size:14px}body[data-design=b] .auth-shell--creator-login .login-form{gap:20px;margin-top:24px}body[data-design=b] .auth-shell--creator-login .auth-submit{min-height:56px;padding-inline:20px}}@media (max-width:350px){body[data-design=b] .auth-shell--creator-login .auth-main .auth-art h1{font-size:26px}body[data-design=b] .auth-shell--creator-login .auth-art{padding-inline:18px}body[data-design=b] .auth-shell--creator-login .auth-form-panel{padding-inline:14px}body[data-design=b] .auth-shell--creator-login .auth-form-wrap{padding-inline:20px}body[data-design=b] .auth-shell--creator-login .auth-title{font-size:24px}body[data-design=b] .auth-shell--creator-login .auth-tabs .button{font-size:13px}body[data-design=b] .auth-shell--creator-login .auth-form-wrap form input.field{padding-left:46px}body[data-design=b] .auth-shell--creator-login .login-field-icon{width:22px;left:12px}.login-showcase-card,.login-showcase-card:nth-child(n){flex-basis:148px;width:148px}.login-showcase-card:nth-child(n) .login-showcase-card-face strong{font-size:19px}}@media (max-height:520px) and (min-width:1181px){body[data-design=b] .auth-shell--creator-login .auth-main{grid-template-columns:minmax(0,1fr) minmax(360px,1fr);display:grid}body[data-design=b] .auth-shell--creator-login .auth-art h1{font-size:34px}body[data-design=b] .auth-shell--creator-login .auth-form-panel{padding-block:8px}body[data-design=b] .auth-shell--creator-login .auth-form-wrap{padding:20px 28px}body[data-design=b] .auth-shell--creator-login .login-panel-heading{gap:14px;margin-bottom:18px}body[data-design=b] .auth-shell--creator-login .auth-emblem .brand-mark{border-radius:10px;width:44px;height:44px;padding:7px}body[data-design=b] .auth-shell--creator-login .auth-title{font-size:24px}body[data-design=b] .auth-shell--creator-login .login-form{gap:12px;margin-top:16px}body[data-design=b] .auth-shell--creator-login .auth-submit{min-height:50px;padding-block:12px}.login-showcase{min-height:200px;max-height:230px}.login-showcase-deck{min-height:200px}.login-showcase-float{display:none}.login-showcase-card{width:118px}.login-showcase-card:first-child{--card-angle:-8deg;top:18%}.login-showcase-card:nth-child(2){--card-scale:1;--card-angle:-3deg;top:12%}.login-showcase-card:nth-child(3){--card-scale:1.04;--card-angle:4deg;top:8%}.login-showcase-card:nth-child(4){--card-scale:1;--card-angle:12deg;top:16%}}@media (prefers-reduced-motion:reduce){body[data-design=b] .auth-shell--creator-login .auth-submit,body[data-design=b] .auth-shell--creator-login .auth-submit .icon,body[data-design=b] .auth-shell--creator-login .auth-form-wrap form input.field{transition:none;transform:none}body[data-design=b] .auth-shell--creator-login .auth-submit:before{display:none}.login-showcase-card,.login-showcase-card-face{transition:none}.login-showcase-card,.login-showcase-float{animation:none}.login-showcase-card[data-active=true] :is(.login-showcase-art,.login-showcase-accent,.login-showcase-headset-mark){translate:none}.login-showcase-card-sheen:after{display:none}.login-showcase-deck{scroll-behavior:auto}}
