/* Reference-inspired Kakao surfaces. Scoped to the phone's Kakao screens. */
.kakao-list,.kakao-room,.kakao-profile{font-family:-apple-system,BlinkMacSystemFont,'Noto Sans KR',sans-serif;letter-spacing:-.35px}
.kakao-list{background:#fff;color:#191919}.kakao-list .native-large-head{padding:17px 16px 12px;min-height:70px}.kakao-list .native-large-head h2{font-size:25px;font-weight:750;letter-spacing:-1px;display:flex;align-items:center;gap:9px}.kakao-list .native-large-head h2 .my-avatar{width:32px;height:32px;border-radius:12px;font-size:15px}.kakao-list .head-tools{gap:10px}.kakao-list .head-tools button{padding:3px;min-width:29px;height:34px}.kakao-list .head-tools svg{width:25px;height:25px;stroke-width:2}
.kakao-list .chat-filters{padding:3px 16px 16px;gap:7px;overflow:auto;scrollbar-width:none}.kakao-list .chat-filters button{display:flex;align-items:center;gap:6px;flex-shrink:0;background:#f2f2f2;color:#626262;border-radius:30px;padding:11px 17px;font-size:14px;font-weight:650}.kakao-list .chat-filters button.selected{background:#191919;color:#fff}.kakao-list .chat-filters button b{background:#ff5421;color:white;min-width:19px;height:19px;border-radius:20px;display:grid;place-items:center;font-size:11px}
.kakao-banner{display:flex;width:calc(100% - 32px);margin:0 16px 12px;padding:13px 16px;gap:12px;align-items:center;text-align:left;background:#f4f4f4;border-radius:15px;min-height:86px}.kakao-banner>span{min-width:0;flex:1}.kakao-banner small{font-size:9px;color:#999;letter-spacing:.5px;display:block}.kakao-banner b{display:block;font-size:14px;margin:6px 0;color:#252525}.kakao-banner em{font-size:10px;font-style:normal;color:#909090;display:block;line-height:1.5}.kakao-banner img{width:70px;height:65px;object-fit:cover;border-radius:8px;object-position:center 25%}
.kakao-chat-row{display:flex;padding:12px 16px;gap:12px;align-items:center;min-height:81px}.kakao-contact-avatar{padding:0;flex-shrink:0}.kakao-contact-avatar .avatar,.kakao-list .chat-list-row>.avatar{width:49px;height:49px;border-radius:20px;object-fit:cover}.kakao-conversation{display:flex;align-items:center;gap:10px;min-width:0;flex:1;text-align:left;padding:5px 0}.kakao-list .row-copy b{font-size:15px;font-weight:600}.kakao-list .row-copy small{font-size:13px;margin-top:5px;line-height:1.45;color:#8b8b8b}.kakao-list .row-meta{font-size:11px;color:#8a8a8a;gap:5px}.kakao-list .unread-badge,.kakao-nav-badge{background:#ff5421;color:white;min-width:19px;height:19px;border-radius:20px;font-size:11px;display:grid;place-items:center}
.kakao-list .kakao-nav{background:#fff;border:0;padding:10px 16px 25px;min-height:75px}.kakao-nav button{color:#babec0;flex:1}.kakao-nav button.active{color:#2b3339}.kakao-nav svg{width:25px;height:25px;stroke-width:2}.kakao-nav button.active svg{fill:#2b3339;stroke:#2b3339}.kakao-nav-badge{position:absolute;right:4px;top:-2px;border:2px solid white;font-weight:500;box-sizing:content-box}
.kakao-friend-section{padding-top:12px}.kakao-friend-section h3{font-size:14px;letter-spacing:-.4px;margin:0;padding:7px 16px;font-weight:700}.kakao-friend-section h3 span{font-weight:600}.kakao-friend-section .chat-list-row{padding:11px 16px;min-height:78px}.kakao-row-pill{font-size:12px;padding:8px 12px;background:#f5f5f5;border-radius:20px;color:#555}.kakao-updates{padding:10px 16px 19px;display:flex;gap:18px}.kakao-updates>button{padding:0;display:flex;flex-direction:column;align-items:center;gap:7px}.kakao-updates>button>span{position:relative}.kakao-updates .avatar{width:48px;height:48px;border-radius:20px}.kakao-updates small{font-size:12px}.kakao-updates i{position:absolute;right:-3px;top:-3px;background:#ff5421;width:5px;height:5px;border-radius:50%}.kakao-add-favorite{display:flex;align-items:center;gap:8px;color:#888;font-size:12px;padding:16px}.kakao-add-favorite svg{width:17px;height:17px}
.kakao-room{background:#adc3d0;color:#17252d}.kakao-room .chat-history{background:none;padding:10px 10px 18px}.kakao-room .native-head{background:transparent;border:0;padding:5px 14px 12px;min-height:67px;gap:10px}.glass-control{background:linear-gradient(145deg,#e5f5ffb5,#cee9f88c);border:1px solid #ffffffbd;box-shadow:inset 0 1px 2px #fff8,0 0 0 .6px #7693a576;backdrop-filter:blur(18px) saturate(1.2);border-radius:28px;color:#20303a}
.kakao-room-head{position:relative}.kakao-room-head .kakao-back{height:43px;min-width:48px;padding:9px 12px}.kakao-room-head .kakao-back svg{width:23px;height:23px;stroke-width:2}.kakao-room-head .kakao-room-title{position:absolute;left:50%;transform:translateX(-50%);max-width:calc(100% - 224px);text-align:center;font-size:16px;font-weight:700;white-space:nowrap;padding:0;min-width:0;background:none}.kakao-room-head .head-tools{margin-left:auto;height:43px;width:124px;max-width:calc(50% - 66px);padding:0 4px;gap:0;box-sizing:border-box}.kakao-room-head .head-tools button{flex:1;padding:3px;min-width:0;height:36px}.kakao-room-head .head-tools svg{width:22px;height:22px;stroke-width:2}
.kakao-room .native-date{font-size:11px;border-radius:18px;padding:6px 13px;background:#8faab951;color:#263c49;margin:3px auto 17px}.kakao-room .native-message{gap:7px;margin-bottom:5px}.kakao-room .native-message.first{margin-top:14px}.kakao-room .message-avatar,.kakao-room .message-avatar img{width:33px;height:33px;border-radius:14px}.kakao-room .message-column{max-width:calc(100% - 42px)}.kakao-room .message-sender{font-size:12px;font-weight:400;color:#354c59;margin-bottom:4px}.kakao-room .message-line{gap:5px}.kakao-room .message-content{max-width:min(242px,62vw);min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:5px}.kakao-room .out .message-content{align-items:flex-end}.kakao-room .message-bubble{font-size:15px;line-height:1.45;padding:9px 11px;border-radius:15px!important;max-width:100%;position:relative;font-weight:400;background:#fff;color:#111;letter-spacing:-.4px}.kakao-room .out .message-bubble{background:#ffe500}.kakao-room .first.in .message-bubble:before{content:'';position:absolute;left:-4px;top:0;border-top:9px solid white;border-left:8px solid transparent}.kakao-room .first.out .message-bubble:before{content:'';position:absolute;right:-4px;top:0;border-top:9px solid #ffe500;border-right:8px solid transparent}.kakao-room .kakao-message-photo{display:block;max-width:100%;width:200px;max-height:255px;object-fit:contain;object-position:left center;border-radius:13px}.kakao-room .message-meta{font-size:9px;color:#4c6371;min-width:24px;line-height:1.2;margin-bottom:3px}.kakao-room .message-meta b{font-size:10px;color:#ffec00;font-weight:500}.kakao-room .native-system{font-size:11px;color:#3e596a}
.kakao-room .native-composer{margin:8px 10px 24px;padding:7px 8px;gap:5px;min-height:48px;border-radius:29px;background:linear-gradient(140deg,#e3f4ffbd,#cce8f5b0);border:1px solid #f2fcff;box-shadow:inset 0 1px 2px #fff9,0 0 0 .7px #7693a57d;backdrop-filter:blur(18px);overflow:hidden}.kakao-room .native-composer>button{width:34px;height:34px;min-width:34px;border-radius:50%;padding:5px;background:#fff;color:#1d252b}.kakao-room .native-composer>button svg{width:25px;height:25px;stroke-width:2}.kakao-room .composer-field{border:0;padding:0 0 0 3px;background:transparent;align-items:center;min-width:0}.kakao-room .composer-field input{font-size:14px;padding:7px 0;min-width:0}.kakao-room .composer-field input::placeholder{color:#8497a3}.kakao-room .composer-field button{padding:5px;background:#9eb6c368;border-radius:50%;height:28px;min-width:28px;display:grid;place-items:center;color:#1d252b}.kakao-room .composer-field svg{width:20px;height:20px}.kakao-room .native-composer .send-button{background:#ffe500}.kakao-room .native-composer .chat-hash{font-size:0}.kakao-room .native-composer .chat-hash:after{content:'#';font-size:24px;font-weight:700}.kakao-room .native-composer:not(:has(input:placeholder-shown)) .chat-hash{display:none}.kakao-room .native-composer:has(input:placeholder-shown) .send-button{display:none}
.kakao-room .reply-suggestions{background:transparent;padding:3px 12px 0}.kakao-room .suggestion-toggle{color:#4c6574;padding:3px 1px;font-size:10px}.kakao-room .suggestion-list{padding:3px 0 2px}.kakao-room .suggestion-list button{border:1px solid #ffffffa3;background:#f4f9fbc9;color:#273b48;border-radius:18px;padding:7px 11px;font-size:11px}.kakao-room .attachment-tray{max-height:110px;overflow:auto}.kakao-room .attachment-tray button{min-width:65px;flex:none}.kakao-room .room-event{margin:6px 12px;border:0;border-radius:16px;background:#f8fcffcf}
.kakao-profile{padding:0;background:#fff;color:#fff}.kakao-profile>.native-scroll{overflow:auto}.kakao-profile-hero{position:relative;min-height:560px;height:76vh;max-height:680px;isolation:isolate;display:flex;align-items:flex-end}.kakao-profile-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.kakao-profile-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(#19375655 0,#16395510 40%,#26332970 65%,#373934d9 100%)}.kakao-profile-top{position:absolute;top:57px;left:16px;right:16px;display:flex;justify-content:space-between;align-items:center}.kakao-profile-top>button{width:44px;height:44px;display:grid;place-items:center;padding:9px}.kakao-profile-top>div{display:flex;align-items:center;padding:2px 7px;gap:5px;height:44px}.kakao-profile-top>div>button{height:36px;min-width:32px;display:grid;place-items:center;padding:6px}.kakao-profile-top svg{height:23px;width:23px;stroke-width:2}.kakao-profile-top [aria-pressed=true] svg{fill:#fff}.kakao-profile-note{position:absolute;top:30%;left:40px;display:flex;flex-direction:column;gap:9px}.kakao-profile-note b{font-size:13px;letter-spacing:1.1px}.kakao-profile-note span{font-size:12px;color:#f3f5f9c7}.kakao-profile-identity{padding:0 16px 24px;width:100%}.kakao-profile-identity>.avatar{width:66px;height:66px;border-radius:25px;object-fit:cover}.kakao-profile-identity h2{font-size:26px;margin:13px 0 5px;font-weight:650;letter-spacing:-1px}.kakao-profile-identity p{font-size:12px;margin:0 0 23px;color:#eee}.kakao-profile-actions{display:flex;border:1px solid #ffffff90;border-radius:9px;padding:9px 0;background:#ffffff06}.kakao-profile-actions button{display:flex;gap:7px;justify-content:center;align-items:center;flex:1;color:white;font-size:15px;padding:4px}.kakao-profile-actions button+button{border-left:1px solid #ffffff90}.kakao-profile-actions svg{width:21px;height:21px}.kakao-profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;padding-bottom:25px;background:#fff}.kakao-profile-grid button{padding:0;aspect-ratio:1/1;min-width:0;overflow:hidden}.kakao-profile-grid img{display:block;width:100%;height:100%;object-fit:cover}.kakao-profile-enlarged{display:block;width:100%;max-height:65vh;object-fit:contain;border-radius:14px}.kakao-photo-modal{padding:42px 12px 14px}
@media(min-width:601px){.kakao-profile-hero{height:550px;min-height:500px}.kakao-room .message-content{max-width:220px}.kakao-room .message-bubble{font-size:13px}.kakao-room .kakao-message-photo{max-height:210px;width:180px}}
@media(max-width:360px){.kakao-room .native-head{padding-left:10px;padding-right:10px;gap:5px}.kakao-room-head .head-tools{gap:0;padding:0 4px}.kakao-room-head .head-tools button{min-width:0}.kakao-room-head .kakao-room-title{font-size:14px}.kakao-room .message-bubble{font-size:14px}.kakao-list .head-tools{gap:5px}}
@media(max-height:650px){.kakao-room .native-head{min-height:57px;padding-bottom:6px}.kakao-room .native-composer{margin-bottom:20px}.kakao-profile-hero{min-height:440px;height:78vh}.kakao-profile-note{top:28%}.kakao-profile-identity{padding-bottom:20px}.kakao-profile-identity>.avatar{width:55px;height:55px}.kakao-profile-identity h2{font-size:23px}}

/* Everyday contacts and the same member roster as the social app. */
.kakao-initial{display:inline-flex;align-items:center;justify-content:center;font-size:27px;flex-shrink:0;line-height:1;border-radius:20px;width:54px;height:54px}
.tone-rose{background:#f8e4e5}.tone-peach{background:#faead8}.tone-lilac{background:#ebe5f7}.tone-sage{background:#e3eddf}.tone-blue{background:#e1eaf5}
.kakao-member-count{font-size:12px;font-weight:400;color:#92999c}
.kakao-room .kakao-member-count{color:#536f7e}
.kakao-room .message-avatar .kakao-initial{width:33px;height:33px;font-size:19px;border-radius:14px}
.kakao-updates{overflow-x:auto;scrollbar-width:none}.kakao-updates>button{flex-shrink:0}
.kakao-profile-identity>.kakao-initial{font-size:33px}
.kakao-room-title{overflow:hidden;text-overflow:ellipsis}

.kakao-nav .kakao-nav-placeholder:disabled{opacity:1;color:#babec0;cursor:default}
.kakao-nav .kakao-symbol{width:29px;height:30px;stroke:none}
.kakao-nav .kakao-more-dot{position:absolute;top:0;left:calc(50% + 12px);width:5px;height:5px;border-radius:50%;background:#ff5421}
.kakao-pinned{display:inline-flex;vertical-align:middle;align-items:center;margin-left:3px;color:#969696}
.kakao-pinned .kakao-symbol-pin{width:15px;height:17px}