@import "https://fonts.googleapis.com/css2?family=Gowun+Dodum&family=Inter:wght@400;500;600;700;800&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap";:root{--primary:#ef3340;--primary-dark:#c91832;--primary-soft:#fff0f2;--ink:#242135;--muted:#858297;--line:#ececf3;--surface:#fff;--canvas:#f7f7fb;--shadow:0 24px 70px #5d102329}.brand{letter-spacing:-.5px;align-items:center;gap:10px;font-size:18px;font-weight:800;display:flex}.brand__mark{color:#fff;background:linear-gradient(145deg,#ff5360,#d91f39);border-radius:12px;place-items:center;width:36px;height:36px;font-size:18px;font-weight:800;display:inline-grid;box-shadow:0 8px 18px #da1f3945}.brand--light{color:#fff}.brand--light .brand__mark{color:#ef3340;box-shadow:none;background:#fff}.eyebrow{color:var(--primary);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:7px;font-size:12px;font-weight:800;display:inline-flex}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.language-switcher{color:#696574;background:#ffffffe6;border:1px solid #e7e5eb;border-radius:10px;align-items:center;gap:7px;width:fit-content;height:34px;padding:0 9px;display:inline-flex;position:relative}.language-switcher select{min-width:66px;color:inherit;cursor:pointer;background:0 0;border:0;outline:0;padding:0;font-size:11px;font-weight:700}.language-switcher:focus-within{border-color:#f06b76;box-shadow:0 0 0 3px #fff0f2}.language-switcher--compact{gap:4px;width:67px;height:34px;padding:0 6px}.language-switcher--compact select{width:42px;min-width:0;font-size:9px}.icon-button{cursor:pointer;background:0 0;border:0;border-radius:12px;place-items:center;width:38px;height:38px;padding:0;transition:background .2s,color .2s,transform .2s;display:inline-grid}.icon-button:hover{color:var(--primary);background:#f0eff8}.icon-button:active{transform:scale(.94)}.app-loading{width:100%;height:100%;color:var(--muted);background:#f8f8fc;align-content:center;place-items:center;gap:14px;display:grid}.app-loading .brand__mark{border-radius:17px;width:52px;height:52px;font-size:24px;animation:1.5s ease-in-out infinite breathe}.app-loading p{margin:0;font-size:13px}@keyframes breathe{50%{transform:translateY(-4px);box-shadow:0 14px 32px #da1f3952}}.auth-page{background:#fff;grid-template-columns:minmax(390px,47%) 1fr;min-height:100%;display:grid}.auth-story{color:#fff;background:linear-gradient(150deg,#ff515c 0%,#df263e 63%,#a90f2e 100%);flex-direction:column;justify-content:space-between;padding:54px clamp(38px,6vw,86px);display:flex;position:relative;overflow:hidden}.auth-story:before{content:"";border:1px solid #ffffff1f;border-radius:50%;width:520px;height:520px;position:absolute;top:-190px;right:-220px;box-shadow:0 0 0 78px #ffffff09,0 0 0 156px #ffffff06}.auth-story:after{content:"";background:#ffffff0a;border-radius:48px;width:240px;height:240px;position:absolute;bottom:-95px;left:-110px;transform:rotate(28deg)}.auth-story>*{z-index:1;position:relative}.auth-story__copy{max-width:570px}.auth-story__copy .eyebrow{color:#ffe1e5;margin-bottom:25px}.auth-story__copy h1{letter-spacing:-.055em;margin:0 0 25px;font-family:Gowun Dodum,Noto Sans KR,sans-serif;font-size:clamp(39px,4.1vw,63px);font-weight:400;line-height:1.24}.auth-story__copy p{color:#ffffffbf;word-break:keep-all;max-width:500px;margin:0;font-size:16px;line-height:1.8}html[lang=ja] .auth-story__copy h1{letter-spacing:-.045em;font-size:clamp(34px,3.1vw,44px);line-height:1.32}html[lang=ja] .auth-story__copy p{word-break:normal;overflow-wrap:anywhere}.auth-story__features{color:#ffffffd1;flex-wrap:wrap;gap:22px;font-size:13px;font-weight:600;display:flex}.auth-story__features span{align-items:center;gap:8px;display:flex}.auth-panel{background:radial-gradient(circle at 80% 10%,#fff8f9,#fff 45%);place-items:center;padding:44px;display:grid}.auth-card{width:min(100%,470px)}.auth-card__mobile-brand{display:none}.auth-card__toolbar{justify-content:flex-end;margin-bottom:14px;display:flex}.auth-tabs{background:#f2f1f7;border-radius:12px;width:220px;margin-bottom:48px;padding:4px;display:flex}.auth-tabs button{color:#8b8899;cursor:pointer;background:0 0;border:0;border-radius:9px;flex:1;padding:9px 12px;font-size:13px;font-weight:700}.auth-tabs button.active{color:var(--primary);background:#fff;box-shadow:0 3px 10px #20185714}.auth-card__heading h2{letter-spacing:-.045em;margin:0 0 10px;font-size:29px}.auth-card__heading p{color:var(--muted);margin:0 0 34px;font-size:14px}.google-login{gap:18px;margin:-10px 0 20px;display:grid}.google-login__button{justify-content:center;min-height:44px;display:flex;overflow:hidden}.google-login--link{margin:5px 0 0}.kakao-login-button{color:#332d00;cursor:pointer;background:#fee500;border:0;border-radius:10px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:42px;padding:0 12px;font-size:11px;font-weight:800;display:flex}.kakao-login-button span{background:#332d0014;border-radius:7px;place-items:center;width:21px;height:21px;display:grid}.kakao-login-button:disabled{color:#8e8996;cursor:default;background:#efedf2}.auth-divider{color:#aaa6b0;align-items:center;gap:12px;font-size:10px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#ece9ed;flex:1;height:1px}.auth-divider span{flex:none}.auth-form{gap:19px;display:grid}.auth-form__row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.auth-form label{color:#514e60;gap:8px;font-size:12px;font-weight:700;display:grid}.auth-form label>span{gap:3px;display:grid}.auth-form label small{color:#9c98a5;letter-spacing:-.01em;font-size:9px;font-weight:500}.auth-form input{width:100%;height:50px;color:var(--ink);background:#fff;border:1px solid #e4e3ea;border-radius:12px;padding:0 15px;font-size:14px;transition:border-color .2s,box-shadow .2s}.auth-form input::placeholder{color:#bbb9c4}.auth-form input:focus{border-color:#f06b76;outline:none;box-shadow:0 0 0 4px #fff0f2}.form-error{color:#bd3b4d;background:#fff0f2;border-radius:10px;margin:-4px 0 0;padding:11px 13px;font-size:12px;line-height:1.5}.primary-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff4c59,#d91f39);border:0;border-radius:13px;justify-content:center;align-items:center;gap:9px;height:52px;margin-top:6px;font-weight:700;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 13px 27px #da1f393d}.primary-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 17px 30px #da1f394d}.primary-button:disabled{opacity:.65;cursor:wait}.messenger{background:var(--canvas);grid-template-columns:350px minmax(0,1fr);width:100%;height:100%;display:grid;position:relative}.notice{z-index:50;color:#9d3342;background:#fff8f9;border:1px solid #f4c7ce;border-radius:12px;align-items:center;gap:15px;max-width:calc(100% - 32px);padding:11px 12px 11px 17px;font-size:13px;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #4d212c1f}.notice button{color:inherit;cursor:pointer;background:#ffe7ea;border:0;border-radius:7px;padding:4px 8px;font-size:11px}.sidebar{border-right:1px solid var(--line);background:var(--surface);flex-direction:column;min-width:0;height:100%;display:flex}.sidebar__header{border-bottom:1px solid #f3f2f7;justify-content:space-between;align-items:center;min-height:75px;padding:0 22px;display:flex}.sidebar__actions{align-items:center;gap:2px;display:flex}.sidebar__profile{align-items:center;gap:13px;padding:21px 22px 15px;display:flex}.sidebar__profile>span{gap:3px;min-width:0;display:grid}.sidebar__profile strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.sidebar__profile small{color:var(--muted);font-size:11px}.sidebar__search{color:#9c99a8;cursor:pointer;text-align:left;background:#f6f6f9;border:0;border-radius:11px;align-items:center;gap:9px;height:42px;margin:4px 18px 21px;padding:0 13px;font-size:12px;display:flex}.sidebar__search:hover{color:var(--primary);background:var(--primary-soft)}.room-heading{color:#9b98a7;letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:0 23px 9px;font-size:10px;font-weight:800;display:flex}.room-heading span:last-child{color:#777386;letter-spacing:0;background:#efeff4;border-radius:8px;place-items:center;min-width:21px;height:18px;padding:0 5px;font-size:10px;display:grid}.room-list{min-height:0;padding:0 10px 18px;overflow-y:auto}.room-list::-webkit-scrollbar{width:5px}.message-list::-webkit-scrollbar{width:5px}.room-list::-webkit-scrollbar-thumb{background:#dddce5;border-radius:5px}.message-list::-webkit-scrollbar-thumb{background:#dddce5;border-radius:5px}.room-row{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:13px;align-items:center;gap:12px;width:100%;padding:12px 11px;transition:background .18s;display:flex}.room-row:hover{background:#f7f6fb}.room-row.active{background:var(--primary-soft)}.room-row__avatar{flex:none;position:relative}.room-row__avatar i{background:#ff5c7a;border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;bottom:1px;right:-1px}.room-row__content{flex:1;gap:5px;min-width:0;display:grid}.room-row__top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.room-row__top strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.room-row__top time{color:#aaa7b5;flex:none;font-size:9px}.room-row__preview{color:#9b98a8;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.room-row__preview.unread{color:#575365;font-weight:700}.empty-rooms{color:var(--muted);text-align:center;justify-items:center;padding:50px 20px;display:grid}.empty-rooms__icon{width:52px;height:52px;color:var(--primary);background:var(--primary-soft);border-radius:17px;place-items:center;margin-bottom:15px;display:grid}.empty-rooms strong{color:#5c5868;font-size:13px}.empty-rooms p{margin:8px 0 18px;font-size:11px;line-height:1.7}.empty-rooms button{color:var(--primary);background:var(--primary-soft);cursor:pointer;border:0;border-radius:9px;padding:8px 12px;font-size:11px;font-weight:700}.avatar{color:#fff;border-radius:35%;flex:none;place-items:center;font-weight:700;display:inline-grid;box-shadow:inset 0 0 0 1px #ffffff2e}.avatar--small{border-radius:11px;width:30px;height:30px;font-size:11px}.avatar--medium{border-radius:15px;width:43px;height:43px;font-size:14px}.avatar--large{border-radius:16px;width:48px;height:48px;font-size:16px}.chat-panel{background:#f8f8fc;min-width:0;height:100%}.chat-panel--empty{color:var(--muted);text-align:center;align-content:center;place-items:center;padding:30px;display:grid}.chat-panel--empty h2{color:#514c64;letter-spacing:-.03em;margin:24px 0 9px;font-family:Gowun Dodum,sans-serif;font-size:22px;font-weight:400}.chat-panel--empty p{margin:0;font-size:12px;line-height:1.75}.welcome-visual{place-items:center;width:155px;height:130px;display:grid;position:relative}.welcome-visual__mark{color:#fff;background:linear-gradient(145deg,#ff5360,#d91f39);border-radius:23px;place-items:center;width:66px;height:66px;font-size:27px;font-weight:800;display:grid;transform:rotate(-3deg);box-shadow:0 17px 36px #da1f3947}.welcome-visual__bubble{background:#fff;border-radius:19px;position:absolute;box-shadow:0 9px 28px #2b25531a}.welcome-visual__bubble:after{content:"";background:inherit;width:13px;height:13px;position:absolute;bottom:-5px;transform:rotate(45deg)}.welcome-visual__bubble.one{width:49px;height:39px;top:5px;right:6px}.welcome-visual__bubble.one:after{right:8px}.welcome-visual__bubble.two{background:#ffe2e6;width:38px;height:30px;bottom:7px;left:8px}.welcome-visual__bubble.two:after{left:7px}.chat-panel--active{grid-template-rows:76px minmax(0,1fr) auto;display:grid}.chat-header{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff2;align-items:center;gap:12px;padding:0 25px;display:flex}.chat-header__back{display:none}.chat-header__title{flex:1;gap:3px;display:grid}.chat-header__title strong{font-size:14px}.chat-header__title small{color:#9d99a9;align-items:center;gap:6px;font-size:10px;display:flex}.chat-header__title i{background:#c5c3ca;border-radius:50%;width:7px;height:7px}.chat-header__title i.online{background:#21b987;box-shadow:0 0 0 3px #dff8ef}.message-list{background:radial-gradient(circle at 90% 0,#ef33400d,#0000 32%),#f8f8fc;padding:24px clamp(22px,5vw,68px) 22px;overflow-y:auto}.date-divider{color:#aaa7b5;align-items:center;gap:12px;margin:4px 0 26px;font-size:9px;display:flex}.date-divider:before,.date-divider:after{content:"";background:#ecebf1;flex:1;height:1px}.date-divider span{background:#eeeef4;border-radius:9px;padding:5px 10px}.message{align-items:flex-end;gap:9px;max-width:78%;margin:0 0 16px;display:flex}.message--mine{justify-content:flex-end;margin-left:auto}.message__body{gap:6px;display:grid}.message__body>strong{color:#777384;padding-left:4px;font-size:10px;font-weight:700}.message__line{align-items:flex-end;gap:7px;display:flex}.message--mine .message__line{flex-direction:row-reverse}.message__bubble{color:#454151;white-space:pre-wrap;word-break:break-word;background:#fff;border:1px solid #ecebf1;border-radius:6px 16px 16px;padding:10px 13px;font-size:13px;line-height:1.55;box-shadow:0 3px 10px #20194d09}.message--mine .message__bubble{color:#fff;background:linear-gradient(135deg,#ff4c59,#d91f39);border:0;border-radius:16px 6px 16px 16px;box-shadow:0 6px 16px #da1f392b}.message__bubble a{color:#cf1733;text-underline-offset:2px;overflow-wrap:anywhere;font-weight:600;text-decoration:underline;text-decoration-thickness:1px}.message--mine .message__bubble a{color:inherit}.message__meta{color:#aaa7b4;white-space:nowrap;align-items:center;gap:3px;padding-bottom:2px;font-size:8px;display:flex}.message__meta svg{color:#ef5260}.empty-conversation{color:#a09dad;text-align:center;justify-items:center;margin-top:15vh;display:grid}.empty-conversation span{margin-bottom:10px;font-size:27px}.empty-conversation strong{color:#716d7d;font-size:13px}.empty-conversation p{margin:7px 0;font-size:10px}.composer{min-height:76px;padding:14px clamp(18px, 4vw, 42px) max(14px, env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fff;align-items:flex-end;gap:7px;display:flex}.composer textarea{resize:none;color:#3e3a4a;background:#fafafd;border:1px solid #e7e6ed;border-radius:14px;flex:1;min-height:43px;max-height:120px;padding:11px 13px;font-size:13px;line-height:20px}.composer textarea:focus{background:#fff;border-color:#f06b76;outline:none;box-shadow:0 0 0 3px #fff0f2}.composer textarea::placeholder{color:#aaa7b4}.send-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff4c59,#d91f39);border:0;border-radius:14px;flex:none;place-items:center;width:43px;height:43px;transition:transform .18s,opacity .18s;display:grid;box-shadow:0 8px 18px #da1f3940}.send-button:hover:not(:disabled){transform:translateY(-2px)}.send-button:disabled{opacity:.35;box-shadow:none;cursor:default}.modal-backdrop{z-index:40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#3b0e1a6b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{width:min(100%,475px);box-shadow:var(--shadow);background:#fff;border:1px solid #ffffffb3;border-radius:22px;animation:.2s ease-out modal-in;overflow:hidden}@keyframes modal-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}.modal-card__header{justify-content:space-between;align-items:center;padding:24px 25px 16px;display:flex}.modal-card__header h2{letter-spacing:-.04em;margin:6px 0 0;font-size:21px}.modal-mode-tabs{background:#f3f2f6;border-radius:11px;gap:4px;margin:0 22px 15px;padding:4px;display:flex}.modal-mode-tabs button{color:#8b8794;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;min-height:36px;font-size:11px;font-weight:700;display:flex}.modal-mode-tabs button.active{color:var(--primary);background:#fff;box-shadow:0 3px 10px #40222c14}.group-name-field{color:#696574;gap:7px;margin:0 22px 13px;font-size:10px;font-weight:700;display:grid}.group-name-field input{width:100%;height:43px;color:var(--ink);background:#fafafd;border:1px solid #e6e5ed;border-radius:12px;padding:0 13px;font-size:13px}.group-name-field input:focus{background:#fff;border-color:#f06b76;outline:none;box-shadow:0 0 0 3px #fff0f2}.search-field{color:#9996a5;background:#fafafd;border:1px solid #e6e5ed;border-radius:12px;align-items:center;gap:9px;height:45px;margin:0 22px 13px;padding:0 13px;display:flex}.search-field:focus-within{border-color:#f06b76;box-shadow:0 0 0 3px #fff0f2}.search-field input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:13px}.people-list{min-height:260px;max-height:420px;padding:4px 13px 18px;overflow-y:auto}.person-row{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:13px;align-items:center;gap:12px;width:100%;padding:11px;display:flex}.person-row:hover{background:#f7f6fb}.person-row.selected{background:var(--primary-soft)}.person-row>span:nth-child(2){flex:1;gap:3px;min-width:0;display:grid}.person-row strong{font-size:13px}.person-row small{color:var(--muted);font-size:10px}.person-row__action{color:var(--primary);font-size:10px;font-weight:700;flex:none!important}.member-check{color:#fff;background:#fff;border:1px solid #dedce4;border-radius:8px;place-items:center;width:22px;height:22px;display:grid;flex:none!important}.member-check.selected{border-color:var(--primary);background:var(--primary)}.modal-error{color:#bd3b4d;margin:0 22px 8px;font-size:11px}.empty-search{color:#aaa7b5;align-content:center;justify-items:center;min-height:230px;display:grid}.empty-search p{font-size:11px}.modal-card__footer{color:var(--muted);border-top:1px solid #f0eff4;justify-content:space-between;align-items:center;gap:15px;padding:14px 22px 20px;font-size:11px;display:flex}.modal-create-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff4c59,#d91f39);border:0;border-radius:11px;min-width:112px;height:40px;padding:0 16px;font-size:11px;font-weight:800;box-shadow:0 8px 18px #da1f392e}.modal-create-button:disabled{opacity:.38;box-shadow:none;cursor:default}.account-connections{width:min(100%,560px);max-height:min(90vh,820px);overflow-y:auto}.account-connections__intro{color:var(--muted);margin:-3px 25px 18px;font-size:12px;line-height:1.65}.connection-list{gap:10px;padding:0 22px;display:grid}.connection-card{background:#fafafd;border:1px solid #ebe9ef;border-radius:14px;align-items:center;gap:12px;min-height:67px;padding:12px 14px;display:flex}.connection-provider{color:#fff;border-radius:12px;flex:none;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.connection-provider--password{background:linear-gradient(145deg,#655d72,#393442)}.connection-provider--google{color:#4285f4;background:#fff;box-shadow:inset 0 0 0 1px #e2e0e6}.connection-provider--kakao{color:#332d00;background:#fee500}.connection-card__body,.connection-card__heading>div,.connected-identity>span{flex:1;gap:3px;min-width:0;display:grid}.connection-card strong,.connected-identity strong{font-size:12px}.connection-card small,.connected-identity small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.connection-status{color:#8e8996;background:#efedf2;border-radius:8px;flex:none;padding:5px 8px;font-size:9px;font-weight:800}.connection-status.connected{color:#18865f;background:#e4f8f0}.connection-card--stacked{display:grid}.connection-card__heading{align-items:center;gap:12px;display:flex}.connected-identity{border-top:1px solid #ebe9ef;align-items:center;gap:12px;margin-left:48px;padding:10px 0;display:flex}.connected-identity button{color:#9e3a49;cursor:pointer;background:#fff0f2;border:0;border-radius:8px;flex:none;align-items:center;gap:5px;padding:6px 8px;font-size:9px;font-weight:700;display:flex}.connected-identity button:disabled{opacity:.5;cursor:wait}.connection-card--disabled{opacity:.9;grid-template-columns:auto minmax(0,1fr);display:grid}.connection-card--disabled .kakao-login-button{grid-column:1/-1}.password-connect{align-items:end;gap:8px;margin:-3px 0 2px 48px;display:flex}.password-connect label{color:#77727f;flex:1;gap:6px;min-width:0;font-size:9px;font-weight:700;display:grid}.password-connect input{width:100%;height:38px;color:var(--ink);background:#fff;border:1px solid #e2dfe6;border-radius:10px;padding:0 11px;font-size:11px}.password-connect input:focus{border-color:#f06b76;outline:none;box-shadow:0 0 0 3px #fff0f2}.password-connect button{color:#fff;background:var(--primary);cursor:pointer;border:0;border-radius:10px;flex:none;height:38px;padding:0 11px;font-size:9px;font-weight:800}.password-connect button:disabled{opacity:.4;cursor:default}.account-merge-note{color:#7d7180;background:#f7f3f6;border-radius:11px;margin:18px 22px 22px;padding:11px 13px;font-size:10px;line-height:1.6}.merge-confirmation{background:#fff7f8;border:1px solid #f3bfc7;border-radius:13px;gap:10px;margin:16px 22px 0;padding:15px;display:grid}.merge-confirmation>strong{color:#912d3d;font-size:13px}.merge-confirmation p{color:#665b69;margin:0;font-size:11px;line-height:1.6}.merge-confirmation>div{gap:7px;display:flex}.merge-confirmation>div span{color:#7b4050;background:#ffe6ea;border-radius:8px;padding:5px 8px;font-size:9px;font-weight:700}.merge-confirmation small{color:#9b6670;font-size:9px;line-height:1.5}.merge-confirmation footer{justify-content:flex-end;gap:7px;display:flex}.merge-confirmation footer button{cursor:pointer;border:0;border-radius:9px;height:35px;padding:0 12px;font-size:10px;font-weight:800}.merge-cancel{color:#706a75;background:#eeeaf0}.merge-confirm{color:#fff;background:var(--primary)}.merge-confirm:disabled{opacity:.5;cursor:wait}.developer-tokens{background:#fafafd;border:1px solid #ebe9ef;border-radius:14px;gap:10px;margin:17px 22px 0;padding:15px;display:grid}.developer-tokens>header{align-items:center;gap:11px;display:flex}.developer-tokens>header>div{flex:1;gap:3px;min-width:0;display:grid}.developer-tokens>header strong{font-size:12px}.developer-tokens>header small{color:var(--muted);font-size:10px;line-height:1.45}.developer-tokens>header a{color:var(--primary);flex:none;font-size:9px;font-weight:800;text-decoration:none}.connection-provider--api{background:linear-gradient(145deg,#ef3340,#9d1933)}.developer-token{background:#fff;border:1px solid #ece9ef;border-radius:10px;align-items:center;gap:9px;padding:9px 10px;display:flex}.developer-token>svg{color:#8d6871;flex:none}.developer-token>span{flex:1;gap:2px;min-width:0;display:grid}.developer-token strong{font-size:10px}.developer-token small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.developer-token>button{color:#a03244;cursor:pointer;background:#fff0f2;border:0;border-radius:8px;flex:none;align-items:center;gap:4px;padding:6px 8px;font-size:8px;font-weight:800;display:flex}.developer-token-create{grid-template-columns:minmax(0,1fr) auto;gap:9px 12px;padding-top:3px;display:grid}.developer-token-create>label{color:#77727f;gap:5px;font-size:9px;font-weight:700;display:grid}.developer-token-create input[type=text],.developer-token-create>label input{height:37px;color:var(--ink);background:#fff;border:1px solid #e2dfe6;border-radius:9px;padding:0 10px;font-size:10px}.developer-token-create fieldset{border:0;flex-wrap:wrap;grid-column:1/-1;gap:6px;padding:0;display:flex}.developer-token-create legend{color:#77727f;width:100%;margin-bottom:5px;font-size:9px;font-weight:700}.developer-token-create fieldset label{cursor:pointer}.developer-token-create fieldset input{opacity:0;pointer-events:none;position:absolute}.developer-token-create fieldset span{color:#8d8792;background:#fff;border:1px solid #dedbe2;border-radius:8px;align-items:center;gap:3px;padding:6px 8px;font-size:8px;font-weight:700;display:flex}.developer-token-create fieldset span svg{display:none}.developer-token-create fieldset input:checked+span{color:#a9273d;background:#fff0f2;border-color:#ef9aa4}.developer-token-create fieldset input:checked+span svg{display:block}.developer-token-create__submit{color:#fff;background:var(--primary);cursor:pointer;border:0;border-radius:9px;align-self:end;height:37px;padding:0 12px;font-size:9px;font-weight:800}.developer-token-create__submit:disabled{opacity:.4;cursor:default}.developer-token-secret{background:#fff5f6;border:1px solid #f0b4bd;border-radius:10px;gap:5px;padding:11px;display:grid}.developer-token-secret>strong{color:#902e3e;font-size:10px}.developer-token-secret>p{color:#8a6670;margin:0;font-size:8px;line-height:1.5}.developer-token-secret>div{gap:6px;display:flex}.developer-token-secret code{color:#5b4148;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;background:#fff;border-radius:7px;flex:1;padding:8px;font-size:8px}.developer-token-secret button{color:#fff;cursor:pointer;background:#4c3840;border:0;border-radius:7px;align-items:center;gap:4px;padding:0 9px;font-size:8px;font-weight:800;display:flex}.developer-tokens__error{color:#bd3b4d;margin:0;font-size:9px}@media (width<=900px){.auth-page{background:linear-gradient(160deg,#fff3f5,#fff 45%);grid-template-columns:1fr;overflow-y:auto}.auth-story{display:none}.auth-panel{align-content:start;min-height:100%;padding:45px 22px}.auth-card__mobile-brand{align-items:center;gap:10px;margin-bottom:42px;font-weight:800;display:flex}.auth-tabs{margin-bottom:32px}.messenger{grid-template-columns:310px minmax(0,1fr)}}@media (width<=680px){.messenger{display:block}.sidebar{width:100%}.messenger--chat-open .sidebar,.chat-panel{display:none}.messenger--chat-open .chat-panel{width:100%;display:grid}.chat-header{padding:0 13px}.chat-header__back{display:inline-grid}.message-list{padding:20px 14px}.message{max-width:88%}.composer{padding-inline:10px}.sidebar__header,.chat-header{padding-top:env(safe-area-inset-top);min-height:calc(72px + env(safe-area-inset-top))}.modal-backdrop{align-items:end;padding:0}.modal-card{width:100%;padding-bottom:env(safe-area-inset-bottom);border-radius:24px 24px 0 0}}@media (width<=430px){.auth-panel{padding:30px 18px}.auth-card__mobile-brand{margin-bottom:32px}.auth-card__heading h2{font-size:25px}.auth-form__row{grid-template-columns:1fr}.auth-tabs{width:100%}}:root{color:#232135;font-synthesis:none;text-rendering:optimizelegibility;background:#f4f5fa;font-family:Inter,Noto Sans KR,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;margin:0}body{overflow:hidden}button,input,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #ef334038}button,a{-webkit-tap-highlight-color:transparent}