.joobo-button{box-sizing:border-box;width:100%;min-height:52px;padding:var(--space-2) var(--space-6);border:var(--outline-ui) solid var(--night-900);border-radius:var(--radius-sm);box-shadow:var(--shadow-pop);font:inherit;font-size:var(--type-button-size);line-height:var(--type-button-line-height);font-weight:var(--type-button-weight);touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;display:block}.joobo-button:active,.joobo-icon-button:active{box-shadow:var(--shadow-press);transform:translateY(3px)}.joobo-button:disabled{opacity:.5}.joobo-button--primary{background:var(--coral-400);color:var(--white);-webkit-text-stroke:var(--outline-ui) var(--night-900);paint-order:stroke fill}.joobo-button--primary:active{background:var(--coral-600)}.joobo-button--secondary{background:var(--lime-400);color:var(--night-900)}.joobo-button--secondary:active{background:var(--lime-600)}.joobo-button--tertiary{background:var(--night-500);color:var(--white)}.joobo-icon-button{box-sizing:border-box;background:var(--night-500);border:var(--outline-ui) solid var(--night-900);border-radius:var(--radius-sm);width:48px;height:48px;box-shadow:var(--shadow-pop);-webkit-tap-highlight-color:transparent;flex:none;place-items:center;padding:0;display:grid}.joobo-icon-button svg{width:26px;height:26px}.joobo-panel{gap:var(--space-4);padding:var(--space-4);background:var(--night-500);border:var(--outline-ui) solid var(--night-900);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);flex-direction:column;display:flex}.joobo-heading{font-size:var(--type-heading-size);line-height:var(--type-heading-line-height);font-weight:var(--type-heading-weight);margin:0}.joobo-overlay{z-index:10;padding:var(--space-4);background:color-mix(in srgb, var(--night-900) 75%, transparent);align-items:center;display:flex;position:fixed;inset:0}.joobo-dialog{text-align:center;width:100%;max-width:400px;margin:0 auto}.joobo-dialog p{margin:0}.joobo-screen{box-sizing:border-box;gap:var(--space-6);max-width:430px;height:100dvh;padding:calc(env(safe-area-inset-top) + var(--space-6)) var(--space-4) calc(env(safe-area-inset-bottom) + var(--space-6));flex-direction:column;margin:0 auto;display:flex;overflow-y:auto}.joobo-screen--center{text-align:center;justify-content:center;align-items:center}.joobo-screen p,.joobo-screen h1,.joobo-screen h2{margin:0}.joobo-bar{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.joobo-title{font-size:var(--type-title-size);line-height:var(--type-title-line-height);font-weight:var(--type-title-weight);margin:0}.joobo-link{min-height:48px;padding:var(--space-2);color:var(--mist);font:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:0}.joobo-setting{justify-content:space-between;align-items:center;gap:var(--space-4);flex-direction:row}.joobo-setting__choices{gap:var(--space-2);display:flex}.joobo-choice{min-height:48px;padding:0 var(--space-4);background:var(--night-700);color:var(--white);border:var(--outline-ui) solid var(--night-900);border-radius:var(--radius-sm);font:inherit;font-weight:var(--type-button-weight);-webkit-tap-highlight-color:transparent}.joobo-choice[aria-pressed=true]{background:var(--lime-400);color:var(--night-900)}.joobo-signature{justify-content:center;align-items:center;gap:var(--space-2);font-size:30px;line-height:36px;font-weight:var(--type-title-weight);display:flex}.joobo-mascot{width:72px;height:72px}.joobo-mascot__lid{opacity:0}@media (prefers-reduced-motion:no-preference){.joobo-signature[data-wink=true] .joobo-mascot__gaze{animation:1.5s ease-in-out .85s both joobo-wink-gaze}.joobo-signature[data-wink=true] .joobo-mascot__open-eye{animation:1.5s step-end .85s both joobo-wink-open}.joobo-signature[data-wink=true] .joobo-mascot__lid{animation:1.5s step-end .85s both joobo-wink-closed}.joobo-countdown{animation:.7s ease-out joobo-pop}}@keyframes joobo-wink-gaze{0%,to{transform:translate(0)}7%,93%{transform:translate(-2px,-1px)}}@keyframes joobo-wink-open{0%{opacity:1}14%{opacity:0}72%{opacity:1}}@keyframes joobo-wink-closed{0%{opacity:0}14%{opacity:1}72%{opacity:0}}@keyframes joobo-pop{0%{transform:scale(1.5)rotate(-4deg)}to{transform:scale(1)rotate(0)}}.joobo-countdown__label{color:var(--mist)}.joobo-countdown{font-size:160px;line-height:1;font-weight:var(--type-title-weight);color:var(--lime-400);-webkit-text-stroke:var(--outline-logo) var(--night-900);paint-order:stroke fill;text-shadow:var(--shadow-pop)}.joobo-tutorial,.joobo-tutorial *{touch-action:pan-y}.joobo-tutorial__card{justify-content:center;align-items:center;gap:var(--space-6);text-align:center;flex-direction:column;flex:1;display:flex}.joobo-tutorial__card h1,.joobo-tutorial__card p{text-wrap:balance}.joobo-tutorial__illustration{align-items:center;gap:var(--space-2);flex-direction:column;width:100%;display:flex}.joobo-tutorial__dots{justify-content:center;gap:var(--space-2);display:flex}.joobo-tutorial__dots i{border-radius:var(--radius-pill);background:var(--night-500);border:2px solid var(--night-900);box-sizing:border-box;width:12px;height:12px}.joobo-tutorial__dots i[data-on=true]{background:var(--lime-400)}.joobo-delayed-actions{gap:var(--space-4);opacity:0;visibility:hidden;flex-direction:column;width:100%;transition:opacity .25s;display:flex}.joobo-delayed-actions[data-shown=true]{opacity:1;visibility:visible}@media (height<=700px){.joobo-delayed-actions{gap:var(--space-2)}}.joobo-button--danger{background:var(--night-500);color:var(--coral-400);border-color:var(--coral-400)}.joobo-button--danger:active{color:var(--coral-600);border-color:var(--coral-600)}:root{--letterpanic:#3fd8e8;--hot-1:#ffe36b;--hot-2:#ff9d3f;--hot-3:#ff5447}html,body,#root{height:100%;margin:0}body{background:var(--night-700);color:var(--white);font-family:var(--font-display);font-size:var(--type-body-size);line-height:var(--type-body-line-height);font-weight:var(--type-body-weight)}button{touch-action:manipulation;-webkit-user-select:none;user-select:none}.title{text-align:center}.title .title__logo{width:min(320px,84vw);margin:0 auto}@media (height<=700px){.title .title__logo{width:min(260px,84vw,34vh)}}.title__logo svg{width:100%;height:auto;display:block}@media (prefers-reduced-motion:no-preference){.title[data-motion=pop] .title__logo svg{animation:.45s cubic-bezier(.34,1.56,.64,1) backwards title-pop}.title[data-motion=pop] .logo__hand{animation:1.2s steps(12,end) .5s backwards logo-tick}.title[data-motion=pop] .logo__watch{animation:.9s linear 1.7s logo-ring}.title[data-motion=float] .title__logo svg{animation:1.4s ease-in-out infinite alternate title-float}.title[data-motion=float] .logo__watch{animation:12s linear 3s infinite logo-ring-every}}@keyframes title-pop{0%{scale:0}to{scale:1}}@keyframes title-float{0%{translate:0}to{translate:0 -4px}}@keyframes logo-tick{0%{rotate:0deg}to{rotate:360deg}}@keyframes logo-ring{0%{rotate:0deg}8.33%{rotate:10.2deg}16.67%{rotate:-9.5deg}25%{rotate:8.8deg}33.33%{rotate:-8deg}41.67%{rotate:7.2deg}50%{rotate:-6.5deg}58.33%{rotate:5.8deg}66.67%{rotate:-5deg}75%{rotate:4.2deg}83.33%{rotate:-3.5deg}91.67%{rotate:2.8deg}to{rotate:0deg}}@keyframes logo-ring-every{0%{rotate:0deg}.62%{rotate:10.2deg}1.25%{rotate:-9.5deg}1.88%{rotate:8.8deg}2.5%{rotate:-8deg}3.12%{rotate:7.2deg}3.75%{rotate:-6.5deg}4.38%{rotate:5.8deg}5%{rotate:-5deg}5.62%{rotate:4.2deg}6.25%{rotate:-3.5deg}6.88%{rotate:2.8deg}7.5%,to{rotate:0deg}}.textured{position:relative;overflow:hidden}.textured>*{z-index:1;position:relative}.textured>.decor{z-index:0;pointer-events:none;opacity:.28;position:absolute;inset:0;overflow:hidden}.decor span{font-weight:var(--type-title-weight);border-radius:var(--radius-sm);background:var(--night-500);color:var(--night-700);place-items:center;display:grid;position:absolute}.decor span[data-tint=lime]{background:var(--lime-400);color:var(--night-900)}.decor span[data-tint=aqua]{background:var(--letterpanic);color:var(--night-900)}.launch{justify-content:space-between}