:root{--outer:#e3dadd;--ground:#f8f3f4;--field:#f1e4ea;--surface:#fff;--ink:#2e1f27;--ink-2:#6a5560;--line:#e6d9df;--divider:#8c345938;--control:#86707b;--accent:#8c3459;--accent-hover:#74294a;--accent-soft:#f3e3ea;--on-accent:#fff;--hover:#8c345914;--danger:#b42318;--danger-soft:#fdecea;--ok:#2f6b45;--ok-soft:#edf5ef;--warn:#8a5300;--warn-soft:#fbf1e0;--toast-bg:#2e1f27;--toast-ink:#fff;--google-bg:#fff;--google-line:#747775;--google-ink:#1f1f1f;--kakao-bg:#fee500;--kakao-bg-hover:#f5dc00;--kakao-ink:#000000d9;--font-app:"Hahmlet", "Nanum Myeongjo", "AppleMyungjo", serif;--font-google:"Roboto", system-ui, -apple-system, "Malgun Gothic", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--outer:#0e0a0c;--ground:#21171c;--field:#2c1b25;--surface:#171014;--ink:#f4e9ee;--ink-2:#c9b4bf;--line:#3a2a33;--divider:#ec9bbd47;--control:#a28c98;--accent:#ec9bbd;--accent-hover:#f4b6cf;--accent-soft:#3f2533;--on-accent:#2a1220;--hover:#ec9bbd1a;--danger:#ff9b8f;--danger-soft:#3a1714;--ok:#8fd3a6;--ok-soft:#16281d;--warn:#f0c27a;--warn-soft:#2e2210;--toast-bg:#f4e9ee;--toast-ink:#171014;--google-bg:#131314;--google-line:#8e918f;--google-ink:#e3e3e3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--outer:#0e0a0c;--ground:#21171c;--field:#2c1b25;--surface:#171014;--ink:#f4e9ee;--ink-2:#c9b4bf;--line:#3a2a33;--divider:#ec9bbd47;--control:#a28c98;--accent:#ec9bbd;--accent-hover:#f4b6cf;--accent-soft:#3f2533;--on-accent:#2a1220;--hover:#ec9bbd1a;--danger:#ff9b8f;--danger-soft:#3a1714;--ok:#8fd3a6;--ok-soft:#16281d;--warn:#f0c27a;--warn-soft:#2e2210;--toast-bg:#f4e9ee;--toast-ink:#171014;--google-bg:#131314;--google-line:#8e918f;--google-ink:#e3e3e3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-moz-text-size-adjust:100%;text-size-adjust:100%}button,label,summary,a,input{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{transition:transform 80ms ease-out}button:active:not(:disabled){transform:scale(.98)}body{word-break:keep-all;overflow-wrap:anywhere;min-height:100dvh;font-family:var(--font-app);color:var(--ink);background:var(--outer);caret-color:var(--accent);font-variant-numeric:lining-nums tabular-nums;margin:0;font-size:1rem;line-height:1.6}p,li,label,legend,summary{text-wrap:pretty}h1,h2,h3{text-wrap:balance}[hidden]{display:none!important}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3,p,ol,ul,fieldset,figure{margin:0}ol,ul{padding:0;list-style:none}fieldset{border:0;min-width:0;padding:0}legend{padding:0}img,svg{display:block}.icon{flex:none}.icon-btn .icon{width:1.5rem;height:1.5rem}.tmeta .icon{width:1em;height:1em}.tchev{width:1.125rem;height:1.125rem}.notice .icon{width:1.25rem;height:1.25rem}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.app{background:var(--surface);scrollbar-color:var(--control) transparent;width:100%;max-width:430px;min-height:100dvh;margin:0 auto;position:relative}.toast{left:50%;bottom:calc(5.75rem + env(safe-area-inset-bottom,0px));z-index:40;width:max-content;max-width:min(100% - 32px,398px);color:var(--toast-ink);background:var(--toast-bg);opacity:0;pointer-events:none;border-radius:16px;padding:.75rem 1.25rem;font-size:.9375rem;transition:opacity .18s ease-out,transform .18s ease-out;position:fixed;transform:translate(-50%,8px)}.toast.is-shown{opacity:1;transform:translate(-50%)}.toast:empty{border:0;padding:0}.toast.is-low{bottom:calc(1.5rem + env(safe-area-inset-bottom,0px))}dialog{color:inherit}dialog::backdrop{background:#1410186b}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}::selection{background:var(--accent-soft);color:var(--ink)}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.home{flex-direction:column;min-height:100dvh;display:flex}.top{background:var(--field);padding-bottom:1.75rem;container-type:inline-size}.bar{justify-content:space-between;align-items:center;min-height:3.5rem;padding:.25rem .5rem 0 1.5rem;display:flex}.brand{letter-spacing:-.01em;white-space:nowrap;font-size:1.25rem;font-weight:600}.icon-btn{width:2.75rem;height:2.75rem;color:var(--ink);background:0 0;border:0;border-radius:999px;flex:none;place-items:center;display:inline-grid}.icon-btn:hover{background:var(--hover)}.pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin:1.5rem 1.5rem 0;display:grid}.pair.is-far{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.pair.is-near{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}.pair.is-dday{grid-template-columns:minmax(0,1fr)}.pair-cell{padding-right:1rem;container-type:inline-size}.pair-next{border-left:1px solid var(--divider);padding:0 0 0 1rem}.pair-lead{color:var(--ink-2);font-size:.9375rem;line-height:1.4}.pair-num{letter-spacing:-.02em;white-space:nowrap;align-items:baseline;gap:.125rem;margin-top:.25rem;font-size:min(2.25rem,26cqi);line-height:1.05;display:flex}.is-primary .pair-num{font-size:min(4.5rem,38cqi)}.pair-together .pair-num{font-weight:200}.pair-unit{letter-spacing:0;font-size:1rem;font-weight:300}.is-primary .pair-unit{font-size:1.375rem}.pair-dday{color:var(--accent);font-weight:600}.pair-sub{color:var(--ink-2);margin-top:.5rem;font-size:.9375rem;line-height:1.45}.sub-line{text-wrap:balance;display:block}.pair-celebrate{padding:0}.celebrate-title{color:var(--accent);text-wrap:balance;margin-top:.25rem;font-size:min(2.5rem,12cqi);font-weight:600;line-height:1.25}.pair-celebrate .pair-sub{margin-top:.75rem}@container (max-width:22rem){.pair,.pair.is-far,.pair.is-near{grid-template-columns:minmax(0,1fr)}.pair-cell{padding:0}.pair-next{border-left:0;border-top:1px solid var(--divider);margin-top:1.25rem;padding:1.25rem 0 0}}.notice{background:var(--ground);border-bottom:1px solid var(--line);grid-template-columns:auto 1fr;align-items:center;gap:.125rem .625rem;padding:.75rem 1.5rem;display:grid}.notice .icon{color:var(--accent)}.notice p{font-size:.9375rem;font-weight:500}.notice-btn{min-height:2.75rem;color:var(--accent);text-underline-offset:4px;background:0 0;border:0;border-radius:8px;grid-column:2;justify-self:start;margin-left:-.75rem;padding:0 .75rem;font-weight:600;text-decoration:underline}.board{flex:1;padding:1.5rem 0 1rem}.board-head{justify-content:space-between;align-items:baseline;padding:0 1.5rem .5rem;display:flex}.board-head h2{font-size:1.25rem;font-weight:600}.board-count{color:var(--ink-2);font-size:.9375rem}.table{border-top:1px solid var(--line);container-type:inline-size}.trow{border-bottom:1px solid var(--line)}.trow-line{align-items:center;display:flex}.trow-main{text-align:left;min-width:0;min-height:4rem;color:inherit;background:0 0;border:0;flex:1;grid-template-columns:4.5rem minmax(0,1fr) 1.125rem;align-items:center;column-gap:.875rem;padding:.625rem .25rem .625rem .75rem;display:grid}.trow-btn:hover{background:var(--ground)}.trow-btn:focus-visible{outline-offset:-3px}.trow.is-past .trow-main{padding-right:1.5rem}.tdday{white-space:nowrap;justify-self:end;font-size:1.125rem;font-weight:600}.mark{color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:.0625rem .5rem}.mark-today{color:var(--on-accent);background:var(--accent);padding:.0625rem .375rem;font-size:.9375rem}.is-past .tdday{color:var(--ink-2)}.tmain{flex-direction:column;min-width:0;display:flex}.ttitle{overflow-wrap:anywhere;font-size:1.0625rem;font-weight:500;line-height:1.4}.tmeta{color:var(--ink-2);font-size:.875rem;line-height:1.5}.tmeta-item{white-space:nowrap;align-items:center;gap:.25rem;display:inline-flex}.tchev{color:var(--control)}.tbell{width:2.75rem;height:2.75rem;color:var(--accent);background:0 0;border:0;border-radius:999px;flex:none;place-items:center;margin:0 .75rem 0 0;display:grid}.tbell .icon{width:1.25rem;height:1.25rem}.tbell.is-off{color:var(--control)}.tbell:hover{background:var(--hover)}@container (max-width:20rem){.trow-main{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"dday chev""main main";row-gap:.25rem;padding-left:1.5rem}.tdday{grid-area:dday;justify-self:start}.tmain{grid-area:main}.trow-main>:last-child{grid-area:chev}}.empty{background:var(--ground);border-radius:16px;margin:1rem 1.5rem 0;padding:1rem 1.25rem}.empty-title{font-weight:600}.empty p+p{color:var(--ink-2);margin-top:.25rem;font-size:.9375rem}.past summary{min-height:3.25rem;color:var(--ink-2);cursor:pointer;align-items:center;gap:.5rem;padding:0 1.5rem;font-weight:600;list-style:none;display:flex}.past summary::-webkit-details-marker{display:none}.past-count{margin-left:auto;font-weight:400}.past summary .icon{transition:transform .16s ease-out}.past[open] summary .icon{transform:rotate(180deg)}.action-bar{padding:.75rem 1.5rem;padding-bottom:calc(.75rem + env(safe-area-inset-bottom,0px));background:var(--surface);border-top:1px solid var(--line);position:sticky;bottom:0}.btn{min-height:3rem;color:inherit;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.375rem;padding:0 1.25rem;font-weight:600;text-decoration:none;display:inline-flex}.btn .icon{width:1.25rem;height:1.25rem}.btn-primary{color:var(--on-accent);background:var(--accent);font-size:1.0625rem}.btn-primary:hover{background:var(--accent-hover)}.btn-block{width:100%}.btn-quiet{color:var(--accent);background:var(--surface);border-color:var(--accent)}.btn-quiet:hover{background:var(--accent-soft)}.btn-text{min-height:2.75rem;color:var(--accent);text-underline-offset:4px;background:0 0;padding:0 .75rem;text-decoration:underline}.btn-danger{color:#fff;background:#b42318}.btn-danger-text{color:var(--danger);background:0 0;margin-right:auto;padding:0 .75rem}.btn-danger-text:hover{background:var(--danger-soft)}.btn[aria-busy=true]{cursor:progress}.field{flex-direction:column;gap:.375rem;display:flex}.field+.field,.field+.row-field,.row-field+.field,.row-field+.row-field{margin-top:1.125rem}.field label,.field legend,.row-field label{font-weight:500}.label-row{justify-content:space-between;align-items:baseline;display:flex}.count-chars{color:var(--ink-2);font-size:.875rem}input[type=text],input[type=email],input[type=date],input[type=time]{width:100%;min-height:3rem;color:var(--ink);background:var(--surface);border:1px solid var(--control);border-radius:12px;padding:.5rem .875rem}input::placeholder{color:var(--ink-2);opacity:.85}.has-error input{border-color:var(--danger);border-width:2px}.hint{color:var(--ink-2);font-size:.875rem}.error{color:var(--danger);font-size:.875rem;font-weight:500}.inline-control{gap:.5rem;display:flex}.inline-control input{flex:1;min-width:0}.inline-control .btn{flex:none}select{min-height:3rem;color:var(--ink);background:var(--surface);border:1px solid var(--control);border-radius:12px;padding:.5rem .75rem}.inline-control select{flex:1;min-width:0}.has-error select{border-color:var(--danger);border-width:2px}.optional{color:var(--ink-2);font-weight:400}.row-field{justify-content:space-between;align-items:center;gap:1rem;min-height:3rem;display:flex}.row-field input[type=time]{width:auto;min-width:9rem}.switch{appearance:none;background:var(--control);cursor:pointer;border-radius:999px;flex:none;width:3.25rem;height:2rem;margin:0;transition:background .16s ease-out;position:relative}.switch:before{content:"";background:#fff;border-radius:50%;width:calc(2rem - 6px);height:calc(2rem - 6px);transition:transform .16s ease-out;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #2e1f274d}.switch:checked{background:var(--accent)}.switch:checked:before{background:var(--on-accent);transform:translate(1.25rem)}.segmented{background:var(--ground);border:1px solid var(--control);border-radius:999px;grid-template-columns:1fr 1fr;padding:4px;display:grid}.segmented input{opacity:0;width:1px;height:1px;position:absolute}.segmented label{min-height:2.75rem;color:var(--ink-2);cursor:pointer;border-radius:999px;place-items:center;font-weight:500;display:grid}.segmented input:checked+label{color:var(--on-accent);background:var(--accent);font-weight:600}.segmented input:focus-visible+label{outline:3px solid var(--accent);outline-offset:2px}.chips{flex-wrap:wrap;gap:.5rem;display:flex}.chip{border:1px solid var(--control);cursor:pointer;border-radius:999px;align-items:center;gap:.5rem;min-height:2.75rem;padding:0 1rem 0 .75rem;display:inline-flex}.chip input{width:1.25rem;height:1.25rem;accent-color:var(--accent);margin:0}.chip:has(input:checked){background:var(--accent-soft);border-color:var(--accent)}.tag{white-space:nowrap;border-radius:999px;align-items:center;gap:.25rem;padding:.0625rem .5rem .0625rem .375rem;font-size:.8125rem;font-weight:600;line-height:1.5;display:inline-flex}.tag .icon{width:1em;height:1em}.tag-shared{color:var(--accent);background:var(--surface);border:1px solid var(--divider)}.tag-mine{color:var(--ink);background:var(--ground);border:1px solid var(--line)}.sheet{width:100%;max-width:430px;max-height:calc(100dvh - 2rem);color:var(--ink);background:var(--surface);overscroll-behavior:contain;border:0;border-radius:28px 28px 0 0;margin:auto auto 0;padding:0;overflow:auto}.sheet[open]{animation:.24s cubic-bezier(.2,.9,.3,1) sheet-up}@keyframes sheet-up{0%{opacity:0;transform:translateY(24px)}}.sheet form{padding:.75rem 1.5rem 1.5rem;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom,0px))}.sheet-head{justify-content:space-between;align-items:center;margin-right:-.75rem;display:flex}.sheet-head h2{font-size:1.25rem;font-weight:600}.group-head{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:.5rem;margin:.25rem 0 1rem;font-size:.875rem;display:flex}.sheet fieldset.field{margin-top:1.125rem}.calc{background:var(--field);border-radius:12px;flex-wrap:wrap;align-items:baseline;gap:.25rem .625rem;padding:.625rem .875rem;display:flex}.calc strong{color:var(--accent);font-size:1.375rem;font-weight:600}.mine{border-top:1px solid var(--line);margin-top:1.25rem;padding-top:1rem}.mine .group-head{margin-bottom:.25rem}.sheet-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;margin-top:1.5rem;display:flex}.confirm{width:min(100% - 2rem,360px);color:var(--ink);background:var(--surface);border:0;border-radius:22px;padding:1.5rem}.confirm h2{overflow-wrap:anywhere;font-size:1.125rem;font-weight:600}.confirm p{color:var(--ink-2);margin-top:.5rem}.confirm-actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;margin-top:1.25rem;display:flex}.confirm .error{color:var(--danger)}.sheet-error{margin-top:1rem}.settings{background:var(--surface);min-height:100dvh;padding-bottom:3rem}.bar-settings{background:var(--field);justify-content:flex-start;gap:.25rem;padding-left:.5rem}.bar-settings h1{font-size:1.25rem;font-weight:600}.band{padding:1.75rem 1.5rem 2rem}.band-shared{background:var(--field)}.band-head{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;display:flex}.band-head h2{font-size:1.5rem;font-weight:500;line-height:1.3}.band-desc{color:var(--ink-2);margin:.25rem 0 1.5rem}.partner{margin-bottom:1.5rem}.partner-line{align-items:center;gap:.5rem;display:flex}.partner-line .icon{color:var(--accent)}.partner .btn{margin-top:.625rem}.sub{border-top:1px solid var(--line);margin-top:1.75rem;padding-top:1.25rem}.sub h3{margin-bottom:.5rem;font-size:1rem;font-weight:600}.sub .bday{margin-top:.875rem}.partner-bday{margin-top:.75rem}.holidays legend{float:left;width:100%}.holidays legend+*{clear:both}.holiday-list{margin-top:.5rem}.holiday-list .row-field{border-top:1px solid var(--divider)}.hol-date{color:var(--ink-2);white-space:nowrap;margin-left:.5rem;font-size:.875rem;font-weight:400}.status{border-radius:14px;flex-direction:column;align-items:flex-start;gap:.375rem;padding:1rem;display:flex}.status-line{align-items:center;gap:.5rem;display:flex}.status-line span{color:var(--ink-2);font-size:.9375rem}.tone-ok{background:var(--ok-soft)}.tone-ok .icon,.tone-ok strong{color:var(--ok)}.tone-warn{background:var(--warn-soft)}.tone-warn .icon,.tone-warn strong{color:var(--warn)}.tone-bad{background:var(--danger-soft)}.tone-bad .icon,.tone-bad strong{color:var(--danger)}.status .btn{margin-top:.375rem}.alerts{border-top:1px solid var(--line)}.alerts li{border-bottom:1px solid var(--line);flex-direction:column;gap:.125rem;padding:.625rem 0;font-size:.9375rem;display:flex}.alerts-when{font-weight:600}.test{flex-direction:column;gap:.5rem;margin-top:1rem;display:flex}.test-result:empty{display:none}.test-result{background:var(--ground);border-radius:12px;padding:.75rem 1rem}.accounts{flex-direction:column;gap:.625rem;margin:.75rem 0 .5rem;display:flex;container-type:inline-size}.account-row{border:1px solid var(--line);border-radius:12px;flex-wrap:wrap;align-items:center;gap:.25rem .625rem;min-height:3rem;padding:.25rem .25rem .25rem .875rem;display:flex}.account-logo{border-radius:50%;flex:none;place-items:center;width:2rem;height:2rem;display:inline-grid}.account-logo .sns-logo{width:1.125rem;height:1.125rem}.account-logo-kakao{background:var(--kakao-bg)}.account-logo-google{box-shadow:inset 0 0 0 1px var(--line);background:#fff}.account-name{font-weight:500}.account-state{color:var(--ok);align-items:center;gap:.25rem;font-size:.875rem;display:inline-flex}.account-row .btn-text{margin-left:auto}.login,.setup{background:var(--field);flex-direction:column;min-height:100dvh;padding:0 1.5rem;display:flex}.login{justify-content:space-between}.login-top{text-align:center;padding-top:26vh}.login-brand{letter-spacing:-.02em;font-size:3rem;font-weight:500;line-height:1.1}.login-tagline{margin-top:.75rem;font-size:1.25rem;font-weight:300}.login-desc{max-width:22rem;color:var(--ink-2);text-wrap:balance;margin:1.25rem auto 0}.login-actions,.setup-actions{padding:2rem 0 calc(1.75rem + env(safe-area-inset-bottom,0px));flex-direction:column;gap:.75rem;display:flex;container-type:inline-size}.login-note{color:var(--ink-2);text-align:center;text-wrap:balance;margin-top:.25rem;font-size:.875rem}.login-legal{color:var(--ink-2);text-align:center;text-wrap:balance;font-size:.875rem}.login-legal a,.link-list a{color:var(--accent);text-underline-offset:.2em}.dev-login{border-top:1px solid var(--divider);margin-top:.5rem;padding-top:1rem}.dev-login label{font-size:.875rem}.dev-login .inline-control{flex-wrap:wrap}.dev-login .inline-control input{flex:10rem}.account-actions{flex-wrap:wrap;justify-content:space-between;gap:.5rem;display:flex}.link-list{display:grid}.link-list a,.link-btn{align-items:center;min-height:2.75rem;display:flex}.link-btn{color:var(--ink);text-align:left;background:0 0;border:0;padding:0;font-weight:500}.link-btn:hover{color:var(--accent)}.coach{width:100%;max-width:none;height:100%;max-height:none;color:var(--ink);background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.coach::backdrop{background:0 0}.coach-spot{box-shadow:0 0 0 3px var(--accent), 0 0 0 200vmax #180a1299;pointer-events:none;border-radius:16px;transition:top .22s,left .22s,width .22s,height .22s;position:absolute}.coach-card{background:var(--surface);border-radius:20px;padding:1.25rem;position:absolute;box-shadow:0 1rem 2rem -1rem #00000080}.coach-step{color:var(--ink-2);font-size:.875rem}.coach-card h2{text-wrap:balance;margin-top:.25rem;font-size:1.25rem;font-weight:600;line-height:1.4}.coach-card h2:focus{outline:none}.coach-body{color:var(--ink-2);margin-top:.5rem}.coach-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-top:1rem;display:flex}.coach-nav{gap:.5rem;margin-left:auto;display:flex}.coach-nav .btn{white-space:nowrap;min-width:4.5rem}@media (prefers-reduced-motion:reduce){.coach-spot{transition:none}}.setup-top{padding-top:12vh;container-type:inline-size}.setup-step{color:var(--ink-2);font-size:.9375rem}.setup h1{text-wrap:balance;margin-top:.5rem;font-size:min(1.75rem,12cqi);font-weight:500;line-height:1.3}.setup-desc{color:var(--ink-2);margin-top:.75rem}.setup-form{padding:2rem 0 calc(1.75rem + env(safe-area-inset-bottom,0px));flex-direction:column;gap:1.25rem;margin-top:auto;display:flex}.setup-actions{margin-top:auto}.setup-actions .btn-text{align-self:center}.invite{text-align:center;background:var(--surface);border-radius:20px;margin-top:2rem;padding:1.25rem;container-type:inline-size}.invite-label{color:var(--ink-2);font-size:.875rem}.invite-code{letter-spacing:.04em;white-space:nowrap;margin:.25rem 0;font-size:min(1.75rem,7.6cqi);font-weight:600}.setup-status:empty{display:none}.setup-status{background:var(--surface);border-radius:12px;padding:.75rem 1rem;font-size:.9375rem}.setup-note{background:var(--surface);border-radius:12px;padding:.875rem 1rem}.setup-hint{text-align:center}.steps{background:var(--surface);border-radius:12px;padding:.75rem 1rem .75rem 2.25rem;list-style:decimal}.steps li{padding:.375rem 0}.sns-btn{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;min-height:3rem;padding:.5rem 3rem;font-size:.9375rem;line-height:1.3;display:flex;position:relative}.sns-btn .sns-logo{width:1.25rem;height:1.25rem;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.sns-btn[aria-busy=true]{cursor:progress;opacity:.8}.sns-kakao{color:var(--kakao-ink);background:var(--kakao-bg);border:0;font-weight:600}.sns-kakao:hover{background:var(--kakao-bg-hover)}.sns-google{color:var(--google-ink);background:var(--google-bg);border:1px solid var(--google-line);font-family:var(--font-google);font-weight:500}.sns-google:hover{filter:brightness(.97)}.sns-kakao:focus-visible,.sns-google:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.sns-short{display:none}@container (max-width:18rem){.sns-btn{padding:.625rem 1rem}.sns-btn .sns-logo{flex:none;position:static;transform:none}}@container (max-width:15rem){.sns-long{display:none}.sns-short{display:inline}}