@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;600;700&display=swap";:root{--kakao-yellow: #FEE500;--kakao-brown: #3C1E1E;--kakao-black: #191919;--kakao-dark-gray: #333333;--kakao-gray: #999999;--kakao-light-gray: #E5E5E5;--kakao-bg: #FFFFFF;--kakao-chat-bg: #B2C7D9;--kakao-my-bubble: #FEE500;--kakao-other-bubble: #FFFFFF;--kakao-tab-active: #191919;--kakao-tab-inactive: #AAAAAA;--kakao-divider: #F0F0F0;--kakao-search-bg: #F6F6F6;--kakao-profile-bg: #B2C7D9;--kakao-unread: #FF3B30;--kakao-link: #4A90D9}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:Noto Sans KR,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;color:var(--kakao-black);background:#f0f0f0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}button{font-family:inherit;border:none;cursor:pointer;background:none;outline:none}input{font-family:inherit;border:none;outline:none}a{text-decoration:none;color:inherit}.phone-frame.dark{background:#1a1a1a;color:var(--kakao-black)}.phone-frame.dark .chat-header,.phone-frame.dark header{background:#1a1a1a}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00000026;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#00000040}.overlay.svelte-1v3pu27{position:absolute;inset:0;z-index:1000;display:flex;align-items:flex-end;justify-content:center;background:#00000080;animation:svelte-1v3pu27-fadeIn .2s ease}@keyframes svelte-1v3pu27-fadeIn{0%{opacity:0}to{opacity:1}}.popup.svelte-1v3pu27{width:100%;max-width:420px;background:linear-gradient(180deg,#8faabe,#b2c7d9);border-radius:16px 16px 0 0;animation:svelte-1v3pu27-slideUp .3s ease;min-height:380px;display:flex;flex-direction:column}@keyframes svelte-1v3pu27-slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.header.svelte-1v3pu27{display:flex;justify-content:space-between;padding:16px;min-height:56px}.close-btn.svelte-1v3pu27,.star-btn.svelte-1v3pu27{padding:4px;display:flex;opacity:.9}.close-btn.svelte-1v3pu27:hover,.star-btn.svelte-1v3pu27:hover{opacity:1}.profile-content.svelte-1v3pu27{flex:1;display:flex;flex-direction:column;align-items:center;padding:8px 20px 20px;gap:8px}.name.svelte-1v3pu27{color:#fff;font-size:18px;font-weight:600;margin-top:8px}.status.svelte-1v3pu27{color:#ffffffd9;font-size:13px}.music.svelte-1v3pu27{display:flex;align-items:center;gap:4px;color:#fffc;font-size:12px;margin-top:4px}.divider.svelte-1v3pu27{height:1px;background:#ffffff4d;margin:0 40px}.actions.svelte-1v3pu27{display:flex;justify-content:center;gap:32px;padding:20px 20px 28px}.action-btn.svelte-1v3pu27{display:flex;flex-direction:column;align-items:center;gap:6px;padding:0}.action-btn.svelte-1v3pu27 span:where(.svelte-1v3pu27){color:#ffffffe6;font-size:11px}.action-btn.svelte-1v3pu27:hover{opacity:.8}.toast.svelte-1cpok13{position:absolute;bottom:70px;left:50%;transform:translate(-50%);background:#000000bf;color:#fff;padding:10px 20px;border-radius:20px;font-size:13px;z-index:2000;white-space:nowrap;animation:svelte-1cpok13-fadeInUp .25s ease;pointer-events:none}@keyframes svelte-1cpok13-fadeInUp{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.call-screen.svelte-x3ek3i{position:absolute;inset:0;z-index:2000;background:linear-gradient(180deg,#2c2c2c,#1a1a1a);display:flex;flex-direction:column}.call-content.svelte-x3ek3i{flex:1;display:flex;align-items:center;justify-content:center}.user-section.svelte-x3ek3i{display:flex;flex-direction:column;align-items:center;gap:12px;position:relative}.pulse-ring.svelte-x3ek3i{position:absolute;top:-12px;width:120px;height:120px;border-radius:50%;border:2px solid rgba(255,255,255,.3);animation:svelte-x3ek3i-pulse 1.5s ease-in-out infinite}@keyframes svelte-x3ek3i-pulse{0%{transform:scale(.9);opacity:1}50%{transform:scale(1.15);opacity:.4}to{transform:scale(.9);opacity:1}}.user-name.svelte-x3ek3i{color:#fff;font-size:22px;font-weight:600;margin-top:8px}.call-status.svelte-x3ek3i{color:#ffffffb3;font-size:14px}.controls.svelte-x3ek3i{display:flex;justify-content:center;align-items:center;gap:36px;padding:32px 20px 48px}.control-btn.svelte-x3ek3i{width:56px;height:56px;border-radius:50%;background:#ffffff26;display:flex;align-items:center;justify-content:center}.control-btn.svelte-x3ek3i:hover{background:#ffffff40}.control-btn.active.svelte-x3ek3i{background:#ffffff59}.end-btn.svelte-x3ek3i{width:64px;height:64px;background:#ff3b30}.end-btn.svelte-x3ek3i:hover{background:#e0352b}.call-screen.svelte-15vmf5v{position:absolute;inset:0;z-index:2000;background:#1a1a1a;display:flex;flex-direction:column}.remote-area.svelte-15vmf5v{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden}.remote-video.svelte-15vmf5v{width:100%;height:100%;object-fit:cover}.remote-fallback.svelte-15vmf5v{display:flex;align-items:center;justify-content:center}.top-bar.svelte-15vmf5v{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:linear-gradient(180deg,rgba(0,0,0,.5) 0%,transparent 100%)}.remote-name.svelte-15vmf5v{color:#fff;font-size:16px;font-weight:600}.call-time.svelte-15vmf5v{color:#fffc;font-size:14px}.pip.svelte-15vmf5v{position:absolute;top:60px;right:16px;width:100px;height:140px;border-radius:12px;overflow:hidden;background:#333;box-shadow:0 2px 8px #0006}.local-video.svelte-15vmf5v{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.pip-fallback.svelte-15vmf5v{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#444}.controls.svelte-15vmf5v{display:flex;justify-content:center;align-items:center;gap:28px;padding:24px 20px 40px;background:linear-gradient(0deg,rgba(0,0,0,.5) 0%,transparent 100%)}.control-btn.svelte-15vmf5v{width:52px;height:52px;border-radius:50%;background:#ffffff26;display:flex;align-items:center;justify-content:center}.control-btn.svelte-15vmf5v:hover{background:#ffffff40}.control-btn.active.svelte-15vmf5v{background:#ffffff59}.end-btn.svelte-15vmf5v{width:60px;height:60px;background:#ff3b30}.end-btn.svelte-15vmf5v:hover{background:#e0352b}.overlay.svelte-1ukviy8{position:absolute;inset:0;z-index:2500;background:#000000b3;display:flex;align-items:center;justify-content:center;animation:svelte-1ukviy8-fadeIn .3s ease}@keyframes svelte-1ukviy8-fadeIn{0%{opacity:0}to{opacity:1}}.card.svelte-1ukviy8{background:#2c2c2c;border-radius:20px;padding:36px 32px 28px;display:flex;flex-direction:column;align-items:center;gap:32px;min-width:280px}.caller-info.svelte-1ukviy8{display:flex;flex-direction:column;align-items:center;gap:12px}.pulse-wrap.svelte-1ukviy8{position:relative;display:flex;align-items:center;justify-content:center}.pulse-ring.svelte-1ukviy8{position:absolute;width:90px;height:90px;border-radius:50%;border:2px solid rgba(76,217,100,.5);animation:svelte-1ukviy8-pulse 1.5s ease-in-out infinite}@keyframes svelte-1ukviy8-pulse{0%{transform:scale(.85);opacity:1}50%{transform:scale(1.1);opacity:.3}to{transform:scale(.85);opacity:1}}.caller-name.svelte-1ukviy8{color:#fff;font-size:20px;font-weight:600}.call-label.svelte-1ukviy8{color:#fff9;font-size:14px}.actions.svelte-1ukviy8{display:flex;gap:48px}.action-btn.svelte-1ukviy8{display:flex;flex-direction:column;align-items:center;gap:8px}.action-btn.svelte-1ukviy8 span:where(.svelte-1ukviy8){color:#fffc;font-size:12px}.decline.svelte-1ukviy8 svg:where(.svelte-1ukviy8),.accept.svelte-1ukviy8 svg:where(.svelte-1ukviy8){width:56px;height:56px;padding:14px;border-radius:50%}.decline.svelte-1ukviy8 svg:where(.svelte-1ukviy8){background:#ff3b30}.accept.svelte-1ukviy8 svg:where(.svelte-1ukviy8){background:#4cd964}.decline.svelte-1ukviy8:hover svg:where(.svelte-1ukviy8){background:#e0352b}.accept.svelte-1ukviy8:hover svg:where(.svelte-1ukviy8){background:#3cc054}.app-container.svelte-12qhfyh{width:100vw;height:100dvh;display:flex;align-items:center;justify-content:center;background:#e8e8e8}.phone-frame.svelte-12qhfyh{width:100%;max-width:420px;height:100dvh;max-height:100dvh;background:var(--kakao-bg);display:flex;flex-direction:column;overflow:hidden;position:relative;box-shadow:0 0 40px #0000001f}@media(min-height:700px)and (min-width:500px){.phone-frame.svelte-12qhfyh{height:92vh;max-height:844px;border-radius:20px}}