.login-btn{width:100%;height:var(--spacing-control-44);border-radius:var(--radius-12);font-size:var(--text-14);white-space:nowrap;cursor:pointer;align-items:center;gap:10px;padding:0 14px;font-weight:600;display:flex}.login-btn svg{width:18px;height:18px}.login-btn:active{transform:scale(.98)}.login-btn:disabled{opacity:var(--opacity-busy);cursor:default}.login-btn-kakao{color:#000000d9;background:#fee500}.login-btn-google{color:#1f1f1f;background:#f2f2f2}:root[data-theme=dark] .login-btn-google{background:#fff;box-shadow:inset 0 0 0 1px #747775}.login-error{font-size:var(--text-12);line-height:var(--tw-leading,var(--text-12--line-height));font-weight:var(--tw-font-weight,400);color:var(--up-text);padding:8px 2px 0}.icon-btn.account-btn{z-index:var(--z-raised);margin-left:4px}.icon-btn.account-btn:after{width:36px;margin-left:-18px}:is(:root:has(#login-panel:popover-open:not([data-place=chat])) .account-btn,:root:has(#profile-panel:popover-open) .account-btn){background:var(--fill-hover);color:var(--ink)}.account-blank{border-radius:var(--radius-full);background:var(--line-strong);width:22px;height:22px;display:block}.pp{--pp-x:var(--gutter-panel);--pp-row:var(--row-list);--pp-fs:var(--text-13);--pp-fs-sub:var(--text-12);--pp-who:68px;--pp-block:var(--spacing-control-44);inset:var(--panel-top,52px) var(--panel-right,var(--gutter-page)) auto auto;width:288px;max-height:min(560px, calc(100dvh / var(--zoom,1) - 72px));overscroll-behavior:contain;border-radius:var(--radius-16);background:var(--surface-overlay);color:var(--ink);box-shadow:var(--shadow-panel);opacity:0;transition-property:opacity,transform,overlay,display;transition-duration:var(--dur-exit);transition-timing-function:var(--ease-out);transition-behavior:allow-discrete;border:0;margin:0;padding:0;position:absolute;overflow-y:auto;transform:translateY(-4px)}.pp:popover-open{opacity:1;transition-duration:var(--dur-pop);transform:none}@starting-style{.pp:popover-open{opacity:0;transform:translateY(-4px)}}.pp::backdrop{background:0 0}.pp[data-resizing]{overflow:hidden}.pp.lp{width:240px}.lp-body{padding:12px}.lp[data-place=chat]{inset:auto var(--panel-right,var(--gutter-page)) var(--panel-bottom,72px) auto;position:fixed;transform:translateY(4px)}.lp[data-place=chat]:popover-open{transform:none}@starting-style{.lp[data-place=chat]:popover-open{transform:translateY(4px)}}.pp-screen{animation:pp-in .3s var(--ease-out)}.pp-screen[data-dir=back]{animation-name:pp-back}.pp-screen[data-dir=none]{animation:none}@keyframes pp-in{0%{opacity:0;transform:translate(16px)}}@keyframes pp-back{0%{opacity:0;transform:translate(-16px)}}.pp-who{height:var(--pp-who);padding:0 var(--pp-x);align-items:center;gap:12px;display:flex;position:relative}.pp-photo-menu{--menu-w:132px;top:calc(var(--pp-who) / 2 + 20px + 6px);left:var(--pp-x);z-index:var(--z-raised);animation:ui-menu-in var(--dur-pop) var(--ease-out);position:absolute}.pp-photo-menu .ui-menu-item{padding-inline:calc(var(--pp-x) - 4px);font-size:var(--pp-fs)}.pp-empty{border-radius:var(--radius-full);background:var(--chip);flex:none;width:40px;height:40px}.pp-avatar{border-radius:var(--radius-full);cursor:pointer;flex:none;position:relative}.pp-avatar:disabled{cursor:default}.pp-avatar[data-photo=busy] .chat-avatar{opacity:.4}.pp-avatar-ring{border:2px solid var(--line-strong);border-top-color:var(--ink);border-radius:var(--radius-full);animation:status-spin .8s linear infinite, pp-ring-in .2s var(--ease-out);transition:opacity .6s var(--ease-standard);position:absolute;inset:-4px}.pp-avatar-ring[data-phase=done]{opacity:0}@keyframes pp-ring-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.pp-avatar-ring{border-color:var(--ink-4)}}.pp-avatar-cam{border-radius:var(--radius-full);background:var(--surface-overlay);width:18px;height:18px;box-shadow:var(--ring-overlay);color:var(--ink-2);transition:opacity .2s var(--ease-out), transform .2s var(--ease-out);place-items:center;display:grid;position:absolute;bottom:-2px;right:-2px}.pp-avatar-cam svg{width:11px;height:11px;stroke-width:calc(var(--icon-stroke) * 24 / 11)}.pp-avatar .chat-avatar{transition:opacity .6s var(--ease-standard), filter .2s var(--ease-out)}@media (hover:hover){.pp-avatar-cam{opacity:0;transform:scale(.7)}.pp-avatar:hover .pp-avatar-cam,.pp-avatar:focus-visible .pp-avatar-cam{opacity:1;transform:none}.pp-avatar:not(:disabled):hover .chat-avatar{filter:brightness(.92)}}.pp-avatar[data-photo] .pp-avatar-cam{opacity:0}.pp-name{border-radius:var(--radius-6);max-width:calc(100% + 12px);font-size:var(--text-15);font-weight:600;line-height:var(--text-15--line-height);white-space:nowrap;cursor:pointer;align-items:center;gap:4px;margin:-2px -6px;padding:2px 6px;display:flex}.pp-name svg{width:14px;height:14px;stroke-width:calc(var(--icon-stroke) * 24 / 14);color:var(--ink-4);flex:none}@media (hover:hover){.pp-name:hover{background:var(--fill-hover)}}.pp-sub{font-size:var(--text-12);line-height:var(--tw-leading,var(--text-12--line-height));font-weight:var(--tw-font-weight,400);color:var(--ink-3);margin-top:2px}.pp-group{border-top:1px solid var(--line);padding:4px 0}.ui-sheet-head+.pp-group{border-top:0}.pp-row{width:100%;height:var(--pp-row);padding:0 var(--pp-x);font-size:var(--text-13);line-height:var(--tw-leading,var(--text-13--line-height));font-weight:var(--tw-font-weight,500);font-size:var(--pp-fs);text-align:left;cursor:pointer;align-items:center;gap:8px;display:flex}.pp-row-static{cursor:default}button.pp-row:active{background:var(--fill-press-row);transform:scale(.98)}.pp-label{flex:1;min-width:0}.pp-row-quiet{color:var(--ink-2)}.pp-row-faint{color:var(--ink-3)}.pp-value{max-width:60%;font-size:var(--text-12);line-height:var(--tw-leading,var(--text-12--line-height));font-weight:var(--tw-font-weight,400);font-size:var(--pp-fs-sub);color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pp-chev{width:16px;height:16px;stroke-width:calc(var(--icon-stroke) * 24 / 16);color:var(--ink-4);flex:none;margin-right:-4px}.pp-blocks{overscroll-behavior:contain;max-height:320px;overflow:hidden auto}.pp-block{height:var(--pp-block);padding:0 var(--pp-x);align-items:center;gap:10px;display:flex}.pp-block-name{min-width:0;font-size:var(--text-13);line-height:var(--tw-leading,var(--text-13--line-height));font-weight:var(--tw-font-weight,500);font-size:var(--pp-fs);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.pp .pp-block .ui-btn{--fs:var(--pp-fs-sub);margin-right:-6px}.pp-block-done{font-size:var(--text-12);line-height:var(--tw-leading,var(--text-12--line-height));font-weight:var(--tw-font-weight,400);font-size:var(--pp-fs-sub);color:var(--ink-3);flex:none}.pp-blocks-empty{padding:20px var(--pp-x) 24px;font-size:var(--text-13);line-height:var(--tw-leading,var(--text-13--line-height));font-weight:var(--tw-font-weight,400);font-size:var(--pp-fs);color:var(--ink-3)}.pp-pad{padding:12px var(--pp-x) calc(var(--pp-x) - 4px)}.pp-pad-x{padding-inline:var(--pp-x)}.pp-notice{font-size:var(--text-12);line-height:var(--tw-leading,var(--text-12--line-height));font-weight:var(--tw-font-weight,400);color:var(--up-text);padding-block:8px}.pp .ui-btn[data-block]{--fs:var(--pp-fs)}.pp-leave{padding:8px var(--pp-x) var(--pp-x)}.pp-nick{padding:4px var(--pp-x) var(--pp-x)}.pp-nick-field{border-bottom:2px solid var(--line-strong);height:44px;transition:border-color var(--dur-fill) var(--ease-out);align-items:center;gap:8px;display:flex}.pp-nick-field:focus-within{border-color:var(--ink)}.pp-nick-field[data-bad]{border-color:var(--up-text)}.pp-nick-field input{outline:none;flex:1;min-width:0;height:100%;font-size:17px;font-weight:600}.pp-nick-count{font-size:var(--text-12);line-height:var(--tw-leading,var(--text-12--line-height));font-weight:var(--tw-font-weight,400);color:var(--ink-3);font-variant-numeric:tabular-nums;flex:none}.pp-nick-msg{min-height:var(--text-12--line-height);font-size:var(--text-12);line-height:var(--tw-leading,var(--text-12--line-height));font-weight:var(--tw-font-weight,400);color:var(--ink-3);word-break:keep-all;margin-top:8px}.pp-nick-msg[data-bad]{color:var(--up-text)}.pp-nick-name{padding-top:8px;font-size:17px;font-weight:600;line-height:24px}.pp-nick-name+.pp-nick-msg{margin-top:4px;padding-bottom:4px}@media (max-width:767px){.pp{--pp-x:20px;--pp-row:var(--spacing-control-48);--pp-fs:var(--text-15);--pp-fs-sub:var(--text-14);--pp-who:72px;--pp-block:var(--spacing-control-52);width:100%;max-width:none;max-height:85dvh;padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);border-radius:var(--radius-16) var(--radius-16) 0 0;opacity:1;transition-duration:var(--dur-sheet-out);transition-timing-function:var(--ease-drawer);position:fixed;inset:auto 0 0;transform:translateY(100%)}.pp:popover-open{transition-duration:var(--dur-sheet)}@starting-style{.pp:popover-open{opacity:1;transform:translateY(100%)}}.pp::backdrop{background:var(--scrim);opacity:0;transition-property:opacity,overlay,display;transition-duration:var(--dur-sheet-out);transition-timing-function:var(--ease-drawer);transition-behavior:allow-discrete}.pp:popover-open::backdrop{opacity:1;transition-duration:var(--dur-sheet)}@starting-style{.pp:popover-open::backdrop{opacity:0}}:root:has(.pp:popover-open) body{pointer-events:none}.pp{pointer-events:auto}.pp.lp{width:100%}.lp[data-place=chat]{inset:auto 0 0;transform:translateY(100%)}@starting-style{.lp[data-place=chat]:popover-open{transform:translateY(100%)}}.lp-body{padding:16px var(--pp-x) 20px}.login-btn{height:var(--spacing-control-48);font-size:var(--text-15)}.pp-photo-menu{--menu-w:148px}.pp-photo-menu .ui-menu-item{height:var(--spacing-control-44)}.pp .ui-sheet-head{height:var(--sheet-head-h);padding-inline:var(--pp-x)}.pp-blocks-empty{padding-block:24px 28px}}@media (max-width:767px) and (prefers-reduced-motion:reduce){.pp,.lp[data-place=chat]{opacity:0;transform:none}.pp:popover-open{opacity:1}@starting-style{.pp:popover-open{opacity:0;transform:none}.lp[data-place=chat]:popover-open{opacity:0;transform:none}}.pp,.pp::backdrop{transition-duration:var(--dur-pop)!important;transition-timing-function:var(--ease-out)!important}}
:root{--chat-bar-h:48px}.chat-log-faded{-webkit-mask-image:linear-gradient(#0000,#000 24px);mask-image:linear-gradient(#0000,#000 24px)}.chat-log-scroll{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.chat-panel{--chat-avatar:24px;--chat-avatar-gap:8px;--chat-gap:12px;--chat-gutter:12px;--chat-bubble-r:9px;--chat-tail-w:5px;--chat-tail-h:9px}.chat-gutter{padding-left:var(--chat-gutter);padding-right:var(--chat-gutter)}.chat-gap{margin-top:var(--chat-gap)}.chat-gap-in{margin-top:4px}.chat-gap-minute{margin-top:6px}.chat-other{gap:var(--chat-avatar-gap);display:flex}.chat-avatar-slot{width:var(--chat-avatar);flex:none}.chat-panel .chat-avatar{width:var(--chat-avatar);height:var(--chat-avatar)}.chat-day{text-align:center;color:var(--ink-3);padding:2px 0 8px;font-size:10px;line-height:13px}.chat-avatar{border-radius:var(--radius-full);place-items:center;width:24px;height:24px;display:grid;position:relative;overflow:hidden}.chat-avatar:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 1px var(--image-ring);position:absolute;inset:0}.chat-avatar img{transition:opacity var(--dur-pop) var(--ease-out)}.chat-avatar-fade img{transition:opacity .5s var(--ease-standard)}@media (prefers-reduced-motion:reduce){.chat-avatar img{transition:none}}.chat-name{color:var(--ink-3);margin-bottom:2px;font-size:10px;font-weight:500;line-height:13px}.chat-name-left{font-weight:400}.chat-avatar-left{background:var(--line-strong)}.chat-operator{color:var(--ink);margin-left:1px;font-weight:600}.chat-bubble{border-radius:var(--chat-bubble-r);overflow-wrap:anywhere;width:fit-content;padding:4px 9px;font-size:12px;line-height:17px}.chat-bubble-other{background:var(--chip);max-width:calc(100% - 52px);color:var(--ink)}.chat-bubble-mine{max-width:78%;margin-right:var(--chat-tail-w);background:var(--chat-mine-bg);color:var(--chat-mine-ink)}.chat-bubble.chat-first{position:relative}.chat-bubble-other.chat-first{border-top-left-radius:0}.chat-bubble-mine.chat-first{border-top-right-radius:0}.chat-bubble.chat-first:before{content:"";width:calc(var(--chat-tail-w) + 1px);height:var(--chat-tail-h);background-color:inherit;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 9' preserveAspectRatio='none'%3E%3Cpath d='M6 0H1.4Q0 0 .7 1.1C2.8 3 6 5.5 6 9Z'/%3E%3C/svg%3E") 0 0 / var(--chat-tail-w) 100% no-repeat, linear-gradient(#000 0 0) 100% 0 / 1px 100% no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 9' preserveAspectRatio='none'%3E%3Cpath d='M6 0H1.4Q0 0 .7 1.1C2.8 3 6 5.5 6 9Z'/%3E%3C/svg%3E") 0 0 / var(--chat-tail-w) 100% no-repeat, linear-gradient(#000 0 0) 100% 0 / 1px 100% no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 9' preserveAspectRatio='none'%3E%3Cpath d='M6 0H1.4Q0 0 .7 1.1C2.8 3 6 5.5 6 9Z'/%3E%3C/svg%3E") 0 0 / var(--chat-tail-w) 100% no-repeat, linear-gradient(#000 0 0) 100% 0 / 1px 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 9' preserveAspectRatio='none'%3E%3Cpath d='M6 0H1.4Q0 0 .7 1.1C2.8 3 6 5.5 6 9Z'/%3E%3C/svg%3E") 0 0 / var(--chat-tail-w) 100% no-repeat, linear-gradient(#000 0 0) 100% 0 / 1px 100% no-repeat;position:absolute;top:0}.chat-bubble-other.chat-first:before{right:calc(100% - 1px)}.chat-bubble-mine.chat-first:before{left:calc(100% - 1px);transform:scaleX(-1)}.chat-time{color:var(--ink-3);white-space:nowrap;font-variant-numeric:tabular-nums;flex:none;font-size:9px;line-height:12px}.chat-frame{border:1px solid var(--line-strong);border-radius:var(--radius-16)}.chat-composer .ui-input:has(>input:disabled){opacity:1}.chat-composer .ui-input input:disabled{cursor:default}.chat-bar{height:calc(var(--chat-bar-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));will-change:auto}.chat-bar:active{background:var(--fill-press-row);transition-duration:0s;transform:none}.chat-bar-chevron{stroke-width:calc(var(--icon-stroke) * 24 / 18)}@media not all and (min-width:64rem){body:has(.chat-bar:not([style*="display: none"],[style*="display: none"] *)){padding-bottom:calc(var(--chat-bar-h) + env(safe-area-inset-bottom))}}.chat-sheet{z-index:var(--z-sheet);background:var(--surface);box-shadow:0 -1px 0 var(--line-strong);transition:transform var(--dur-sheet) var(--ease-drawer);outline:none;position:fixed;inset:0;overflow:hidden}@starting-style{.chat-sheet{transform:translateY(100%)}}.chat-sheet[data-closing]{transition-duration:var(--dur-sheet-out);transform:translateY(100%)}.chat-sheet:focus-visible{outline:none}@media (prefers-reduced-motion:reduce){.chat-sheet{transition:opacity var(--dur-pop) var(--ease-out)!important}@starting-style{.chat-sheet{opacity:0;transform:none}}.chat-sheet[data-closing]{opacity:0;transform:none}}.chat-sheet-panel{height:100%;padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.chat-sheet[data-keyboard] .chat-sheet-panel{padding-bottom:0}:root:has(.chat-sheet:not([data-closing])){--toast-top:calc(var(--sheet-head-h) + 12px)}.chat-sheet .chat-panel{--chat-avatar:32px;--chat-avatar-gap:10px;--chat-gap:16px;--chat-gutter:var(--gutter-panel);--chat-bubble-r:var(--radius-12);--chat-tail-w:7px;--chat-tail-h:12px}.chat-sheet .ui-sheet-head-title{font-size:17px;line-height:24px}.chat-sheet .chat-day,.chat-sheet .chat-system{font-size:11px;line-height:15px}.chat-sheet .chat-name{font-size:12px;line-height:16px}.chat-sheet .chat-more,.chat-sheet .chat-more svg{width:16px;height:16px}.chat-sheet .chat-more svg{stroke-width:calc(var(--icon-stroke) * 24 / 16)}.chat-sheet .chat-bubble{padding:6px 11px;font-size:14px;line-height:20px}.chat-sheet .chat-time{font-size:10px;line-height:13px}.chat-system{text-align:center;color:var(--ink-3);overflow-wrap:anywhere;padding:2px 8px;font-size:10px;line-height:14px}.chat-fading{opacity:0;transition:opacity .18s var(--ease-out)}.chat-blocked{padding-left:calc(var(--chat-avatar) + var(--chat-avatar-gap));font-size:var(--text-11);line-height:var(--tw-leading,var(--text-11--line-height));font-weight:var(--tw-font-weight,400);color:var(--ink-3);animation:chat-blocked-in .25s var(--ease-out) both}@keyframes chat-blocked-in{0%{opacity:0}}.chat-morph{transition:height .3s var(--ease-in-out);overflow:hidden}@media (prefers-reduced-motion:reduce){.chat-fading,.chat-morph{transition:none}.chat-blocked{animation:none}}.chat-more{border-radius:var(--radius-4);width:14px;height:14px;color:var(--ink-4);vertical-align:top;cursor:pointer;transition:color var(--dur-fill) var(--ease-out);justify-content:center;align-items:center;margin-bottom:-1px;margin-left:2px;display:inline-flex;position:relative}.chat-more svg{width:14px;height:14px;stroke-width:calc(var(--icon-stroke) * 24 / 14)}.chat-more:after{content:"";position:absolute;inset:-8px -8px 0}@media (pointer:coarse){.chat-more:after{inset:-14px -14px 0}}.chat-more[aria-expanded=true]{color:var(--ink)}@media (hover:hover){.chat-more:hover{color:var(--ink-2)}}.chat-notice{font-size:var(--text-12);line-height:var(--tw-leading,var(--text-12--line-height));font-weight:var(--tw-font-weight,400);color:var(--ink-2);align-items:center;gap:4px;padding:0 14px 6px;display:flex}.chat-notice svg{width:13px;height:13px;color:var(--signal-warn);flex:none}.chat-bar-lines{display:block;position:relative;overflow:hidden}.chat-bar-line{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.chat-bar-line-out{animation:chat-bar-out .32s var(--ease-out) both;position:absolute;inset:0}.chat-bar-line-in{animation:chat-bar-in .32s var(--ease-out) both}@keyframes chat-bar-out{to{opacity:0;transform:translateY(-100%)}}@keyframes chat-bar-in{0%{opacity:0;transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){.chat-bar-line-out{display:none}.chat-bar-line-in{animation:none}}
.icon-btn{border-radius:var(--radius-full);width:24px;height:24px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid;position:relative}.icon-btn[data-size="32"]{width:var(--spacing-control-32);height:var(--spacing-control-32)}.icon-btn[data-shape=square]{border-radius:var(--radius-8)}.icon-btn:after{content:"";width:44px;height:44px;margin:-22px 0 0 -22px;position:absolute;top:50%;left:50%}.icon-btn svg{width:12px;height:12px}.icon-btn[data-size="32"] svg{width:20px;height:20px;stroke-width:calc(var(--icon-stroke-lg) * 24 / 20)}.icon-btn[data-edge=end]{margin-right:var(--icon-edge)}.icon-btn[data-edge=start]{margin-left:var(--icon-edge)}.icon-btn[data-size="24"][data-edge]{--icon-edge:-6px}@media (hover:hover){.icon-btn:hover{background:var(--fill-hover)}}.icon-btn:active{background:var(--fill-press);transition-duration:0s, var(--dur-press)}.icon-btn[data-size="24"]:active{transition-duration:0s, var(--dur-press-in);transform:scale(.9)}.icon-btn:disabled{cursor:default;opacity:.4;transform:none}.icon-btn[data-size="24"]:focus-visible{outline-offset:1px}
@layer properties,theme,base;@layer components{.online-count{font-size:var(--text-12);font-weight:600;line-height:var(--text-12--line-height);white-space:nowrap;color:var(--ink-2);font-variant-numeric:tabular-nums;flex:none;align-items:baseline;gap:6px;display:inline-flex}.online-count-label{color:var(--ink-3);font-weight:400}.online-count-slot{min-width:calc(13px + 1ch);min-height:var(--text-12--line-height)}.online-count-slot:empty:before{content:"​"}}@layer utilities;.online-dot{border-radius:var(--radius-full);background:var(--online);flex:none;align-self:center;width:7px;height:7px;position:relative}.online-count-label .online-dot{width:6px;height:6px}.online-dot:after{content:"";border-radius:inherit;background:var(--online);animation:online-pulse 2s var(--ease-ripple) infinite;position:absolute;inset:0}@keyframes online-pulse{0%{opacity:.45;transform:scale(1)}70%,to{opacity:0;transform:scale(2.4)}}@media (prefers-reduced-motion:reduce){.online-dot:after{display:none}}