*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;background:radial-gradient(120% 90% at 50% 0%,#2a2f38,#14161a 55%,#0b0c0e) fixed;color:#f3f4f6;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;overflow:hidden;overscroll-behavior:none;background:#000}button,input{font:inherit;color:inherit}button{border:0;background:none;padding:0;cursor:pointer}.app{--unit: min(calc(100vw / 24.4), 31px, 2.7dvh);height:100dvh;display:flex;flex-direction:column;background:#000}.app.shake{animation:shake .9s linear}@keyframes shake{0%,to{transform:translate(0)}10%,50%,90%{transform:translate(-8px,2px)}30%,70%{transform:translate(8px,-2px)}}.screen{position:relative;flex:1;min-height:0;background:#fff;color:#111;overflow:hidden;font-size:clamp(19px,14px + .6vw,23px);font-family:Arial,Helvetica Neue,Helvetica,sans-serif}.deck{flex:none;font-size:var(--unit);padding:.35em .3em calc(.5em + env(safe-area-inset-bottom));background:linear-gradient(180deg,#2b2d31,#101113 12%,#0a0a0b 70%,#17181a);border-top:.14em solid #c9cdd1;box-shadow:inset 0 .08em #5b6066}.deck-inner{width:min(100%,24em);margin:0 auto}.dots{width:1.5em;height:1.05em;display:block}.nav-row{display:grid;grid-template-columns:1fr 1fr 3.3em 1fr 1fr;gap:.14em;margin:0 0 .4em;height:2.9em}.nav-key,.trackpad{display:grid;place-items:center;color:#e6e7e9;background:linear-gradient(180deg,#3b3d42,#1a1b1e 45%,#0c0c0d);box-shadow:inset 0 .06em #ffffff38,inset 0 -.08em .1em #000c}.nav-key:first-child{border-radius:.5em .15em .15em .9em}.nav-key:last-child{border-radius:.15em .5em .9em .15em}.nav-key svg{width:1.55em;height:1.55em}.nav-key .dots{width:1.7em;height:1.2em}.nav-key.call{color:#3fd15a}.nav-key.end{color:#f0392e}.nav-key.end svg{transform:rotate(135deg)}.nav-key:active,.trackpad:active{filter:brightness(1.6)}.trackpad{border-radius:.3em;background:linear-gradient(180deg,#bfc3c8,#6d7278);padding:.16em}.trackpad span{width:100%;height:100%;border-radius:.2em;background:radial-gradient(circle at 50% 35%,#34363a,#0b0b0c 75%);box-shadow:inset 0 0 .3em #ffffff1f}.key-row{display:grid;grid-template-columns:repeat(10,1fr);gap:.12em;padding:.14em 0 .16em;border-bottom:.12em solid transparent;border-image:linear-gradient(90deg,#4a4d52,#e4e6e8 50%,#4a4d52) 1}.key-row.last{grid-template-columns:1.6fr 1fr 4.8fr 1fr 1.6fr;border-bottom:0;padding:.14em 2.2em 0}.key{position:relative;height:2.5em;border-radius:.28em .28em .5em .5em;color:#f4f5f6;background:linear-gradient(105deg,#45484d,#232528 38%,#0d0e0f 62%,#1c1d20);box-shadow:inset 0 .07em #ffffff40,inset 0 -.12em .14em #000000d9;display:grid;place-items:center;touch-action:manipulation;-webkit-user-select:none;user-select:none}.key b{font-size:1.02em;font-weight:700;transform:translate(.12em,.18em)}.key i{position:absolute;top:.18em;left:.32em;font-style:normal;font-size:.72em;font-weight:700;color:#ff5a4f}.key .word{font-size:.7em;font-weight:700;color:#cfd2d6}.key:active,.key.down{background:linear-gradient(105deg,#8fc1ff,#2f7fe0 60%,#1a57a8)}.key.on{background:linear-gradient(105deg,#6aa8f5,#1f5fb5)}.view{height:100%;display:flex;flex-direction:column}.titlebar{flex:none;height:2.05em;display:grid;grid-template-columns:2.5em 1fr 2.5em;align-items:center;padding:0 .3em;color:#fff;background:linear-gradient(180deg,#6f8fc6,#4467ad 48%,#2f5196 52%,#2a4786);border-bottom:.06em solid #1c305f}.titlebar h1{margin:0;text-align:center;font-size:.98em;font-weight:700;text-shadow:0 .06em 0 rgba(0,0,0,.45);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tb-slot{display:flex;justify-content:center}.tb-slot:last-child{justify-content:flex-end}.tb-slot button{height:1.55em;min-width:1.9em;padding:0 .3em;display:grid;place-items:center;border-radius:.22em;color:#fff;background:linear-gradient(180deg,#ffffff57,#ffffff14);box-shadow:inset 0 0 0 .05em #fff6}.tb-slot svg{width:1.2em;height:.96em}.tb-back{font-size:1.5em;line-height:.8;font-weight:700;margin-top:-.12em}.tb-slot .ping{font-size:.64em;font-weight:700;height:2.3em;padding:0 .5em;background:linear-gradient(180deg,#f2554a,#c21f17)}.rows{flex:1;overflow-y:auto;background:#fff}.row{width:100%;min-height:2.9em;display:flex;align-items:center;gap:.5em;padding:.28em .45em;text-align:left;border-bottom:.05em solid #d5d8dd;color:#111}.row:active,.row:focus-visible{outline:none;color:#fff;background:linear-gradient(180deg,#4d8ff0,#1f5fcf)}.row:active .preview,.row:active time,.row:focus-visible .preview,.row:focus-visible time{color:#e6efff}.row-main{flex:1;min-width:0;display:grid;gap:.1em}.row strong{font-size:.86em;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview{display:flex;align-items:center;gap:.3em;font-size:.74em;color:#5d6470;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview.red{color:#d0251c;font-weight:700}.bubble-icon{flex:none;width:1.05em;height:.92em}.row time{flex:none;align-self:flex-start;display:grid;justify-items:end;gap:.25em;padding-top:.15em;font-size:.7em;color:#4a5160}.row time em{font-style:normal;font-weight:700;font-size:.95em;color:#fff;background:#d0251c;border-radius:1em;padding:.05em .45em}.row.unread strong{color:#1c4fb0}.avatar{position:relative;flex:none;width:2.2em;height:2.2em;display:grid;place-items:center;border-radius:.14em;color:#fff;font-size:.95em;font-weight:700;background:#56708f;box-shadow:inset 0 0 0 .05em #00000059}.avatar i{position:absolute;right:-.14em;bottom:-.14em;width:.55em;height:.55em;border-radius:50%;background:#35c759;border:.1em solid #fff}.avatar.big{width:2.9em;height:2.9em;font-size:1.1em}.empty{margin:0;padding:1.2em;text-align:center;font-size:.82em;color:#6b7280}.screen input{min-width:0;flex:1;height:1.9em;padding:0 .45em;font-size:.82em;color:#111;background:#fff;border:.08em solid #8d95a3;border-radius:.2em;box-shadow:inset 0 .1em .15em #0000002e;outline:none}.screen input:focus{border-color:#2a66d4;box-shadow:0 0 0 .1em #2a66d459}.composer,.add-row{flex:none;display:flex;gap:.3em;padding:.3em;background:linear-gradient(180deg,#eef0f3,#d4d8de);border-top:.05em solid #aeb4bf}.add-row{border-top:0;border-bottom:.05em solid #aeb4bf}.composer button,.add-row button,.field button,.signout{flex:none;padding:0 .7em;height:2.1em;font-size:.74em;font-weight:700;color:#fff;border-radius:.25em;background:linear-gradient(180deg,#5b8be0,#2552a8);box-shadow:inset 0 0 0 .06em #0000004d}.composer button:disabled,.add-row button:disabled{background:linear-gradient(180deg,#b9bfca,#9299a6)}.gate-head{flex:none;display:flex;align-items:center;gap:.55em;padding:.6em .6em .55em}.gate-head strong{display:block;font-size:1.15em}.gate-head p{margin:.1em 0 0;font-size:.76em;color:#b9c2d0}.chat-sub{flex:none;display:flex;align-items:center;gap:.45em;padding:.22em .4em;font-size:.72em;color:#2c3340;background:linear-gradient(180deg,#e9edf4,#cfd6e2);border-bottom:.07em solid #a9b2c2}.chat-sub .avatar{width:1.9em;height:1.9em;font-size:.82em}.chat-sub span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stream{flex:1;overflow-y:auto;background:#fff}.msg{display:flex;align-items:flex-start;gap:.35em;padding:.3em .45em;border-bottom:.05em solid #e6e8ec;animation:msg-in .2s ease-out}@keyframes msg-in{0%{opacity:0;transform:translateY(.3em)}}.msg.in{background:#eef3fb}.msg p{flex:1;margin:0;font-size:.82em;line-height:1.3;overflow-wrap:anywhere}.msg.in b{color:#b3261e}.msg.out b{color:#1c4fb0}.msg.is-ping p{color:#d0251c;font-weight:700}.msg time{flex:none;font-size:.62em;color:#7a8290;padding-top:.25em}.tick{flex:none;width:1.5em;height:1.5em;margin-top:.1em;display:grid;place-items:center;border-radius:.2em;font-size:.62em;font-weight:700;color:#fff;background:#8c94a3}.tick.delivered{background:#2a66d4}.tick.read{background:#2e9e4a}.msg.in:before{content:"";flex:none;width:.93em}.sym-tray{position:absolute;left:0;right:0;bottom:0;z-index:3;display:grid;grid-template-columns:repeat(10,1fr);background:linear-gradient(180deg,#f4f6fa,#d9dee8);border-top:.08em solid #6f7a8c;box-shadow:0 -.2em .5em #00000040}.sym-tray button{height:2em;font-size:1.05em;color:#111;border-right:.04em solid #c2c8d3;border-bottom:.04em solid #c2c8d3}.sym-tray button:active{color:#fff;background:#2a66d4}.kb-flag{position:absolute;top:2.9em;right:.3em;z-index:2;padding:.1em .4em;font-size:.62em;font-weight:700;color:#fff;border-radius:.2em;background:#14161ac7;pointer-events:none}.profile{flex:1;overflow-y:auto;padding:.45em;display:grid;gap:.4em;align-content:start}.profile-id{display:flex;align-items:center;gap:.5em}.profile-id>div{flex:1;min-width:0;display:grid}.profile-id input{font-weight:700;font-size:.9em}.profile-id p{margin:.25em 0 0;font-size:.74em;color:#2e9e4a}.field{display:flex;align-items:center;gap:.45em;padding:.3em .4em;border:.05em solid #c5cad3;border-radius:.25em;background:#f5f6f8}.field label{font-size:.7em;font-weight:700;color:#5d6470}.pin{flex:1;font-family:Courier New,monospace;font-weight:700;font-size:.86em}.chips{display:flex;flex-wrap:wrap;gap:.25em}.chips button{padding:.25em .55em;font-size:.7em;color:#2c3340;border-radius:1em;border:.07em solid #b4bac6;background:#fff}.chips button.on{color:#fff;border-color:#1f5fcf;background:#2a66d4}.signout{justify-self:start;background:linear-gradient(180deg,#e2574d,#a81c15)}.bb-menu{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:flex-end}.bb-menu ul{list-style:none;margin:0 0 .3em .3em;padding:.2em;min-width:9.5em;background:linear-gradient(180deg,#fdfdfd,#e3e6ea);border:.07em solid #5a6170;border-radius:.3em;box-shadow:.2em .3em .6em #00000080}.bb-menu button{width:100%;padding:.3em .55em;text-align:left;font-size:.84em;color:#111;border-radius:.2em}.bb-menu button:hover,.bb-menu button:active{color:#fff;background:linear-gradient(180deg,#4d8ff0,#1f5fcf)}.ping-flash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:#d0251c47;animation:flash .9s linear}@keyframes flash{0%,40%,80%{opacity:1}20%,60%,to{opacity:0}}.boot{align-items:center;justify-content:center;background:linear-gradient(180deg,#16181c,#050506)}.auth{background:#fff}.auth .gate-head{color:#fff;background:linear-gradient(180deg,#16181c,#050506)}.auth-tabs{flex:none;display:grid;grid-template-columns:1fr 1fr;background:linear-gradient(180deg,#6f8fc6,#4467ad 48%,#2f5196 52%,#2a4786);border-bottom:.06em solid #1c305f}.auth-tabs button{height:2.1em;font-size:.9em;font-weight:700;color:#dbe6fb}.auth-tabs button.on{color:#fff;box-shadow:inset 0 -.18em #fff}.auth-form{flex:1;overflow-y:auto;width:min(100%,26em);margin:0 auto;padding:.8em .7em;display:grid;gap:.55em;align-content:start}.auth-form input{flex:none;width:100%;height:2.5em;font-size:.95em}.auth-go{height:2.5em;font-size:.95em;font-weight:700;color:#fff;border-radius:.25em;background:linear-gradient(180deg,#5b8be0,#2552a8);box-shadow:inset 0 0 0 .06em #0000004d}.auth-go:disabled{opacity:.6}.auth-note{margin:0;font-size:.8em;line-height:1.35;color:#5d6470}.auth-note.bad,.add-error{color:#c21f17;font-weight:700}.auth-note.good{color:#1f8a3b;font-weight:700}.add-error{flex:none;margin:0;padding:.35em .5em;font-size:.78em;background:#fdecea;border-bottom:.05em solid #f0b8b3}.tick.pending{background:#b9bfca}.tick.failed,.avatar i.busy{background:#d0251c}.row.me{background:linear-gradient(180deg,#f4f6fa,#dde3ee);border-bottom:.07em solid #a9b2c2}.row.me time{align-self:center;font-family:Courier New,monospace;font-weight:700}.section{display:flex;align-items:center;color:#fff;background:linear-gradient(180deg,#8a93a3,#5d6676);border-bottom:.05em solid #444c5a}.section>button:first-child{flex:1;display:flex;align-items:center;gap:.35em;padding:.22em .45em;font-size:.78em;font-weight:700;color:#fff;text-align:left;text-shadow:0 .06em 0 rgba(0,0,0,.4)}.section .arrow{width:.9em}.section .clear{padding:.22em .6em;font-size:.7em;color:#e6ebf5;text-decoration:underline}.row.update{min-height:0;padding:.35em .5em;background:#f7f8fb}.row.update .preview{white-space:normal;color:#2c3340}.preview.purple,.msg.is-broadcast p{color:#7a2fb0}.msg.is-broadcast p{font-weight:700}.row.pick{cursor:pointer}.screen .row.pick input{flex:none;width:1.2em;height:1.2em;padding:0;box-shadow:none;accent-color:#2a66d4}.rows.help{padding:.5em .6em}.rows.help p{margin:0 0 .6em;font-size:.82em;line-height:1.4;color:#2c3340}.rows.help code{font-family:Courier New,monospace;font-weight:700}.stack{display:grid;gap:.2em;font-size:.72em;font-weight:700;color:#5d6470}.screen .stack input{width:100%;font-size:1.14em;font-weight:400}.chips button.on.busy{border-color:#a81c15;background:#d0251c}.profile{width:min(100%,30em);margin:0 auto}.toast{position:absolute;left:50%;bottom:3.2em;transform:translate(-50%);padding:.35em .8em;font-size:.8em;font-weight:700;color:#fff;border-radius:.3em;background:#14161aeb;pointer-events:none}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}.avatar{overflow:visible}.picture{position:relative;flex:none;display:grid;justify-items:center;gap:.15em;cursor:pointer}.screen .picture input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.picture span:last-child{font-size:.66em;font-weight:700;color:#2a66d4;text-decoration:underline}.key b.num{color:#ff6a5f;font-size:1.15em;transform:none}.key.dim b{opacity:.3}.key{-webkit-touch-callout:none}.deck button{touch-action:manipulation;-webkit-user-select:none;user-select:none}.key{height:2.6em;align-content:center}.key i{position:static;display:block;margin:0 0 -.1em;font-size:.62em;line-height:1;color:#e4e6e9;transform:translate(-.5em)}.key i.digit{font-size:.9em}.key b{display:block;font-size:.86em;line-height:1;transform:translate(.25em)}.key b.num,.key b.zero{color:#f4f5f6;font-size:1.2em;transform:none}.key .word{color:#e4e6e9;font-size:.68em}.key .stack{display:grid;justify-items:center;line-height:1}.key .stack em{font-style:normal;font-size:1.2em;line-height:.8}.key .pair{display:flex;align-items:center;gap:.25em}.glyph{width:1em;height:1em}.glyph.wide{width:1.15em;height:.86em;color:#e4e6e9}.speaker{display:block;width:.95em;height:.68em;margin:0 auto .1em;color:#e4e6e9}.sym-tray{display:block;padding:.3em .2em .2em}.sym-row{display:flex;justify-content:center}.sym-tray .sym-row button{flex:0 0 10%;height:auto;padding:.25em 0 .15em;display:grid;justify-items:center;gap:.05em;font-size:1.05em;border:0;border-radius:.2em}.sym-tray small{font-size:.5em;font-weight:700;color:#5d6470}.sym-tray button:active small{color:#fff}.sym-tray p{margin:.2em 0 0;text-align:center;font-size:.62em;color:#5d6470}.row.request{cursor:default;background:#fffbe8}.row.request button{flex:none;height:2.2em;padding:0 .7em;font-size:.72em;font-weight:700;color:#fff;border-radius:.25em;box-shadow:inset 0 0 0 .06em #0000004d}.row.request .yes{background:linear-gradient(180deg,#4fb866,#23883c)}.row.request .no{background:linear-gradient(180deg,#9aa1ad,#6b7280)}.row.request .preview{white-space:normal}.row.pending{opacity:.6}.waiting{flex:none;margin:0;padding:.4em .6em;font-size:.78em;text-align:center;color:#6b5300;background:#fff4c2;border-top:.05em solid #e2cf7a}.composer.off{opacity:.45;pointer-events:none}.add-row.search.shut{height:0;padding:0;border:0;overflow:hidden}.screen{display:flex;flex-direction:column}.screen>.view{flex:1;min-height:0;height:auto}.sym-tray{position:static;flex:none}.local-note{flex:none;margin:0;padding:.3em .6em;font-size:.7em;font-weight:700;text-align:center;color:#fff;background:#b3261e}.tick,.tick.delivered,.tick.read,.tick.pending{width:auto;min-width:1.7em;height:auto;display:inline-flex;align-items:flex-start;justify-content:flex-end;gap:.05em;font-size:.8em;font-weight:700;color:#8c8b8c;background:none}.tick small{font-size:.62em;color:#111;line-height:1}.tick.failed{color:#d0251c;background:none}.section .arrow{width:1.15em;height:1.15em;display:grid;place-items:center;border-radius:50%;color:#3d4350;font-weight:700;line-height:1;text-shadow:none;background:linear-gradient(180deg,#fff,#c9cdd6);box-shadow:0 0 0 .06em #555c6a}.new-dot{flex:none;width:.55em;height:.55em;border-radius:50%;background:#ecb915;box-shadow:0 0 0 .05em #a37d05}.sound-note{flex:none;margin:0;padding:.3em .6em;font-size:.74em;font-weight:700;text-align:center;color:#4a3b00;background:#ffd84d}.row.notice{cursor:default;background:#eaf2ff}.row.notice .preview{white-space:normal}.row.notice .yes{flex:none;height:2.2em;padding:0 .8em;font-size:.72em;font-weight:700;color:#fff;border-radius:.25em;background:linear-gradient(180deg,#5b8be0,#2552a8);box-shadow:inset 0 0 0 .06em #0000004d}.add-label{flex:1;align-self:center;padding:0 .3em;font-size:.82em;font-weight:700;color:#2c3340}.show-password{display:flex;align-items:center;gap:.45em;font-size:.88em;color:#2c3340;cursor:pointer;-webkit-user-select:none;user-select:none}.screen .show-password input{flex:none;width:1.25em;height:1.25em;padding:0;box-shadow:none;accent-color:#2a66d4}.media{display:block;max-width:min(100%,16em);max-height:14em;margin-top:.25em;border-radius:.3em;border:.05em solid #c5cad3;background:#000;cursor:pointer}.media-audio{display:block;width:min(100%,16em);height:2.2em;margin-top:.25em}.media-wait{display:block;margin-top:.2em;font-size:.86em;font-style:italic;color:#6b7280}.composer .tool,.composer .mic{position:relative;flex:none;width:2.3em;height:2.1em;padding:0;display:grid;place-items:center;font-size:.74em;color:#2c3340;border-radius:.25em;background:linear-gradient(180deg,#fff,#cfd4dc);box-shadow:inset 0 0 0 .06em #8d95a3;cursor:pointer}.composer .mic.on{width:auto;padding:0 .7em;color:#fff;font-weight:700;background:linear-gradient(180deg,#e2574d,#a81c15)}.composer .tool svg,.composer .mic svg{width:1.5em;height:1.5em}.screen .composer .tool input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;opacity:0;cursor:pointer}.recording{flex:1;display:flex;align-items:center;gap:.4em;font-size:.82em;font-weight:700;color:#b3261e}.recording i{width:.7em;height:.7em;border-radius:50%;background:#d0251c;animation:led 1s infinite}.composer .recording button{margin-left:auto;height:2.1em;padding:0 .6em;font-size:.9em;background:linear-gradient(180deg,#9aa1ad,#6b7280)}.media-open{display:block;padding:0;cursor:zoom-in}.viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;flex-direction:column;background:#000000f0;font-size:clamp(16px,14px + .4vw,20px)}.viewer-stage{flex:1;min-height:0;display:grid;place-items:center;overflow:auto;-webkit-overflow-scrolling:touch}.viewer-stage img{max-width:100%;max-height:100%;object-fit:contain;cursor:zoom-in;-webkit-touch-callout:default;-webkit-user-select:auto;user-select:auto}.viewer-stage.zoomed{display:block}.viewer-stage.zoomed img{max-width:none;max-height:none;width:220%;cursor:zoom-out}.viewer-bar{flex:none;display:flex;align-items:center;gap:.8em;padding:.6em .8em calc(.6em + env(safe-area-inset-bottom));color:#cfd3da;background:linear-gradient(180deg,#2b2d31,#0a0a0b);border-top:2px solid #c9cdd1}.viewer-bar span{flex:1;text-align:center;font-size:.8em}.viewer-bar button{height:2.4em;padding:0 1.2em;font-weight:700;color:#fff;border-radius:.3em;background:linear-gradient(180deg,#5b8be0,#2552a8);box-shadow:inset 0 0 0 1px #0000004d}.viewer-bar button:last-child{background:linear-gradient(180deg,#9aa1ad,#6b7280)}.recovery-code{margin:0;padding:.7em .6em;font-family:Courier New,monospace;font-size:1.05em;font-weight:700;line-height:1.6;letter-spacing:.04em;text-align:center;word-spacing:.3em;color:#111;background:#fff8d6;border:.08em dashed #b99a1f;border-radius:.3em;-webkit-user-select:all;user-select:all}.auth-go.quiet{background:linear-gradient(180deg,#9aa1ad,#6b7280)}.auth-link{justify-self:start;font-size:.85em;color:#2a66d4;text-decoration:underline}.msg{cursor:pointer}.msg.picked{background:#dbe8ff}.quote{display:block;margin:0 0 .2em;padding:.15em .45em;font-size:.9em;color:#4a5160;background:#0000000d;border-left:.2em solid #6f86b3;border-radius:.15em}.msg .quote b{color:#2c3340}.gone{color:#6b7280}.edited{margin-left:.4em;font-size:.78em;color:#6b7280}.reactions{display:flex;flex-wrap:wrap;gap:.25em;margin-top:.25em}.reactions span{padding:.05em .45em;font-size:.9em;border-radius:1em;background:#eef0f4;border:.05em solid #c5cad3}.reactions span.mine{background:#d6e5ff;border-color:#2a66d4}.msg mark{padding:0 .15em;color:#1c4fb0;background:#e3ecff;border-radius:.15em}.msg mark.me{color:#fff;background:#2a66d4;font-weight:700}.place,.card{display:block;margin-top:.2em;padding:.3em .5em;color:#1c4fb0;background:#f1f5fd;border:.05em solid #c5d3ee;border-radius:.25em}.card,.msg .card b{color:#111}.card button{margin-left:.5em;padding:.15em .6em;font-size:.85em;font-weight:700;color:#fff;border-radius:.25em;background:linear-gradient(180deg,#5b8be0,#2552a8)}.msg-actions{flex:none;background:linear-gradient(180deg,#f4f6fa,#d9dee8);border-top:.08em solid #6f7a8c}.emoji-row{display:grid;grid-template-columns:repeat(8,1fr);border-bottom:.05em solid #c2c8d3}.emoji-row button{height:2em;font-size:1.15em}.emoji-row button.on{background:#c9dcff}.action-row{display:flex}.action-row button{flex:1;height:2.3em;font-size:.8em;font-weight:700;color:#1c4fb0;border-right:.05em solid #c2c8d3}.action-row button:last-child{color:#5d6470;border-right:0}.composing{flex:none;display:flex;align-items:center;gap:.5em;margin:0;padding:.3em .6em;font-size:.76em;color:#2c3340;background:#e3ecff;border-top:.05em solid #a9bfe8}.composing span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.composing button{font-weight:700;color:#5d6470}.chat-sub span:last-child{white-space:normal}.chat-sub>span:nth-child(2){flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.call-buttons{flex:none;display:flex;gap:.3em}.call-buttons button{width:2.4em;height:2em;display:grid;place-items:center;color:#1f8a3b;border-radius:.25em;background:linear-gradient(180deg,#fff,#cfd4dc);box-shadow:inset 0 0 0 .06em #8d95a3}.call-buttons svg{width:1.4em;height:1.4em}.timer-flag{flex:none;font-weight:700;color:#7a2fb0}.call-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:12vh 20px calc(8vh + env(safe-area-inset-bottom));color:#fff;background:radial-gradient(120% 90% at 50% 0%,#2a2f38,#14161a 55%,#0b0c0e);font-size:clamp(16px,14px + .4vw,20px)}.call-remote{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:#000}.call-remote.hidden{width:1px;height:1px;opacity:0}.call-local{position:absolute;right:14px;top:14px;width:min(30vw,150px);aspect-ratio:3 / 4;object-fit:cover;border-radius:10px;border:2px solid #c9cdd1;background:#000;transform:scaleX(-1)}.call-who{position:relative;display:grid;gap:6px;justify-items:center;text-shadow:0 1px 4px rgba(0,0,0,.8)}.call-who strong{font-size:2em}.call-who span{font-size:1.1em;color:#dfe3ea}.call-who small{color:#9be0ae}.call-keys{position:relative;display:flex;gap:14px}.call-keys button{min-width:6em;height:3.2em;padding:0 1em;font-weight:700;color:#fff;border-radius:1.6em;background:#ffffff2e;box-shadow:inset 0 0 0 1px #ffffff59}.call-keys button.on{color:#111;background:#fff}.call-keys .answer{background:linear-gradient(180deg,#4fb866,#23883c)}.call-keys .hang{background:linear-gradient(180deg,#e2574d,#a81c15)}.barcode-stage,.scan-stage{flex:1;overflow-y:auto;display:grid;justify-items:center;align-content:start;gap:.5em;padding:.8em;text-align:center}.barcode{width:min(70%,15em);padding:.3em;background:#fff;border:.06em solid #c5cad3}.barcode svg{display:block;width:100%;height:auto}.barcode-stage p,.scan-stage p,.form-note{margin:0;font-size:.82em;line-height:1.4;color:#4a5160}.scanner{width:min(100%,22em);max-height:60%;object-fit:cover;border-radius:.4em;background:#000}.choice{display:flex;align-items:center;gap:.5em;font-size:.86em;color:#2c3340;cursor:pointer}.screen .choice input{flex:none;width:1.2em;height:1.2em;padding:0;box-shadow:none;accent-color:#2a66d4}.plain{justify-self:start;height:2.1em;padding:0 .8em;font-size:.78em;font-weight:700;color:#1c4fb0;border-radius:.25em;background:linear-gradient(180deg,#fff,#dfe5f0);box-shadow:inset 0 0 0 .06em #8d95a3}.blocked{display:grid;gap:.2em;font-size:.8em}.blocked span{font-weight:700;color:#5d6470}.blocked p{display:flex;align-items:center;gap:.4em;margin:0}.blocked small{color:#6b7280}.blocked button{margin-left:auto;padding:.15em .6em;font-weight:700;color:#1c4fb0;text-decoration:underline}.row.member{cursor:default}.row.member button{flex:none;padding:.2em .5em;font-size:.68em;font-weight:700;color:#1c4fb0;border-radius:.25em;box-shadow:inset 0 0 0 .06em #8d95a3}.row.member button.no{color:#b3261e}.row.scan-row{background:#f5f6f8}.add-row .tool.wide{position:relative;flex:none;display:grid;place-items:center;padding:0 .6em;height:2.1em;font-size:.74em;font-weight:700;color:#2c3340;border-radius:.25em;background:linear-gradient(180deg,#fff,#cfd4dc);box-shadow:inset 0 0 0 .06em #8d95a3;cursor:pointer}.screen .add-row .tool.wide input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;opacity:0;cursor:pointer}.lang-pick,.screen .stack select{font:inherit;color:#111;background:#fff;border:.08em solid #8d95a3;border-radius:.2em}.lang-pick{position:absolute;top:.55em;right:.5em;height:1.9em;padding:0 .3em;font-size:.8em}.screen .stack select{width:100%;height:1.9em;padding:0 .3em;font-size:1.14em;font-weight:400}.auth{position:relative}.pin{-webkit-user-select:all;user-select:all;-webkit-touch-callout:default}.call-screen.group{justify-content:flex-start;gap:16px;padding-top:6vh}.call-grid{position:relative;flex:1;min-height:0;width:min(100%,900px);display:grid;gap:8px;grid-template-columns:repeat(2,1fr);align-content:center}.call-grid.n1{grid-template-columns:1fr}.call-grid.n5,.call-grid.n6{grid-template-columns:repeat(3,1fr)}.call-tile{position:relative;min-height:110px;aspect-ratio:4 / 3;max-height:46vh;display:grid;place-items:center;overflow:hidden;border-radius:12px;background:#23262c;box-shadow:inset 0 0 0 1px #ffffff24}.tile-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.tile-video.hidden{width:1px;height:1px;opacity:0}.call-tile span{position:relative;padding:3px 10px;font-weight:700;border-radius:12px;background:#0000008c}.call-screen.group .call-keys{margin-top:auto}.safety-code{margin:0;padding:.6em .8em;font-family:Courier New,monospace;font-size:1.25em!important;font-weight:700;letter-spacing:.06em;word-spacing:.25em;color:#111!important;background:#f1f5fd;border:.06em solid #c5d3ee;border-radius:.3em}.safety-ok{font-weight:700;color:#1f8a3b!important}.checked-flag{flex:none;font-weight:700;color:#1f8a3b}.report{padding:.55em .6em;border-bottom:.05em solid #d5d8dd}.report.done{opacity:.6}.report p{margin:0 0 .25em}.report-head{display:flex;justify-content:space-between;gap:.5em;font-size:.9em}.report-head small,.report-head time{font-weight:400;font-size:.82em;color:#6b7280}.report-why{font-size:.82em}.report-why b{color:#b3261e}.report-facts{font-size:.74em;color:#5d6470}.report-facts button{margin-left:.6em;color:#1c4fb0;text-decoration:underline}.report-detail{margin:.2em 0 .4em;padding:.4em .5em;font:inherit;font-size:.78em;white-space:pre-wrap;overflow-wrap:anywhere;background:#f5f6f8;border:.05em solid #d5d8dd;border-radius:.25em}.report-group{margin:0;padding:.25em .6em;font-size:.76em;font-weight:700;color:#fff;background:linear-gradient(180deg,#8a93a3,#5d6676)}.legal{display:flex;flex-wrap:wrap;gap:.3em .9em;margin:0;font-size:.72em;color:#6b7280}.legal a{color:#2a66d4}.deck,.deck button{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}