.auth{min-block-size:100dvh;padding:var(--space-400) var(--space-300);justify-content:center;align-items:center;display:flex}.auth__content{row-gap:var(--space-400);text-align:center;flex-direction:column;inline-size:100%;max-inline-size:30rem;display:flex}.welcome{row-gap:var(--space-100);font-size:var(--font-size-heading-xlarge);line-height:var(--line-height-heading-xlarge);font-weight:var(--font-weight-bold);color:var(--color-text);text-wrap:balance;flex-direction:column;display:flex}.welcome__line--secondary{font-size:var(--font-size-heading-medium);line-height:var(--line-height-heading-medium);color:var(--color-text-subtle)}.welcome__char{white-space:pre;opacity:0;animation:welcome-fade-in var(--duration-long) var(--easing-out-bold) forwards;animation-delay:calc(var(--char-start,0s) + var(--char-index,0) * 30ms);display:inline-block}@keyframes welcome-fade-in{0%{opacity:0;transform:translateY(var(--space-050))}to{opacity:1;transform:translateY(0)}}.auth__actions{justify-content:center;display:flex}.auth__actions .btn{min-inline-size:14rem}@media (prefers-reduced-motion:reduce){.welcome__char{opacity:1;animation-delay:0s!important}}.celebration{z-index:200;pointer-events:none;background-color:var(--surface-overlay);animation:celebration-fade var(--celebration-duration,2.4s) var(--easing-inout-bold) forwards;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.celebration__content{align-items:center;row-gap:var(--space-200);text-align:center;flex-direction:column;display:flex}.celebration__tile{inline-size:var(--space-600);block-size:var(--space-600);border-radius:var(--radius-full);background-color:var(--color-background-success);color:var(--color-icon-success);justify-content:center;align-items:center;display:flex}.celebration__message{font-size:var(--font-size-heading-medium);line-height:var(--line-height-heading-medium);font-weight:var(--font-weight-bold);color:var(--color-text)}@keyframes celebration-fade{0%{opacity:0}15%{opacity:1}75%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.celebration{display:none}}.track-option{align-items:center;column-gap:var(--space-150);padding:var(--space-100);border:var(--border-width-default) solid var(--color-border);border-radius:var(--radius-large);background-color:var(--surface-default);cursor:pointer;transition:background-color var(--duration-xshort) var(--easing-out-practical), border-color var(--duration-xshort) var(--easing-out-practical);display:flex}.track-option:hover{background-color:var(--surface-default-hovered)}.track-option--selected{background-color:var(--color-background-selected);border-color:var(--color-border-selected);border-width:var(--border-width-selected);color:var(--color-text-selected);padding:calc(var(--space-100) - .0625rem)}.track-option:focus-within{outline:var(--border-width-focused) solid var(--color-border-focused);outline-offset:2px;border-radius:var(--radius-xlarge)}.track-option__radio{block-size:1rem;inline-size:1rem;accent-color:var(--color-background-selected-bold);flex:none}.track-option__art{border-radius:var(--radius-small);object-fit:cover;background-color:var(--color-background-neutral);flex:none;block-size:3rem;inline-size:3rem}.track-option__art--empty{color:var(--color-icon-subtlest);justify-content:center;align-items:center;display:flex}.track-option__text{row-gap:var(--space-025);flex-direction:column;flex:1;min-inline-size:0;display:flex}.track-option__title{color:var(--color-text);font-size:var(--font-size-body);line-height:var(--line-height-body);font-weight:var(--font-weight-medium);overflow-wrap:anywhere}.track-option--selected .track-option__title{color:var(--color-text-selected)}.track-option__meta{color:var(--color-text-subtle);font-size:var(--font-size-body-small);line-height:var(--line-height-body-small);overflow-wrap:anywhere}.track-option__preview{inline-size:var(--space-400);block-size:var(--space-400);border:var(--border-width-default) solid var(--color-border);border-radius:var(--radius-full);--focus-ring-radius:var(--radius-full);background-color:var(--color-background-neutral-subtle);color:var(--color-icon-subtle);cursor:pointer;transition:background-color var(--duration-xshort) var(--easing-out-practical);flex:none;justify-content:center;align-items:center;padding:0;display:flex}.track-option__preview:hover{background-color:var(--color-background-neutral-subtle-hovered)}.track-option__preview[aria-pressed=true]{background-color:var(--color-background-selected-bold);color:var(--color-icon-inverse);border-color:#0000}.result{row-gap:var(--space-300);min-block-size:100dvh;inline-size:100%;max-inline-size:50rem;padding:var(--space-400) var(--space-300);flex-direction:column;margin-inline:auto;display:flex}.result__header{row-gap:var(--space-050);flex-direction:column;display:flex}.result__heading{font-size:var(--font-size-heading-large);line-height:var(--line-height-heading-large);font-weight:var(--font-weight-bold)}.result__target{color:var(--color-text);font-size:var(--font-size-body);line-height:var(--line-height-body);overflow-wrap:anywhere}.result__target strong{font-weight:var(--font-weight-bold)}.result__summary{color:var(--color-text-subtle);font-size:var(--font-size-body-small);line-height:var(--line-height-body-small)}.result__list{flex-direction:column;display:flex}.result__item{row-gap:var(--space-100);padding-block:var(--space-150);border-block-end:var(--border-width-default) solid var(--color-border);flex-direction:column;display:flex}.result__row{justify-content:space-between;align-items:center;column-gap:var(--space-200);display:flex}.result__song{min-inline-size:0;color:var(--color-text);font-size:var(--font-size-body);line-height:var(--line-height-body);overflow-wrap:anywhere}.result__matched{color:var(--color-text-subtle);font-size:var(--font-size-body-small);line-height:var(--line-height-body-small)}.result__review{row-gap:var(--space-150);flex-direction:column;padding-block-start:var(--space-050);display:flex}.result__candidates{row-gap:var(--space-100);flex-direction:column;display:flex}.result__skip{align-items:center;column-gap:var(--space-100);padding-inline:var(--space-100);color:var(--color-text-subtle);font-size:var(--font-size-body-small);line-height:var(--line-height-body-small);cursor:pointer;display:flex}.result__skip input{block-size:1rem;inline-size:1rem;accent-color:var(--color-background-selected-bold)}.result__search{column-gap:var(--space-100);display:flex}.result__search .field__input{flex:1}.result__search .btn{flex:none}.result__actions{column-gap:var(--space-100);padding-block:var(--space-200);background-color:var(--surface-default);border-block-start:var(--border-width-default) solid var(--color-border);display:flex;position:sticky;inset-block-end:0}@media (width<=48rem){.result{padding:var(--space-300) var(--space-200)}.result__actions{flex-direction:column}.result__actions .btn{inline-size:100%}}.tooltip{display:inline-flex;position:relative}.tooltip__trigger{inline-size:var(--space-300);block-size:var(--space-300);border-radius:var(--radius-full);--focus-ring-radius:var(--radius-full);background-color:var(--color-background-neutral-subtle);color:var(--color-icon-subtle);cursor:pointer;transition:background-color var(--duration-xshort) var(--easing-out-practical);border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.tooltip__trigger:hover{background-color:var(--color-background-neutral-subtle-hovered)}.tooltip__box{z-index:100;inline-size:max-content;max-inline-size:240px;padding-block:var(--space-050);padding-inline:var(--space-075);border-radius:var(--radius-small);background-color:var(--color-background-neutral-bold);color:var(--color-text-inverse);font-size:var(--font-size-body-small);line-height:var(--line-height-body-small);text-align:start;animation:tooltip-in var(--duration-short) var(--easing-out-practical);position:absolute;inset-block-end:calc(100% + var(--space-100));inset-inline-start:50%;transform:translate(-50%)}@keyframes tooltip-in{0%{opacity:0}to{opacity:1}}@media (width<=30rem){.tooltip__box{max-inline-size:min(240px,70vw);inset-inline:auto 0;transform:none}}.playlist{min-block-size:100dvh;padding:var(--space-400) var(--space-300);justify-content:center;display:flex}.playlist--centered{align-items:center}.playlist__card{row-gap:var(--space-300);inline-size:100%;max-inline-size:50rem;padding:var(--space-400);border:var(--border-width-default) solid var(--color-border);border-radius:var(--radius-large);background-color:var(--surface-default);flex-direction:column;block-size:fit-content;display:flex}.playlist__heading{font-size:var(--font-size-heading-large);line-height:var(--line-height-heading-large);font-weight:var(--font-weight-bold)}.playlist__form{row-gap:var(--space-300);flex-direction:column;display:flex}.playlist__loading{align-items:center;row-gap:var(--space-200);color:var(--color-text);text-align:center;text-wrap:balance;flex-direction:column;display:flex}@media (width<=48rem){.playlist{padding:var(--space-200)}.playlist__card{padding:var(--space-300);border:none}}@media (width<=30rem){.playlist__card{padding:var(--space-200);row-gap:var(--space-200)}}:root{--color-text:#292a2e;--color-text-subtle:#505258;--color-text-subtlest:#6b6e76;--color-text-disabled:#080f214a;--color-text-inverse:#fff;--color-text-selected:#1868db;--color-text-brand:#1868db;--color-text-danger:#ae2e24;--color-text-danger-bolder:#5d1f1a;--color-text-warning:#9e4c00;--color-text-warning-inverse:#292a2e;--color-text-success:#4c6b1f;--color-text-success-bolder:#37471f;--color-text-information:#1558bc;--color-text-information-bolder:#123263;--color-text-discovery:#803fa5;--color-link:#1868db;--color-link-pressed:#1558bc;--color-link-visited:#803fa5;--color-icon:#292a2e;--color-icon-subtle:#505258;--color-icon-subtlest:#6b6e76;--color-icon-disabled:#080f214a;--color-icon-inverse:#fff;--color-icon-brand:#1868db;--color-icon-danger:#c9372c;--color-icon-warning:#e06c00;--color-icon-success:#6a9a23;--color-icon-information:#357de8;--color-icon-discovery:#af59e1;--color-border:#0b120e24;--color-border-bold:#7d818a;--color-border-input:#8c8f97;--color-border-focused:#4688ec;--color-border-disabled:#0515240f;--color-border-selected:#1868db;--color-border-brand:#1868db;--color-border-danger:#e2483d;--color-border-danger-subtle:#fd9891;--color-border-warning:#e06c00;--color-border-success:#6a9a23;--color-border-success-subtle:#b3df72;--color-border-information:#357de8;--color-border-information-subtle:#8fb8f6;--color-background-neutral:#0515240f;--color-background-neutral-hovered:#0b120e24;--color-background-neutral-pressed:#080f214a;--color-background-neutral-subtle:#0000;--color-background-neutral-subtle-hovered:#0515240f;--color-background-neutral-subtle-pressed:#0b120e24;--color-background-neutral-bold:#292a2e;--color-background-neutral-bold-hovered:#3b3d42;--color-background-neutral-bold-pressed:#505258;--color-background-disabled:#0515240f;--color-background-input:#fff;--color-background-input-hovered:#f8f8f8;--color-background-input-pressed:#fff;--color-background-selected:#e9f2fe;--color-background-selected-hovered:#cfe1fd;--color-background-selected-bold:#1868db;--color-background-selected-bold-hovered:#1558bc;--color-background-brand-subtlest:#e9f2fe;--color-background-brand-bold:#1868db;--color-background-brand-bold-hovered:#1558bc;--color-background-brand-bold-pressed:#144794;--color-background-danger:#ffeceb;--color-background-danger-hovered:#ffd5d2;--color-background-danger-subtler:#ffd5d2;--color-background-danger-bold:#c9372c;--color-background-danger-bold-hovered:#ae2e24;--color-background-danger-bold-pressed:#872821;--color-background-warning:#fff5db;--color-background-warning-subtler:#fce4a6;--color-background-warning-bold:#fbc828;--color-background-success:#efffd6;--color-background-success-subtler:#d3f1a7;--color-background-success-bold:#5b7f24;--color-background-success-bold-hovered:#4c6b1f;--color-background-success-bold-pressed:#3f5224;--color-background-information:#e9f2fe;--color-background-information-subtler:#cfe1fd;--color-background-information-bold:#1868db;--color-background-discovery:#f8eefe;--color-background-discovery-bold:#964ac0;--color-interaction-hovered:#00000029;--color-interaction-pressed:#00000052;--color-blanket:#050c1f75;--color-skeleton:#0515240f;--surface-default:#fff;--surface-default-hovered:#f0f1f2;--surface-default-pressed:#dddee1;--surface-sunken:#f8f8f8;--surface-raised:#fff;--surface-overlay:#fff;--shadow-raised:0 1px 1px #1e1f2140, 0 0 1px #1e1f214f;--shadow-overlay:0 8px 12px #1e1f2126, 0 0 1px #1e1f214f;--shadow-overflow:0 0 8px #1e1f2129, 0 0 1px #1e1f211f;--font-family-body:"Atlassian Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Apple SD Gothic Neo", "Pretendard", "Noto Sans KR", Roboto, sans-serif;--font-family-heading:var(--font-family-body);--font-family-code:"Atlassian Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:653;--font-size-heading-xxlarge:2rem;--line-height-heading-xxlarge:2.25rem;--font-size-heading-xlarge:1.75rem;--line-height-heading-xlarge:2rem;--font-size-heading-large:1.5rem;--line-height-heading-large:1.75rem;--font-size-heading-medium:1.25rem;--line-height-heading-medium:1.5rem;--font-size-heading-small:1rem;--line-height-heading-small:1.25rem;--font-size-heading-xsmall:.875rem;--line-height-heading-xsmall:1.25rem;--font-size-body-large:1rem;--line-height-body-large:1.5rem;--font-size-body:.875rem;--line-height-body:1.25rem;--font-size-body-small:.75rem;--line-height-body-small:1rem;--font-size-metric-large:1.75rem;--line-height-metric-large:2rem;--font-size-metric-medium:1.5rem;--line-height-metric-medium:1.75rem;--space-0:0rem;--space-025:.125rem;--space-050:.25rem;--space-075:.375rem;--space-100:.5rem;--space-150:.75rem;--space-200:1rem;--space-250:1.25rem;--space-300:1.5rem;--space-400:2rem;--space-500:2.5rem;--space-600:3rem;--space-800:4rem;--space-1000:5rem;--radius-xsmall:.125rem;--radius-small:.25rem;--radius-medium:.375rem;--radius-large:.5rem;--radius-xlarge:.75rem;--radius-xxlarge:1rem;--radius-full:624.938rem;--border-width-default:.0625rem;--border-width-selected:.125rem;--border-width-focused:.125rem;--duration-instant:0s;--duration-xxshort:50ms;--duration-xshort:.1s;--duration-short:.15s;--duration-medium:.2s;--duration-long:.25s;--duration-xlong:.4s;--duration-xxlong:.6s;--easing-in-practical:cubic-bezier(.6, 0, .8, .6);--easing-inout-bold:cubic-bezier(.4, 0, 0, 1);--easing-out-practical:cubic-bezier(.4, 1, .6, 1);--easing-out-bold:cubic-bezier(0, .4, 0, 1);--spinner-stroke-width:1.5px;--spinner-rotate-duration:.86s;--spinner-rotate-timing-function:cubic-bezier(.4, .15, .6, .85)}*,:before,:after{box-sizing:border-box}html,body,#root{block-size:100%}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd,ul,ol{margin:0}ul,ol{padding-inline-start:0;list-style:none}body{background-color:var(--surface-default);color:var(--color-text);font-family:var(--font-family-body);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);line-height:var(--line-height-body);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit;color:inherit}img,svg{max-inline-size:100%;display:block}:where(a,button,input,textarea,select,[tabindex]):focus-visible{outline:var(--border-width-focused) solid var(--color-border-focused);outline-offset:2px;border-radius:var(--focus-ring-radius,var(--radius-large))}h1{font-size:var(--font-size-heading-large);line-height:var(--line-height-heading-large);font-weight:var(--font-weight-bold);font-family:var(--font-family-heading)}h2{font-size:var(--font-size-heading-medium);line-height:var(--line-height-heading-medium);font-weight:var(--font-weight-bold);font-family:var(--font-family-heading)}.btn{justify-content:center;align-items:center;column-gap:var(--space-075);min-block-size:var(--space-400);padding-block:var(--space-075);padding-inline:var(--space-150);border:var(--border-width-default) solid var(--color-border);border-radius:var(--radius-medium);--focus-ring-radius:var(--radius-large);background-color:var(--color-background-neutral-subtle);color:var(--color-text-subtle);font-size:var(--font-size-body);line-height:var(--line-height-body);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--duration-xshort) var(--easing-out-practical);display:inline-flex}.btn:hover:not(:disabled){background-color:var(--color-background-neutral-subtle-hovered)}.btn:active:not(:disabled){background-color:var(--color-background-neutral-subtle-pressed)}.btn:disabled{border-color:var(--color-border-disabled);color:var(--color-text-disabled);cursor:not-allowed;background-color:#0000}.btn--primary{background-color:var(--color-background-brand-bold);color:var(--color-text-inverse);border-color:#0000}.btn--primary:hover:not(:disabled){background-color:var(--color-background-brand-bold-hovered)}.btn--primary:active:not(:disabled){background-color:var(--color-background-brand-bold-pressed)}.btn--primary:not(:disabled) .spinner{color:var(--color-icon-inverse)}.btn--subtle{background-color:var(--color-background-neutral-subtle);color:var(--color-text-subtle);border-color:#0000}.btn--subtle:hover:not(:disabled){background-color:var(--color-background-neutral-subtle-hovered)}.btn--fit-container{inline-size:100%}.field{row-gap:var(--space-100);flex-direction:column;display:flex}.field__label-row{align-items:center;column-gap:var(--space-050);display:flex}.field__label{color:var(--color-text-subtle);font-size:var(--font-size-body-small);line-height:var(--line-height-body-small);font-weight:var(--font-weight-medium)}.field__input,.field__textarea{inline-size:100%;padding:var(--space-075);border:var(--border-width-default) solid var(--color-border-input);border-radius:var(--radius-medium);--focus-ring-radius:var(--radius-large);background-color:var(--color-background-input);color:var(--color-text);font-size:var(--font-size-body);line-height:var(--line-height-body);transition:background-color var(--duration-xshort) var(--easing-out-practical), border-color var(--duration-xshort) var(--easing-out-practical)}.field__input::placeholder,.field__textarea::placeholder{color:var(--color-text-subtlest)}.field__input:hover:not(:disabled),.field__textarea:hover:not(:disabled){background-color:var(--color-background-input-hovered)}.field__input:disabled,.field__textarea:disabled{background-color:var(--color-background-disabled);color:var(--color-text-disabled)}.field__input[aria-invalid=true],.field__textarea[aria-invalid=true]{border-color:var(--color-border-danger)}.field__textarea{resize:vertical;block-size:clamp(12rem,45vh,30rem);min-block-size:12rem;font-family:inherit}.field__helper{color:var(--color-text-subtlest);font-size:var(--font-size-body-small);line-height:var(--line-height-body-small)}.field__error{color:var(--color-text-danger);font-size:var(--font-size-body-small);line-height:var(--line-height-body-small)}.section-message{column-gap:var(--space-200);padding:var(--space-200);border-radius:var(--radius-large);color:var(--color-text);display:flex}.section-message__icon{block-size:1rem;inline-size:1rem;flex:none;margin-block-start:var(--space-025)}.section-message__title{font-size:var(--font-size-heading-small);line-height:var(--line-height-heading-small);font-weight:var(--font-weight-bold);margin-block-end:var(--space-050)}.section-message__body{font-size:var(--font-size-body);line-height:var(--line-height-body)}.section-message--error{background-color:var(--color-background-danger)}.section-message--error .section-message__icon{color:var(--color-icon-danger)}.section-message--information{background-color:var(--color-background-information)}.section-message--information .section-message__icon{color:var(--color-icon-information)}.section-message--success{background-color:var(--color-background-success)}.section-message--success .section-message__icon{color:var(--color-icon-success)}.lozenge{align-items:center;column-gap:var(--space-050);min-block-size:1.25rem;padding-block:var(--space-025);padding-inline:var(--space-050);border:var(--border-width-default) solid var(--color-border-bold);border-radius:var(--radius-small);background-color:var(--color-background-neutral);color:var(--color-text);font-size:var(--font-size-body-small);line-height:var(--line-height-body-small);font-weight:var(--font-weight-regular);white-space:nowrap;display:inline-flex}.lozenge__icon{block-size:.75rem;inline-size:.75rem;color:var(--color-icon-subtlest);flex:none}.lozenge--success{background-color:var(--color-background-success-subtler);border-color:var(--color-border-success);color:var(--color-text-success-bolder)}.lozenge--success .lozenge__icon{color:var(--color-icon-success)}.lozenge--danger{background-color:var(--color-background-danger-subtler);border-color:var(--color-border-danger);color:var(--color-text-danger-bolder)}.lozenge--danger .lozenge__icon{color:var(--color-icon-danger)}.spinner{color:var(--color-icon-subtle);animation:spinner-rotate var(--spinner-rotate-duration) var(--spinner-rotate-timing-function) infinite;transform-origin:50%;display:block}.spinner circle{fill:none;stroke:currentColor;stroke-width:var(--spinner-stroke-width);stroke-linecap:round;stroke-dasharray:60;stroke-dashoffset:40px}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.spinner{animation-duration:2s!important;animation-iteration-count:infinite!important}}