@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css";
:root{--brand:#476b5e;--brand-dark:#345448;--brand-deep:#345448;--brand-bg:#eaf1ec;--accent:#8a5a16;--accent-bg:#fff4df;--crit:#b9473f;--crit-bg:#fbecea;--ink:#252e29;--body:#65716a;--faint:#65716a;--line:#e8ebe9;--sage-fg:#476b5e;--sage-bg:#e8f2eb;--peach-fg:#a95830;--peach-bg:#fff0e5;--blue-fg:#38669e;--blue-bg:#eaf1fb;--mint-fg:#327468;--mint-bg:#e5f3f0;--canvas:#f7faf8;--surface:#fff;--bubble-mine:var(--brand-bg);--bubble-theirs:#fff;--radius-card:17px;--radius-cta:14px;--radius-field:13px;--radius-bubble:16px;--shadow-card:none;--nav-height-fallback:calc(88px + env(safe-area-inset-bottom));--font:"Pretendard Variable", Pretendard, "Noto Sans Thai", "Noto Sans Khmer", "Noto Sans Bengali", -apple-system, system-ui, "Malgun Gothic", sans-serif;--fs-body:15px;--fs-small:13px;--fs-title:18px;--fs-subtitle:16px;--fs-sheet:17px;--fs-chat:16px;--fs-input:16px;--fs-button:14px;--fs-face:24px;--ui-scale:1;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px}html{font-family:var(--font);color:var(--ink);background:var(--canvas);font-size:var(--fs-body);-webkit-text-size-adjust:100%}.num{font-variant-numeric:tabular-nums}*,:before,:after{box-sizing:border-box}body{min-height:100dvh;margin:0;line-height:1.5}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}textarea{resize:none}input[type=checkbox],input[type=radio]{accent-color:var(--brand);width:20px;height:20px}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.fade-in{animation:.2s ease-out fade-in}.page{background:var(--canvas);flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;display:flex}.page-pad{padding:var(--space-4)}.page-tabs{background:var(--surface);padding-bottom:calc(var(--nav-height,var(--nav-height-fallback)) + 16px)}.app-nav{width:100%;max-width:480px;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line);z-index:10;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.app-nav a{min-height:56px;font-size:var(--fs-small);color:var(--body);text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:4px;display:flex}.app-nav a[aria-current=page]{color:var(--brand);font-weight:650}.nav-icon{border-radius:12px;place-items:center;width:44px;height:28px;display:grid}.app-nav a[aria-current=page] .nav-icon{background:var(--brand-bg)}@media (hover:hover){.app-nav a:hover .nav-icon{background:var(--brand-bg)}}body:has(.app-nav) .toast-wrap{bottom:calc(var(--nav-height,var(--nav-height-fallback)) + 16px)}.help-content{gap:28px}.help-features{border-top:1px solid var(--line)}.help-feature{border-bottom:1px solid var(--line)}.help-feature summary{cursor:pointer;grid-template-columns:20px minmax(0,1fr) 18px;align-items:center;gap:12px;min-height:52px;padding:16px 0;list-style:none;display:grid}.help-feature summary::-webkit-details-marker{display:none}.help-feature[open] .help-chevron{transform:rotate(180deg)}.help-feature p{font-size:var(--fs-small);padding:0 0 16px;line-height:1.75}.help-contact{color:var(--brand-deep);align-items:center;min-height:44px;text-decoration:underline;display:flex}.legal-back{width:fit-content;min-height:44px;color:var(--brand-deep);align-items:center;gap:4px;margin-bottom:12px;display:inline-flex}.stack{gap:var(--space-3);flex-direction:column;display:flex}.row{align-items:center;gap:var(--space-2);display:flex}.grow{flex:1;min-width:0}.center{text-align:center}.small{font-size:var(--fs-small)}.muted{color:var(--body)}.faint{color:var(--faint)}.title{font-size:var(--fs-title);font-weight:600;line-height:1.3}.bold{font-weight:600}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);padding:17px}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-cta);white-space:normal;text-align:center;overflow-wrap:anywhere;min-width:0;font-weight:600;line-height:1.45;transition:background .12s,opacity .12s;display:inline-flex}.btn:not(:disabled):active{opacity:.8}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-lg{width:100%;min-height:48px;font-size:var(--fs-button);padding:11px 16px}.btn-md{min-height:44px;font-size:var(--fs-button);padding:10px 14px}.btn-primary{background:var(--brand);color:#fff}.btn-primary:not(:disabled):hover{background:var(--brand-dark)}.btn-secondary{background:var(--brand-bg);color:var(--brand-deep)}.btn-ghost{color:var(--body);background:0 0;font-weight:600}.btn-danger{background:var(--crit-bg);color:var(--crit)}.icon-btn{width:44px;height:44px;color:var(--body);border-radius:13px;flex:0 0 44px;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--brand-bg);color:var(--brand-deep)}.field{flex-direction:column;gap:7px;display:flex}.field label{font-size:var(--fs-small);color:var(--ink);font-weight:600}.field input:not([type=radio]):not([type=checkbox]),.field select,.field textarea{width:100%;min-width:0;font-size:var(--fs-input);border:1px solid var(--line);border-radius:var(--radius-field);background:var(--surface);outline:none;height:48px;padding:0 14px}.field input::placeholder,.field textarea::placeholder,.composer textarea::placeholder{color:var(--faint)}.field input.code-input{letter-spacing:.3em;text-align:center;height:58px;font-size:26px;font-weight:600}.field textarea{height:auto;padding:var(--space-3)}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-bg)}.field .err{color:var(--crit);font-size:var(--fs-small)}.field .hint{color:var(--faint);font-size:var(--fs-small)}.check{gap:var(--space-3);padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-cta);background:var(--surface);cursor:pointer;align-items:flex-start;display:flex}.check input{flex:none;margin-top:2px}.consent-note{font-size:var(--fs-small);color:var(--body);margin-top:5px;display:block}.text-link{color:var(--brand-deep);text-underline-offset:2px;font-weight:600;text-decoration:underline}.chip{height:28px;font-size:var(--fs-small);border-radius:14px;align-items:center;gap:4px;padding:0 10px;font-weight:600;display:inline-flex}.chip-accent{background:var(--accent-bg);color:var(--accent)}.chip-brand{background:var(--brand-bg);color:var(--brand-deep)}.chip-faint{background:var(--canvas);color:var(--body);border:1px solid var(--line)}.chip-outline{background:var(--surface);color:var(--body);border:1px solid var(--line);border-radius:18px;height:36px;padding:0 14px}.chip-outline.on{background:var(--brand-bg);color:var(--brand-deep);border-color:var(--brand)}.radio-list{gap:var(--space-2);flex-direction:column;display:flex}.radio-item{align-items:center;gap:var(--space-3);padding:14px var(--space-4);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-cta);cursor:pointer;display:flex}.radio-item.on{border-color:var(--brand);background:var(--brand-bg)}.radio-grid{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.divider{background:var(--line);height:1px;margin:var(--space-2) 0}.topbar{z-index:5;align-items:center;gap:var(--space-2);background:var(--surface);border-bottom:1px solid var(--line);height:64px;padding:0 10px;display:flex;position:sticky;top:0}.topbar .ttl{flex:1;min-width:0}.topbar .ttl h1{font-size:var(--fs-title);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.topbar .ttl p{font-size:var(--fs-small);color:var(--body);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.menu{right:var(--space-2);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-cta);z-index:20;min-width:180px;position:absolute;top:58px;overflow:hidden;box-shadow:0 6px 20px #15212b1a}.menu button{align-items:center;gap:var(--space-2);width:100%;padding:12px var(--space-4);text-align:left;display:flex}.menu button:hover{background:var(--brand-bg)}.sheet-bg{z-index:40;background:#15212b52;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--surface);width:100%;max-width:480px;padding:18px 18px calc(var(--space-6) + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;max-height:85dvh;animation:.18s ease-out sheet-up;overflow:auto}@keyframes sheet-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.sheet-head{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.sheet-head h2{font-size:var(--fs-sheet);font-weight:600}.toast-wrap{z-index:60;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:24px;left:0;right:0}.toast{background:var(--ink);color:#fff;border-radius:var(--radius-cta);max-width:90vw;padding:12px 16px;font-size:14px;animation:.15s fade-in}.toast.err{background:var(--crit)}.toast.ok{background:var(--brand-deep)}.room-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);align-items:center;gap:13px;min-height:78px;padding:14px;display:flex}.room-card .preview{color:var(--body);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.badge{background:var(--brand);color:#fff;border-radius:12px;justify-content:center;align-items:center;min-width:24px;height:24px;padding:0 7px;font-size:11px;font-weight:600;display:inline-flex}.chat{padding:var(--space-4) var(--space-4) var(--space-6);flex-direction:column;flex:1;gap:10px;display:flex;overflow-y:auto}.msg{flex-direction:column;gap:3px;max-width:86%;display:flex}.msg.mine{align-self:flex-end;align-items:flex-end}.msg.theirs{align-self:flex-start;align-items:flex-start}.msg .who{color:var(--brand-deep);padding:0 6px;font-size:12px;font-weight:600}.bubble{font-size:var(--fs-chat);border-radius:var(--radius-bubble);background:var(--bubble-theirs);border:1px solid var(--line);white-space:pre-wrap;word-break:break-word;padding:7px 11px;line-height:1.42}.msg.mine .bubble{background:var(--bubble-mine);border-color:color-mix(in srgb, var(--brand) 28%, var(--line));border-bottom-right-radius:5px}.msg.theirs .bubble{border-bottom-left-radius:5px}.bubble img{border-radius:10px;max-width:100%;max-height:280px;margin-bottom:6px;display:block}.photo-open{cursor:zoom-in;background:0 0;border:0;max-width:100%;padding:0;display:block}.photo-viewer{z-index:1000;color:#fff;background:#000;flex-direction:column;display:flex;position:fixed;inset:0}.photo-viewer-bar{padding:calc(env(safe-area-inset-top) + 8px) 12px 8px;justify-content:space-between;align-items:center;display:flex}.photo-viewer-btn{color:#fff;background:#ffffff1f;border-radius:22px;justify-content:center;align-items:center;gap:6px;min-width:44px;min-height:44px;padding:0 12px;font-weight:600;display:inline-flex}.photo-viewer-btn:disabled{opacity:.6}.photo-viewer-stage{touch-action:none;flex:1;justify-content:center;align-items:center;display:flex;overflow:hidden}.photo-viewer-stage img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-touch-callout:default;transform-origin:50%;will-change:transform;touch-action:none;max-width:100%;max-height:100%}.photo-viewer-note{text-align:center;font-size:var(--fs-small);color:#ffffffbf;padding:8px 16px calc(env(safe-area-inset-bottom) + 12px);margin:0}.bubble .seen-as{border-top:1px dashed var(--line);color:var(--body);margin-top:8px;padding-top:8px;font-size:14px}.bubble .seen-as .lbl{color:var(--faint);margin-bottom:2px;font-size:11px;display:block}.bubble .seen-as.multi .seen-row{margin-top:6px}.bubble .seen-as.multi .seen-row:first-of-type{margin-top:4px}.bubble .orig{border-top:1px dashed var(--line);color:var(--body);margin-top:8px;padding-top:8px;font-size:14px}.bubble .toggle{color:var(--body);font-size:var(--fs-small);align-items:center;gap:2px;width:fit-content;margin-top:6px;display:flex}.bubble .fast-mark{color:var(--faint);margin-top:4px;font-size:12px;display:block}.bubble .translating{color:var(--faint);font-size:var(--fs-small);align-items:center;gap:6px;display:inline-flex}.bubble .failed{color:var(--crit);font-size:var(--fs-small);align-items:center;gap:6px;display:inline-flex}.bubble .note{color:var(--accent);margin-top:4px;font-size:12px}.msg .actions{gap:4px;padding:0 2px;display:flex}.msg .actions button{color:var(--body);background:var(--surface);border:1px solid var(--line);border-radius:8px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;display:inline-flex}.text-swap{animation:.2s fade-in}.composer{background:var(--surface);border-top:1px solid var(--line);padding:8px 10px calc(8px + env(safe-area-inset-bottom));align-items:flex-end;gap:8px;display:flex;position:sticky;bottom:0}.composer .composer-plus{background:var(--canvas);width:44px;height:44px;color:var(--body);border-radius:50%;flex:none}.composer .composer-plus.on{background:var(--brand-bg);color:var(--brand-deep)}.composer-field{border:1px solid var(--line);background:var(--canvas);border-radius:22px;flex:1;align-items:flex-end;min-width:0;display:flex}.composer-field:focus-within{border-color:var(--brand)}.composer textarea{font-size:var(--fs-input);resize:none;background:0 0;border:0;border-radius:22px;outline:none;flex:1;min-width:0;min-height:44px;max-height:120px;padding:11px 4px 11px 16px;line-height:1.4}.composer .composer-emoji-btn{width:40px;height:44px;color:var(--faint);flex:0 0 40px}.composer-tray{z-index:30;background:var(--surface);border-top:1px solid var(--line);gap:12px;padding:12px 14px;display:flex;position:absolute;bottom:100%;left:0;right:0}.composer-tray button{background:var(--canvas);width:76px;color:var(--body);font-size:var(--fs-small);border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:12px 0 10px;display:flex}@media (pointer:fine){.composer-tray .only-touch{display:none}}.composer .send{background:var(--brand);color:#fff;border-radius:15px;flex:none;justify-content:center;align-items:center;width:46px;height:46px;display:inline-flex}.composer .send:disabled{background:var(--line);color:var(--faint)}.composer .counter{color:var(--faint);font-size:11px;position:absolute;bottom:54px;right:60px}.banner{gap:var(--space-3);padding:12px var(--space-4);background:var(--accent-bg);color:var(--ink);align-items:center;font-size:14px;display:flex}.banner.brand{background:var(--brand-bg)}.banner.crit{background:var(--crit-bg);color:var(--crit)}.new-msgs{align-self:center;position:sticky;bottom:8px}.skeleton{background:linear-gradient(90deg, var(--line), #f1f5f9, var(--line));background-size:200% 100%;border-radius:7px;height:14px;animation:1.2s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.legal h2{margin-top:var(--space-6);margin-bottom:var(--space-2);font-size:17px}.legal ul{margin:0;padding-left:20px}.legal li{color:var(--body);margin-bottom:6px;font-size:15px}.legal .xfer{padding-left:0;list-style:none}.legal .xfer>li{border:1px solid var(--line);border-radius:var(--radius-card);margin-bottom:8px;padding:12px 14px}.legal .xfer>li>b{margin-bottom:6px;font-size:15px;display:block}.legal .xfer dl{font-size:var(--fs-small);grid-template-columns:max-content 1fr;gap:3px 10px;margin:0;display:grid}.legal .xfer dt{color:var(--faint);white-space:nowrap}.legal .xfer dd{color:var(--body);margin:0}html[data-text-size=large]{--ui-scale:1.2;--fs-body:18px;--fs-chat:19.2px;--fs-input:18px;--fs-small:15.6px;--fs-button:16.8px;--fs-subtitle:19.2px;--fs-title:21.6px;--fs-sheet:20.4px;--fs-face:28.8px}h2.bold{font-size:var(--fs-subtitle);line-height:1.45}:lang(ko){word-break:keep-all}body,.card,.banner,.sheet,.field{overflow-wrap:anywhere}.radio-item{font-size:var(--fs-body);min-height:48px;font-weight:400;line-height:1.45}.field .radio-item input[type=radio],.radio-item input[type=radio]{flex:0 0 20px;width:20px;height:20px;margin:0;padding:0}button.chip,a.chip{height:auto;min-height:40px;padding:8px 12px}.topbar{flex-shrink:0;height:auto;min-height:64px}.sheet-head{gap:8px}.sheet-head h2{flex:1}.push-setting{justify-content:space-between;align-items:center;gap:12px;display:flex}.push-setting button{flex-shrink:0}html[data-text-size=large] .push-setting{flex-direction:column;align-items:stretch}html[data-text-size=large] .radio-grid{grid-template-columns:minmax(0,1fr)}.chat{background:linear-gradient(#f7faf8eb,#f7faf8eb),url(/images/piemo-ambient.png) 50%/cover;flex-basis:0;min-height:0}html[data-background=plain] .chat{background:var(--canvas)}.bubble .seen-as,.bubble .orig{font-size:var(--fs-small)}.bubble details>summary{cursor:pointer;min-height:40px;font-size:var(--fs-small);align-items:center;display:flex}.msg.mine .bubble{background:var(--brand);color:#fff;border-color:var(--brand)}.msg.mine .bubble .seen-as,.msg.mine .bubble .lbl{color:#fff}.msg.mine .bubble .seen-as{border-color:#ffffff4d}.msg.mine .bubble .chip-accent{background:var(--accent-bg);color:var(--accent)}.msg .who{font-size:var(--fs-small);flex-wrap:wrap}.msg .actions{flex-wrap:wrap}.msg .actions button{min-height:40px;font-size:var(--fs-small);padding:8px}.message-menu-button{min-width:40px;min-height:40px}.welcome{background:linear-gradient(#f7faf8db,#f7faf8db),url(/images/piemo-ambient.png) 50%/cover;padding:0}html[data-background=plain] .welcome{background:var(--canvas)}.welcome-top{justify-content:space-between;align-items:center;gap:12px;padding:24px 22px 0;display:flex}.welcome-brand{color:var(--brand);align-items:center;gap:9px;display:flex}.welcome-body{flex-direction:column;flex:1;gap:20px;padding:32px 22px 24px;display:flex}.welcome-title{font-size:calc(30px * var(--ui-scale));letter-spacing:-.8px;font-weight:600;line-height:1.3}.welcome-title em{color:var(--brand);font-style:normal}.welcome-desc{color:var(--body);line-height:1.8}.welcome-example{flex-direction:column;gap:12px;display:flex}.welcome-example .sample{border:1px solid var(--line);background:var(--brand-bg);border-radius:4px 17px 17px;max-width:94%;padding:12px 14px}.welcome-example .sample.reply{background:var(--brand);color:#fff;border-radius:17px 4px 17px 17px;align-self:flex-end}.sample .translation{font-size:var(--fs-small);border-top:1px solid #65756b33;margin-top:8px;padding-top:8px;display:block}.sample.reply .translation{border-color:#ffffff4d}.welcome-footer{background:var(--surface);padding:18px 22px calc(18px + env(safe-area-inset-bottom));border-top:1px solid var(--line)}.welcome-footer a{justify-content:center;align-items:center;min-height:44px;display:flex}:focus-visible{outline:2px solid var(--brand);outline-offset:3px}@media (max-width:359px){.radio-grid{grid-template-columns:minmax(0,1fr)}.push-setting{flex-direction:column;align-items:stretch}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.display-options{border:0;min-width:0;margin:0;padding:0}.display-options legend{font-size:var(--fs-small);padding:0 0 8px}.bubble .fast-mark,.bubble .note,.room-card .preview,.banner{font-size:var(--fs-small)}.message-actions{width:100%}.message-actions>summary{width:fit-content;font-size:var(--fs-small);color:var(--body);cursor:pointer;margin-left:auto;padding:6px}.msg.theirs .message-actions>summary{margin-left:0}.msg .actions{justify-content:flex-end}.msg.theirs .actions{justify-content:flex-start}.bubble .toggle{min-height:40px}.msg.mine .bubble .translating,.msg.mine .bubble .fast-mark{color:#fff}.msg.mine .bubble .failed{color:var(--crit);background:var(--crit-bg);border-radius:8px;flex-wrap:wrap;padding:6px 8px}.bubble .failed.quota,.msg.mine .bubble .failed.quota{color:var(--body);background:var(--brand-bg);border-radius:8px;flex-wrap:wrap;padding:6px 8px}.msg.mine .bubble .note{color:var(--accent);background:var(--accent-bg);border-radius:6px;padding:4px 6px}.welcome-language{border:1px solid var(--line);background:var(--surface);max-width:120px;min-height:44px;font-size:var(--fs-small);border-radius:14px;padding:8px}.legal li{font-size:var(--fs-body)}.legal h2{font-size:var(--fs-subtitle)}.toast{font-size:var(--fs-button)}.page-tabs>.topbar{border-bottom:0;padding-top:8px;padding-bottom:8px}.page-tabs>.topbar h1{font-size:calc(23px * var(--ui-scale));white-space:normal;font-weight:700;line-height:1.3}.rooms-content,.help-content,.settings-content{padding-left:20px;padding-right:20px}.icon-tile{border-radius:15px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.icon-tile.sage{color:var(--sage-fg);background:var(--sage-bg)}.icon-tile.peach{color:var(--peach-fg);background:var(--peach-bg)}.icon-tile.blue{color:var(--blue-fg);background:var(--blue-bg)}.icon-tile.danger{color:var(--crit);background:var(--crit-bg)}.icon-tile.mint{color:var(--mint-fg);background:var(--mint-bg)}.room-card{border:0;border-bottom:1px solid var(--line);border-radius:0;padding:20px 0}.room-card .row>.bold{min-width:0}.room-avatar{border-radius:19px;width:50px;height:50px}.room-card .badge{font-size:var(--fs-small);flex-shrink:0;width:auto;min-width:24px;height:auto;min-height:24px;padding:2px 6px}.room-card .grow>.small{margin-top:4px;display:block}.rooms-guidance{gap:16px;margin-top:12px}.rooms-guidance h2{font-size:var(--fs-small)}.shortcut-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.shortcut{text-align:center;font-size:var(--fs-small);flex-direction:column;align-items:center;gap:9px;min-height:80px;padding-bottom:8px;line-height:1.45;display:flex}.shortcut .icon-tile{border-radius:17px;width:47px;height:47px}.invite-hint{font-size:var(--fs-small);background:#f5f7f6;border-radius:14px;align-items:center;gap:11px;min-height:44px;padding:14px;line-height:1.6;display:flex}.invite-hint>svg{color:var(--brand);flex-shrink:0}.help-intro{padding:12px 0}.help-intro h2{font-size:calc(22px * var(--ui-scale));letter-spacing:-.5px;line-height:1.4}.help-intro p{font-size:var(--fs-small);line-height:1.75}.help-features{border:0;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px;display:grid}.help-feature{background:#f7f8f8;border:0;border-radius:18px;min-width:0;padding:17px 14px;scroll-margin-top:88px}.help-feature summary{min-height:96px;font-size:var(--fs-small);flex-wrap:wrap;align-content:start;gap:14px;padding:0;font-weight:600;display:flex}.help-feature summary>span:not(.icon-tile){width:100%}.help-chevron{color:var(--body);margin-left:auto}.help-feature p{padding:14px 0 0}.settings-content{gap:0}.profile{align-items:center;gap:13px;padding:14px 0 22px;display:flex}.profile strong{font-size:var(--fs-subtitle);margin-bottom:5px;display:block}.profile p{overflow-wrap:anywhere}.settings-group{border-top:8px solid #f4f6f5;gap:14px;margin:0 -20px;padding:20px}.setting-heading{font-size:var(--fs-small);color:var(--body);align-items:center;gap:12px;font-weight:600;display:flex}.settings-group .icon-tile{border-radius:11px;width:34px;height:34px}.setting-row{min-height:64px;font-size:var(--fs-button)}.settings-group .display-options legend{padding-bottom:12px}.settings-account .btn{text-align:left;justify-content:flex-start;min-height:56px}.menu-list{flex-direction:column;gap:0;padding-top:8px;padding-bottom:8px;display:flex}.menu-row{min-height:60px;color:var(--ink);font-size:var(--fs-button);align-items:center;gap:12px;padding:8px 0;text-decoration:none;display:flex}.menu-row+.menu-row{border-top:1px solid #eef1f0}.menu-row-text{gap:2px;min-width:0}.menu-row-value{text-align:right;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;max-width:45%;overflow:hidden}.menu-row-chevron{color:var(--faint,#9aa3a0);flex-shrink:0}.profile-link{color:var(--ink);text-decoration:none}.settings-first{border-top:0;padding-top:4px}.account-delete-zone{flex-direction:column;align-items:center;gap:6px;padding-top:48px;padding-bottom:40px;display:flex}.danger-link{color:var(--crit);cursor:pointer;background:0 0;border:0;min-height:44px;padding:0 12px;text-decoration:underline}.topbar>.room-avatar{border-radius:13px;width:36px;height:36px}.topbar>.room-avatar svg{width:22px;height:22px}.topbar .face-entry,.topbar .face-entry:hover{background:var(--peach-bg);color:var(--peach-fg)}.bubble .toggle,.bubble details>summary,.msg .actions button,.message-menu-button{min-height:44px}@media (max-width:359px){.help-features{grid-template-columns:minmax(0,1fr)}.help-feature summary{min-height:80px}}html[data-text-size=large] .help-features{grid-template-columns:minmax(0,1fr)}.push-setting button,button.chip,a.chip{min-height:44px}.message-menu-button,.msg .actions button{min-width:44px}.msg [data-testid=send-failed],.settings-group label.row{min-height:44px}.settings-group label.row input{flex-shrink:0}.one-phone-content{min-height:calc(100dvh - 64px);padding-bottom:calc(20px + env(safe-area-inset-bottom));gap:14px}.one-phone-result{background:var(--brand-bg);overflow-wrap:anywhere;border-radius:16px;flex:1;min-height:180px;padding:18px}.one-phone-big{font-size:var(--fs-face);white-space:pre-wrap;margin:12px 0;font-weight:600;line-height:1.5}.one-phone-original{white-space:pre-wrap}.speaker-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.speaker-buttons .btn{white-space:normal;height:auto;min-height:52px;padding:12px 8px}.one-phone .field textarea{resize:vertical;height:auto;min-height:88px;padding:12px}.one-phone-actions{flex-wrap:wrap;align-items:stretch}.one-phone-actions .btn{flex:1;min-width:120px}html[data-text-size=large] .speaker-buttons{grid-template-columns:1fr}.bubble .lbl{color:var(--faint);margin-bottom:2px;font-size:11px;display:block}.bubble .fix-card{border:1px solid var(--line);background:var(--surface);color:var(--ink);overflow-wrap:anywhere;border-radius:10px;margin-top:8px;padding:8px 10px;display:block}.bubble .fix-card .lbl{color:var(--body);flex-wrap:wrap;align-items:center;gap:4px;display:flex}.msg.mine .bubble .fix-card .lbl{color:var(--body)}.fix-actions{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.fix-actions button{min-height:44px;font-size:var(--fs-small);color:var(--body);border:1px solid var(--line);background:var(--surface);border-radius:8px;align-items:center;gap:4px;padding:8px;display:inline-flex}.bubble .fix-entry{gap:4px}.fix-sheet{max-height:70dvh;overflow-y:auto}.fix-lbl{font-size:var(--fs-small);color:var(--body)}.fix-original{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--brand-bg);border-radius:10px;max-height:30vh;padding:10px 12px;overflow-y:auto}.fix-theirs{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:4px;font-weight:600;display:block}.fix-row{border-bottom:1px solid var(--line);overflow-wrap:anywhere;flex-direction:column;gap:2px;padding:8px 0;display:flex}.fix-notice{text-align:left;width:100%}.msg.mine .bubble .fix-entry{color:#fff}.terms-history>summary{min-height:44px;color:var(--body);font-size:var(--fs-small);cursor:pointer;align-items:center;display:flex}.msg .meta-btn{color:var(--body);border-radius:8px;align-items:center;gap:3px;min-height:32px;padding:4px 6px;display:inline-flex}.msg .meta-btn:hover{background:var(--canvas)}.reactions{flex-wrap:wrap;gap:4px;padding:0 2px;display:inline-flex}.reaction{border:1px solid var(--line);background:var(--surface);min-width:28px;height:24px;color:var(--body);border-radius:12px;justify-content:center;align-items:center;gap:3px;padding:0 6px;font-size:13px;display:inline-flex}.reaction.on{border-color:var(--brand);background:var(--brand-bg);color:var(--brand-deep)}.reaction-picker{border:1px solid var(--line);background:var(--surface);border-radius:24px;gap:2px;padding:4px;display:flex;box-shadow:0 4px 16px #00000014}.reaction-picker button{border-radius:20px;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;line-height:1;display:inline-flex}.reaction-picker button:hover,.reaction-picker button.on{background:var(--brand-bg)}.drop-overlay{z-index:40;background:color-mix(in srgb, var(--brand-bg) 88%, transparent);border:2px dashed var(--brand);color:var(--brand-deep);pointer-events:none;justify-content:center;align-items:center;gap:8px;font-weight:600;display:flex;position:absolute;inset:0}.bubble .pair{color:var(--body);font-size:calc(var(--fs-chat) * .875);margin-top:3px;display:block}.msg.mine .bubble .pair{color:#ffffffdb}.emoji-picker emoji-picker{--border-color:var(--line);--background:var(--surface);--indicator-color:var(--brand);--outline-color:var(--brand);--input-border-radius:10px;--emoji-size:1.5rem;width:100%;height:320px}.composer-emoji{z-index:30;background:var(--surface);border-top:1px solid var(--line);position:absolute;bottom:100%;left:0;right:0}.bubble .photo-gone{border:1px dashed var(--line);background:var(--canvas);color:var(--body);font-size:var(--fs-small);border-radius:10px;align-items:center;gap:6px;margin-bottom:6px;padding:10px 12px;display:flex}.chip-row{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.usage-bar{background:var(--line);border-radius:3px;height:6px;overflow:hidden}.usage-bar>span{background:var(--brand);border-radius:3px;height:100%;display:block}.invite-qr{align-items:center}.invite-qr-img{border:1px solid var(--line);background:#fff;border-radius:12px;width:184px;height:184px;padding:6px}.invite-qr-img svg{width:100%;height:100%;display:block}.qr-card{z-index:50;background:var(--surface);padding:calc(8px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom));flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}.qr-card-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.qr-card-top .chips{flex:1;min-width:0}.qr-card-body{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;width:100%;max-width:480px;margin:0 auto;display:flex}.qr-card-text{color:var(--ink);white-space:pre-line;margin:0;font-size:clamp(22px,6.4vw,30px);font-weight:600;line-height:1.45}.qr-card-wait{color:var(--body);font-size:var(--fs-subtitle);align-items:center;gap:8px;margin:0;display:inline-flex}.qr-card-qr{aspect-ratio:1;border:1px solid var(--line);background:#fff;border-radius:16px;width:min(64vw,260px);padding:8px}.qr-card-qr svg{width:100%;height:100%;display:block}.qr-card-hint{color:var(--body);font-size:var(--fs-body);margin:0}.qr-card-pin{background:var(--brand-bg);color:var(--brand-dark);font-weight:600;font-size:var(--fs-subtitle);border-radius:12px;align-items:center;gap:8px;margin:0;padding:8px 14px;display:inline-flex}.qr-card-pin .num{letter-spacing:.12em;font-size:22px}.qr-card-mine{text-align:center;white-space:pre-line;width:100%;max-width:480px;margin:12px auto 0}.qr-compose-input{border:1px solid var(--line);border-radius:var(--radius-field);width:100%;min-height:120px;font-size:var(--fs-input);background:var(--surface);outline:none;padding:12px 14px;line-height:1.5}.qr-compose-input:focus{border-color:var(--brand)}.waiting-banner{flex-wrap:wrap}.waiting-banner>.grow{min-width:220px}.waiting-actions{flex-wrap:wrap;gap:6px;margin-left:auto;display:inline-flex}.waiting-actions .chip{align-items:center;gap:4px;display:inline-flex}.ops-kpis{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;display:grid}.ops-kpis .card{padding:12px}.ops-table-wrap{border:1px solid var(--line);border-radius:10px;max-width:100%;overflow-x:auto}.ops-table{border-collapse:collapse;width:100%;font-size:var(--fs-small)}.ops-table th,.ops-table td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:6px 8px}.ops-table th{background:var(--canvas);font-weight:600}.ops input.grow{border:1px solid var(--line);background:var(--surface);border-radius:10px;min-width:0;height:44px;padding:0 12px}@media (pointer:coarse){.bubble{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.bubble a[href]{-webkit-touch-callout:default}}:is(.sheet:has(.press-menu),.sheet:has(.press-menu) *){-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.sheet:has(.press-menu) :is(input,textarea){-webkit-user-select:text;user-select:text}@media (pointer:coarse){.room-card{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}}.room-card.closed{opacity:.7}.badge.muted-badge{background:var(--line);color:var(--body)}.closed-banner{align-items:flex-start}.closed-banner .chip{align-items:center;gap:4px;text-decoration:none;display:inline-flex}.owner-chip{background:var(--brand-bg);color:var(--brand-deep);vertical-align:1px;border-radius:999px;margin-left:6px;padding:1px 6px;font-size:12px;font-weight:600;display:inline-block}.msg-sheet{flex-direction:column;gap:14px;display:flex}.msg-sheet-preview{-webkit-line-clamp:2;white-space:pre-wrap;word-break:break-word;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.msg-sheet-react{flex-wrap:wrap;gap:6px;display:flex}.msg-sheet-react button{background:var(--canvas);border:1px solid var(--line);width:48px;height:48px;color:var(--body);border-radius:50%;justify-content:center;align-items:center;font-size:24px;display:inline-flex}.msg-sheet-react button.on{background:var(--brand-bg);border-color:var(--brand)}.msg-sheet-list{border-top:1px solid var(--line);flex-direction:column;display:flex}.msg-sheet-list button{min-height:52px;font-size:var(--fs-body);color:var(--ink);text-align:left;border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:0 4px;display:flex}.msg-sheet-list button:hover{background:var(--brand-bg)}.msg-sheet-list button svg{color:var(--body);flex:none}.msg-sheet-list button.danger,.msg-sheet-list button.danger svg{color:var(--crit)}.reply-quote{text-align:left;border-left:3px solid var(--brand);background:color-mix(in srgb, var(--brand) 9%, transparent);width:100%;font-size:var(--fs-small);border-radius:6px;flex-direction:column;align-items:flex-start;gap:1px;margin:-2px 0 6px;padding:5px 9px;display:flex}.reply-quote .rq-name{color:var(--brand-deep);font-size:12px;font-weight:600}.reply-quote .rq-text{color:var(--body);-webkit-line-clamp:2;white-space:pre-wrap;word-break:break-word;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.composer-context{border-left:3px solid var(--brand);background:var(--brand-bg);color:var(--brand-deep);border-radius:8px;align-items:center;gap:10px;margin:0 12px;padding:8px 4px 8px 12px;display:flex}.composer-context.edit{border-left-color:var(--brand-deep)}.composer-context .cc-body{flex-direction:column;flex:1;min-width:0;display:flex}.composer-context .cc-title{font-size:13px;font-weight:600}.composer-context .cc-text{color:var(--body);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}@keyframes msg-flash{0%,60%{background:color-mix(in srgb, var(--brand) 18%, transparent)}to{background:0 0}}.msg.flash{border-radius:12px;animation:1.4s ease-out msg-flash}.intro-share{border:1px solid var(--line);background:var(--surface);border-radius:14px;flex-wrap:wrap;align-items:center;gap:12px;padding:14px;display:flex}.intro-share h2{font-size:var(--fs-body)}.intro-share .btn{align-items:center;gap:6px;display:inline-flex}.help-steps{flex-direction:column;gap:4px;padding-left:20px;display:flex}.msg.mine .reply-quote{background:#ffffff29;border-left-color:#ffffffbf}.msg.mine .reply-quote .rq-name{color:#fff}.msg.mine .reply-quote .rq-text{color:#ffffffe0}.chip.lang-beta{height:20px;color:var(--faint);border:1px solid var(--line);background:0 0;border-radius:10px;padding:0 8px;font-size:12px;font-weight:600}.beta-card{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-cta);padding:var(--space-4);flex-direction:column;gap:8px;display:flex}.beta-card .beta-card-title{align-items:center;gap:8px;font-weight:600;display:flex}:lang(ja){font-family:"Noto Sans JP", var(--font)}:lang(zh){font-family:"Noto Sans SC", var(--font)}.chips{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chip[aria-pressed],.chip[role=radio]{min-height:40px}.more-langs{flex-direction:column;gap:8px;margin-top:12px;display:flex}.more-langs-title{margin:0;font-size:14px;font-weight:600}.chip .chip-x{width:28px;height:28px;color:var(--faint);border-radius:14px;justify-content:center;align-items:center;margin-left:4px;font-size:18px;line-height:1;display:inline-flex}.chip .chip-x:hover{background:var(--canvas);color:var(--ink)}.avatar{object-fit:cover;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.who-avatar{vertical-align:-6px;margin-right:6px}.file-card{min-width:200px;color:var(--ink);align-items:center;gap:10px;padding:8px 4px;text-decoration:none;display:flex}.file-card .file-name{word-break:break-all;font-weight:600;display:block}.notice-bar{align-items:center}.notice-bar .notice-text{text-align:left;text-overflow:ellipsis;white-space:nowrap;color:inherit;overflow:hidden}.avatar-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.avatar-choice{border:2px solid #0000;border-radius:14px;justify-content:center;padding:6px;display:flex}.avatar-choice.on{border-color:var(--brand);background:var(--brand-bg)}.chat{gap:0}.msg-slot{flex-direction:column;gap:10px;margin-top:12px;display:flex}.msg-slot:first-child{margin-top:0}.msg-slot.cont{margin-top:3px}.msg{gap:2px}.msg-row{align-items:flex-end;gap:4px;max-width:100%;display:flex}.msg.mine .msg-row{flex-direction:row-reverse}.msg-row>.bubble{min-width:0}.side-meta{color:var(--faint);font-size:calc(11px * var(--ui-scale));flex:none;align-items:flex-end;gap:2px;display:flex}.msg.theirs .side-meta{flex-direction:row-reverse}.side-stack{white-space:nowrap;flex-direction:column;align-items:flex-end;padding-bottom:1px;line-height:1.25;display:flex}.msg.theirs .side-stack{align-items:flex-start}.msg{position:relative}.msg .meta-btn.hover-only{min-width:28px;min-height:28px;padding:2px 4px}@media (hover:hover) and (pointer:fine){.msg .hover-only{opacity:0;transition:opacity .12s}.msg:hover .hover-only,.msg:focus-within .hover-only,.msg .hover-only[aria-expanded=true]{opacity:1}}@media (hover:none),(pointer:coarse){.msg .hover-only:not(.message-menu-button){display:none}.msg .hover-only.message-menu-button:not(:focus-visible){clip-path:inset(50%);white-space:nowrap;width:1px;min-width:0;height:1px;min-height:0;padding:0;position:absolute;overflow:hidden}}.msg .reactions{padding:0}.msg .send-failed{font-size:var(--fs-small);min-height:44px}.lang-select{border:1px solid var(--line);background:var(--surface);min-height:40px;font-size:var(--fs-small);color:var(--ink);border-radius:12px;align-items:center;gap:6px;max-width:100%;padding:6px 10px;font-weight:600;display:inline-flex;position:relative}.lang-select>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.lang-select>svg{color:var(--body);flex:none}.lang-select select{opacity:0;cursor:pointer;width:100%;height:100%;font-size:16px;position:absolute;inset:0}.lang-select:focus-within{outline:2px solid var(--brand);outline-offset:2px}.chip-sub{opacity:.8;margin-left:6px;font-size:11.5px;font-weight:500}