.sokki-login{--sky-top:#957e9f;--sky-mid:#f0a27c;--sky-low:#f3603f;--nav:#1d1626;--w-glass:linear-gradient(165deg,rgba(255,255,255,.76),rgba(255,255,255,.64) 55%,rgba(248,249,251,.70));--w-blur:blur(40px) saturate(180%);--w-edge:rgba(255,255,255,.8);--w-shadow:0 20px 50px rgba(22,24,29,.12),0 0 0 .5px rgba(22,24,29,.08);--w-ink:#16181d;--w-text:rgba(22,24,29,.86);--w-sub:rgba(22,24,29,.58);--w-time:rgba(22,24,29,.40);--w-line:rgba(22,24,29,.08);--w-soft:rgba(22,24,29,.07);--w-gray:#6b7280;--w-online:#34c38f;--font:"Pretendard Variable",Pretendard,"Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;color-scheme:light}.sokki-login,.sokki-login *{box-sizing:border-box}.sokki-login{min-height:100svh;margin:0;background:linear-gradient(180deg,var(--sky-top) 0,var(--sky-mid) 55%,var(--sky-low) 100%);color:var(--w-ink);font-family:var(--font);word-break:keep-all;-webkit-font-smoothing:antialiased}.sl-hero{position:relative;min-height:100svh;overflow:hidden}.sl-photo{position:absolute;inset:0;display:grid;place-items:center}.sl-photo picture{height:100%;display:grid;place-items:center}.sl-photo img{display:block;height:125svh;width:auto;max-width:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}.sl-top{position:absolute;z-index:5;top:0;left:0;right:0;padding:calc(env(safe-area-inset-top, 0px) + 20px) 28px 20px;display:flex;align-items:center;justify-content:space-between}.sl-logo{height:22px;width:auto;display:block}.sl-back{color:var(--nav);font-size:14px;font-weight:500;text-decoration:none;opacity:.86}.sl-back:focus-visible,.sl-back:hover{opacity:1;text-decoration:underline;text-underline-offset:4px;outline:none}.sl-stage{position:absolute;z-index:2;left:50%;top:52%;transform:translate(-50%,-50%);width:388px;display:grid;grid-gap:12px;gap:12px}.sl-cap{justify-self:center;display:flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 24px rgba(60,20,10,.12);font-size:14px;font-weight:600;color:var(--w-ink)}.sl-cap i{width:7px;height:7px;border-radius:50%;background:var(--w-online)}.sl-chat{--r:34px;position:relative;isolation:isolate;border-radius:var(--r);border:1px solid var(--w-edge);box-shadow:var(--w-shadow);display:flex;flex-direction:column;overflow:hidden}.sl-chat:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:var(--w-glass);-webkit-backdrop-filter:var(--w-blur);backdrop-filter:var(--w-blur);-webkit-clip-path:inset(0 round calc(var(--r) - 1px));clip-path:inset(0 round calc(var(--r) - 1px))}.sl-chd{display:flex;align-items:center;gap:12px;padding:16px 16px 14px 18px;border-bottom:1px solid var(--w-line)}.sl-av{position:relative;width:42px;height:42px;flex:none;border-radius:50%;border:1px solid var(--w-line);background:#fff;display:grid;place-items:center}.sl-av img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.sl-av .sl-dot{position:absolute;right:-1px;bottom:0;width:11px;height:11px;border-radius:50%;background:var(--w-online);border:2px solid #fff}.sl-tt{flex:1 1;min-width:0}.sl-t1{font-size:16px;font-weight:700;color:var(--w-ink)}.sl-t2{font-size:12.5px;margin-top:2px}.sl-lock,.sl-t2{color:var(--w-sub)}.sl-lock svg{width:20px;height:20px;display:block}.sl-msg{display:grid;grid-template-columns:36px minmax(0,1fr);grid-gap:10px;gap:10px;padding:18px 18px 8px 16px}.sl-msg .sl-av{width:36px;height:36px}.sl-meta{display:flex;align-items:baseline;gap:6px;font-size:14px;font-weight:700;color:var(--w-ink)}.sl-meta .sl-tm{font-size:13px;font-weight:400;color:var(--w-time)}.sl-tx{margin-top:4px;font-size:14.5px;line-height:1.6;color:var(--w-text)}.sl-act{padding:14px 18px 4px 62px;display:grid;grid-gap:10px;gap:10px}.sl-g{display:flex;align-items:center;justify-content:center;gap:10px;height:48px;border-radius:999px;background:var(--w-ink);color:#fff;font:700 14.5px/1 var(--font);text-decoration:none;transition:transform .15s ease,box-shadow .2s ease;box-shadow:0 6px 18px rgba(22,24,29,.18)}.sl-g:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(22,24,29,.22)}.sl-g:focus-visible{outline:2px solid var(--w-ink);outline-offset:3px}.sl-g .sl-gi{width:22px;height:22px;border-radius:50%;background:#fff;display:grid;place-items:center}.sl-g .sl-gi svg{width:14px;height:14px;display:block}.sl-note{font-size:12.5px;color:var(--w-gray);text-align:center}.sl-cin{margin:18px 12px 12px;display:flex;align-items:center;gap:10px;padding:0 8px 0 18px;height:54px;border-radius:27px;border:1px solid rgba(22,24,29,.1);background:rgba(255,255,255,.72);color:var(--w-time);font-size:14px;text-decoration:none}.sl-cin span{flex:1 1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sl-cin b{color:var(--w-ink);font-weight:600}.sl-cin .sl-go{width:36px;height:36px;border-radius:50%;background:var(--w-soft);color:var(--w-ink);display:grid;place-items:center;flex:none}.sl-cin:hover .sl-go{background:var(--w-ink);color:#fff}@media (max-aspect-ratio:4/5){.sl-photo picture{position:absolute;inset:0;display:block}.sl-photo img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;object-position:30% 50%;-webkit-mask-image:none;mask-image:none}.sl-stage{width:min(92vw,388px);top:56%}.sl-chat{--r:28px}.sl-top{padding-inline:18px}.sl-logo{height:18px}.sl-back{font-size:13px}}