:root{--font: system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans KR", "Helvetica Neue", sans-serif;--accent: #1f8a5c;--accent-2: #2fb37a;--on-accent: #ffffff;--bg: #ffffff;--bar: #ffffff;--text: #15201b;--muted: #6d7c75;--line: #e7ece9;--soft: #f0f4f2;--hover: #f3f6f4;--selected: #e3f3ea;--chat-bg: #dce8e0;--pattern: #c8d9cd;--in: #ffffff;--in-text: #15201b;--out: #d4f5df;--out-text: #0f2a1c;--meta-out: #3a8a60;--danger: #e04848;--shadow: 0 1px 1.5px rgba(0, 0, 0, .12);--day-bg: rgba(40, 70, 55, .35);--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--ease: cubic-bezier(.2, .8, .2, 1);color-scheme:light}:root[data-theme=dark]{--accent: #4cc38a;--accent-2: #3aa877;--on-accent: #06170e;--bg: #0f1613;--bar: #151e1a;--text: #e6eee9;--muted: #8b9d93;--line: #213029;--soft: #1b2621;--hover: #18231e;--selected: #1d3a2c;--chat-bg: #0b120f;--pattern: #15201b;--in: #1c2924;--in-text: #e6eee9;--out: #1d5b40;--out-text: #ecfff4;--meta-out: #a3dcbd;--danger: #ff6b6b;--shadow: 0 1px 1.5px rgba(0, 0, 0, .5);--day-bg: rgba(255, 255, 255, .1);color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;margin:0;overflow:hidden;overscroll-behavior:none}body{font:15px/1.4 var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;text-size-adjust:100%}button,input,textarea{font:inherit;color:inherit}button{border:0;background:none;padding:0;cursor:pointer;touch-action:manipulation}button:disabled{cursor:default}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}svg{width:24px;height:24px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}svg.solid{fill:currentColor;stroke:none}p{margin:0}#app{position:fixed;left:0;right:0;top:var(--app-top, 0px);height:var(--app-h, 100dvh)}:root.keyboard{--safe-b: 0px}.icon-btn{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;position:relative;color:var(--accent);transition:background .15s}.icon-btn:active{background:var(--soft)}@media(hover:hover){.icon-btn:hover{background:var(--soft)}}.avatar{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;color:#fff;font-weight:650;font-size:19px;letter-spacing:.3px;user-select:none;-webkit-user-select:none}.avatar.md{width:44px;height:44px;font-size:16px}.avatar.sm{width:40px;height:40px;font-size:15px}.avatar.lg{width:76px;height:76px;font-size:28px}.avatar.xl{width:96px;height:96px;font-size:34px}.c0{background:linear-gradient(160deg,#ff8f7e,#e5545f)}.c1{background:linear-gradient(160deg,#ffbf6b,#f0883a)}.c2{background:linear-gradient(160deg,#b18cff,#7b5ce6)}.c3{background:linear-gradient(160deg,#6fd39b,#2fa56c)}.c4{background:linear-gradient(160deg,#6fd0e6,#2f9fc4)}.c5{background:linear-gradient(160deg,#77a8ff,#4a72e0)}.c6{background:linear-gradient(160deg,#ff8fc0,#e05595)}.c7{background:linear-gradient(160deg,#9fc06f,#6d9a3a)}.layout{position:relative;height:100%;overflow:hidden;background:var(--bg)}.pane{position:absolute;inset:0;display:flex;flex-direction:column;min-width:0;background:var(--bg)}.list-pane{transition:transform .3s var(--ease),opacity .3s}.chat-pane{z-index:2;visibility:hidden;transform:translate(100%);transition:transform .3s var(--ease),visibility 0s .3s;background-color:var(--chat-bg);background-image:radial-gradient(var(--pattern) 1.1px,transparent 1.1px);background-size:22px 22px;box-shadow:-8px 0 24px #00000014}.chat-open .chat-pane{visibility:visible;transform:none;transition:transform .3s var(--ease)}.chat-open .list-pane{transform:translate(-28%)}.chat-pane.dragging{transition:none}@media(prefers-reduced-motion:reduce){.list-pane,.chat-pane,.chat-open .chat-pane{transition:none}}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:calc(54px + var(--safe-t));padding:calc(6px + var(--safe-t)) max(8px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left));background:var(--bar)}.topbar h1{margin:0;font-size:28px;font-weight:750;letter-spacing:-.6px}.search-wrap{padding:6px 16px 10px;background:var(--bar)}.search{display:flex;align-items:center;gap:8px;height:40px;padding:0 12px;border-radius:12px;background:var(--soft);color:var(--muted)}.search svg{width:18px;height:18px}.search input{flex:1;min-width:0;height:100%;border:0;outline:0;background:none;font-size:16px;color:var(--text)}.search input::placeholder{color:var(--muted)}.search input::-webkit-search-cancel-button{filter:grayscale(1)}.tab-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.list{padding-bottom:8px}.section-label{padding:8px 16px 4px;font-size:13px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.row{display:flex;align-items:center;gap:12px;width:100%;min-height:74px;padding:0 0 0 14px;text-align:left;color:var(--text);transition:background .12s}.row.compact{min-height:60px}.row:active{background:var(--hover)}@media(hover:hover){.row:hover{background:var(--hover)}}.row-main{flex:1;min-width:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center;gap:3px;padding-right:16px;border-bottom:1px solid var(--line)}.row:last-child .row-main{border-bottom-color:transparent}.row-top,.row-bottom{display:flex;align-items:center;gap:8px;min-width:0}.row-name{flex:1;min-width:0;font-size:16px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-time{display:flex;align-items:center;gap:2px;font-size:12.5px;color:var(--muted);flex-shrink:0}.row-time.hot{color:var(--accent);font-weight:600}.tick svg{width:15px;height:15px;color:var(--accent);stroke-width:2.2}.row-preview{flex:1;min-width:0;font-size:14.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-preview b{color:var(--text);font-weight:500}.badge{min-width:22px;height:22px;padding:0 7px;border-radius:11px;display:inline-grid;place-items:center;flex-shrink:0;background:var(--accent);color:var(--on-accent);font-size:12px;font-weight:700}.badge:empty{display:none}.empty{padding:64px 32px;text-align:center;color:var(--muted);line-height:1.5}.empty .big{display:block;font-size:52px;margin-bottom:10px}.empty strong{display:block;color:var(--text);font-size:18px;margin-bottom:6px}.pill{margin-top:20px;height:44px;padding:0 22px;border-radius:22px;background:var(--accent);color:var(--on-accent);font-weight:650}.tabbar{display:flex;flex-shrink:0;padding:0 env(safe-area-inset-right) var(--safe-b) env(safe-area-inset-left);background:var(--bar);border-top:1px solid var(--line)}.tabbar button{flex:1;height:56px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11px;font-weight:600;color:var(--muted)}.tabbar button svg{width:26px;height:26px}.tabbar button[aria-current=page]{color:var(--accent)}.tabbar button[aria-current=page] svg{fill:color-mix(in srgb,var(--accent) 18%,transparent)}.tabbar .badge{position:absolute;top:4px;left:calc(50% + 6px);min-width:19px;height:19px;padding:0 5px;font-size:11px;border:2px solid var(--bar);box-sizing:content-box}.settings{padding:4px 0 24px}.profile-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 16px 26px;text-align:center}.profile-card .avatar{margin-bottom:10px}.profile-card strong{font-size:22px;letter-spacing:-.3px}.profile-card span:last-child{color:var(--muted)}.group{margin:0 16px 18px;border-radius:14px;overflow:hidden;background:var(--soft)}.setting{display:flex;align-items:center;gap:14px;width:100%;min-height:52px;padding:0 14px;text-align:left;font-size:16px;cursor:pointer}.setting+.setting{border-top:1px solid var(--line)}.setting-label{flex:1}.setting.danger{color:var(--danger)}.ico{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;color:#fff}.ico svg{width:18px;height:18px}.ico-violet{background:#7b6cf0}.ico-red{background:#ef5350}.switch{appearance:none;-webkit-appearance:none;margin:0;flex-shrink:0;width:51px;height:31px;border-radius:16px;position:relative;cursor:pointer;background:var(--line);transition:background .2s}.switch:before{content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 2px 4px #00000040;transition:transform .2s var(--ease)}.switch:checked{background:var(--accent)}.switch:checked:before{transform:translate(20px)}.fineprint{display:flex;gap:8px;align-items:flex-start;margin:8px 24px;color:var(--muted);font-size:12.5px;line-height:1.5}.fineprint svg{width:15px;height:15px;margin-top:1px}.chat-head{display:flex;align-items:center;gap:10px;flex-shrink:0;z-index:3;min-height:calc(56px + var(--safe-t));padding:calc(6px + var(--safe-t)) 14px 6px 4px;background:var(--bar);border-bottom:1px solid var(--line)}.head-text{flex:1;min-width:0}.head-text strong{display:block;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.head-text small{display:block;font-size:13px;color:var(--muted)}.back{margin-right:-6px}.back svg{width:26px;height:26px}.back-badge{position:absolute;top:4px;right:-2px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;display:grid;place-items:center;background:var(--accent);color:var(--on-accent);font-size:11px;font-weight:700}.back-badge:empty{display:none}.messages-wrap{position:relative;flex:1;min-height:0;display:flex}.messages{flex:1;min-width:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;padding:6px max(10px,env(safe-area-inset-right)) 10px max(10px,env(safe-area-inset-left))}.messages>:first-child{margin-top:auto}.day{position:sticky;top:8px;z-index:1;align-self:center;margin:10px 0 6px;pointer-events:none}.day span{display:inline-block;padding:4px 11px;border-radius:13px;background:var(--day-bg);color:#fff;font-size:13px;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.msg{display:flex;margin-top:2px;padding:0 7px}.msg.first{margin-top:8px}.msg.out{justify-content:flex-end}.bubble{position:relative;max-width:min(80%,540px);padding:6px 10px 8px 11px;border-radius:18px;background:var(--in);color:var(--in-text);box-shadow:var(--shadow);font-size:15.5px;line-height:1.36;overflow-wrap:anywhere;animation:pop .18s var(--ease)}.out .bubble{background:var(--out);color:var(--out-text)}.in:not(.first) .bubble{border-top-left-radius:6px}.in:not(.last) .bubble{border-bottom-left-radius:6px}.out:not(.first) .bubble{border-top-right-radius:6px}.out:not(.last) .bubble{border-bottom-right-radius:6px}.in.last .bubble{border-bottom-left-radius:0}.out.last .bubble{border-bottom-right-radius:0}.msg.last .bubble:after{content:"";position:absolute;bottom:0;width:10px;height:16px;background:inherit}.in.last .bubble:after{left:-8px;clip-path:path("M10 0 C10 9 6 14 0 16 L10 16 Z")}.out.last .bubble:after{right:-8px;clip-path:path("M0 0 C0 9 4 14 10 16 L0 16 Z")}@keyframes pop{0%{transform:scale(.96);opacity:.4}}.messages .bubble{animation:none}.msg:last-child .bubble{animation:pop .18s var(--ease)}.text{white-space:pre-wrap}.spacer{display:inline-flex;gap:3px;visibility:hidden;height:1px;overflow:hidden;vertical-align:top;margin-left:8px;font-size:11.5px;line-height:1;white-space:nowrap}.spacer svg{width:15px;height:1px}.meta{position:absolute;right:10px;bottom:5px;display:flex;align-items:center;gap:3px;font-size:11.5px;line-height:1;color:var(--muted);white-space:nowrap;user-select:none;-webkit-user-select:none}.out .meta{color:var(--meta-out)}.status svg{width:15px;height:15px;stroke-width:2.2}.msg.jumbo .bubble{background:none;box-shadow:none;font-size:46px;line-height:1.15;padding:0 2px 20px}.msg.jumbo .bubble:after,.msg.jumbo .spacer{display:none}.msg.jumbo .meta{right:2px;bottom:0;padding:3px 7px;border-radius:10px;background:var(--day-bg);color:#fff;white-space:nowrap}.msg.jumbo.in .meta{right:auto;left:2px}.file{display:flex;align-items:center;gap:11px;padding:3px 2px 4px 0;color:inherit;text-decoration:none;min-width:0}.file+.text{display:block;margin-top:4px}.file-icon{width:46px;height:46px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;background:var(--accent);color:var(--on-accent)}.file-icon svg{width:22px;height:22px}.file-info{min-width:0;display:flex;flex-direction:column;gap:2px}.file-name{font-weight:600;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.file small{font-size:12.5px;opacity:.7}.chat-empty{margin:auto;align-self:center;width:min(280px,100%);display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:22px 20px;border-radius:20px;background:var(--bar);box-shadow:var(--shadow)}.chat-empty .avatar{margin-bottom:8px}.chat-empty strong{font-size:16px}.chat-empty p{color:var(--muted);font-size:14px}.hello{margin-top:10px;width:72px;height:72px;border-radius:50%;background:var(--soft);font-size:40px;transition:transform .15s}.hello:active{transform:scale(.92)}.jump{position:absolute;right:12px;bottom:12px;z-index:2;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--bar);color:var(--muted);box-shadow:0 2px 10px #0003}.jump .dot{position:absolute;top:0;right:0;width:12px;height:12px;border-radius:50%;background:var(--accent);border:2px solid var(--bar);display:none}.jump.new .dot{display:block}.attachment{display:flex;align-items:center;gap:12px;flex-shrink:0;padding:8px 6px 8px 12px;background:var(--bar);border-top:1px solid var(--line)}.attachment .file-icon{width:40px;height:40px}.att-info{flex:1;min-width:0;display:flex;flex-direction:column}.att-info strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.att-info small{color:var(--muted);font-size:12.5px}.attachment .icon-btn{color:var(--muted)}.composer{display:flex;align-items:flex-end;gap:4px;flex-shrink:0;padding:6px max(8px,env(safe-area-inset-right)) calc(6px + var(--safe-b)) max(4px,env(safe-area-inset-left));background:var(--bar);border-top:1px solid var(--line)}.composer>.icon-btn,.field .icon-btn{color:var(--muted)}.field{flex:1;min-width:0;display:flex;align-items:flex-end;padding-left:14px;border-radius:22px;background:var(--soft);border:1px solid transparent;transition:border-color .15s}.field:focus-within{border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.field textarea{flex:1;min-width:0;resize:none;border:0;outline:0;background:none;font-size:16px;line-height:22px;padding:10px 0;max-height:140px;color:var(--text)}.field textarea::placeholder{color:var(--muted)}.send{width:44px;height:44px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;background:var(--accent);color:var(--on-accent);transition:transform .18s var(--ease),opacity .18s}.send svg{width:21px;height:21px;margin-left:2px}.send:disabled{opacity:.35;transform:scale(.88)}.send:not(:disabled):active{transform:scale(.92)}.emoji-panel{flex-shrink:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(46px,1fr));max-height:40%;overflow-y:auto;padding:8px 8px calc(8px + var(--safe-b));background:var(--bar);border-top:1px solid var(--line)}.emoji-panel button{height:48px;font-size:28px;border-radius:12px}.emoji-panel button:active{background:var(--soft)}.emoji-panel:not([hidden])~.composer,.composer:has(~.emoji-panel:not([hidden])){padding-bottom:6px}.no-chat{margin:auto}.no-chat span{display:inline-block;padding:6px 14px;border-radius:16px;background:var(--day-bg);color:#fff;font-size:14px;font-weight:600}.auth{position:relative;height:100%;overflow-y:auto;display:flex;padding:calc(24px + var(--safe-t)) 24px calc(24px + var(--safe-b));background:var(--bg)}.auth-inner{width:100%;max-width:380px;margin:auto}.theme-btn{position:absolute;top:calc(8px + var(--safe-t));right:8px;color:var(--muted)}.logo{width:104px;height:104px;margin:0 auto 22px;border-radius:30px;display:grid;place-items:center;color:#fff;background:linear-gradient(150deg,var(--accent-2),var(--accent));box-shadow:0 10px 30px color-mix(in srgb,var(--accent) 35%,transparent)}.logo svg{width:52px;height:52px;stroke-width:1.8}.logo svg.solid{width:66px;height:66px}.auth h1{margin:0 0 8px;text-align:center;font-size:30px;font-weight:750;letter-spacing:-.6px}.auth .sub{margin:0 0 28px;text-align:center;color:var(--muted);line-height:1.5}.input{display:block;margin-bottom:14px}.input span{display:block;margin:0 0 6px 4px;font-size:13px;font-weight:600;color:var(--muted)}.input input{width:100%;height:52px;padding:0 16px;border-radius:14px;outline:0;border:1.5px solid var(--line);background:var(--soft);font-size:16px;color:var(--text);transition:border-color .15s,background .15s}.input input:focus{border-color:var(--accent);background:var(--bg)}.input input::placeholder{color:var(--muted);opacity:.7}.error{min-height:20px;margin:0 4px 6px;color:var(--danger);font-size:14px}.primary{width:100%;height:52px;border-radius:14px;background:var(--accent);color:var(--on-accent);font-size:16px;font-weight:650;transition:transform .12s,opacity .15s}.primary:active{transform:scale(.98)}.primary:disabled{opacity:.6}.switch-text{margin:18px 0 0;text-align:center;color:var(--muted)}.link{padding:10px 4px;color:var(--accent);font-weight:650}.auth .fineprint{justify-content:center;margin:28px 0 0;text-align:center}#toast{position:fixed;left:50%;top:calc(12px + env(safe-area-inset-top));transform:translate(-50%);z-index:60;animation:toast-in .18s ease-out;width:max-content;max-width:calc(100vw - 32px);padding:10px 16px;border-radius:12px;background:#141e19eb;color:#fff;font-size:14px;box-shadow:0 6px 20px #00000040}#toast:empty{display:none}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-8px)}}@media(min-width:860px){.layout{display:grid;grid-template-columns:minmax(320px,380px) 1fr}.pane{position:relative;inset:auto}.chat-pane,.chat-open .chat-pane{transform:none;visibility:visible;transition:none;box-shadow:none;border-left:1px solid var(--line)}.chat-open .list-pane{transform:none}.back{display:none}.chat-head{padding-left:16px}.row.selected{background:var(--selected)}.messages{padding-left:6%;padding-right:6%}.bubble{max-width:min(70%,560px)}.composer{padding-left:calc(6% - 4px);padding-right:6%;padding-bottom:10px}.emoji-panel{padding-left:6%;padding-right:6%}}@media(min-width:1200px){.messages,.composer,.emoji-panel{padding-left:12%;padding-right:12%}}.offscreen{position:fixed;left:-9999px;top:0}.avatar{position:relative;overflow:visible}.avatar img{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;object-fit:cover;background:var(--soft)}.avatar.online:after{content:"";position:absolute;right:1px;bottom:1px;width:14px;height:14px;border-radius:50%;background:#2fc46e;border:2.5px solid var(--bg)}.avatar.sm.online:after,.avatar.md.online:after{width:11px;height:11px;border-width:2px;right:0;bottom:0}.chat-head .avatar.online:after{border-color:var(--bar)}.row.selected .avatar.online:after{border-color:var(--selected)}#head-avatar{display:contents}.typing-text,.row-preview.is-online,.head-text small.live{color:var(--accent)}.tick svg{width:17px}.status svg{width:15px;height:15px}.status.read svg{width:19px}.out .status.read{color:var(--accent)}:root[data-theme=dark] .out .status.read{color:#7fe0ae}.edited{margin-right:2px;font-style:italic;opacity:.9}.countdown{display:inline-flex;align-items:center;gap:2px;margin-right:4px;font-variant-numeric:tabular-nums;font-weight:600}.countdown svg{width:12px;height:12px}.msg.vanishing{animation:vanish .4s ease-in var(--vanish-in, 0ms) forwards}@keyframes vanish{to{opacity:0;filter:blur(3px)}}@media(prefers-reduced-motion:reduce){.msg.vanishing{animation-duration:.01s}}.text a{color:inherit;text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}.in .text a{color:var(--accent)}.quote{display:flex;align-items:center;gap:8px;width:100%;min-width:120px;max-width:100%;margin:2px 0 5px;padding:4px 8px 5px 9px;border-left:3px solid var(--accent);border-radius:6px;background:color-mix(in srgb,var(--accent) 10%,transparent);text-align:left;font-size:14px;line-height:1.3}.out .quote{border-left-color:var(--meta-out);background:color-mix(in srgb,var(--meta-out) 14%,transparent)}.quote>span{min-width:0;display:flex;flex-direction:column}.quote strong{color:var(--accent);font-size:13.5px}.out .quote strong{color:var(--meta-out)}.quote span span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.85}.quote img{width:34px;height:34px;border-radius:4px;object-fit:cover;flex-shrink:0}.quote.gone strong{color:var(--muted);font-style:italic;font-weight:500}.msg.has-photo .bubble{padding:3px;max-width:min(76%,340px)}.msg.has-photo .quote{width:calc(100% - 6px);margin:3px 3px 4px}.msg.has-photo .text{display:block;padding:4px 7px 0 8px}.msg.has-photo .spacer{margin-left:8px}.photo{display:block;width:100%;padding:0;border-radius:15px;overflow:hidden;background:var(--soft)}.photo img{display:block;width:100%;min-width:160px;max-height:360px;min-height:90px;object-fit:cover}.in:not(.first).has-photo .photo{border-top-left-radius:5px}.out:not(.first).has-photo .photo{border-top-right-radius:5px}.msg.photo-only .spacer{display:none}.msg.photo-only .meta{right:9px;bottom:9px;padding:3px 7px;border-radius:10px;background:#00000073;color:#fff}.msg.photo-only .status.read{color:#9ff0c3}.msg.photo-only .bubble:after{display:none}.thumb{width:40px;height:40px;border-radius:8px;object-fit:cover;flex-shrink:0}.msg{position:relative;touch-action:pan-y}.msg.settle{transition:transform .2s var(--ease)}.reply-hint{position:absolute;right:-36px;top:50%;width:30px;height:30px;margin-top:-15px;border-radius:50%;display:grid;place-items:center;background:var(--day-bg);color:#fff;opacity:0;transform:scale(.6);transition:opacity .15s,transform .15s}.reply-hint svg{width:17px;height:17px}.msg.reply-ready .reply-hint{opacity:1;transform:none}.msg.flash .bubble{animation:flash 1.2s ease}@keyframes flash{0%,40%{filter:brightness(.82)}}.msg.picked .bubble{filter:brightness(.92)}@media(pointer:coarse){.bubble{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}}.compose-bar{display:flex;align-items:center;gap:6px;flex-shrink:0;padding:4px 4px 4px 12px;background:var(--bar);border-top:1px solid var(--line)}.bar-icon{color:var(--accent);display:grid;place-items:center}.bar-icon svg{width:22px;height:22px}.bar-body{flex:1;min-width:0;display:flex;flex-direction:column;text-align:left;padding:3px 10px;border-left:2.5px solid var(--accent);line-height:1.3}.bar-body strong{color:var(--accent);font-size:14px}.bar-body span{color:var(--muted);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compose-bar .icon-btn{color:var(--muted)}.compose-bar+.attachment{border-top:0}.send.confirm{background:var(--accent)}.send svg{stroke-width:2.6}.menu-layer{position:fixed;inset:0;z-index:40;background:#0000002e;animation:fade .15s}:root[data-theme=dark] .menu-layer{background:#0006}.menu{position:fixed;min-width:200px;max-width:260px;padding:6px;border-radius:16px;background:var(--bar);box-shadow:0 10px 40px #00000040;animation:menu-in .16s var(--ease);transform-origin:top center}.menu button{display:flex;align-items:center;gap:14px;width:100%;height:44px;padding:0 12px;border-radius:10px;font-size:15.5px;text-align:left}.menu button svg{width:20px;height:20px;color:var(--muted)}.menu button:hover,.menu button:focus-visible{background:var(--soft);outline:0}.menu .danger,.menu .danger svg{color:var(--danger)}.menu-q{padding:8px 12px 6px;font-size:14px;color:var(--muted)}@keyframes menu-in{0%{opacity:0;transform:scale(.92)}}@keyframes fade{0%{opacity:0}}.viewer{position:fixed;inset:0;z-index:60;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000;color:#fff;animation:fade .18s;padding:calc(64px + var(--safe-t)) 0 calc(24px + var(--safe-b))}.viewer>img{max-width:100%;max-height:100%;object-fit:contain;flex:1;min-height:0}.viewer-bar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:8px;padding:calc(8px + var(--safe-t)) 8px 8px;background:linear-gradient(rgba(0,0,0,.6),transparent)}.viewer-bar .icon-btn{color:#fff}.viewer-bar .icon-btn:hover,.viewer-bar .icon-btn:active{background:#ffffff1f}.viewer-who{flex:1;display:flex;flex-direction:column;min-width:0}.viewer-who small{opacity:.7;font-size:12.5px}.viewer-caption{max-width:640px;padding:12px 16px 0;text-align:center;font-size:15px;line-height:1.4;white-space:pre-wrap}.viewer-caption a{color:#9ff0c3}.avatar-edit{position:relative;border-radius:50%;margin-bottom:10px}.profile-card .avatar-edit .avatar{margin:0}.cam{position:absolute;right:-2px;bottom:-2px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:var(--on-accent);border:3px solid var(--bg)}.cam svg{width:17px;height:17px}.ico-blue{background:#3d8ef0}.ico-gray{background:#8a948f}@media(min-width:860px){.reply-hint{display:none}}.messages{overflow-x:hidden}.head-info{display:flex;align-items:center;gap:10px;flex:1;min-width:0;text-align:left;padding:2px 0;border-radius:12px}.head-text strong.verified:after{content:"";display:inline-block;width:15px;height:15px;margin-left:5px;vertical-align:-2px;border-radius:50%;background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat}.e2e-banner{display:flex;align-items:center;gap:10px;flex-shrink:0;z-index:2;padding:8px 12px;background:var(--bar);border-bottom:1px solid var(--line);font-size:13.5px;line-height:1.35;color:var(--muted)}.e2e-banner svg{width:18px;height:18px;color:var(--accent)}.e2e-banner span{flex:1}.e2e-banner button{color:var(--accent);font-weight:650;padding:6px 4px;white-space:nowrap}.meta .plain svg{width:12px;height:12px;margin-right:2px;opacity:.7}.text.locked{color:var(--muted);font-style:italic;display:inline-flex;gap:6px;align-items:center}.text.locked svg{width:15px;height:15px}.chat-empty p svg{width:14px;height:14px;vertical-align:-2px}img.broken{min-height:120px;background:var(--soft)}img[data-dec]:not([src]){min-height:180px;background:var(--soft)}.sheet-layer{position:fixed;inset:0;z-index:45;display:flex;align-items:flex-end;justify-content:center;background:#00000059;animation:fade .15s}.sheet{width:100%;max-width:480px;max-height:92%;overflow-y:auto;background:var(--bg);border-radius:20px 20px 0 0;padding:8px 16px calc(16px + var(--safe-b));animation:sheet-up .25s var(--ease)}@keyframes sheet-up{0%{transform:translateY(40px);opacity:.5}}@media(min-width:860px){.sheet-layer{align-items:center}.sheet{border-radius:20px}}.sheet-grip{width:40px;height:5px;border-radius:3px;background:var(--line);margin:0 auto 12px}.info-head{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;padding:4px 0 18px}.info-head .avatar{margin-bottom:10px}.info-head strong{font-size:21px}.info-head span{color:var(--muted);font-size:14px}.info-card{background:var(--soft);border-radius:16px;padding:14px 16px 6px}.info-title{display:flex;align-items:center;gap:8px;color:var(--accent);margin-bottom:6px}.info-title svg{width:20px;height:20px}.info-card p{font-size:14px;line-height:1.45;margin-bottom:10px}.info-sub{color:var(--muted)}.code{display:grid;grid-template-columns:repeat(4,1fr);gap:8px 6px;margin:4px 0 10px;font:600 17px/1.2 ui-monospace,SF Mono,Consolas,monospace;letter-spacing:1px;text-align:center}.verify{padding:0;border-top:1px solid var(--line)}.sheet-close{display:block;width:100%;height:48px;margin-top:12px;border-radius:14px;background:var(--soft);font-weight:650;color:var(--accent)}.setting.static{cursor:default}.setting-label small{display:block;font-size:12.5px;color:var(--muted);margin-top:1px}.ico-green{background:#22a565}.mini{padding:6px 12px;border-radius:14px;background:var(--accent);color:var(--on-accent);font-size:13px;font-weight:650}#app{zoom:var(--ui-zoom, 1);height:calc(var(--app-h, 100dvh) / var(--ui-zoom, 1))}.bubble{font-size:var(--msg-size, 15.5px)}.dotfill{fill:currentColor;stroke:none}:root[data-motion=reduce] *,:root[data-motion=reduce] *:before,:root[data-motion=reduce] *:after{animation:none!important;transition:none!important}:root[data-bg=plain] .chat-pane{background-image:none}:root[data-bg=mint]{--chat-bg: #cfeadb;--pattern: #b7dcc7}:root[data-bg=sky]{--chat-bg: #d3e4f5;--pattern: #bcd3ec}:root[data-bg=rose]{--chat-bg: #f4dbe1;--pattern: #ebc6cf}:root[data-bg=sand]{--chat-bg: #efe5d2;--pattern: #e2d4ba}:root[data-theme=dark][data-bg=mint]{--chat-bg: #0d1c15;--pattern: #17291f}:root[data-theme=dark][data-bg=sky]{--chat-bg: #0d1520;--pattern: #172231}:root[data-theme=dark][data-bg=rose]{--chat-bg: #1c1015;--pattern: #2a1a21}:root[data-theme=dark][data-bg=sand]{--chat-bg: #1a160f;--pattern: #282218}.topbar{gap:2px}.topbar h1{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#pane-back:not([hidden])+h1{font-size:20px;letter-spacing:-.2px}#pane-back{margin-left:-10px}.top-actions{display:flex;align-items:center}.top-actions .icon-btn{color:var(--muted)}.top-actions #compose{color:var(--accent)}.tab-body.page-in{animation:page-in .22s var(--ease)}@keyframes page-in{0%{opacity:0;transform:translate(14px)}}.settings{padding:4px 0 28px}.group-title{margin:18px 28px 6px;font-size:13px;font-weight:650;color:var(--accent)}.group-note{margin:-10px 28px 16px;font-size:13px;line-height:1.45;color:var(--muted)}.group.pad{padding:12px 14px}.setting{color:var(--text)}.setting-value{color:var(--accent);font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:45%}.chev{color:var(--muted);display:grid;place-items:center;margin-right:-6px}.chev svg{width:18px;height:18px}.ico-orange{background:#f19a37}.warn{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--danger);color:#fff;font-weight:800;font-size:13px}.setting .avatar{margin-left:-2px}.mini.ghost{background:transparent;color:var(--accent);border:1.5px solid currentColor}.mini.danger-text{color:var(--danger)}.empty.small{padding:18px 16px;font-size:14px}.fineprint.center{justify-content:center;text-align:center}.live{color:var(--accent)!important}.me-card{display:flex;align-items:center;gap:16px;width:100%;padding:8px 20px 22px;text-align:left}.me-card .avatar{margin:0}.me-text{display:flex;flex-direction:column;gap:2px;min-width:0}.me-text strong{font-size:22px;letter-spacing:-.3px}.me-text span{color:var(--muted)}.me-text small{color:var(--muted);font-size:13.5px;margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.slider-row{display:flex;align-items:center;gap:12px;padding:4px 14px 14px}.group.pad .slider-row{padding:0 0 10px}.slider-row input[type=range]{flex:1;accent-color:var(--accent);height:28px}.aa{color:var(--muted);font-weight:600}.aa.small{font-size:13px}.aa.big{font-size:20px}.segmented{display:flex;padding:3px;gap:3px;border-radius:12px;background:var(--line)}.segmented button{flex:1;height:38px;border-radius:9px;font-size:14.5px;font-weight:600;color:var(--muted)}.segmented button[aria-checked=true]{background:var(--bg);color:var(--text);box-shadow:0 1px 3px #0000001f}.seg-label{font-size:15px;margin:2px 2px 10px}.bio-wrap{position:relative;padding:12px 52px 12px 16px}.bio-wrap textarea{width:100%;border:0;outline:0;resize:none;background:none;font-size:16px;line-height:1.4;color:var(--text);min-height:24px}.counter{position:absolute;right:16px;top:14px;font-size:13px;color:var(--muted)}.counter.over{color:var(--danger);font-weight:700}.group.colors{display:grid;grid-template-columns:auto repeat(8,minmax(0,38px));justify-content:space-between;align-items:center;gap:8px;padding:14px}.swatch{width:100%;aspect-ratio:1;border-radius:50%;position:relative}.swatch.auto{height:34px;aspect-ratio:auto}.swatch.auto{width:auto;padding:0 14px;border-radius:19px;background:var(--line);font-size:13px;font-weight:650}.swatch.on{box-shadow:0 0 0 2.5px var(--bg),0 0 0 4.5px var(--accent)}.preview-chat{border-radius:12px;padding:8px 4px;background-color:var(--chat-bg);background-image:radial-gradient(var(--pattern) 1.1px,transparent 1.1px);background-size:22px 22px}:root[data-bg=plain] .preview-chat{background-image:none}.preview-chat .msg{margin:4px 0}.bg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:12px}.bg-opt{height:70px;border-radius:12px;position:relative;display:flex;align-items:flex-end;justify-content:center;padding-bottom:6px;font-size:12.5px;font-weight:650;color:#24332c;border:2px solid transparent}.bg-opt.on{border-color:var(--accent)}.bg-dots{background:#dce8e0 radial-gradient(#b9cfc1 1.2px,transparent 1.2px) 0 0/14px 14px}.bg-plain{background:#dce8e0}.bg-mint{background:#cfeadb}.bg-sky{background:#d3e4f5}.bg-rose{background:#f4dbe1}.bg-sand{background:#efe5d2}:root[data-theme=dark] .bg-opt{color:#e6eee9}:root[data-theme=dark] .bg-dots{background:#0b120f radial-gradient(#22322a 1.2px,transparent 1.2px) 0 0/14px 14px}:root[data-theme=dark] .bg-plain{background:#0b120f}:root[data-theme=dark] .bg-mint{background:#0d1c15}:root[data-theme=dark] .bg-sky{background:#0d1520}:root[data-theme=dark] .bg-rose{background:#1c1015}:root[data-theme=dark] .bg-sand{background:#1a160f}.sheet-title{margin:0 0 14px;font-size:20px;letter-spacing:-.3px}.sheet-text{color:var(--muted);line-height:1.5;margin-bottom:14px;font-size:15px}.sheet-text b{color:var(--text)}.sheet .input input{background:var(--soft)}.sheet .error:empty{min-height:0;margin:0}.sheet-actions{display:flex;gap:10px;margin-top:10px}.sheet-btn{flex:1;height:48px;border-radius:14px;background:var(--soft);font-weight:650;color:var(--text);display:inline-flex;align-items:center;justify-content:center;gap:7px}.sheet-btn svg{width:19px;height:19px;flex:none}.primary-btn{background:var(--accent);color:var(--on-accent)}.danger-btn{background:var(--danger);color:#fff}.sheet-btn:disabled{opacity:.6}.hint{font-size:13px;color:var(--muted);margin:-4px 4px 8px}.hint.ok{color:var(--accent)}.hint.bad{color:var(--danger)}.at-input{display:flex;align-items:center;height:52px;border-radius:14px;border:1.5px solid var(--line);background:var(--soft);padding-left:14px}.at-input:focus-within{border-color:var(--accent)}.at-input b{color:var(--muted);font-weight:600}.at-input input{flex:1;min-width:0;height:100%;border:0!important;background:none!important;padding-left:2px!important;outline:0;font-size:16px;color:var(--text)}.pick{max-height:50vh;overflow-y:auto;margin:0 -6px 4px}.pick-row{display:flex;align-items:center;gap:12px;width:100%;padding:8px 6px;border-radius:12px;text-align:left}.pick-row:hover{background:var(--soft)}.pick-row span:last-child{display:flex;flex-direction:column;font-weight:600}.pick-row small{color:var(--muted);font-weight:400}.info-list{background:var(--soft);border-radius:16px;margin-bottom:12px;overflow:hidden}.info-item{display:flex;flex-direction:column;gap:2px;width:100%;padding:11px 16px;text-align:left;font-size:15.5px}.info-item+.info-item{border-top:1px solid var(--line)}.info-item small{color:var(--muted);font-size:12.5px}.info-item span{white-space:pre-wrap;overflow-wrap:anywhere}.info-item a{color:var(--accent)}.sheet-close.danger-text{color:var(--danger)}.sheet-close+.sheet-close{margin-top:8px}.input .at-input{display:flex;margin:0}.input .at-input b{display:inline}.in-app{position:fixed;z-index:55;top:calc(8px + var(--safe-t));left:50%;transform:translate(-50%);width:min(420px,calc(100vw - 16px));display:flex;align-items:center;gap:12px;padding:10px 14px;text-align:left;border-radius:16px;background:var(--bar);color:var(--text);box-shadow:0 8px 30px #00000038;animation:drop .25s var(--ease)}.in-app>span{display:flex;flex-direction:column;min-width:0}.in-app strong{font-size:14.5px}.in-app>span>span{font-size:14px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes drop{0%{transform:translate(-50%,-20px);opacity:0}}svg .fill{fill:currentColor;stroke:none}.send svg path.fill{fill:currentColor}.boot{height:100%;display:grid;place-items:center;background:var(--bg)}.logo-dot{width:56px;height:56px;border-radius:17px;background:linear-gradient(150deg,var(--accent-2),var(--accent));animation:pulse 1s ease-in-out infinite alternate}@keyframes pulse{to{transform:scale(.85);opacity:.6}}.list-pane{display:flex;flex-direction:column}.profile-card .avatar-edit .cam{color:var(--on-accent)}.group-mark{display:inline-flex;vertical-align:-2px;margin-right:4px;color:var(--muted)}.group-mark svg{width:15px;height:15px}.ico-round{background:var(--accent);color:var(--on-accent)}.ico-round svg{width:22px;height:22px}.new-group .row-name{color:var(--accent)}.system-note{align-self:center;margin:8px 0 4px;max-width:86%;text-align:center}.system-note span{display:inline-block;padding:5px 12px;border-radius:13px;background:var(--day-bg);color:#fff;font-size:13px;font-weight:500;line-height:1.35;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.msg.in-group{padding-left:0}.msg-avatar{width:34px;flex-shrink:0;align-self:flex-end;margin-right:4px}.msg-avatar .avatar.sm{width:32px;height:32px;font-size:12.5px}.sender-name{display:block;font-size:13.5px;font-weight:650;margin-bottom:1px}.n0{color:#d9454f}.n1{color:#d9731f}.n2{color:#7357d6}.n3{color:#23935d}.n4{color:#2389ad}.n5{color:#3f63cc}.n6{color:#cc4686}.n7{color:#5f8a2f}:root[data-theme=dark] .n0{color:#ff8a8f}:root[data-theme=dark] .n1{color:#ffb36b}:root[data-theme=dark] .n2{color:#b9a5ff}:root[data-theme=dark] .n3{color:#6fdca0}:root[data-theme=dark] .n4{color:#74d2ee}:root[data-theme=dark] .n5{color:#93b0ff}:root[data-theme=dark] .n6{color:#ff91c3}:root[data-theme=dark] .n7{color:#b3d77e}.has-photo .sender-name{padding:3px 8px 2px}.picker-search{margin-bottom:8px}.pick-row .check-dot{margin-left:auto;width:24px;height:24px;border-radius:50%;border:2px solid var(--line);display:grid;place-items:center;flex-shrink:0}.pick-row.picked-row .check-dot{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.pick-row .check-dot svg{width:15px;height:15px;stroke-width:3}.pick-row>span:nth-child(2){flex:1;min-width:0}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px 3px 3px;border-radius:20px;background:var(--soft);font-size:14px}.chip .avatar.sm{width:26px;height:26px;font-size:11px}.group-note.inline{margin:0 4px 10px}.group-title.flush{margin:0 6px 6px}.small-link{display:inline-flex;align-items:center;gap:6px;font-size:14px;padding:6px 10px}.small-link svg{width:16px;height:16px}.members{max-height:46vh;overflow-y:auto}.member{display:flex;align-items:center;gap:12px;width:100%;padding:8px 14px;text-align:left}.member+.member,.add-member+.member-row{border-top:1px solid var(--line)}.member:disabled{cursor:default;opacity:1}.member:not(:disabled):hover{background:var(--hover)}.member-name{flex:1;min-width:0;display:flex;flex-direction:column;font-weight:600;font-size:15px}.member-name small{font-weight:400;color:var(--muted);font-size:12.5px}.add-member .member-name{color:var(--accent);justify-content:center}.role-badge{font-size:12px;font-weight:650;color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent);padding:3px 8px;border-radius:10px}.menu-layer{z-index:50}.pick-row>span:nth-child(2){display:flex;flex-direction:column;font-weight:600}.spinner{width:17px;height:17px;border-radius:50%;border:2.4px solid currentColor;border-right-color:transparent;animation:spin .7s linear infinite;flex:none}@keyframes spin{to{transform:rotate(360deg)}}.save-bar{display:flex;gap:8px;padding:0 12px 12px;justify-content:flex-end}.save-bar button{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:18px;font-weight:650;font-size:14px;background:var(--soft);color:var(--text)}.save-bar button svg{width:17px;height:17px}.save-bar .save{background:var(--accent);color:var(--on-accent)}.save-bar button:disabled{opacity:.55}.member-row{display:flex;align-items:center}.member-row+.member-row{border-top:1px solid var(--line)}.member-row .member{flex:1;min-width:0}.member-row .member+.member{border-top:0}.kick{width:36px;height:36px;margin-right:10px;border-radius:50%;display:grid;place-items:center;color:var(--danger);flex:none}.kick svg{width:20px;height:20px}.kick:hover{background:color-mix(in srgb,var(--danger) 12%,transparent)}.tg-btn{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;height:50px;border-radius:14px;background:#2aabee;color:#fff;font-weight:650;font-size:16px}.tg-btn svg{width:22px;height:22px}.tg-btn svg .fill,.tg-btn svg path{fill:#fff;stroke:none}.or-line{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px;margin:14px 0}.or-line:before,.or-line:after{content:"";flex:1;height:1px;background:var(--line)}.ico-tg{background:#2aabee}.row-note{display:flex;align-items:center;gap:10px;margin:0;padding:14px 16px;color:var(--muted);font-size:14.5px;line-height:1.4}.row .spinner{margin-left:auto;color:var(--muted)}.primary{display:inline-flex;align-items:center;justify-content:center;gap:10px}.link{display:inline-flex;align-items:center;gap:6px}.link svg{width:18px;height:18px}.alt-logins{display:grid;gap:10px}.alt-btn{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;height:50px;border-radius:14px;border:1.5px solid var(--line);background:var(--bg);color:var(--text);font-weight:650;font-size:16px;transition:background .15s}.alt-btn:hover{background:var(--hover)}.alt-btn svg{width:21px;height:21px;color:var(--accent)}.qr-login{display:grid;justify-items:center;gap:18px}.qr-box{position:relative;display:grid;place-items:center;width:256px;height:256px;border-radius:22px;background:#fff;box-shadow:0 6px 24px #0000001f;color:#6d7c75}svg.qr{stroke:none;max-width:100%}.qr-box .qr{transition:opacity .2s,filter .2s}.qr-box.scanned .qr{opacity:.18;filter:blur(2px)}.qr-scanned{position:absolute;display:grid;justify-items:center;gap:8px;color:#1f8a5c;font-weight:700;font-size:16px}.qr-scanned svg{width:44px;height:44px;padding:8px;border-radius:50%;background:#1f8a5c;color:#fff;stroke-width:2.6}.qr-steps{margin:0;padding-left:22px;color:var(--muted);line-height:1.9;font-size:15px;justify-self:stretch}.qr-steps b{color:var(--text);font-weight:650}.two-step-qr{display:grid;place-items:center;min-height:176px;margin:4px 0 12px}.secret{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 10px;width:100%;margin:0 0 16px;padding:10px 14px;border-radius:12px;background:var(--soft);text-align:left;color:var(--text)}.secret small{grid-column:1;color:var(--muted);font-size:12.5px}.secret code{grid-column:1;font-size:14px;letter-spacing:.5px;overflow-wrap:anywhere}.secret svg{grid-column:2;grid-row:1 / span 2;width:18px;height:18px;color:var(--muted)}.backup-codes{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 16px;padding:0;list-style:none}.backup-codes li{padding:10px;border-radius:10px;background:var(--soft);text-align:center}.backup-codes code{font-size:15px;letter-spacing:1px}