:root{--color-primary-700:#4f7e5c;--color-primary-600:#5d8d69;--color-primary-500:#689775;--color-primary-100:#dce8df;--color-ink:#2a2a2a;--color-ink-muted:#686b6a;--color-border:#2a2a2a8f;--color-surface:#ffffffb8;--color-surface-strong:#ffffffeb;--color-danger:#a43f3f;--color-danger-soft:#a43f3f17;--color-success-soft:#4f7e5c1f;--font-display:"Comfortaa", system-ui, sans-serif;--font-body:"Roboto", system-ui, sans-serif;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-sm:.375rem;--radius-md:.625rem;--radius-lg:1.5rem;--radius-xl:2rem;--shadow-card:0 24px 70px #2d42352e;--shadow-soft:0 14px 40px #2d423517;--transition-fast:.16s ease}*{box-sizing:border-box}html{min-width:320px;color:var(--color-ink);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;background:#f4f6f3}body{background:#f5f7f3;min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:0}a{color:inherit}img{max-width:100%;display:block}:focus-visible{outline-offset:3px;outline:3px solid #68977561}::selection{color:#fff;background:var(--color-primary-600)}.site-header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fafbf8e0;border-bottom:1px solid #4f7e5c1f;position:sticky;top:0}.site-header__inner{justify-content:space-between;align-items:center;gap:var(--space-4);width:min(100%,75rem);min-height:4.25rem;margin:0 auto;padding:0 clamp(1rem,4vw,2rem);display:flex}.brand{color:var(--color-primary-700);align-items:center;gap:.65rem;text-decoration:none;display:inline-flex}.brand__mark{color:#fff;background:var(--color-primary-500);width:2.15rem;height:2.15rem;font-family:var(--font-display);border-radius:50% 50% 44% 56%/58% 43% 57% 42%;place-items:center;font-size:.95rem;font-weight:700;display:grid;transform:rotate(-5deg)}.brand__name{font-family:var(--font-display);letter-spacing:-.04em;font-size:1.25rem;font-weight:700}.auth-menu{align-items:center;gap:clamp(.35rem,2vw,.75rem);display:flex}.auth-menu__link{color:var(--color-ink-muted);font-family:var(--font-display);transition:color var(--transition-fast), background-color var(--transition-fast), transform var(--transition-fast);border-radius:999px;padding:.65rem .55rem;font-size:.82rem;font-weight:600;text-decoration:none}.auth-menu__link:hover,.auth-menu__link[aria-current=page]{color:var(--color-primary-700);background:#6897751a}.auth-menu__link--primary{color:#fff;background:var(--color-primary-500);padding-inline:.85rem}.auth-menu__link--primary:hover,.auth-menu__link--primary[aria-current=page]{color:#fff;background:var(--color-primary-700);transform:translateY(-1px)}@media (width>=48rem){.site-header__inner{min-height:4.75rem}.brand__mark{width:2.45rem;height:2.45rem;font-size:1.05rem}.brand__name{font-size:1.4rem}.auth-menu__link{padding:.75rem 1rem;font-size:.9rem}.auth-menu__link--primary{padding-inline:1.2rem}}.home-page{background:radial-gradient(circle at 8% 5%,#d6e5ddb8,#0000 24rem),radial-gradient(circle at 94% 16%,#fce2c48f,#0000 24rem),#f5f7f3;min-height:calc(100vh - 4.25rem);padding:clamp(1.5rem,5vw,4rem) clamp(.75rem,4vw,2rem) 5rem}.home-hero,.home-layout{width:min(100%,75rem);margin-inline:auto}.home-hero{box-shadow:var(--shadow-soft);background:linear-gradient(115deg,#fffffff0,#f4f9f4cc),url(/assets/hobby-background-BuoxnIMf.jpg) 50% 42%/cover;border:1px solid #68977529;border-radius:clamp(1.5rem,5vw,2.5rem);padding:clamp(1.5rem,6vw,4.5rem);position:relative;overflow:hidden}.home-hero:after{content:"";border:1px solid #68977533;border-radius:50%;width:13rem;height:13rem;position:absolute;bottom:-4rem;right:-3rem}.home-hero__copy{z-index:1;max-width:46rem;position:relative}.home-hero__eyebrow{margin:0 0 var(--space-4);color:var(--color-primary-600);font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:700}.home-hero h1{max-width:12ch;font-family:var(--font-display);letter-spacing:-.055em;margin:0;font-size:clamp(2rem,8vw,4.5rem);font-weight:600;line-height:1.06}.home-hero__intro{max-width:39rem;margin:var(--space-5) 0 0;color:var(--color-ink-muted);font-size:clamp(.98rem,2.5vw,1.12rem);line-height:1.7}.topic-list{z-index:1;gap:var(--space-2);scrollbar-width:none;margin-top:clamp(1.75rem,6vw,3.5rem);padding-bottom:.2rem;display:flex;position:relative;overflow-x:auto}.topic-list::-webkit-scrollbar{display:none}.topic-list a{color:var(--color-primary-700);font-family:var(--font-display);transition:border-color var(--transition-fast), background-color var(--transition-fast), color var(--transition-fast);background:#ffffffc7;border:1px solid #6897753d;border-radius:999px;flex:none;padding:.65rem .9rem;font-size:.8rem;font-weight:600;text-decoration:none}.topic-list a:hover,.topic-list .topic-list__item--active{border-color:var(--color-primary-500);color:#fff;background:var(--color-primary-500)}.home-layout{gap:var(--space-8);margin-top:clamp(2rem,5vw,3.5rem);display:grid}.feed{min-width:0}.feed__header{justify-content:space-between;align-items:end;gap:var(--space-4);margin-bottom:var(--space-5);padding-inline:.25rem;display:flex}.feed__header h2,.sidebar-card h2{font-family:var(--font-display);letter-spacing:-.035em;margin:0;font-weight:700}.feed__header h2{font-size:clamp(1.25rem,5vw,1.7rem)}.feed__header p{margin:var(--space-2) 0 0;color:var(--color-ink-muted);font-size:.88rem}.feed__sort{color:var(--color-primary-600);font-family:var(--font-display);flex:none;font-size:.78rem;font-weight:700}.feed__list{gap:var(--space-5);display:grid}.post-card{background:#fffffff2;border:1px solid #4151451f;border-radius:clamp(1rem,4vw,1.5rem);overflow:hidden;box-shadow:0 10px 35px #2d423512}.post-card__header{align-items:center;gap:var(--space-3);padding:clamp(1rem,4vw,1.35rem);display:flex}.post-card__avatar{color:#2a2a2ac2;width:2.75rem;height:2.75rem;font-family:var(--font-display);border-radius:50%;flex:none;place-items:center;font-size:.72rem;font-weight:700;display:grid}.post-card__avatar--sage{background:#d7e6d9}.post-card__avatar--peach{background:#f4d9c4}.post-card__avatar--blue{background:#d7e5eb}.post-card__identity{justify-content:space-between;align-items:start;gap:var(--space-3);flex:1;min-width:0;display:flex}.post-card__identity h2{font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.93rem;font-weight:700;overflow:hidden}.post-card__identity span{color:var(--color-ink-muted);margin-top:.2rem;font-size:.76rem;display:block}.post-card__identity .post-card__time{white-space:nowrap;margin-top:.1rem}.post-card__body{padding:0 clamp(1rem,4vw,1.35rem) 1.2rem}.post-card__topic{margin-bottom:var(--space-3);color:var(--color-primary-600);font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;font-size:.7rem;font-weight:700;text-decoration:none;display:inline-block}.post-card__body p{color:#444946;margin:0;font-size:.95rem;line-height:1.62}.post-card__image{aspect-ratio:4/3;object-fit:cover;width:100%}.post-card__footer{align-items:center;gap:var(--space-5);min-height:3.75rem;padding:.65rem clamp(1rem,4vw,1.35rem);display:flex}.post-action{color:#717773;cursor:pointer;transition:color var(--transition-fast);background:0 0;align-items:center;gap:.4rem;padding:.45rem .2rem;font-size:.8rem;display:inline-flex}.post-action:hover,.post-action--active{color:var(--color-primary-600)}.post-action svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:1.3rem;height:1.3rem}.post-action .feed-icon--filled{fill:currentColor}.post-action--share{margin-left:auto}.post-action__status{min-width:0;color:var(--color-primary-600);font-size:.72rem}.feed-sidebar{display:none}.sidebar-card{padding:var(--space-6);border-radius:var(--radius-lg);background:#ffffffe0;border:1px solid #4151451f;box-shadow:0 10px 35px #2d42350f}.sidebar-card h2{font-size:1.05rem}.sidebar-card__intro,.sidebar-card--community p{margin:var(--space-3) 0 0;color:var(--color-ink-muted);font-size:.84rem;line-height:1.55}.trending-list{margin:var(--space-5) 0 0;gap:0;padding:0;list-style:none;display:grid}.trending-list li{align-items:center;gap:var(--space-3);border-top:1px solid #4151451a;padding:.9rem 0;display:flex}.trending-list__number{color:#a0aaa3;font-family:var(--font-display);font-size:.72rem;font-weight:700}.trending-list a{gap:.2rem;text-decoration:none;display:grid}.trending-list strong{font-family:var(--font-display);font-size:.82rem}.trending-list a span{color:var(--color-ink-muted);font-size:.74rem}.sidebar-card--community{color:#fff;background:var(--color-primary-600);position:relative;overflow:hidden}.sidebar-card--community p{color:#ffffffc7}.sidebar-card__spark{margin-bottom:var(--space-6);font-size:1.3rem;display:block}.sidebar-card__button{margin-top:var(--space-5);color:var(--color-primary-700);font-family:var(--font-display);text-align:center;background:#fff;border-radius:999px;padding:.8rem 1rem;font-size:.78rem;font-weight:700;text-decoration:none;display:block}@media (width>=48rem){.home-page{min-height:calc(100vh - 4.75rem)}.home-hero{flex-direction:column;justify-content:center;min-height:25rem;display:flex}.topic-list a{padding:.72rem 1.15rem;font-size:.86rem}.feed__list{gap:var(--space-6)}.post-card__header,.post-card__body,.post-card__footer{padding-inline:var(--space-6)}.post-card__body{padding-bottom:var(--space-5)}}@media (width>=64rem){.home-layout{grid-template-columns:minmax(0,47rem) minmax(17rem,1fr);align-items:start}.feed-sidebar{gap:var(--space-5);display:grid;position:sticky;top:6.25rem}}.auth-shell{background:linear-gradient(#ffffff24,#ffffff24),url(/assets/hobby-background-BuoxnIMf.jpg) 50%/cover no-repeat;min-height:calc(100dvh - 4.25rem)}.login-card{width:min(100%,30rem);min-height:calc(100dvh - 4.25rem);padding:max(2.5rem, env(safe-area-inset-top)) clamp(1.25rem, 7vw, 1.875rem) max(2rem, env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex}.auth-page-heading{text-align:center}.auth-page-heading__eyebrow{color:var(--color-primary-600);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:700}.auth-page-heading h1{color:var(--color-ink);font-family:var(--font-display);letter-spacing:-.05em;margin:0;font-size:clamp(1.75rem,7vw,2.3rem);font-weight:700;line-height:1.2}.auth-page-heading>p:last-child{max-width:24rem;margin:var(--space-3) auto 0;color:var(--color-ink-muted);font-size:.9rem;line-height:1.55}.login-card__content{margin-top:var(--space-10)}.login-form{gap:var(--space-4);flex-direction:column;display:flex}.form-field{gap:var(--space-2);flex-direction:column;display:flex}.form-field__label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.form-field__control{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);min-height:3.25rem;transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast);display:flex;overflow:hidden}.form-field__control:focus-within{border-color:var(--color-primary-600);background:var(--color-surface-strong);box-shadow:0 0 0 3px #6897752e}.form-field__control--error{border-color:var(--color-danger)}.form-field__input{width:100%;min-width:0;color:var(--color-ink);background:0 0;border:0;outline:0;padding:.9rem 1rem;font-size:.96rem}.form-field__input::placeholder{color:#2a2a2a94;opacity:1}.form-field__input:disabled{cursor:wait}.form-field__error{color:var(--color-danger);margin:0;font-size:.82rem;line-height:1.35}.password-toggle{color:#7b8480;cursor:pointer;background:0 0;flex:0 0 3.25rem;place-items:center;padding:0;display:grid}.password-toggle:hover{color:var(--color-primary-700)}.password-toggle:disabled{cursor:wait}.eye-icon{width:1.45rem;height:1.45rem}.login-form__actions{justify-content:flex-end;min-height:1.25rem;display:flex}.text-link{color:var(--color-primary-500);font-family:var(--font-display);text-underline-offset:.2em;font-weight:600;text-decoration-thickness:1px}.login-form__actions .text-link{font-size:.82rem;text-decoration:none}.text-link:hover{color:var(--color-primary-700);text-decoration:underline}.form-status{border-radius:var(--radius-sm);padding:.7rem .8rem;font-size:.85rem;line-height:1.4}.form-status--error{color:var(--color-danger);background:var(--color-danger-soft)}.form-status--success{color:var(--color-primary-700);background:var(--color-success-soft)}.primary-button{border-radius:var(--radius-sm);color:#fff;background:var(--color-primary-500);cursor:pointer;min-height:3.25rem;font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;transition:transform var(--transition-fast), background-color var(--transition-fast), box-shadow var(--transition-fast);font-size:1rem;font-weight:700;box-shadow:0 8px 20px #4f7e5c2e}.primary-button:hover:not(:disabled){background:var(--color-primary-700);transform:translateY(-1px);box-shadow:0 10px 24px #4f7e5c42}.primary-button:active:not(:disabled){transform:translateY(0)}.primary-button:disabled{cursor:wait;opacity:.62}.terms-field{gap:var(--space-2);display:grid}.terms-field label{align-items:flex-start;gap:var(--space-3);color:var(--color-ink-muted);cursor:pointer;font-family:var(--font-display);font-size:.76rem;line-height:1.5;display:flex}.terms-field input{width:1.15rem;height:1.15rem;accent-color:var(--color-primary-600);flex:none;margin:.05rem 0 0}.social-login{margin-top:var(--space-5)}.social-login__divider{align-items:center;gap:var(--space-3);color:var(--color-ink);font-family:var(--font-display);white-space:nowrap;font-size:.7rem;font-weight:500;display:flex}.social-login__divider:before,.social-login__divider:after{content:"";background:#2a2a2a9e;width:100%;height:1px}.social-login__buttons{margin-top:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.55rem,4vw,1.25rem);display:grid}.social-button{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-strong);cursor:pointer;min-width:0;min-height:3rem;transition:border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);place-items:center;display:grid}.social-button:hover{border-color:var(--color-primary-500);transform:translateY(-1px);box-shadow:0 6px 18px #2d42351f}.social-button:disabled{cursor:wait;opacity:.58}.social-button__logo{object-fit:contain;width:1.5rem;height:1.5rem}.social-button__logo--apple{width:1.55rem;height:1.4rem}.social-button__logo--google,.social-button__logo--discord{width:1.65rem;height:1.65rem}.signup-card{width:min(100%,54rem);min-height:calc(100dvh - 4.25rem);padding:max(1.75rem, env(safe-area-inset-top)) clamp(1rem, 5vw, 2rem) max(2rem, env(safe-area-inset-bottom));margin:0 auto;display:flex}.signup-flow{width:min(100%,29rem);margin:0 auto}.signup-flow--step-3{width:min(100%,49rem)}.signup-progress{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;margin:0;padding:0;list-style:none;display:grid;position:relative}.signup-progress:before{content:"";background:#68977538;height:2px;position:absolute;top:1rem;left:16%;right:16%}.signup-progress__item{z-index:1;justify-items:center;gap:var(--space-2);color:var(--color-ink-muted);font-family:var(--font-display);display:grid;position:relative}.signup-progress__item>span{background:#ffffffe6;border:2px solid #6897754d;border-radius:50%;place-items:center;width:2rem;height:2rem;font-size:.76rem;font-weight:700;display:grid}.signup-progress__item>small{font-size:.68rem;font-weight:600}.signup-progress__item--current,.signup-progress__item--complete{color:var(--color-primary-700)}.signup-progress__item--current>span,.signup-progress__item--complete>span{border-color:var(--color-primary-500);color:#fff;background:var(--color-primary-500)}.signup-flow__heading{margin-top:var(--space-8);text-align:center}.signup-flow__heading h1{color:var(--color-ink);font-family:var(--font-display);letter-spacing:-.05em;margin:0;font-size:clamp(1.75rem,7vw,2.35rem);font-weight:700;line-height:1.18}.signup-flow__heading>p:last-child{max-width:28rem;margin:var(--space-3) auto 0;color:var(--color-ink-muted);font-size:.9rem;line-height:1.55}.signup-flow__content{margin-top:var(--space-8)}.signup-login-note{margin:var(--space-6) 0 0;color:var(--color-ink-muted);font-family:var(--font-display);text-align:center;font-size:.78rem}.signup-profile-form,.signup-hobbies-form{gap:var(--space-5);flex-direction:column;display:flex}.avatar-field{gap:var(--space-2);display:grid}.avatar-picker{align-items:center;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast), background-color var(--transition-fast), box-shadow var(--transition-fast);background:#ffffff94;border:1px dashed #4f7e5c85;display:flex}.avatar-picker:hover,.avatar-picker:focus-within{border-color:var(--color-primary-600);background:#ffffffd9;box-shadow:0 0 0 3px #68977524}.avatar-picker input{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.avatar-picker__preview{color:#fff;width:4.5rem;height:4.5rem;font-family:var(--font-display);background:linear-gradient(145deg,#689775f5,#a8c4b0);border:3px solid #ffffffe6;border-radius:50%;flex:none;place-items:center;font-size:1.35rem;font-weight:700;display:grid;overflow:hidden;box-shadow:0 8px 20px #2d423529}.avatar-picker__preview img{object-fit:cover;width:100%;height:100%}.avatar-picker__copy{gap:var(--space-1);min-width:0;display:grid}.avatar-picker__copy strong{color:var(--color-primary-700);font-family:var(--font-display);font-size:.9rem}.avatar-picker__copy small{color:var(--color-ink-muted);font-size:.74rem;line-height:1.4}.form-field__visible-label{color:var(--color-ink);font-family:var(--font-display);font-size:.8rem;font-weight:700}.profile-about{resize:vertical;border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;min-height:7rem;color:var(--color-ink);background:var(--color-surface);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast);outline:0;padding:.9rem 1rem;font-size:.96rem;line-height:1.5}.profile-about:focus{border-color:var(--color-primary-600);background:var(--color-surface-strong);box-shadow:0 0 0 3px #6897752e}.profile-about--error{border-color:var(--color-danger)}.profile-about::placeholder{color:#2a2a2a94}.profile-about__count{margin-top:calc(var(--space-1) * -1);color:var(--color-ink-muted);text-align:right;font-size:.72rem}.signup-form-actions{gap:var(--space-3);grid-template-columns:minmax(6.5rem,.7fr) minmax(0,1.3fr);display:grid}.secondary-button{border-radius:var(--radius-sm);min-height:3.25rem;color:var(--color-primary-700);cursor:pointer;font-family:var(--font-display);transition:border-color var(--transition-fast), background-color var(--transition-fast), transform var(--transition-fast);background:#ffffffa3;border:1px solid #4f7e5c6b;font-size:.92rem;font-weight:700}.secondary-button:hover:not(:disabled){border-color:var(--color-primary-600);background:#ffffffe6;transform:translateY(-1px)}.secondary-button:disabled{cursor:wait;opacity:.58}.hobby-picker{border:0;min-width:0;margin:0;padding:0}.hobby-picker__grid{gap:var(--space-4);grid-template-columns:1fr;display:grid}.hobby-option{border-radius:var(--radius-md);min-width:0;color:var(--color-ink);cursor:pointer;text-align:left;transition:border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);background:#ffffffc2;border:1px solid #4f7e5c33;grid-template-columns:6.5rem minmax(0,1fr);padding:0;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 22px #2d423514}.hobby-option:hover:not(:disabled){border-color:var(--color-primary-500);transform:translateY(-2px);box-shadow:0 10px 26px #2d423524}.hobby-option--selected{border-color:var(--color-primary-500);background:#eff7f1f0;box-shadow:0 10px 28px #4f7e5c29}.hobby-option:disabled{cursor:wait}.hobby-option__image{min-height:6.5rem;position:relative;overflow:hidden}.hobby-option__image img{object-fit:cover;width:100%;height:100%}.hobby-option__check{top:var(--space-2);right:var(--space-2);color:#fff;background:var(--color-primary-600);opacity:0;width:1.75rem;height:1.75rem;transition:opacity var(--transition-fast), transform var(--transition-fast);border:2px solid #ffffffe6;border-radius:50%;place-items:center;font-size:.85rem;font-weight:800;display:grid;position:absolute;transform:scale(.72);box-shadow:0 4px 12px #2d423533}.hobby-option--selected .hobby-option__check{opacity:1;transform:scale(1)}.hobby-option__body{align-content:center;gap:var(--space-2);min-width:0;padding:var(--space-4);display:grid}.hobby-option__body strong{font-family:var(--font-display);font-size:.96rem}.hobby-option__body>span{color:var(--color-ink-muted);font-size:.76rem;line-height:1.45}.signup-hobbies-form__error{text-align:center}.signup-hobbies-form__hint{margin:calc(var(--space-2) * -1) 0 0;color:var(--color-ink-muted);text-align:center;font-size:.76rem}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width>=48rem){.auth-shell{min-height:calc(100dvh - 4.75rem);padding:var(--space-10);background-position:50% 48%;place-items:center;display:grid}.login-card{width:min(100%,28rem);min-height:auto;padding:var(--space-10);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffc2;border:1px solid #fffc;margin:0}.login-card__content{margin-top:var(--space-10)}.signup-card{width:min(100%,54rem);min-height:auto;padding:var(--space-10);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffc2;border:1px solid #fffc;margin:0}.signup-flow__heading,.signup-flow__content{margin-top:var(--space-10)}.hobby-picker__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hobby-option{grid-template-rows:8rem 1fr;grid-template-columns:1fr}.hobby-option__image{min-height:0}}@media (width>=64rem){.auth-shell{padding:var(--space-12);background-size:max(100%,68rem)}.login-card{width:min(100%,29rem);padding:2.75rem}.signup-card{padding:2.75rem}.hobby-picker__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hobby-option:last-child:nth-child(3n+2){grid-column:2}}@media (height<=43rem) and (width<=47.999rem){.login-card__content{margin-top:var(--space-8)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}