@layer components{.creator-dashboard_wrap{width:100%;max-width:72rem;margin-inline:auto}.creator-dash_wrap{--creator-chart:var(--brand-500);flex-direction:column;gap:1.25rem;display:flex}:root[data-theme=dark] .creator-dash_wrap,.theme-dark .creator-dash_wrap{--creator-chart:var(--brand-400)}.creator-dash_status{max-width:36rem;color:var(--text-2);text-align:center;margin:4rem auto}.creator-dash_head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem;display:flex}.creator-dash_eyebrow{color:var(--accent);letter-spacing:.06em;text-transform:uppercase;margin:0 0 .5rem;font-size:.8rem;font-weight:700}.creator-dash_title{letter-spacing:-.02em;margin:0;font-size:clamp(1.875rem,1.5rem + 1.6vw,2.5rem);font-weight:600;line-height:1.1}.creator-dash_text{max-width:44rem;color:var(--text-2);margin:.625rem 0 0;line-height:1.5}.creator-dash_pill{border-radius:var(--radius-round);background-color:var(--background-3);color:var(--text-2);white-space:nowrap;align-items:center;padding:.3125rem .75rem;font-size:.8125rem;font-weight:650;display:inline-flex}.creator-dash_pill.is-good{background-color:var(--good-soft);color:var(--good)}.creator-dash_pill.is-warn{background-color:var(--warn-soft);color:var(--warn)}.creator-dash_notice{border-radius:var(--radius-small);background-color:var(--warn-soft);color:var(--text);margin:0;padding:.875rem 1rem;line-height:1.5}.creator-dash_card{border-radius:var(--radius-main);border:var(--border-width) solid var(--border);background-color:var(--background-2);min-width:0;box-shadow:var(--shadow-soft);flex-direction:column;gap:.75rem;padding:1.5rem;display:flex}.creator-dash_card.is-wide{grid-column:1/-1}@media (width<30rem){.creator-dash_card{padding:1.125rem}}.creator-dash_card_head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.creator-dash_card_title{letter-spacing:-.01em;margin:0;font-size:1.0625rem;font-weight:650;line-height:1.3}.creator-dash_card_text,.creator-dash_note{color:var(--text-2);margin:0;font-size:.9375rem;line-height:1.5}.creator-dash_big{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin:0;font-size:1.75rem;font-weight:600;line-height:1.15}.creator-dash_grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;display:grid}@media (width<52rem){.creator-dash_grid{grid-template-columns:minmax(0,1fr)}}.creator-dash_share{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:1rem;display:grid}@media (width<44rem){.creator-dash_share{grid-template-columns:minmax(0,1fr)}}.creator-dash_field{flex-direction:column;gap:.375rem;min-width:0;display:flex}.creator-dash_label{font-size:.875rem;font-weight:600}.creator-dash_field_row{gap:.5rem;display:flex}.creator-dash_input{border-radius:var(--radius-small);border:var(--border-width) solid var(--border-strong);background-color:var(--background);min-width:0;min-height:2.75rem;color:var(--text);font:inherit;text-overflow:ellipsis;flex:1;padding:0 .875rem}.creator-dash_input.is-code{letter-spacing:.06em;font-weight:650}.creator-dash_input:focus-visible{outline:var(--focus-width) solid var(--accent);outline-offset:.0625rem}.creator-dash_button{border-radius:var(--radius-small);border:var(--border-width) solid var(--button-border);background-color:var(--button-background);min-height:2.75rem;color:var(--button-text);font:inherit;cursor:pointer;transition:background-color var(--hover-duration) var(--hover-ease);padding:0 1.125rem;font-weight:600}.creator-dash_button:hover{background-color:var(--button-background-hover)}.creator-dash_button:focus-visible{outline:var(--focus-width) solid var(--accent);outline-offset:var(--focus-offset)}.creator-dash_copied{min-height:1.25rem;color:var(--text-2);margin:0;font-size:.8125rem}.creator-dash_toggle{border-radius:var(--radius-small);border:var(--border-width) solid var(--button-2-border);background-color:var(--button-2-background);min-height:2rem;color:var(--button-2-text);font:inherit;cursor:pointer;transition:background-color var(--hover-duration) var(--hover-ease);padding:0 .75rem;font-size:.8125rem;font-weight:600}.creator-dash_toggle:hover{background-color:var(--button-2-background-hover)}.creator-dash_toggle:focus-visible{outline:var(--focus-width) solid var(--accent);outline-offset:var(--focus-offset)}.creator-dash_tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem;margin:0;padding:0;list-style:none;display:grid}@media (width<62rem){.creator-dash_tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<26rem){.creator-dash_tiles{grid-template-columns:minmax(0,1fr)}}.creator-dash_tile{border-radius:var(--radius-main);border:var(--border-width) solid var(--border);background-color:var(--background-2);min-width:0;box-shadow:var(--shadow-soft);flex-direction:column;gap:.25rem;padding:1.25rem 1.5rem;display:flex}.creator-dash_tile_label{color:var(--text-2);font-size:.875rem;font-weight:600}.creator-dash_tile_value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:2rem;font-weight:600;line-height:1.15}.creator-dash_tile_hint{color:var(--text-2);font-size:.8125rem;line-height:1.4}.creator-dash_meter{border-radius:var(--radius-round);background-color:var(--background-3);height:.5rem;overflow:clip}.creator-dash_meter_fill{border-radius:var(--radius-round);background-color:var(--creator-chart);height:100%;transition:width .4s var(--hover-ease)}@media (prefers-reduced-motion:reduce){.creator-dash_meter_fill{transition:none}}.creator-dash_steps{grid-template-columns:repeat(6,minmax(0,1fr));gap:.75rem;margin:.5rem 0 0;padding:0;list-style:none;display:grid}@media (width<52rem){.creator-dash_steps{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<26rem){.creator-dash_steps{grid-template-columns:repeat(2,minmax(0,1fr))}}.creator-dash_step{min-width:0;color:var(--text-2);flex-direction:column;gap:.125rem;display:flex}.creator-dash_step.is-reached{color:var(--text)}.creator-dash_step_mark{aspect-ratio:1;border:var(--border-width) dashed var(--border-strong);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;width:2.25rem;margin-bottom:.375rem;font-size:.8125rem;font-weight:700;display:grid}.is-reached>.creator-dash_step_mark{background-color:var(--accent-soft);color:var(--accent);border-style:solid;border-color:#0000}.creator-dash_step_label{font-size:.9375rem;font-weight:600;line-height:1.3}.creator-dash_step_at{color:var(--text-2);font-size:.8125rem}.creator-dash_funnel{flex-wrap:wrap;gap:.75rem 2.5rem;margin:.25rem 0;display:flex}.creator-dash_funnel_item{flex-direction:column-reverse;gap:.125rem;display:flex}.creator-dash_funnel_label{color:var(--text-2);font-size:.8125rem}.creator-dash_funnel_value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin:0;font-size:1.5rem;font-weight:600;line-height:1.15}.creator-dash_table_wrap{width:100%;overflow-x:auto}.creator-dash_table_wrap.is-scroll{max-height:18.5rem;overflow-y:auto}.creator-dash_table{border-collapse:collapse;width:100%;font-size:.9375rem}.creator-dash_th{background-color:var(--background-2);color:var(--text-2);text-align:left;padding:0 .75rem .625rem 0;font-size:.8125rem;font-weight:600;position:sticky;top:0}.creator-dash_th.is-number{text-align:right;padding-right:0}.creator-dash_tr{border-top:var(--border-width) solid var(--border)}.creator-dash_td{padding:.625rem .75rem .625rem 0}.creator-dash_td.is-number{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;padding-right:0}.creator-chart_wrap{--creator-chart-axis:2.75rem;flex-direction:column;gap:.5rem;margin:.5rem 0 0;display:flex}.creator-chart_plot{height:11rem;display:flex}.creator-chart_axis{width:var(--creator-chart-axis);color:var(--text-2);text-align:right;font-variant-numeric:tabular-nums;flex-direction:column;flex:none;justify-content:space-between;margin-block:-.375rem;padding-right:.5rem;font-size:.75rem;line-height:1;display:flex}.creator-chart_bars,.creator-chart_area{background-image:linear-gradient(var(--border), var(--border)), linear-gradient(var(--border), var(--border));background-size:100% var(--border-width);border-bottom:var(--border-width) solid var(--border-strong);background-position:0 0,0;background-repeat:no-repeat;flex:1;min-width:0;position:relative}.creator-chart_bars{gap:.125rem;margin:0;padding:0;list-style:none;display:flex}.creator-chart_col{border-radius:var(--radius-small);flex:1;justify-content:center;align-items:flex-end;min-width:0;display:flex;position:relative}.creator-chart_col:hover{background-color:color-mix(in lab, var(--text) 4%, transparent)}.creator-chart_col:focus-visible{outline:var(--focus-width) solid var(--accent);outline-offset:.0625rem}.creator-chart_bar{background-color:var(--creator-chart);border-radius:.25rem .25rem 0 0;width:min(62%,2.75rem)}.creator-chart_area{cursor:crosshair;touch-action:pan-y}.creator-chart_area:focus-visible{outline:var(--focus-width) solid var(--accent);outline-offset:.125rem}.creator-chart_svg{width:100%;height:100%;display:block;overflow:visible}.creator-chart_line{fill:none;stroke:var(--creator-chart);stroke-width:.125rem;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.creator-chart_cross{width:var(--border-width);background-color:var(--border-strong);pointer-events:none;position:absolute;top:0;bottom:0}.creator-chart_dot{aspect-ratio:1;background-color:var(--creator-chart);width:.625rem;box-shadow:0 0 0 .125rem var(--background-2);pointer-events:none;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.creator-chart_tip{z-index:1;border-radius:var(--radius-small);border:var(--border-width) solid var(--border-strong);background-color:var(--background);box-shadow:var(--shadow-lift);white-space:nowrap;pointer-events:none;flex-direction:column;gap:.0625rem;padding:.375rem .625rem;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.creator-chart_col:first-child>.creator-chart_tip{left:0;transform:none}.creator-chart_col:last-child>.creator-chart_tip{left:auto;right:0;transform:none}.creator-chart_tip.is-line.is-left{transform:translate(calc(-100% - .625rem))}.creator-chart_tip.is-line.is-right{transform:translate(.625rem)}.creator-chart_tip_value{font-variant-numeric:tabular-nums;font-size:.875rem;font-weight:650}.creator-chart_tip_label{color:var(--text-2);font-size:.75rem}.creator-chart_labels{padding-left:var(--creator-chart-axis);color:var(--text-2);gap:.125rem;font-size:.75rem;display:flex}.creator-chart_labels.is-line{justify-content:space-between}.creator-chart_label{text-align:center;flex:1;min-width:0}.is-line>.creator-chart_label{flex:none}.creator-chart_empty{color:var(--text-2);font-size:.875rem;line-height:1.5}}
