.auth{gap:var(--sp-3);margin-top:var(--sp-6);flex-direction:column;max-width:24rem;display:flex}.auth__btn{border-radius:var(--r-full);width:100%;font-family:inherit;font-size:var(--fs-body);letter-spacing:-.01em;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.6rem;padding:.95rem 1.25rem;font-weight:600;transition:transform .16s,box-shadow .16s,filter .16s;display:flex}.auth__btn:hover{transform:translateY(-2px)}.auth__btn:active{transform:translateY(0)}.auth__btn:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.auth__btn--kakao{color:#000000d9;background:#fee500;border-radius:12px;padding-block:1.05rem;box-shadow:0 10px 26px -14px #fee500b3}.auth__btn--kakao:hover{filter:brightness(1.03);box-shadow:0 14px 32px -14px #fee500d9}.auth__btn--google{color:#1f1f1f;background:#fff;border-color:#747775;box-shadow:0 6px 18px -12px #0009}.auth__btn--google:hover{box-shadow:0 10px 24px -12px #000000b3}.auth__or{font-size:var(--fs-2xs);color:var(--ink-faint);align-items:center;gap:.75rem;margin:.15rem 0;display:flex}.auth__or:before,.auth__or:after{content:"";background:var(--line);flex:1;height:1px}.auth__note{margin-top:var(--sp-6);max-width:24rem;font-size:var(--fs-sm);color:var(--ink-faint);line-height:1.6}.auth__note b{color:var(--ink-soft);font-weight:600}@media (prefers-reduced-motion:reduce){.auth__btn{transition:none}.auth__btn:hover{transform:none}}.auth__mark{flex:none;width:18px;height:18px;display:block}.auth__btn--kakao .auth__mark{width:19px;height:19px}.logind{color:var(--ink);background:0 0;border:none;max-width:min(92vw,380px);padding:0}.logind::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000009e}.logind__in{padding:var(--sp-8) var(--sp-6) var(--sp-6);border-radius:var(--r-card);background:var(--surface);box-shadow:var(--shadow);text-align:center}.logind__h{margin:0 0 var(--sp-2);font-size:var(--fs-h3);letter-spacing:var(--tr-display)}.logind__sub{margin:0 0 var(--sp-8);font-size:var(--fs-cap);color:var(--ink-soft)}.logind__row{justify-content:center;gap:var(--sp-8);margin-bottom:var(--sp-8);display:flex}.logind__btn{border-radius:var(--r-full);cursor:pointer;border:1px solid #0000;place-items:center;width:68px;height:68px;transition:transform .16s,box-shadow .16s,filter .16s;display:grid}.logind__btn:hover{transform:translateY(-2px)}.logind__btn:active{transform:translateY(0)}.logind__btn:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.logind__btn :where(svg,img){width:30px;height:30px}.logind__btn--kakao{background:#fee500;box-shadow:0 10px 26px -14px #fee500b3}.logind__btn--kakao:hover{filter:brightness(1.03)}.logind__btn--google{background:#fff;border-color:#747775;box-shadow:0 6px 18px -12px #0009}.logind__name{margin-top:var(--sp-2);font-size:var(--fs-2xs);color:var(--ink-faint);display:block}.logind__close{padding:var(--sp-2);font:inherit;font-size:var(--fs-cap);color:var(--ink-faint);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;text-decoration:underline}@media (prefers-reduced-motion:reduce){.logind__btn{transition:none}}.authpage{max-width:30rem}.authpage .auth,.authpage .auth__note{max-width:none}