/*! tailwindcss v4.1.4 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:root,:host{--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-gray-100:oklch(96.7% .003 264.542);--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--font-weight-medium:500;--font-weight-semibold:600;--radius-lg:.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--color-playful-primary:#5e42c4;--color-playful-gray:#344054;--color-playful-gray-100:#585858;--color-playful-gray-200:#475467;--color-playful-black:#212121}}@layer base,components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.right-0{right:calc(var(--spacing)*0)}.z-50{z-index:50}.mx-4{margin-inline:calc(var(--spacing)*4)}.me-2{margin-inline-end:calc(var(--spacing)*2)}.mt-2{margin-top:calc(var(--spacing)*2)}.mr-4{margin-right:calc(var(--spacing)*4)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.ml-1{margin-left:calc(var(--spacing)*1)}.block{display:block}.flex{display:flex}.hidden{display:none}.\!h-auto{height:auto!important}.\!w-auto{width:auto!important}.w-48{width:calc(var(--spacing)*48)}.w-full{width:100%}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.list-none{list-style-type:none}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-2{gap:calc(var(--spacing)*2)}.rounded-lg{border-radius:var(--radius-lg)}.\!bg-transparent{background-color:#0000!important}.bg-white{background-color:var(--color-white)}.\!p-0{padding:calc(var(--spacing)*0)!important}.\!p-2{padding:calc(var(--spacing)*2)!important}.p-0{padding:calc(var(--spacing)*0)}.px-4{padding-inline:calc(var(--spacing)*4)}.py-2{padding-block:calc(var(--spacing)*2)}.py-8{padding-block:calc(var(--spacing)*8)}.pb-8{padding-bottom:calc(var(--spacing)*8)}.\!pl-2{padding-left:calc(var(--spacing)*2)!important}.\!text-left{text-align:left!important}.text-center{text-align:center}.text-left{text-align:left}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.\!text-playful-black{color:var(--color-playful-black)!important}.\!text-playful-gray{color:var(--color-playful-gray)!important}.\!text-playful-primary{color:var(--color-playful-primary)!important}.text-playful-black{color:var(--color-playful-black)}.text-playful-gray{color:var(--color-playful-gray)}.text-playful-gray-100{color:var(--color-playful-gray-100)}.text-playful-gray-200{color:var(--color-playful-gray-200)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.placeholder\:ps-2::placeholder{padding-inline-start:calc(var(--spacing)*2)}.placeholder\:text-left::placeholder{text-align:left}@media (hover:hover){.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:\!text-playful-black:hover{color:var(--color-playful-black)!important}.hover\:underline:hover{text-decoration-line:underline}}}:root{--color-bg:#fff;--color-text-main:#000;--color-primary:#5e42c4;--color-primary-light:#f4eff9;--wrapper-height:85vh;--image-max-width:320px;--font-family:"Inter";--font-family-header:"Inter";--margin-small:12px;--padding-normal:16px;--user-container-height:148px}*{box-sizing:border-box}[hidden]{display:none!important}html{height:100%;margin:0}body{font-family:var(--font-family);background-color:var(--color-bg);height:100%;margin:0;font-size:14px}#root{height:100%;min-height:100%}button{font-family:var(--font-family);background:var(--color-primary);color:#fff;border:none;border-radius:12px;justify-content:center;align-items:center;height:44px;padding:0 18px;font-size:14px;font-weight:500;display:flex}button.secondary{background:var(--color-primary-light);color:var(--color-primary);border:none}button img{height:20px}button:hover{cursor:pointer}button[disabled]{opacity:.4}button[disabled]:hover{cursor:not-allowed}input{font-family:var(--font-family);text-align:center;background:0 0;border:1px solid #0003;border-radius:12px;width:100%;height:44px;padding:4px;font-size:14px}input:focus{border:2px solid var(--color-primary);outline:none}dialog{border:none;border-radius:8px;flex-direction:column;align-items:center;max-width:480px;padding:24px;display:flex}dialog::backdrop{opacity:.25;background-color:#000}body:has(dialog[open]){filter:blur(2px)}dialog h2{margin:32px 0}dialog .logo{width:60px;margin:12px 0}#avatar-randomise-button{border-radius:50%;width:44px;position:absolute;bottom:16px;right:-60px}.wrapper{padding:0 var(--padding-normal);flex-direction:column;align-items:center;width:100%;height:100%;min-height:100%;display:flex}.header{justify-content:space-between;align-items:center;width:100%;padding-top:12px;display:flex}.header .left .logo{height:50px}@media (max-width:480px){.header .left .logo{height:35px}}.header .right{display:flex}.header .right button{margin-left:12px}.content{flex-direction:column;flex-grow:1;justify-content:center;align-items:center;width:100%;max-width:1280px;display:flex}.users-container-placeholder{height:var(--user-container-height);min-height:var(--user-container-height);max-height:var(--user-container-height)}h1{color:#000;text-align:center;font-size:32px;font-style:normal;font-weight:600}@media (max-width:480px){h1{font-size:22px}}h2{color:#000;text-align:center;max-width:80%;font-size:24px;font-style:normal;font-weight:600}.small{color:#000;opacity:.5;margin:12px;font-size:12px}.page h1{font-size:48px}.page p{line-height:1.5}.page a{color:#000}.page a:hover{text-decoration:none}.slider{flex-flow:column;width:100%;display:flex;position:relative}.slider[disabled]{pointer-events:none;opacity:.5}.track-container{width:100%;height:70px;margin-bottom:12px;position:relative}.touch-area{touch-action:none;z-index:99;width:100%;height:100%;position:absolute;top:0}.touch-area:hover{cursor:pointer}.track{z-index:1;background-image:linear-gradient(90deg,#ffd3f3,#5e42c4);border-radius:8px;width:100%;height:16px;padding:0 10px;position:absolute;bottom:0}.track-avatar-container{width:calc(100% - 80px);height:100%;margin:auto;position:relative}.track-indicator-container{width:100%;height:100%;position:relative}.track-indicator{background-color:#212121;border-radius:50%;width:2px;height:6px;position:absolute;top:50%;transform:translate(-1px)translateY(-3px)}.avatar{width:60px;height:60px;position:absolute;top:0}.avatar.ghost{visibility:hidden;opacity:.3;transform:translate(-30px)}#avatar-tooltip{background:0 0;height:10px}#avatar-tooltip .pointer{border-radius:50%;width:10px;height:10px}.track-label-container{justify-content:space-between;display:flex}.track-label{font-weight:500}.input-container{gap:var(--margin-small);text-align:center;flex-direction:column;align-items:stretch;width:320px;display:flex}.input-container[disabled]{pointer-events:none;opacity:.5}.users-container{background:#fff;border-top:1px solid #0003;width:100%;max-width:100%;padding:0;display:flex;position:fixed;bottom:0;overflow-x:auto}.users-inner-container{z-index:1;justify-content:center;width:auto;min-width:auto;margin:auto;padding:24px;display:flex}@media (max-width:480px){.users-inner-container{padding:12px}}.users-card{text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:100px;min-width:100px;height:100px;padding:4px;display:flex}.users-card:hover{cursor:pointer;background:var(--color-primary-light)}.users-card.selected{border:3px solid var(--color-primary)}.users-card-avatar{width:60px;height:60px;margin-bottom:12px;position:relative}.users-card-avatar svg{height:22px;color:var(--color-primary);position:absolute;top:-8px;right:0}#landing-dialog>div{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;margin-bottom:20px;display:flex}.text-black{color:#212121}.text-gray{color:#475467}.text-gray-dark{color:#344054}.text-gray-light{color:#828282}.fs-xl{font-size:24px;font-weight:500}.fs-sm{font-size:14px}.fs-xs{font-size:12px}.flex{display:flex}.mt-xs{margin-top:8px}.mt-xl{margin-top:32px}.mt-lg{margin-top:24px}.mb-md{margin-bottom:16px}.mx-md{margin-left:16px;margin-right:16px}.mb-lg{margin-bottom:24px}.mb-xl{margin-bottom:32px}.ml-xxs{margin-left:4px}.p-md{padding:16px}.px-md{padding-left:16px;padding-right:16px}.fw-semibold{font-weight:600}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}