:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans KR,sans-serif;color:#20252c;background:#f5f6f8;font-synthesis:none;font-size:14px;--primary: #0277bd;--muted: #626f7b;--border: #e8ecf0}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid var(--border);background:#fff;border-radius:8px;padding:10px 15px;color:inherit;font-weight:600}button:disabled{cursor:default;opacity:.45}button:hover:not(:disabled){background:#f0f5f8}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #71bce8;outline-offset:3px}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.primary,.primary.button{background:var(--primary);color:#fff;border-color:var(--primary)}.primary:hover:not(:disabled){background:#0066a4}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;padding:12px 16px;font-weight:600}.danger{color:#c23d3d;border-color:#f0d9d9}.wide{width:100%;margin:10px 0}.icon-button{display:inline-flex;align-items:center;justify-content:center;padding:9px;border:0;background:transparent;border-radius:50%;color:#677380;flex-shrink:0}.eyebrow{font-size:12px;letter-spacing:1.8px;font-weight:700;color:var(--muted)}.muted{color:var(--muted);font-size:13px;line-height:1.7}.site-header{height:80px;display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:auto;padding:0 32px}.site-header>a:last-child{font-size:13px;color:#596572}.brand{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:750;color:#252c34}.brand img{height:31px;width:31px;object-fit:contain;border-radius:8px}.brand:hover{text-decoration:none}.login-page{min-height:calc(100dvh - 80px);display:flex;align-items:center;justify-content:center;padding:36px 22px 80px}.login-panel{width:440px;max-width:100%;text-align:center}.app-mark{margin:0 auto 24px;width:76px;height:76px}.app-mark img{width:100%;height:100%;object-fit:contain;display:block}.login-panel h1{font-size:30px;letter-spacing:-1.2px;font-weight:750;margin:14px 0}.lead{color:#75818c;font-size:15px;line-height:1.85;margin:0}.login-action{min-height:58px;margin:36px 0 14px}.login-progress{display:flex;align-items:center;justify-content:center;gap:14px;max-width:320px;min-height:74px;margin:auto;padding:14px 18px;border:1px solid #cce5f4;border-radius:14px;background:#edf7fd;text-align:left;color:var(--primary)}.login-progress p{margin:5px 0 0;font-size:13px;color:#526b7b}.spinner{width:25px;height:25px;flex-shrink:0;border:3px solid #c3dfef;border-top-color:var(--primary);border-radius:50%;animation:login-spin .8s linear infinite}@keyframes login-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation:none}}.install-action{max-width:320px;margin:22px auto}.install-action .wide{margin-bottom:0;color:var(--primary)}.install-action p{margin:8px 0 0;font-size:13px}.install-help{margin:22px 0;text-align:left;border:1px solid var(--border);background:#fff;border-radius:10px;font-size:13px}.install-help summary{cursor:pointer;padding:14px 16px;color:var(--primary);font-weight:600}.install-help summary:focus-visible{outline:3px solid #71bce8;outline-offset:3px;border-radius:10px}.ios-install-guide h2{display:flex;align-items:center;gap:8px;margin:0;padding:16px;color:var(--primary);font-size:16px}.ios-install-page{padding-top:24px;padding-bottom:32px}.android-app-page h1,.ios-install-page h1{font-size:26px;word-break:keep-all}.ios-install-page .privacy-note{margin-top:24px}.install-steps{padding:0 16px 6px;line-height:1.8}.install-steps p{margin:0 0 12px}.install-steps ol{padding-left:22px}.install-steps li{padding-left:3px;margin-bottom:10px}.share-label{display:inline-flex;align-items:center;gap:3px;vertical-align:middle}.google-button{display:flex;justify-content:center;min-height:44px}.login-note{font-size:13px;line-height:1.8;color:var(--muted)}.privacy-note{margin-top:46px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:13px;color:var(--muted);line-height:1.7}.legal{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;font-size:14px;color:var(--muted);margin:22px 0;line-height:1.7}.legal a{color:var(--muted)}.notice{padding:12px 20px;background:#fff5dc;color:#816221;font-size:13px;line-height:1.6;display:flex;gap:10px;align-items:center;justify-content:space-between}.notice.error{color:#9d3f3f;background:#fff0ef}.login-panel .notice{display:block;border-radius:10px;text-align:left;margin-top:20px}.notice p{margin:8px 0}.error-text{color:#ac3f3f}.signed-in{height:100dvh;padding:28px}.messenger{height:100%;max-width:1240px;margin:auto;display:grid;grid-template-columns:330px minmax(0,1fr);background:#fff;border:1px solid #e2e7ec;border-radius:14px;overflow:hidden;box-shadow:0 5px 28px #34435608}.sidebar{border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0}.list-heading{display:flex;align-items:center;justify-content:space-between;padding:25px 22px 15px}.list-heading h1{font-size:23px;margin:6px 0 0;letter-spacing:-.6px}.account-strip{display:flex;align-items:center;gap:7px;padding:0 22px;font-size:13px;color:var(--muted)}.account-details{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.account-email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.status-dot{width:6px;height:6px;border-radius:50%;background:#b4bdc7;flex:none}.status-dot.active{background:#49a586}.search{margin:23px 18px 18px;display:flex;align-items:center;gap:9px;background:#f4f6f8;border-radius:8px;color:#929ca6;padding:0 11px;height:39px}.search input{width:100%;min-width:0;background:none;border:0;outline:none;font-size:13px;color:#34404b}.search input::placeholder{color:#9ba4ad}.list-caption{display:flex;align-items:center;gap:7px;padding:0 23px 12px;color:#5b6773;font-weight:600;font-size:13px}.list-caption span{font-size:12px;color:var(--muted)}.room-list{flex:1;overflow:auto}.room-row{width:100%;border:0;border-bottom:1px solid #f0f2f5;background:#fff;border-radius:0;padding:20px 22px;text-align:left;font-weight:400;position:relative}.room-row.selected{background:#edf6fc}.room-row.selected:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--primary)}.room-title,.room-preview{display:flex;justify-content:space-between;gap:10px;align-items:center}.room-title strong{font-size:14px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-title time{font-size:12px;white-space:nowrap;color:var(--muted)}.room-preview{margin-top:8px;min-height:18px}.room-preview>span{font-size:13px;color:var(--muted);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.unread{background:var(--primary);font-size:12px;border-radius:12px;color:#fff;min-width:18px;height:18px;display:grid;place-items:center;padding:0 5px}.sidebar-bottom{border-top:1px solid var(--border);padding:17px 22px;display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted);line-height:1.6}.sidebar-bottom a{margin-left:auto;color:var(--muted);font-size:14px;flex-shrink:0;white-space:nowrap}.list-empty{padding:50px 28px;text-align:center;color:#9da8b1}.list-empty p{font-size:13px;color:#76828e}.list-empty small{font-size:13px;line-height:1.7}.conversation{min-width:0;min-height:0;display:flex;flex-direction:column}.conversation-heading{height:84px;min-height:84px;border-bottom:1px solid var(--border);padding:0 28px;display:flex;align-items:center;gap:10px}.conversation-title{flex:1;min-width:0}.conversation-heading h2{font-size:16px;margin:0 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-heading span{font-size:13px;color:var(--muted)}.back,.mobile-connect,.mobile-error{display:none}.connect-banner{padding:16px 22px;background:#eef8fe;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px;color:#37627e}.connect-banner strong{font-size:13px}.connect-banner p{margin:6px 0 0;color:#7791a2;line-height:1.5}.connect-banner button{white-space:nowrap;font-size:13px}.conversation-empty{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:25px;text-align:center}.empty-mark{display:grid;place-items:center;width:88px;height:88px;border-radius:28px;background:#f3f7fa;color:#a6bfd0;margin-bottom:10px}.conversation-empty h2{font-size:19px;font-weight:650;letter-spacing:-.5px;margin:16px 0 10px}.conversation-empty p{font-size:13px;line-height:1.8;color:var(--muted);margin:0}.conversation-empty>span{display:flex;align-items:center;gap:6px;margin-top:35px;font-size:13px;color:var(--muted)}.message-list{flex:1;overflow:auto;overscroll-behavior:contain;padding:10px 28px 25px;min-height:0}.date-divider{display:flex;justify-content:center;margin:18px 0 24px}.date-divider span{font-size:12px;padding:5px 12px;border-radius:20px;background:#f6f7f9;color:var(--muted)}.message{display:flex;flex-direction:column;align-items:flex-start;margin:0 0 17px}.message.out{align-items:flex-end}.bubble{max-width:80%;background:#f2f2f2;padding:12px 16px;border-radius:2px 15px 15px;font-size:14px;line-height:1.75;color:#343b44;overflow-wrap:anywhere}.out .bubble{background:#e1f5fe;border-radius:15px 2px 15px 15px}.bubble p{margin:0;white-space:pre-wrap}.message-meta{display:flex;gap:8px;align-items:center;margin-top:6px;font-size:12px;color:var(--muted);flex-wrap:wrap;line-height:1.5}.out .message-meta{flex-direction:row-reverse}.message-meta .sent{color:#39718f}.message-error{font-size:13px;color:#b36666;max-width:80%;display:block;margin-top:5px;line-height:1.5}.image-link{display:block;width:240px;max-width:100%;margin-top:8px}.image-link img{display:block;width:100%;height:auto;border-radius:8px}.image-pending .spinner{width:14px;height:14px}.image-pending{display:inline-flex;align-items:center;gap:7px;background:transparent;font-size:13px;color:var(--primary)}.composer{padding:8px 25px 18px;flex-shrink:0;background:#fff}.sim-select{display:flex;align-items:center;justify-content:center;gap:5px;color:var(--muted);font-size:13px;margin-bottom:10px}.sim-select select{font-size:13px;color:var(--muted);border:0;background:#fff;max-width:75%;padding:5px}.compose-input{border:1px solid #e6ebef;background:#f7f9fb;border-radius:12px;display:flex;align-items:center;padding:8px 10px 8px 15px;gap:10px}.compose-input textarea{resize:vertical;min-height:32px;max-height:115px;flex:1;min-width:0;border:0;outline:0;background:transparent;line-height:1.6;padding:5px 0;color:#35424d}.compose-input textarea::placeholder{color:#a0aab4}.compose-input button{background:var(--primary);color:#fff;border:0;border-radius:9px;width:36px;height:36px;padding:7px;display:grid;place-items:center}.composer>small{display:block;text-align:center;font-size:13px;color:var(--muted);margin-top:9px;line-height:1.7}.receive-only{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--muted);line-height:1.7;padding:15px 5px}.about{max-width:950px;padding:50px 30px 30px;margin:auto}.about h1{font-size:38px;line-height:1.4;letter-spacing:-1.5px}.about>p{max-width:660px;color:#74808c;line-height:1.9;font-size:15px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:36px 0 50px}.about-grid section{border:1px solid #e1e7ed;background:#fff;border-radius:14px;padding:26px;color:var(--primary)}.about-grid h2{font-size:17px;color:#27323e}.about-grid p{font-size:13px;line-height:1.9;color:#7e8994}.about-grid .button{font-size:13px;margin-top:8px}dialog{border:1px solid var(--border);border-radius:16px;width:420px;max-width:calc(100% - 32px);padding:24px;color:#34414e;box-shadow:0 20px 70px #182d4930}dialog::backdrop{background:#1b293550}dialog p{line-height:1.8;font-size:13px}.modal-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.modal-heading h2{font-size:18px;margin:0}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.setting-account{word-break:break-all;background:#f6f8fa;padding:12px;border-radius:8px}.setting-row{display:flex;justify-content:space-between;gap:10px;margin:22px 0 8px;font-size:13px}.setting-row strong{color:#5287aa}.name-input{width:100%;padding:12px;border:1px solid #dbe2e8;border-radius:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(min-width:1450px){.signed-in{padding:45px}.messenger{max-height:940px}}@media(max-width:760px){:root{background:#fff}.signed-in{padding:0}.messenger{border:0;border-radius:0;display:block}.sidebar{height:100%;border:0}.conversation{display:none;height:100%}.room-open .sidebar{display:none}.room-open .conversation{display:flex}.back{display:inline-flex}.mobile-connect{display:block;margin:20px 20px 0;color:var(--primary);background:#eef8fe;font-size:13px}.mobile-error{display:block}.list-heading{padding-top:max(24px,env(safe-area-inset-top))}.sidebar-bottom{padding-bottom:max(17px,env(safe-area-inset-bottom));line-height:1.6}.conversation-heading{height:70px;min-height:70px;padding:0 15px 0 5px}.conversation-heading h2{font-size:16px}.message-list{padding:8px 16px 20px}.bubble{max-width:88%;font-size:15px}.message-meta{font-size:12px;flex-wrap:wrap;line-height:1.5}.composer{padding:7px 16px max(14px,env(safe-area-inset-bottom))}.compose-input textarea{font-size:16px}.site-header{height:68px;padding:0 23px}.login-page{min-height:calc(100dvh - 68px);padding-bottom:60px}.login-panel h1{font-size:27px}.privacy-note{margin-top:38px;line-height:1.7}.about{padding:30px 24px}.about h1{font-size:31px}.about-grid{grid-template-columns:1fr;gap:16px}.connect-banner{padding:14px 16px}.signed-in:has(.about){height:auto}.notice{padding:12px 16px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.header-actions{display:flex;align-items:center;gap:18px}.language-select{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0}.language-select select{max-width:180px;min-width:0;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:#fff;color:inherit}.language-select.compact{padding:0;gap:6px}.language-select.compact select{max-width:140px}.header-actions>a{font-size:13px;color:#596572;white-space:nowrap}@media(max-width:600px){.site-header{height:auto;min-height:80px;flex-wrap:wrap;gap:14px;padding:18px 24px}.header-actions{margin-left:auto;gap:14px}.brand{min-width:0}.brand img{flex-shrink:0}.modal-actions{flex-wrap:wrap}}.legal .company-link{flex-basis:100%;text-align:center}.message-delete{display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:32px;padding:6px;border:0;background:transparent;color:#7c8791;border-radius:6px}.message-delete:hover,.message-delete:focus-visible{color:#b34545;background:#fff0f0}.empty-messages{text-align:center;color:var(--muted);font-size:13px;padding:24px}@media(pointer:coarse){.message-delete{min-width:44px;min-height:44px}}.sidebar-bottom>span{min-width:0;overflow-wrap:anywhere}.sidebar-bottom>svg,.privacy-note>svg,.receive-only>svg{flex-shrink:0}.bug-report textarea{display:block;width:100%;box-sizing:border-box;min-height:140px;resize:vertical;margin:10px 0;padding:12px;font:inherit;font-size:16px;border:1px solid #ccd3da;border-radius:12px}.report-consent{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.6}.report-consent input{flex:0 0 auto;width:18px;height:18px;margin-top:3px}.report-progress{display:flex;align-items:center;gap:12px}.bug-report .setting-account{overflow-wrap:anywhere}.message-list{overflow-anchor:none}.message-content{display:flow-root}.update-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#eef8fe;border:1px solid #cce5f5;border-radius:10px;padding:12px 16px;margin:12px auto;width:min(100%,1240px);font-size:14px;line-height:1.5}.update-banner>div{min-width:0;overflow-wrap:anywhere}.update-banner p{margin:4px 0 0;color:#465967}.update-banner button{flex-shrink:0}.signed-in:has(>.update-banner):not(:has(.about)){display:flex;flex-direction:column}.signed-in>.update-banner{flex-shrink:0;margin-top:0}.signed-in:has(>.update-banner)>.messenger{flex:1;min-height:0;width:100%}@media(max-width:760px){.update-banner{margin:0;border-radius:0;border-width:0 0 1px;padding-top:max(12px,env(safe-area-inset-top))}}.backup-download{display:block;text-align:center;padding:12px;margin-top:8px}.backup-download[aria-disabled=true]{opacity:.5;pointer-events:none}.restore-file{display:grid;gap:8px;margin:16px 0}.restore-file input{width:100%;min-width:0}.restore-filename{overflow-wrap:anywhere;font-size:13px;margin:0}.backup-restore-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}.backup-restore-switch button{min-width:0;overflow-wrap:anywhere}.backup-restore-switch button[aria-pressed=true]{background:var(--primary, #007db9);color:#fff}.list-caption .delete-all-conversations{margin-left:auto;color:var(--muted)}.list-caption .delete-all-conversations:disabled{opacity:.4}.account-pincode{display:flex;align-items:center;flex-shrink:0;gap:6px;padding-left:8px;border-left:1px solid #d5dce3;white-space:nowrap}.account-pincode code{font:inherit;color:inherit;user-select:all;-webkit-user-select:all}.room-row,.message{-webkit-touch-callout:none}@media(pointer:coarse){.room-row,.message{-webkit-user-select:none;user-select:none}}dialog.context-menu{position:fixed;inset:auto;margin:0;width:230px;padding:6px;border-radius:12px;max-height:calc(100dvh - 16px);overflow:auto}dialog.context-menu[open]{animation:context-menu-enter .16s cubic-bezier(.2,.8,.2,1)}@keyframes context-menu-enter{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}dialog.context-menu::backdrop{background:transparent}.context-menu button{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;text-align:left;border:0;background:transparent}.context-menu button:hover{background:#fff0f0}.room-slot{display:grid;grid-template-rows:1fr}.room-slot-content{min-height:0;overflow:hidden}.room-exit{animation:room-exit .22s ease-in-out forwards;pointer-events:none}@keyframes room-exit{0%{grid-template-rows:1fr;opacity:1}to{grid-template-rows:0fr;opacity:0}}dialog.app-modal[open]{animation:modal-enter .18s ease-out}dialog.app-modal[open]::backdrop{animation:backdrop-enter .18s ease-out}@keyframes modal-enter{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes backdrop-enter{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.room-exit,dialog.context-menu[open],dialog.app-modal[open],dialog.app-modal[open]::backdrop{animation:none}}.test-login-trigger{display:block;padding:0;border:0;background:transparent;touch-action:manipulation}.test-login-trigger:disabled{opacity:1}.test-login{display:grid;gap:12px;width:100%;text-align:left}.test-login label{display:grid;gap:6px}.test-login input{width:100%;min-width:0;font-size:16px}.app-lock-content[hidden],.app-lock-covered .app-lock-content,.app-lock-covered dialog{display:none!important}.app-lock-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;overflow:auto;background:#f5f6f8;padding:max(24px,env(safe-area-inset-top)) 20px max(24px,env(safe-area-inset-bottom));display:grid;place-items:center}.app-lock-card{width:min(100%,400px);background:#fff;padding:28px;border-radius:20px;box-shadow:0 8px 40px #2030400d}.lock-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.lock-heading img{width:44px;height:44px}.app-lock-card h1{font-size:24px;margin:12px 0 24px}.lock-field{display:grid;gap:8px;margin:16px 0}.lock-field input{width:100%;min-height:48px;padding:10px 14px;border:1px solid var(--border);border-radius:8px;font-size:20px;letter-spacing:.3em}.lock-pin-entry{position:relative;display:block;min-width:0}.lock-pin-field input{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;margin:0;opacity:0;cursor:text}.lock-pin-dots{display:flex;align-items:center;justify-content:center;gap:clamp(16px,5vw,24px);min-height:64px;border-radius:12px;pointer-events:none}.lock-pin-dot{width:16px;height:16px;flex:0 0 16px;border:2px solid #8996a2;border-radius:50%;background:transparent}.lock-pin-dot.is-filled{border-color:var(--primary);background:var(--primary)}.lock-pin-field input:focus-visible+.lock-pin-dots{outline:2px solid #71bce8;outline-offset:2px;background:#f4faff}.lock-pin-field input:disabled+.lock-pin-dots{opacity:.45}.lock-pin-hint{color:var(--muted);font-size:14px;text-align:center}