*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}h1,h2,h3,h4,h5,h6,p{margin:0}:root{--sq-bark: #2C1A0E;--sq-soil: #3D2412;--sq-walnut: #7A4728;--sq-acorn: #B5763E;--sq-amber: #D4944A;--sq-honey: #E8B86D;--sq-cream: #F5E8D0;--sq-parchment: #FAF3E8;--sq-fog: #F0EDE8;--sq-slate: #8C8680;--sq-stone: #4A4640;--sq-forest: #3A5632;--sq-leaf: #4A6741;--sq-moss: #7A9B72;--sq-mistleaf: #C8DEC4;--sq-meadow: #EEF4F0;--sq-steel-deep: #2E3D50;--sq-steel: #3A4A5C;--sq-steel-light:#7A96B4;--sq-steel-mist: #C4D4E4;--sq-ice: #EAF0F8;--sq-dusk-deep: #4A3858;--sq-dusk: #7A6090;--sq-dusk-mist: #D4C8E0;--sq-lavender: #F4EEF8;--sq-rust: #8B3A2A;--sq-terracotta: #C4624A;--sq-blush: #EEC4B8;--sq-gap-sm: 12px;--sq-gap-md: 20px}body{background:var(--sq-fog);color:var(--sq-stone);font-family:"Source Serif 4",serif;font-weight:400;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}.squiwheel-postit__defs{position:absolute;width:0;height:0;overflow:hidden}.squiwheel-postit__outer{transform:rotate(-3deg);filter:drop-shadow(1px 1px 2px rgba(0,0,0,.1)) drop-shadow(3px 6px 14px rgba(0,0,0,.22)) drop-shadow(6px 12px 30px rgba(0,0,0,.12))}.squiwheel-postit{font-family:Kalam,cursive;position:relative;width:160px;aspect-ratio:1;font-size:.82rem;line-height:1.45;color:var(--sq-bark);clip-path:url(#squiwheel-postit-clip);background:linear-gradient(to bottom,#dfc84a 0% 12%,#eee040 14%,#f3ed58 22%,#f5ef62);padding:32px 14px 16px}.squiwheel-postit p{margin-bottom:4px}.squiwheel-postit__signature{display:block;font-size:.65rem;margin-top:8px;opacity:.55}.squiwheel-postit__paw{position:absolute;bottom:22px;left:14px;transform:rotate(12deg);color:var(--sq-walnut);opacity:.28;filter:blur(.6px)}.squiwheel-postit__paw-toes{display:flex;gap:2px;margin-bottom:2px}.squiwheel-postit__paw-toe{width:5px;height:7px;border-radius:50%;background:currentColor}.squiwheel-postit__paw-toes .squiwheel-postit__paw-toe:nth-child(1){transform:rotate(-12deg) translateY(2px)}.squiwheel-postit__paw-toes .squiwheel-postit__paw-toe:nth-child(2){transform:rotate(-4deg) translateY(0)}.squiwheel-postit__paw-toes .squiwheel-postit__paw-toe:nth-child(3){transform:rotate(4deg) translateY(0)}.squiwheel-postit__paw-toes .squiwheel-postit__paw-toe:nth-child(4){transform:rotate(12deg) translateY(2px)}.squiwheel-postit__paw-palm{width:18px;height:13px;border-radius:40% 40% 50% 50%;background:currentColor;margin:0 auto}.squiwheel-overlay{position:fixed;inset:0;z-index:200;display:flex;flex-direction:column;background:linear-gradient(160deg,var(--sq-parchment) 0%,var(--sq-cream) 100%);animation:squiwheel-fade-in .2s ease-out}.squiwheel-overlay--exit{animation:squiwheel-fade-out .3s ease-in forwards}.squiwheel-overlay--error{background:linear-gradient(160deg,var(--sq-blush) 0%,var(--sq-terracotta) 70%)}.squiwheel-overlay__content{flex:1;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;padding:0 30px}.squiwheel-overlay__message{font-family:Dongle,sans-serif;font-size:clamp(1.6rem,5vw,2.3rem);color:var(--sq-walnut);letter-spacing:.02em;min-height:2.5rem}.squiwheel-overlay__message.typing:after{font-family:monospace;font-size:clamp(1rem,3vw,2rem);opacity:.6;content:"|";animation:squiwheel-blink 1s step-end infinite}.squiwheel-overlay--error .squiwheel-overlay__message:after{display:none}.squiwheel-overlay--error .squiwheel-overlay__message{color:var(--sq-parchment)}.squiwheel-overlay__signature{font-family:"Source Serif 4",serif;font-style:italic;font-weight:400;font-size:.7rem;color:var(--sq-acorn);opacity:.75;letter-spacing:.04em}.squiwheel-overlay__action{font-family:"Source Serif 4",serif;font-size:.8rem;background:var(--sq-parchment);border:none;color:var(--sq-rust);padding:4px 12px;border-radius:4px;cursor:pointer;white-space:nowrap;opacity:.85}.squiwheel-overlay__action:hover{background:var(--sq-cream)}.squiwheel-overlay__postit{display:none}.squiwheel-overlay__footer{font-family:monospace;font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;opacity:.5;display:flex;align-items:center;gap:7px;padding:0 0 20px 30px}.squiwheel-overlay--error .squiwheel-overlay__footer{color:var(--sq-parchment)}.squiwheel-overlay__footer-dot{display:inline-block;width:6px;height:6px;border-radius:50%;opacity:1;background:var(--sq-leaf);animation:squiwheel-pulse 2s ease-in-out infinite}.squiwheel-overlay--error .squiwheel-overlay__footer-dot{background:var(--sq-parchment)}@media (min-width: 600px){.squiwheel-overlay__content{text-align:left;padding-left:clamp(18px,20%,180px);align-items:flex-start;padding-right:150px}.squiwheel-overlay__postit{display:block;position:absolute;bottom:76px;right:120px}.squiwheel-overlay__footer{padding:0 0 20px clamp(18px,20%,180px)}}@keyframes squiwheel-fade-in{0%{opacity:0}to{opacity:1}}@keyframes squiwheel-fade-out{0%{opacity:1}to{opacity:0}}@keyframes squiwheel-pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.75)}to{opacity:1;transform:scale(1)}}@keyframes squiwheel-blink{0%,to{opacity:1}50%{opacity:0}}.squiwheel-spinner-wrapper{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--sq-parchment) 20%,transparent);animation:spinner-fade-in .4s ease-out}@keyframes spinner-fade-in{0%{opacity:0}to{opacity:1}}.squiwheel-spinner{animation:sq-spin .9s linear infinite;color:var(--sq-acorn);width:clamp(40px,8vw,72px);height:clamp(40px,8vw,72px)}@keyframes sq-spin{to{transform:rotate(360deg)}}.navbar{background-color:#00f;height:120px}.onboarding-layout{height:100%;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(160deg,var(--sq-parchment) 0%,var(--sq-cream) 100%)}.onboarding-card{background:var(--sq-fog);border-radius:20px;box-shadow:0 10px 40px #0000001f;padding:20px;max-width:clamp(min(500px,100%),80vw,960px);width:100%}@media (max-width: 499px){.onboarding-card{background:none;border-radius:0;box-shadow:none;padding:20px 16px}}@media (min-width: 768px){.onboarding-card{padding:32px}}.squiwheel-notice{min-height:2.5rem;display:flex;align-items:center;justify-content:center;gap:var(--sq-gap-sm);border-radius:8px;border-left:3px solid transparent;padding:10px 16px;max-width:80%;margin:0 auto}.squiwheel-notice--hidden{visibility:hidden;pointer-events:none}.squiwheel-notice__text{font-family:"Source Serif 4",serif;font-size:.9rem;font-weight:400;text-align:center;margin:0}.squiwheel-notice__action{font-family:"Source Serif 4",serif;font-size:.8rem;background:none;border:.5px solid currentColor;color:inherit;padding:4px 12px;border-radius:4px;cursor:pointer;white-space:nowrap;opacity:.85}.squiwheel-notice__action:hover{opacity:1;background:#0000000f}.squiwheel-notice--error{background:var(--sq-blush);border-left-color:var(--sq-rust);color:var(--sq-rust)}.squiwheel-notice--info{background:var(--sq-ice);border-left-color:var(--sq-steel);color:var(--sq-steel)}.squiwheel-notice--loading{background:var(--sq-cream);border-left-color:var(--sq-amber);color:var(--sq-walnut)}.squiwheel-notice--error-banner{position:fixed;z-index:100;top:0;background:var(--sq-terracotta);border-left:none;border-radius:0 0 4px 4px;color:var(--sq-parchment);max-width:100%;width:100vw;padding:12px 20px}.squiwheel-notice__dots{display:inline-block;vertical-align:bottom}.squiwheel-notice__dots span{opacity:0}.squiwheel-notice__dots span:nth-child(1){animation:squiwheel-dot-1 1.2s step-end infinite}.squiwheel-notice__dots span:nth-child(2){animation:squiwheel-dot-2 1.2s step-end infinite}.squiwheel-notice__dots span:nth-child(3){animation:squiwheel-dot-3 1.2s step-end infinite}@keyframes squiwheel-dot-1{0%{opacity:1}to{opacity:0}}@keyframes squiwheel-dot-2{0%,33%{opacity:0}34%{opacity:1}to{opacity:0}}@keyframes squiwheel-dot-3{0%,66%{opacity:0}67%{opacity:1}to{opacity:0}}.avatar-picker,.avatar-form{display:flex;flex-direction:column;gap:var(--sq-gap-md)}.avatar-form--disabled{opacity:.5;pointer-events:none}.change-avatar-btn{width:56%;height:48px;align-self:center;border:none;border-radius:8px;background:var(--sq-leaf);color:var(--sq-parchment);font-family:Dongle,sans-serif;font-size:22px;font-weight:400;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.change-avatar-btn--hidden{visibility:hidden}.change-avatar-btn:disabled{opacity:.5;cursor:not-allowed}.change-avatar-btn:active{transform:translateY(1px);box-shadow:none;background:var(--sq-forest)}@media (min-width: 768px){.change-avatar-btn{width:200px}}@media (hover: hover){.change-avatar-btn:hover{background:var(--sq-forest);transform:translateY(-2px);box-shadow:0 8px 20px #00000024}}.avatar-card{display:block;position:relative;width:100%;padding:0;border:2px solid transparent;border-radius:12px;background:none;overflow:hidden;cursor:pointer;container-type:inline-size;transition:transform .25s ease,border-color .35s ease}.avatar-card.avatar-card--selected{border-color:var(--sq-amber);transform:translateY(-4px);animation:ring-in .5s ease forwards,pulse-ring 2.8s ease-in-out .6s infinite}.avatar-grid .avatar-card.avatar-card--selected:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.4) 50%,transparent 70%);animation:shimmer-once .6s ease forwards;pointer-events:none}.avatar-card__image{width:100%;aspect-ratio:1;object-fit:cover;display:block}.avatar-card__label{position:absolute;bottom:0;left:0;right:0;padding:24px 10px 10px;background:linear-gradient(transparent,color-mix(in srgb,var(--sq-bark) 92%,transparent));color:var(--sq-parchment);text-shadow:0 1px 4px rgba(0,0,0,.9);font-family:Iosevka Charon Mono,monospace;font-size:7cqi;font-weight:200;letter-spacing:.1em;text-transform:uppercase;text-align:center;opacity:0;transform:translateY(5px);transition:opacity .2s ease,transform .2s ease;pointer-events:none}.avatar-card.avatar-card--selected .avatar-card__label{opacity:1;transform:translateY(0)}@media (hover: hover){.avatar-card:hover{transform:translateY(-4px)}.avatar-card:hover .avatar-card__label{opacity:1;transform:translateY(0)}}@keyframes shimmer-once{0%{transform:translate(-100%)}to{transform:translate(150%)}}@keyframes ring-in{0%{box-shadow:0 12px 28px #0003,0 0 0 0 transparent}to{box-shadow:0 12px 28px #0003,0 0 0 3px color-mix(in srgb,var(--sq-amber) 90%,transparent)}}@keyframes pulse-ring{0%{box-shadow:0 12px 28px #0003,0 0 0 3px color-mix(in srgb,var(--sq-amber) 90%,transparent)}45%{box-shadow:0 12px 28px #0003,0 0 0 7px color-mix(in srgb,var(--sq-amber) 20%,transparent)}55%{box-shadow:0 12px 28px #0003,0 0 0 7px color-mix(in srgb,var(--sq-amber) 20%,transparent)}to{box-shadow:0 12px 28px #0003,0 0 0 3px color-mix(in srgb,var(--sq-amber) 90%,transparent)}}.avatar-grid{display:grid;width:100%;max-width:clamp(400px,75vh,680px);margin:0 auto;grid-template-columns:repeat(3,1fr);gap:var(--sq-gap-md)}.onboarding-header{display:flex;flex-direction:column;align-items:center}.onboarding-title{font-family:El Messiri,sans-serif;font-size:clamp(1.6rem,5vw,2.5rem);font-weight:600;color:var(--sq-walnut)}.onboarding-subtitle{font-family:"Source Serif 4",serif;font-size:clamp(1rem,3vw,1.2rem);color:var(--sq-stone)}.avatar-carousel-wrapper{clip-path:inset(0 -9999px 20px -9999px);margin-bottom:-36px}.avatar-carousel{display:flex;flex-wrap:nowrap;overflow-x:scroll;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;will-change:scroll-position;gap:var(--sq-gap-md);scrollbar-width:none;padding:10px 0 56px;padding-inline:10%;margin-inline:-20px;scroll-padding-inline:10%}.avatar-carousel::-webkit-scrollbar{display:none}.avatar-carousel>*{flex:0 0 80%;max-width:none;scroll-snap-align:center}