.auth{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:14px;height:100dvh;padding:14px;display:grid;overflow:hidden}.auth__hero{border-radius:var(--radius);background:var(--hero);flex-direction:column;padding:clamp(24px,4dvh,44px);display:flex;position:relative;overflow:hidden}.brand--big{padding:0;font-size:22px}.auth__tagline{letter-spacing:-.02em;text-transform:uppercase;margin:clamp(14px,3dvh,32px) 0 10px;font-size:clamp(34px,6.4dvh,58px);font-weight:800;line-height:1.02}.auth__sub{color:#4a4a52;max-width:440px;margin:0;font-size:clamp(14px,1.9dvh,17px);line-height:1.5}.auth__crew{justify-content:center;align-items:flex-end;gap:clamp(0px,1vw,14px);margin-top:auto;display:flex}.auth__char{width:clamp(110px,24dvh,240px);animation:3.2s ease-in-out infinite bob}.auth__char svg{width:100%;height:auto;display:block;overflow:visible}.auth__char:nth-child(2n){margin-bottom:clamp(10px,4dvh,40px)}.auth__card{flex-direction:column;justify-content:center;gap:clamp(10px,2dvh,18px);min-height:0;padding:clamp(24px,5dvh,56px) clamp(24px,4vw,64px);display:flex;overflow:auto}.seg{background:#f1f1f5;border-radius:999px;grid-template-columns:1fr 1fr;padding:5px;display:grid}.seg__btn{text-align:center;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;color:var(--muted);border-radius:999px;padding:10px;font-size:14px;font-weight:800;text-decoration:none}.seg__btn.is-active{color:var(--ink);background:#fff;box-shadow:0 3px #0000000f,0 4px 14px #0000000d}.auth__title{margin:6px 0 0;font-size:clamp(26px,4.2dvh,38px)}.auth__form{flex-direction:column;gap:clamp(10px,1.8dvh,16px);display:flex}.namefield__input--sm{padding:12px 0;font-size:17px;font-weight:700}.namefield__input--code{letter-spacing:.18em;text-align:center;padding:14px 0;font-size:26px}.field__eye{background:0 0;font-size:18px}.auth__submit{flex:none;margin-top:4px;padding:16px}.auth__switch{text-align:center;color:var(--muted);margin:0;font-weight:600}.auth__switch a{color:var(--accent-text);font-weight:800;text-decoration:none}.onboard{flex-direction:column;gap:14px;height:100dvh;padding:14px;display:flex;overflow:hidden}.onboard__top{border-radius:var(--radius);background:#fff;flex:none;justify-content:space-between;align-items:center;padding:12px 22px;display:flex}.steps{gap:8px;margin:0;padding:0;list-style:none;display:flex}.steps__item{font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);background:#f1f1f5;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:800}.steps__item.is-done{color:#2f8f55;background:#dff5e6}.steps__item.is-active{background:var(--accent-grad);color:var(--accent-ink)}.onboard__stage{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;overflow:auto}.onboard__title{text-transform:uppercase;letter-spacing:-.01em;margin:0;font-size:clamp(26px,4.6dvh,42px);font-weight:800}.onboard__sub{color:var(--muted);max-width:520px;margin:8px 0 clamp(14px,3dvh,32px);font-weight:600}.choice{grid-template-columns:repeat(2,minmax(0,340px));justify-content:center;gap:18px;width:100%;display:grid}.choice__card{background:var(--accent-soft);text-align:center;font:inherit;border-radius:28px;flex-direction:column;align-items:center;gap:8px;padding:clamp(14px,3dvh,28px);transition:transform .12s,box-shadow .12s;display:flex;box-shadow:0 6px #0000001a}.choice__card--alt{background:#e6f7f5}.choice__card:hover{transform:translateY(-3px);box-shadow:0 9px #0000001a}.choice__card:active{transform:translateY(3px);box-shadow:0 2px #0000001a}.choice__card strong{font-family:var(--font-display);text-transform:uppercase;font-size:22px}.choice__card span{color:#5c5c66;max-width:240px;font-size:14px;font-weight:600}.choice__art{aspect-ratio:1;background:#ffffffb0;border-radius:50%;width:clamp(80px,17dvh,150px);overflow:hidden}.choice__art svg{width:100%;height:100%;display:block}.onboard__panel{text-align:left;flex-direction:column;gap:clamp(10px,2dvh,18px);width:min(460px,100%);display:flex}.onboard__panel .onboard__title{text-align:center}.onboard__form{flex-direction:column;gap:clamp(10px,2dvh,18px);display:flex}.back{font-family:var(--font-display);color:var(--muted);background:0 0;align-self:flex-start;font-size:15px;font-weight:800}.kinds{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.kind{font-family:var(--font-display);background:#f3f3f6;border-radius:18px;justify-items:center;gap:2px;padding:12px 4px;font-size:14px;font-weight:800;display:grid;box-shadow:0 3px #00000014}.kind__icon{font-size:24px}.kind.is-active{background:var(--accent-grad);color:var(--accent-ink)}.note{color:var(--muted);margin:0;font-size:14px;font-weight:600}.note--bottom{margin-top:auto;padding-top:12px}.invite{background:var(--accent-soft);border:3px dashed var(--accent-line);border-radius:24px;justify-items:center;gap:8px;padding:18px;display:grid}.invite__label{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:13px;font-weight:800}.invite__code{font-family:var(--font-display);letter-spacing:.14em;font-size:clamp(30px,6dvh,48px);font-weight:800}.invite__pill{background:var(--accent-soft);border:2.5px dashed var(--accent-line);font-family:var(--font-display);letter-spacing:.12em;border-radius:999px;padding:8px 16px;font-size:16px;font-weight:800}.btn--ghost{flex:none}.pending{text-align:center;justify-items:center;gap:12px;font-weight:600;display:grid}.pending__chars{align-items:center;gap:14px;display:flex}.pending__me{aspect-ratio:1;background:#f3f3f6;border-radius:50%;width:clamp(70px,12dvh,110px);animation:3.2s ease-in-out infinite bob;overflow:hidden}.pending__me svg{width:100%;height:100%;display:block}.pending__dots{letter-spacing:.3em;color:var(--accent);font-weight:900;animation:1.4s infinite blink}@keyframes blink{50%{opacity:.25}}.grouppage{flex-direction:column;gap:14px;height:100%;min-height:0;display:flex}.grouppage__head{flex:none;justify-content:space-between;align-items:center;padding:18px 26px;display:flex}.grouppage__name{text-transform:uppercase;margin:2px 0 0;font-size:clamp(24px,4dvh,36px)}.grouppage__invite{justify-items:end;gap:4px;display:grid}.grouppage__cols{flex:1;grid-template-columns:1fr 1fr;gap:14px;min-height:0;display:grid}.grouppage__col{flex-direction:column;min-height:0;padding:22px;display:flex}.col__title{text-transform:uppercase;align-items:center;gap:10px;margin:0 0 12px;font-size:20px;display:flex}.count{color:var(--accent-ink);background:var(--accent-grad);border-radius:999px;padding:2px 12px;font-size:15px}.people{flex-direction:column;gap:10px;min-height:0;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.person{background:#f8f8fb;border-radius:22px;align-items:center;gap:14px;padding:10px 14px;display:flex}.person__avatar{cursor:pointer;background:#fff;border-radius:50%;flex:none;width:58px;height:58px;overflow:hidden;box-shadow:inset 0 0 0 3px #00000010}.person__avatar svg{width:100%;height:100%;display:block}.person__name{font-family:var(--font-display);flex:1;font-size:19px;font-weight:800;display:grid}.person__name small{color:var(--muted);font-family:Be Vietnam Pro,sans-serif;font-size:12px;font-weight:600}.badge{background:var(--pop);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:800}.person__actions{gap:8px;display:flex}.mini{font-family:var(--font-display);text-transform:uppercase;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:800;box-shadow:0 3px #00000018}.mini--yes{background:#5fd08a}.mini--no{background:#f1f1f5}.mini:active{transform:translateY(2px);box-shadow:0 1px #00000018}.empty{text-align:center;color:var(--muted);gap:8px;margin:auto;font-weight:700;display:grid}.empty__emoji{font-size:44px}.mockindex{height:100%;overflow:auto}.mockindex__grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.mockindex__card{color:var(--ink);background:#f8f8fb;border-radius:22px;gap:4px;padding:18px;text-decoration:none;display:grid;box-shadow:0 4px #0000000f}.mockindex__card:hover{background:var(--accent-soft)}.mockindex__card strong{font-family:var(--font-display);text-transform:uppercase;font-size:18px}.mockindex__card span{color:var(--muted);font-size:14px;font-weight:600}