.agreement.svelte-8k30lk{font-size:var(--size-step--1);text-align:center;color:var(--color-text-quiet);margin:0;line-height:1.5}.agreement.svelte-8k30lk a:where(.svelte-8k30lk){color:inherit}.ut-auth__notice.svelte-8k30lk{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:var(--color-surface-soft);margin:0}.mark.svelte-8k30lk{view-transition-name:brand-mark;border-radius:22%}.welcome.svelte-8k30lk{justify-content:space-between;gap:var(--space-xl);box-sizing:border-box;inline-size:min(100%,26rem);min-height:100dvh;padding:max(12vh, var(--space-xl)) var(--space-md) calc(var(--space-xl) + env(safe-area-inset-bottom,0px));flex-direction:column;margin-inline:auto;display:flex}.hero.svelte-8k30lk{gap:var(--space-md);flex-direction:column;display:flex}.hero.svelte-8k30lk h1:where(.svelte-8k30lk){margin:var(--space-md) 0 0;letter-spacing:-.03em;text-wrap:balance;font-size:clamp(2rem,7vw,2.5rem);font-weight:800;line-height:1.05}.lede.svelte-8k30lk{max-inline-size:22rem;font-size:var(--size-step-1);color:var(--color-text-quiet);text-wrap:pretty;margin:0;line-height:1.4}.clip.svelte-8k30lk{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md) var(--space-sm) var(--space-sm);border-radius:var(--radius-pill);background:var(--color-surface-soft);margin-block-start:var(--space-lg);display:flex}.clip.svelte-8k30lk .disc:where(.svelte-8k30lk){border-radius:var(--radius-pill);background:var(--color-accent);width:2.5rem;height:2.5rem;color:var(--color-on-accent);--icon-size:1.125rem;flex:none;place-items:center;display:grid}.clip.svelte-8k30lk .bars:where(.svelte-8k30lk){flex:1;height:2.5rem;position:relative}.clip.svelte-8k30lk .layer:where(.svelte-8k30lk){justify-content:space-between;align-items:center;gap:2px;display:flex;position:absolute;inset:0}.clip.svelte-8k30lk i:where(.svelte-8k30lk){border-radius:var(--radius-pill);background:color-mix(in oklab, var(--color-text-quiet) 40%, transparent);flex:0 3px}.clip.svelte-8k30lk .played:where(.svelte-8k30lk){clip-path:inset(0 100% 0 0);animation:7s linear infinite svelte-8k30lk-play}.clip.svelte-8k30lk .played:where(.svelte-8k30lk) i:where(.svelte-8k30lk){background:var(--color-accent)}.clip.svelte-8k30lk .time:where(.svelte-8k30lk){font-size:var(--size-step--1);font-variant-numeric:tabular-nums;color:var(--color-text-quiet);font-weight:600}@keyframes svelte-8k30lk-play{0%,6%{clip-path:inset(0 100% 0 0)}94%,to{clip-path:inset(0)}}.actions.svelte-8k30lk{gap:var(--space-xs);flex-direction:column;display:flex}.actions.svelte-8k30lk .btn:where(.svelte-8k30lk){min-height:3rem;font-size:var(--size-step-0)}.step.svelte-8k30lk{box-sizing:border-box;inline-size:min(100%,26rem);padding:var(--space-md) var(--space-md) var(--space-xl);margin-inline:auto}.step.svelte-8k30lk header:where(.svelte-8k30lk){align-items:center;gap:var(--space-sm);margin-block-end:var(--space-lg);display:flex}.step.svelte-8k30lk h1:where(.svelte-8k30lk){margin:0 0 var(--space-lg);font-size:var(--size-step-3);letter-spacing:-.025em;font-weight:800}.step.svelte-8k30lk .ut-auth{max-inline-size:none;padding:0}.back.svelte-8k30lk{width:2.5rem;height:2.5rem;border-radius:var(--radius-pill);color:var(--color-text-loud);place-items:center;margin-inline-start:calc(var(--space-xs) * -1);display:grid}.back.svelte-8k30lk:hover{background:var(--color-surface-default-hover)}.switch.svelte-8k30lk{margin:var(--space-lg) 0 0;text-align:center;color:var(--color-text-quiet)}.switch.svelte-8k30lk a:where(.svelte-8k30lk){color:var(--color-accent);font-weight:650;text-decoration:none}.switch.svelte-8k30lk a:where(.svelte-8k30lk):hover{text-decoration:underline}@media (width>=40rem){.welcome.svelte-8k30lk{justify-content:center;min-height:100dvh}.step.svelte-8k30lk{padding-block-start:10vh}}@media (prefers-reduced-motion:reduce){.clip.svelte-8k30lk .played:where(.svelte-8k30lk){clip-path:inset(0 60% 0 0);animation:none}::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}