*,*: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-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)}}.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-notice-screen{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:notice-fade-in .2s ease-out}.squiwheel-notice-screen--exit{animation:notice-fade-out .3s ease-in forwards}.squiwheel-notice-screen--error{background:linear-gradient(160deg,var(--sq-blush) 0%,var(--sq-terracotta) 70%)}.squiwheel-notice-screen__content{flex:1;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;padding:0 30px}.squiwheel-notice-screen__message{font-family:Dongle,sans-serif;font-size:clamp(1.6rem,5vw,2.3rem);color:var(--sq-walnut);letter-spacing:.02em;min-height:4.5rem}.squiwheel-notice-screen__message:after{font-family:monospace;font-size:clamp(1rem,3vw,2rem);content:"|";opacity:0}.squiwheel-notice-screen__message.typing:after{opacity:.6;animation:notice-footer-blink 1s step-end infinite}.squiwheel-notice-screen--error .squiwheel-notice-screen__message:after{display:none}.squiwheel-notice-screen--error .squiwheel-notice-screen__message{color:var(--sq-parchment)}.squiwheel-notice-screen__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-notice-screen__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-notice-screen__action:hover{background:var(--sq-cream)}.squiwheel-notice-screen__postit{display:none}.squiwheel-notice-screen__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-notice-screen--error .squiwheel-notice-screen__footer{color:var(--sq-parchment)}.squiwheel-notice-screen__footer-dot{display:inline-block;width:6px;height:6px;border-radius:50%;opacity:1;background:var(--sq-leaf);animation:notice-footer-pulse 2s ease-in-out infinite}.squiwheel-notice-screen--error .squiwheel-notice-screen__footer-dot{background:var(--sq-parchment)}@media (min-width: 600px){.squiwheel-notice-screen__content{text-align:left;padding-left:clamp(18px,20%,180px);align-items:flex-start;padding-right:150px}.squiwheel-notice-screen__postit{display:block;position:absolute;bottom:76px;right:120px}.squiwheel-notice-screen__footer{padding:0 0 20px clamp(18px,20%,180px)}}@keyframes notice-fade-in{0%{opacity:0}to{opacity:1}}@keyframes notice-fade-out{0%{opacity:1}to{opacity:0}}@keyframes notice-footer-pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.75)}to{opacity:1;transform:scale(1)}}@keyframes notice-footer-blink{0%,to{opacity:1}50%{opacity:0}}.logo{--logo-icon-size: 1.2rem;--logo-name-size: clamp(1rem, 2.5vw, 1.25rem);--logo-sub-size: .6rem;--logo-gap: 10px;--logo-wordmark-gap: 4px;text-decoration:none;display:flex;align-items:center;gap:var(--logo-gap)}.logo--lg{--logo-icon-size: clamp(2rem, 5vw, 2.5rem);--logo-name-size: clamp(2.5rem, 7vw, 4.5rem);--logo-sub-size: clamp(.6rem, 1.2vw, .75rem);--logo-gap: 16px;--logo-wordmark-gap: 14px}.logo__icon{font-size:var(--logo-icon-size);line-height:1}.logo__wordmark{display:flex;flex-direction:column;line-height:1;gap:var(--logo-wordmark-gap)}.logo__wordmark-name{font-family:"Source Serif 4",serif;font-weight:300;font-size:var(--logo-name-size)}.logo__wordmark-name .squi{color:var(--sq-honey)}.logo__wordmark-name .wheel{font-style:italic;color:var(--sq-acorn)}.logo__wordmark-sub{font-family:Space Mono,monospace;text-transform:uppercase;color:var(--sq-slate);letter-spacing:.22em;font-size:var(--logo-sub-size)}.landing{display:flex;flex-direction:column;height:100vh;padding:60px 24px 56px;background:linear-gradient(155deg,var(--sq-steel-deep) 0%,var(--sq-bark) 55%,#1a0e06 100%);position:relative}.landing__top{flex:1;display:flex;flex-direction:column;justify-content:center}.landing__top .logo{flex-direction:column;align-items:flex-start}.landing__tagline{font-family:"Source Serif 4",serif;font-weight:300;font-style:italic;font-size:.95rem;color:var(--sq-slate);margin-top:16px;margin-bottom:0}.landing__offline-notice{font-family:Space Mono,monospace;font-size:clamp(.6rem,1.9vw,.72rem);color:var(--sq-terracotta);letter-spacing:.04em;line-height:1.8;margin-top:28px;margin-bottom:0}.landing__signin{margin-top:32px;width:75%;align-self:center;background:transparent;border:.5px solid var(--sq-acorn);color:var(--sq-acorn);font-family:Space Mono,monospace;font-size:clamp(.65rem,2.2vw,.8rem);text-transform:uppercase;letter-spacing:.2em;padding:15px 0;border-radius:6px;cursor:pointer;transition:background .18s,color .18s}.landing__signin:hover{background:var(--sq-acorn);color:var(--sq-bark)}.landing__status{position:absolute;bottom:56px;left:24px;right:24px;font-family:Space Mono,monospace;font-size:clamp(.58rem,1.8vw,.68rem);text-transform:uppercase;letter-spacing:.1em;border:1.5px solid;border-radius:4px;padding:9px 14px;display:flex;flex-direction:column;gap:4px;box-shadow:2px 2px #00000073,-1px -1px #ffffff0d}.landing__status--checking{border-color:var(--sq-slate);color:var(--sq-slate)}.landing__status--online{border-color:var(--sq-moss);color:var(--sq-moss)}.landing__status--offline{border-color:var(--sq-terracotta);color:var(--sq-terracotta)}.landing__status-row{display:flex;align-items:center;gap:8px}.landing__status-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.landing__status--checking .landing__status-dot{background:var(--sq-slate);animation:status-blink 1.2s ease-in-out infinite}.landing__status--online .landing__status-dot{background:var(--sq-moss);box-shadow:0 0 5px var(--sq-moss);animation:status-pulse 2.4s ease-in-out infinite}.landing__status--offline .landing__status-dot{background:var(--sq-terracotta);box-shadow:0 0 5px var(--sq-terracotta);animation:status-blink 1s step-end infinite}@keyframes status-pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes status-blink{0%,to{opacity:1}50%{opacity:.1}}.landing__status-msg{font-size:clamp(.68rem,2vw,.78rem);letter-spacing:.06em;opacity:.75;text-transform:none;font-style:italic}.landing__footer{position:absolute;bottom:20px;left:50%;transform:translate(-50%);white-space:nowrap;font-family:Space Mono,monospace;font-size:clamp(.58rem,1.8vw,.7rem);color:var(--sq-stone);letter-spacing:.1em}@media (min-width: 768px){.landing{justify-content:center;padding:0 15vw}.landing__top{flex:unset;justify-content:unset}.landing__top .logo{flex-direction:row;align-items:center}.landing__tagline{font-size:1.05rem;margin-top:20px;margin-bottom:0}.landing__signin{width:auto;align-self:flex-start;padding:12px 36px;border-radius:4px;margin-top:10px}.landing__footer{left:15vw;transform:none}.landing__status{top:24px;right:24px;bottom:unset;left:unset}}.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}}.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:clamp(160px,56%,240px);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;touch-action:manipulation;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;will-change:transform,box-shadow}.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,#2c1a0eeb);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 #d4944ae6;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 #d4944ae6;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 #d4944a33;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 #d4944a33;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 #d4944ae6;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)}.squiwheel-notice{min-height:3rem;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;flex-wrap:wrap;transition:opacity .5s,visibility 0s .5s}.squiwheel-notice--hidden{opacity:0;visibility:hidden;pointer-events:none}.squiwheel-notice__text{font-family:"Source Serif 4",serif;font-size:clamp(.7rem,2.5vw,.9rem);font-weight:400;text-align:center;margin:0}.squiwheel-notice__action{font-family:"Source Serif 4",serif;font-size:clamp(.65rem,2.2vw,.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--banner{position:fixed;z-index:100;top:0;left:0;border-left:none;border-radius:0 0 4px 4px;max-width:100%;width:100vw;padding:12px 20px}.squiwheel-notice--error.squiwheel-notice--banner{background:var(--sq-terracotta);color:var(--sq-parchment)}.squiwheel-notice--info.squiwheel-notice--banner{background:var(--sq-steel-light);color:var(--sq-parchment)}.squiwheel-notice--loading.squiwheel-notice--banner{background:var(--sq-amber);color:var(--sq-bark)}.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-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;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}.navbar{display:flex;height:60px;background-color:var(--sq-soil);justify-content:space-between;align-items:center;padding:0 1.5rem;border-bottom:.5px solid #5a3820}.navbar__hamburger{display:flex;background:none;border:none;cursor:pointer;flex-direction:column;gap:4px;position:relative}.navbar__hamburger span{width:22px;height:2px;background:var(--sq-honey);border-radius:2px;transition:transform .25s ease,opacity .2s ease;transform-origin:center}.navbar__hamburger--open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.navbar__hamburger--open span:nth-child(2){opacity:0;transform:scaleX(0)}.navbar__hamburger--open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.navbar__backdrop{position:fixed;inset:0;background:#2c1a0e99;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:90}.navbar__backdrop--open{opacity:1;pointer-events:all}.navbar__drawer{position:fixed;top:60px;left:0;height:calc(100vh - 60px);width:min(200px,75vw);background:var(--sq-bark);border-right:1px solid var(--sq-walnut);padding:1.5rem;display:flex;flex-direction:column;gap:1rem;transform:translate(-100%);transition:transform .3s ease;z-index:95}.navbar__drawer--open{transform:translate(0)}.navbar__drawer-links{list-style:none;padding:0;margin:0}.navbar__drawer-links a,.navbar__drawer-links span{font-family:Space Mono,monospace;font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;color:var(--sq-slate);text-decoration:none;display:block;padding:.85rem 0;border-bottom:.5px solid rgba(181,118,62,.15);transition:color .15s ease}.navbar__drawer-links a:hover{color:var(--sq-honey)}.navbar__drawer-links a.active{color:var(--sq-cream);font-weight:700}.navbar__drawer-links span{color:var(--sq-stone);opacity:.4;cursor:not-allowed}.navbar__drawer-footer{margin-top:auto;display:flex;align-items:center;gap:8px;padding-top:1rem;border-top:.5px solid var(--sq-walnut);font-family:Space Mono,monospace;font-size:.75rem;color:var(--sq-slate)}.navbar__links{display:none}.navbar__logo{text-decoration:none;transition:transform .2s ease}.navbar__logo:hover{transform:scale(1.05) rotate(-1deg)}.navbar__logo:active{transform:scale(.96)}.navbar__nuts{display:none;position:relative}.navbar__nuts:after{content:attr(data-tooltip);position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);background:var(--sq-bark);border:1px solid var(--sq-walnut);color:var(--sq-honey);font-family:Space Mono,monospace;font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;padding:4px 8px;border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease}.navbar__nuts:hover:after{opacity:1}.navbar__user{display:flex;align-items:center;gap:10px;cursor:pointer;padding:6px 2px 6px 8px;border-radius:8px;position:relative}.navbar__user-name{display:none}.navbar__user-avatar{width:36px;height:36px;border-radius:50%;background:var(--sq-walnut);border:1.5px solid var(--sq-acorn);display:flex;align-items:center;justify-content:center;font-family:Space Mono,monospace;font-size:.75rem;color:var(--sq-honey)}.navbar__user-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.navbar__dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--sq-soil);border:1px solid var(--sq-walnut);border-radius:10px;box-shadow:0 8px 24px #0006;min-width:160px;padding:6px;display:flex;flex-direction:column;gap:2px;z-index:200}.navbar__dropdown-info{padding:6px 12px 10px;border-bottom:.5px solid var(--sq-walnut);margin-bottom:4px;text-align:center}.navbar__dropdown-name{display:block;font-family:Space Mono,monospace;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--sq-cream)}.navbar__dropdown-email{display:block;font-family:Space Mono,monospace;font-size:.6rem;color:var(--sq-slate);letter-spacing:.04em;margin-top:3px}.navbar__dropdown a,.navbar__dropdown button{font-family:Space Mono;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--sq-honey);text-decoration:none;padding:8px 12px;border-radius:6px;text-align:center}.navbar__dropdown button{background:none;border:none;cursor:pointer;width:100%}@media (min-width: 768px){.navbar{padding:0 2rem}.navbar__hamburger{display:none}.navbar__user-avatar{width:clamp(28px,3vw,36px);height:clamp(28px,3vw,36px);font-size:clamp(.7rem,1.2vw,.85rem)}.navbar__drawer,.navbar__backdrop{display:none}.navbar__links{font-family:Space Mono,monospace;font-size:clamp(.65rem,1.1vw,.72rem);letter-spacing:.14em;text-transform:uppercase;list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:2rem}.navbar__links a{text-decoration:none;color:var(--sq-slate);transition:color .15s ease}.navbar__links a.active{color:var(--sq-cream)}.navbar__links a:hover{color:var(--sq-honey)}.navbar__links span{color:var(--sq-stone);opacity:.4;cursor:not-allowed}.navbar__right{display:flex;align-items:center;gap:1.5rem}.navbar__nuts{display:flex;align-items:center;gap:6px}.navbar__nuts-badge{background:var(--sq-acorn);color:var(--sq-bark);border-radius:100px;padding:1px 7px;font-family:Space Mono,monospace;font-size:.65rem;font-weight:700}.navbar__user{padding:2px 3px 2px clamp(6px,.8vw,10px);gap:clamp(5px,.6vw,8px);border-radius:100px;border:1px solid var(--sq-walnut);background-color:#7a47281f;transition:background-color .15s,border-color .15s}.navbar__user:not(.navbar__user--open):hover{background-color:#7a472852;border-color:var(--sq-acorn)}.navbar__user--open{background-color:#7a472852;border-color:var(--sq-acorn)}.navbar__user-name{display:inline;color:var(--sq-cream);font-size:clamp(.72rem,1.2vw,.82rem)}.navbar__dropdown a:hover{background:var(--sq-walnut)}.navbar__dropdown button:hover{background:var(--sq-terracotta)}}.app-layout__main{background:var(--sq-parchment);min-height:calc(100vh - 60px)}