:root{--green:#13346c;--ink:#232b38;--muted:#7d8799;--line:#e6e8eb;--lime:#92b3eb}*{box-sizing:border-box}body{margin:0;background:#e8ebf1;color:var(--ink);font-family:'DM Sans',system-ui,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit;-webkit-tap-highlight-color:transparent}button:hover{filter:brightness(.94)}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #9aaac5;outline-offset:2px}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.hidden{display:none!important}.group-chat{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;height:100dvh;background:white;box-shadow:0 0 65px #25314712}.chat-header{display:flex;align-items:center;gap:14px;min-height:86px;padding:18px 26px;border-bottom:1px solid var(--line);flex-shrink:0}.brand-mark{width:46px;height:46px;display:grid;place-items:center;background:var(--green);border-radius:15px;color:#c6d6f1;flex-shrink:0}.brand-mark svg{width:27px;height:27px}.chat-heading{flex:1;min-width:0}.chat-heading h1{font-family:Manrope,system-ui;font-size:22px;font-weight:800;letter-spacing:-.8px;margin:0}.chat-heading h1>span{font-family:'DM Sans',system-ui;font-size:8px;letter-spacing:1.3px;font-weight:600;background:#e7ebf3;color:#6a768c;padding:5px 7px;border-radius:5px;margin-left:7px;vertical-align:middle}.chat-heading p{font-size:11px;margin:6px 0 0;color:#737f95}.chat-actions{display:flex;align-items:center;gap:7px}.my-name{font-size:11px;color:#717d92;margin-right:8px}.icon-button{width:41px;height:41px;border-radius:11px;display:grid;place-items:center;color:#626d80;flex-shrink:0}.icon-button:hover{background:#ebeef2}.group-note{display:flex;align-items:center;gap:9px;background:#f2f5f9;border-bottom:1px solid #e5e9f0;font-size:10px;color:#7b8698;padding:12px 27px;flex-shrink:0}.group-note svg{width:15px;height:15px}.connection-status{margin-left:auto;font-size:9px;color:#8891a1;white-space:nowrap}.connection-status.live{color:#5b6e8e}.connection-status:before{content:' ';display:inline-block;width:5px;height:5px;background:currentColor;border-radius:50%;margin-right:6px;vertical-align:middle}.messages{flex:1;min-height:0;overflow:auto;padding:30px;background-color:#f9fafd;background-image:radial-gradient(#ced4df .6px,transparent .6px);background-size:19px 19px;scroll-behavior:smooth}.welcome{height:100%;min-height:260px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.welcome-art{width:94px;height:94px;display:grid;place-items:center;background:#e0e5ee;border-radius:30px;transform:rotate(-6deg);margin-bottom:27px}.welcome-art svg{width:49px;height:49px;color:#485b7b;stroke-width:1.1;transform:rotate(6deg)}.eyebrow{font-size:9px;letter-spacing:1.8px;color:#7887a2;font-weight:700;margin:0 0 9px}.welcome h2{font-family:Manrope,system-ui;font-size:27px;letter-spacing:-.8px;margin:9px 0 12px;color:#3e4c63}.welcome>p{color:#808b9e;font-size:12px;line-height:1.9;margin:0}.welcome .welcome-hint{font-size:11px;color:#939dad;margin-top:22px}.composer-area{padding:16px 24px 14px;border-top:1px solid var(--line);background:white;flex-shrink:0}.quick-messages{display:flex;gap:8px;margin-bottom:13px;overflow:auto;white-space:nowrap}.quick-messages button{border:1px solid #dde2ea;border-radius:20px;padding:7px 12px;font-size:10px;color:#6f7b90}.composer{display:flex;align-items:center;padding:7px 9px;gap:8px;background:#f7f8fb;border:1px solid #dee2ea;border-radius:13px}.composer textarea{flex:1;min-width:0;border:0;background:none;resize:none;padding:10px 4px;max-height:120px;font-size:14px;line-height:1.5;outline:none}.composer textarea::placeholder{color:#949cab}.send-button{width:43px;height:43px;background:var(--green);border-radius:11px;color:white;flex-shrink:0}.send-button svg{width:19px;height:19px}.composer-foot{display:flex;justify-content:space-between;gap:8px;margin-top:11px;font-size:9px;color:#949dac}.composer-foot svg{width:11px;height:11px;margin-right:5px}.avatar{width:29px;height:29px;border-radius:10px;display:grid;place-items:center;flex-shrink:0;font-size:9px;font-weight:700;background:#dee2ea;color:#4d5769}.message-row{display:flex;gap:9px;margin:14px 0;align-items:flex-end}.message-row.self{justify-content:flex-end}.bubble{max-width:min(82%,550px);padding:12px 15px;background:white;border:1px solid #dde1e9;border-radius:14px 14px 14px 3px;box-shadow:0 2px 3px #16233a10}.self .bubble{background:#dce3ef;border-color:#cfd8e7;border-radius:14px 14px 3px 14px}.bubble strong{display:block;font-size:11px;color:#405578;margin-bottom:6px}.bubble p{font-size:14px;line-height:1.7;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.bubble time{display:block;font-size:9px;color:#8e9aae;text-align:right;margin-top:5px}.day-separator{font-size:10px;color:#8b95a5;text-align:center;margin:5px 0 24px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#24334e;color:white;padding:13px 20px;border-radius:11px;z-index:100;font-size:12px;opacity:0;pointer-events:none;transition:.2s;max-width:90vw;box-shadow:0 8px 32px #12192422}.toast.visible{opacity:1;transform:translate(-50%,0)}dialog{border:1px solid #dee2ea;border-radius:22px;padding:32px;max-width:440px;width:calc(100% - 32px);color:var(--ink);box-shadow:0 25px 100px #16203033}dialog::backdrop{background:#16213470;backdrop-filter:blur(4px)}.dialog-icon{width:52px;height:52px;border-radius:15px;background:#dbe2ef;color:var(--green);display:grid;place-items:center;margin-bottom:22px}.dialog-icon svg{width:27px;height:27px}dialog h2{font-family:Manrope,system-ui;font-size:23px;letter-spacing:-.8px;margin:0 0 13px}dialog p{font-size:12px;line-height:1.9;color:#808a9b}dialog label{display:block;font-size:11px;font-weight:600;margin-top:20px}dialog input,dialog select{width:100%;padding:13px;border:1px solid #d2d9e4;border-radius:9px;display:block;margin:8px 0 17px;background:white;color:var(--ink);font:inherit}.primary{background:var(--green);color:white;padding:14px 18px;border-radius:10px;font-size:12px;font-weight:600;width:100%}.small-note{text-align:center;font-size:10px}.call-dialog{background:#15243d;color:white;max-width:840px;text-align:center}.call-top .eyebrow{color:#a0aec5}.call-top p{color:#aeb9cc}.video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:25px 0}.video-tile{background:#25344f;position:relative;min-height:180px;border-radius:16px;overflow:hidden;display:flex;align-items:center;justify-content:center}.video-tile video{width:100%;height:220px;object-fit:cover}.video-tile.audio-only video{height:0;position:absolute}.audio-avatar{font-size:38px;color:#b5c4df}.video-label{position:absolute;bottom:12px;left:14px;background:#15243d88;padding:5px 9px;border-radius:5px;font-size:11px}.call-controls{display:flex;justify-content:center;gap:12px}.call-controls button{width:48px;height:48px;border-radius:50%;background:#34435c;color:white;display:grid;place-items:center}.call-controls button.off{background:#5a6373}.call-controls .hangup{background:#cc604f}.call-controls .accept{background:#5875a8}.call-note{font-size:10px!important;color:#929eb2!important}
@media(max-width:600px){body{background:white}.group-chat{width:100%;max-width:none;box-shadow:none}.chat-header{padding:13px 15px;gap:10px;min-height:75px;padding-top:max(13px,env(safe-area-inset-top))}.brand-mark{width:38px;height:38px;border-radius:12px}.brand-mark svg{width:23px;height:23px}.chat-heading h1{font-size:20px}.chat-heading h1>span{display:none}.chat-heading p{font-size:10px}.chat-actions{gap:2px}.my-name{display:none}.icon-button{width:34px;height:38px}.group-note{padding:10px 16px;font-size:9px;gap:6px}.connection-status{font-size:8px}.messages{padding:22px 15px}.bubble p{font-size:13px}.welcome-art{width:82px;height:82px}.welcome-art svg{width:43px;height:43px}.welcome h2{font-size:24px}.composer-area{padding:12px 13px max(12px,env(safe-area-inset-bottom))}.quick-messages{gap:6px}.quick-messages button{font-size:9px;padding:7px 10px}.composer{padding:5px;gap:4px}.composer textarea{font-size:16px}.send-button{width:38px;height:38px}.composer-foot{font-size:8px}.composer-foot>span:last-child{display:none}dialog{padding:25px}dialog input,dialog select{font-size:16px}.call-dialog{padding:22px 14px}.video-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.video-tile{min-height:150px}.video-tile video{height:150px}}
/* Gözcü6: dokulu yüzeyler, yumuşak ışık ve tek ekran üzerinde hareket. */
:root{--ink:#1e293b;--green:#143774;--line:#dbdfe5;--paper-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.055' filter='url(%23grain)'/%3E%3C/svg%3E");--terrain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='440' height='440' viewBox='0 0 440 440'%3E%3Cg fill='none' stroke='%236b7a94' stroke-opacity='.085' stroke-width='1'%3E%3Cpath d='M-50 145C40 60 130 60 187 131S219 280 306 289s134-62 191-15M-55 162C35 78 126 79 174 143s40 162 132 162 129-60 189-18M-60 181C31 98 112 95 160 154s48 172 146 172 128-58 192-13M-64 201C25 117 106 113 146 169s58 180 161 180 128-55 193-11M-68 220C20 137 93 130 133 181s67 191 175 191 124-56 192-9M-74 241C17 158 85 150 119 196s77 198 189 198 125-54 197-7M-78 262C9 180 72 168 105 210s87 206 203 206 128-53 199-5M-80 285C4 201 60 185 92 224s94 216 218 216 126-54 196-4M-40 125C45 41 145 44 200 117s21 150 106 150 132-69 186-19'/%3E%3C/g%3E%3C/svg%3E")}
body{background-color:#dadee6;background-image:var(--paper-grain),radial-gradient(ellipse at 15% 10%,#d2ddf1 0,transparent 50%),radial-gradient(ellipse at 90% 90%,#a9b5ca55 0,transparent 50%),var(--terrain);background-size:160px 160px,100% 100%,100% 100%,440px 440px}
.group-chat{position:relative;isolation:isolate;border-inline:1px solid #fff9;box-shadow:0 0 0 1px #20304b10,0 20px 90px #17223524;background:#f5f8fc}
.chat-header{position:relative;overflow:hidden;background-color:#12223e;background-image:var(--paper-grain),radial-gradient(ellipse at 70% -40%,#64749170 0,transparent 65%),linear-gradient(125deg,#12223e,#1c3053 55%,#13223d);color:#eef2fa;border-bottom:1px solid #7f94b866;box-shadow:0 5px 20px #13233f17;z-index:2}
.chat-header:after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#94b4ec80,transparent);pointer-events:none}
.brand-mark{position:relative;overflow:hidden;color:#21324f;background:linear-gradient(145deg,#aec7f1,#80a1d9);border:1px solid #c9daf670;box-shadow:inset 0 1px 0 #fff9,inset 0 -2px 2px #3c558035,0 5px 14px #071e3440;transform:rotate(-3deg)}
.brand-mark svg{transform:rotate(3deg);filter:drop-shadow(0 1px 0 #ffffff90)}
.chat-heading h1{letter-spacing:-.9px;text-shadow:0 2px 5px #07122650}.chat-heading h1>span{background:#8194b420;color:#b5c8ea;border:1px solid #8ca7d530;box-shadow:inset 0 1px 0 #ffffff0c}
.chat-heading p{color:#a4b4cf;font-size:12px}.chat-header .my-name{color:#c3cee1;background:#061f2922;padding:7px 12px;border:1px solid #95a7c720;border-radius:20px}
button{transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,border-color .18s ease}button:hover{filter:none}button:active{transform:scale(.96)}
.chat-header .icon-button{color:#bccce8;background:linear-gradient(150deg,#8594ae30,#111c2e10);border:1px solid #92a6c82b;box-shadow:inset 0 1px 0 #fff1,0 3px 8px #06112520}
.chat-header .icon-button:hover{background:#90a8d130;border-color:#92b3eb60;box-shadow:0 0 20px #99b0d820;transform:translateY(-2px)}.chat-header .icon-button:active{transform:scale(.94)}
.group-note{background:var(--paper-grain),linear-gradient(90deg,#d7dfee,#e7ecf5 70%,#dde4ef);color:#5c6676;border-bottom:1px solid #c7d0e0;box-shadow:inset 0 1px 0 #ffffffe0}.group-note>span:first-child{color:#4f6386}
.connection-status.live{color:#32486e;background:#cfd8e8;padding:5px 9px;border:1px solid #b5c1d7;border-radius:20px;box-shadow:inset 0 1px 0 #ffffff60}.connection-status.live:before{box-shadow:0 0 0 3px #657ea91a}
.messages{background-color:#edf1f7;background-image:var(--paper-grain),var(--terrain),radial-gradient(ellipse at 5% 0%,#cfdaec8c,transparent 65%),radial-gradient(ellipse at 95% 100%,#d9dfe990,transparent 65%);background-size:160px 160px,440px 440px,100% 100%,100% 100%;scrollbar-width:thin;scrollbar-color:#a6b0c0 #e0e5ee}
.messages::-webkit-scrollbar{width:5px}.messages::-webkit-scrollbar-thumb{background:#a6b0c0;border-radius:10px}.messages::-webkit-scrollbar-track{background:#e0e5ee}
.welcome{position:relative;animation:welcome-in .65s both}.welcome-art{position:relative;isolation:isolate;margin-bottom:37px;color:#435169;border:1px solid #b7c3d8;background:var(--paper-grain),linear-gradient(145deg,#dfe7f6,#bcc8de);box-shadow:inset 0 1px 2px #fffc,inset 0 -3px 5px #7489ac50,0 18px 40px #47587622,0 3px 7px #4c5c7817;transform:rotate(-6deg)}
.welcome-art:before{content:'';position:absolute;inset:-15px;border:1px solid #a7b3c866;border-radius:40px;z-index:-1;transform:rotate(12deg)}.welcome-art:after{content:'';position:absolute;inset:-29px;border:1px dashed #a7b3c875;border-radius:50%;z-index:-1;animation:orbit-turn 40s linear infinite}
.welcome-art svg{filter:drop-shadow(0 2px 0 #ffffff90)}.welcome h2{color:#344056;text-shadow:0 1px 0 #fff;font-size:30px}.welcome>p{color:#697385}.welcome .welcome-hint{color:#7c879a}.eyebrow{color:#5f7191}.welcome .eyebrow{padding:6px 12px;border-radius:20px;background:#dbe2ed;border:1px solid #c5cfdf;box-shadow:inset 0 1px 0 #ffffffb0}
.day-separator{width:max-content;margin:0 auto 25px;padding:6px 13px;background:#d9e0eb;border:1px solid #c4cede;border-radius:20px;color:#657590;font-size:9px;box-shadow:inset 0 1px 0 #fff9,0 2px 5px #394b6908}
.avatar{box-shadow:inset 0 1px 0 #fffc,0 3px 7px #323e5416;border:1px solid #bfc6d2}
.bubble{position:relative;background:var(--paper-grain),linear-gradient(155deg,#fffefa,#eef2f8);border-color:#cfd6e1;box-shadow:inset 0 1px 0 #fff,0 5px 15px #313c4e10,0 1px 3px #313c4e10;border-radius:17px 17px 17px 4px}
.self .bubble{background:var(--paper-grain),linear-gradient(145deg,#cfdbef,#bac9e4);border-color:#a9bad6;box-shadow:inset 0 1px 0 #e5edfacc,0 5px 18px #394e721a,0 1px 3px #394e7214;border-radius:17px 17px 4px 17px}
.bubble p{color:#303948}.bubble strong{color:#475979}.bubble time{color:#707e95}.message-row.new-message{animation:message-arrive .32s cubic-bezier(.18,.74,.35,1) both}
.composer-area{background:var(--paper-grain),linear-gradient(180deg,#f0f4fa,#e5eaf3);border-top:1px solid #c4cddd;box-shadow:0 -8px 26px #32415c07;position:relative;z-index:1}
.quick-messages button{background:linear-gradient(155deg,#f5f8fd,#dde4f0);border:1px solid #c0cadc;color:#4b5e7f;box-shadow:inset 0 1px 0 #fff,0 2px 4px #2b3b570b;font-weight:500}
.quick-messages button:hover,.quick-messages button.picked{background:linear-gradient(155deg,#d5dff1,#bdcce6);border-color:#91a5c8;color:#35445e;box-shadow:inset 0 1px 0 #ffffffe0,0 4px 12px #39517b20;transform:translateY(-2px)}
.composer{background:linear-gradient(160deg,#fff,#eff3f9);border:1px solid #c2ccdc;border-radius:16px;box-shadow:inset 0 1px 0 #fff,0 5px 20px #36415409;transition:border-color .2s,box-shadow .2s}
.composer:focus-within{border-color:#7b8ba7;box-shadow:0 0 0 3px #6f89b61c,0 8px 25px #36415413}.composer textarea{color:#333e50}.composer textarea::placeholder{color:#8994a8}.composer .icon-button{color:#657797}.composer .icon-button:hover{background:#dde4ef}
.send-button,.primary{position:relative;overflow:hidden;background:linear-gradient(140deg,#21498e,#123063);border:1px solid #1b3d77;box-shadow:inset 0 1px 0 #7997ca66,inset 0 -2px 3px #0a1c3a2a,0 5px 12px #162a4d26}
.send-button:after,.primary:after{content:'';position:absolute;top:-40%;bottom:-40%;left:-80%;width:50%;transform:rotate(24deg);background:linear-gradient(90deg,transparent,#fff3,transparent);transition:left .45s;pointer-events:none}.send-button:hover:after,.primary:hover:after{left:140%}.send-button:hover,.primary:hover{box-shadow:inset 0 1px 0 #7997ca66,0 7px 19px #1230633b;transform:translateY(-1px)}.send-button:active,.primary:active{transform:scale(.96)}.composer-foot{color:#758197}
dialog{background:var(--paper-grain),radial-gradient(ellipse at 100% 0%,#cdd8ec80,transparent 60%),#f7f9fd;border:1px solid #cfdaec;box-shadow:0 0 0 5px #d8e3f720,0 25px 100px #0c162845;animation:dialog-in .26s both}dialog::backdrop{background:#101b2f78;backdrop-filter:blur(6px)}.dialog-icon{background:var(--paper-grain),linear-gradient(145deg,#d8e1f1,#b1c2df);border:1px solid #aabbd7;box-shadow:inset 0 1px 0 #fff,0 6px 18px #2b416816}.dialog-icon svg{filter:drop-shadow(0 1px 0 #fff9)}dialog p{color:#6c798f}dialog input,dialog select{background:linear-gradient(155deg,#fff,#f1f4fa);border-color:#bdc8da;box-shadow:inset 0 2px 4px #27344b06}
.toast{background:linear-gradient(135deg,#283b5d,#14233c);border:1px solid #6984b250;box-shadow:0 8px 30px #15233a28}
.call-dialog{background:var(--paper-grain),radial-gradient(ellipse at 50% 0%,#3d537940,transparent 65%),linear-gradient(150deg,#14223b,#0f192b);border-color:#61739160}.call-dialog .eyebrow{color:#a6bbdf}.video-tile{background:var(--paper-grain),radial-gradient(ellipse at 25% 10%,#405476,#18263f);border:1px solid #606e8550;box-shadow:inset 0 1px 0 #a4badf16,0 7px 25px #071e2435}.audio-avatar{text-shadow:0 3px 15px #acc2e715}.call-controls button{background:linear-gradient(145deg,#46556f,#24324a);border:1px solid #8497b730;box-shadow:inset 0 1px 0 #ffffff15,0 6px 12px #031d2825}.call-controls button:hover{transform:translateY(-3px);box-shadow:0 0 20px #8198bf30}.call-controls .hangup{background:linear-gradient(140deg,#dd7965,#b94b42)}.call-controls .accept{background:linear-gradient(140deg,#6c89bb,#446090)}
@keyframes message-arrive{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes welcome-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes dialog-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes orbit-turn{to{transform:rotate(360deg)}}
@media(max-width:600px){.group-chat{border:0}.chat-header .icon-button{width:34px;height:36px;border-radius:10px}.chat-heading p{font-size:10px}.chat-heading h1{font-size:20px}.group-note{padding-block:8px}.connection-status.live{padding:4px 7px}.welcome h2{font-size:26px}.welcome-art:after{animation:none}.composer{border-radius:14px}.quick-messages button{padding:7px 10px}.bubble{max-width:88%}.composer-foot{font-size:8px}dialog::backdrop{backdrop-filter:blur(4px)}}
@media(hover:none){.chat-header .icon-button:hover,.quick-messages button:hover,.send-button:hover,.primary:hover,.call-controls button:hover{transform:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Woven paper and etched geometry; no video, canvas or animated noise. */
:root{--surface:#f0f4fc;--surface-alt:#dce3ef;--edge:#bbc6d8;--text:#303948;--soft:#657083;--accent:#143774;--accent-ink:#fff;--header:#12223e;--weave:repeating-linear-gradient(0deg,#27324505 0,#27324505 1px,transparent 1px,transparent 4px),repeating-linear-gradient(90deg,#27324505 0,#27324505 1px,transparent 1px,transparent 4px);--etch:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96'%3E%3Cg stroke='%236f7a8d' stroke-opacity='.16' fill='none'%3E%3Cpath d='M48 34v28M34 48h28M0 0h12M0 0v12M96 96H84M96 96V84'/%3E%3Ccircle cx='48' cy='48' r='2'/%3E%3C/g%3E%3C/svg%3E")}
.messages{background-image:var(--paper-grain),var(--etch),var(--terrain),var(--weave),radial-gradient(ellipse at 5% 0%,#cfdaec8c,transparent 65%);background-size:160px 160px,96px 96px,440px 440px,auto,100% 100%}
.chat-header{background-image:var(--paper-grain),repeating-linear-gradient(125deg,transparent 0,transparent 19px,#ffffff04 19px,#ffffff04 20px),radial-gradient(ellipse at 70% -40%,#64749170,transparent 65%),linear-gradient(125deg,#12223e,#1c3053 55%,#13223d)}
.composer-area{background-image:var(--paper-grain),var(--weave),linear-gradient(180deg,#f0f4fa,#e5eaf3)}
.notification-nudge{display:flex;align-items:center;gap:8px;padding:9px 26px;background:var(--surface-alt);border-bottom:1px solid var(--edge);color:var(--text);font-size:11px;flex-shrink:0;box-shadow:inset 0 1px 0 #fff4}.notification-nudge svg{width:17px;height:17px;color:var(--accent)}.notification-nudge>span:nth-child(2){flex:1}.notification-nudge button{font-size:11px;font-weight:700;color:var(--accent);padding:6px 8px;border-radius:8px;background:#ffffff50}.notification-nudge #dismissNudge{font-size:20px;background:none;font-weight:400;padding:0 4px}
.settings-dialog{width:calc(100% - 28px);max-width:510px;padding:0;overflow:hidden;color:var(--text);background-color:var(--surface);max-height:90dvh}.settings-head{display:flex;align-items:center;justify-content:space-between;padding:24px 26px 18px;border-bottom:1px solid var(--edge);background:var(--paper-grain),var(--weave),var(--surface-alt);box-shadow:inset 0 1px 0 #ffffff60}.settings-head .eyebrow{color:var(--soft);margin-bottom:5px}.settings-head h2{margin:0;font-size:25px}.settings-head .icon-button{font-size:28px;font-weight:400;background:#ffffff30;color:var(--text);border:1px solid var(--edge)}.settings-scroll{padding:0 26px;overflow:auto;max-height:calc(90dvh - 98px);overscroll-behavior:contain;scrollbar-width:thin}.settings-section{padding:22px 0;border-bottom:1px solid var(--edge)}.settings-section:last-child{border:0}.settings-section h3{font:800 14px Manrope,system-ui;margin:0 0 7px;letter-spacing:-.2px}.settings-section p{font-size:11px;line-height:1.8;margin:0 0 16px;color:var(--soft)}.theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0 23px}.theme-options button{font-size:11px;font-weight:600;border:1px solid var(--edge);border-radius:12px;padding:9px;color:var(--text);background:var(--surface-alt);box-shadow:inset 0 1px 0 #fff4}.theme-options button[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent)}.theme-swatch{display:block;height:55px;border-radius:7px;margin-bottom:9px;box-shadow:inset 0 0 0 1px #ffffff20,0 3px 8px #0001}.theme-swatch.ice{background:var(--paper-grain),repeating-linear-gradient(125deg,transparent 0 8px,#ffffff08 8px 9px),linear-gradient(160deg,#162743 0 35%,#cfdaed 35% 75%,#b0c1dd 75%)}.theme-swatch.night{background:var(--paper-grain),repeating-linear-gradient(125deg,transparent 0 8px,#ffffff08 8px 9px),linear-gradient(160deg,#10232a 0 35%,#213c42 35% 75%,#414f66 75%)}.theme-swatch.copper{background:var(--paper-grain),repeating-linear-gradient(125deg,transparent 0 8px,#ffffff08 8px 9px),linear-gradient(160deg,#554331 0 35%,#f1e8d6 35% 75%,#d5be91 75%)}
.settings-dialog .range-label{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin:0}.range-label output{font-size:10px;background:var(--surface-alt);border:1px solid var(--edge);padding:4px 9px;border-radius:20px;color:var(--accent)}.settings-dialog input[type=range]{appearance:auto;width:100%;accent-color:var(--accent);height:26px;margin:9px 0 0;box-shadow:none;background:none;border:0;padding:0}.range-legend{display:flex;justify-content:space-between;font-size:9px;color:var(--soft);margin-bottom:19px}.settings-dialog .setting-toggle{display:flex;align-items:center;gap:12px;margin:0;padding:16px 0 4px;cursor:pointer;font-weight:400}.setting-toggle>span:first-child{flex:1}.setting-toggle strong{display:block;font-size:12px;font-weight:600}.setting-toggle small{display:block;color:var(--soft);font-size:10px;margin-top:4px;line-height:1.6}.setting-toggle input[type=checkbox]{position:absolute;width:1px;height:1px;opacity:0;margin:0}.switch{width:38px;height:23px;position:relative;flex-shrink:0;border-radius:20px;border:1px solid var(--edge);background:var(--surface-alt);box-shadow:inset 0 2px 5px #0001;transition:background .2s}.switch:after{content:'';position:absolute;left:3px;top:3px;width:15px;height:15px;border-radius:50%;background:#fff;box-shadow:0 2px 4px #0003;transition:transform .2s}.setting-toggle input:checked+.switch{background:var(--accent);border-color:var(--accent)}.setting-toggle input:checked+.switch:after{transform:translateX(15px)}.setting-toggle input:focus-visible+.switch{outline:3px solid var(--accent);outline-offset:3px}.notification-state{font-size:11px;line-height:1.6;color:var(--soft);padding:10px 12px;border-radius:9px;background:var(--surface-alt);border:1px solid var(--edge);margin:13px 0}.notification-state.enabled{color:var(--accent)}.notification-state.enabled:before{content:'●';margin-right:7px}.notification-actions{display:flex;justify-content:space-between;gap:10px}.notification-actions button{font-size:10px;padding:10px 0;color:var(--accent);text-decoration:underline;text-underline-offset:3px}.settings-section .settings-note{margin:16px 0 0;font-size:10px}.account-section{display:flex;align-items:center;justify-content:space-between}.account-section p{margin:0}.logout-button{display:flex;align-items:center;gap:7px;color:var(--accent);font-size:11px;padding:10px 12px;border-radius:10px;background:var(--surface-alt);border:1px solid var(--edge)}.logout-button svg{width:17px;height:17px}
/* Unified palettes make every surface work in the three themes. */
[data-theme=night]{color-scheme:dark;--ink:#e0e4eb;--text:#dadfe8;--soft:#9ca6b6;--surface:#162c32;--surface-alt:#203c41;--edge:#364153;--accent:#8ca9db;--accent-ink:#141f33;--header:#10242a;--green:#7b92bb;--weave:repeating-linear-gradient(0deg,#b7c6df06 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,#b7c6df06 0 1px,transparent 1px 4px)}
[data-theme=night] body{background:var(--paper-grain),#102329;color:var(--text)}[data-theme=night] .group-chat{background:var(--surface);border-color:#455063;box-shadow:0 20px 90px #0004}[data-theme=night] .chat-header{background:var(--paper-grain),var(--weave),radial-gradient(ellipse at 80% 0%,#34425b66,transparent 65%),#10242a}[data-theme=night] .messages{background-color:#172f35;background-image:var(--paper-grain),var(--etch),var(--terrain),var(--weave),radial-gradient(ellipse at 10% 0%,#33415950,transparent 65%)}[data-theme=night] .group-note,[data-theme=night] .composer-area{background:var(--paper-grain),var(--weave),linear-gradient(135deg,#232c3c,#182f34);border-color:var(--edge);color:var(--soft)}[data-theme=night] .connection-status.live{background:#303b4d;border-color:#455167;color:#b2c1dc}[data-theme=night] .composer{background:linear-gradient(135deg,#203c41,#1b3238);border-color:var(--edge)}[data-theme=night] .composer textarea{color:var(--text)}[data-theme=night] .composer textarea::placeholder{color:#8b94a3}[data-theme=night] .bubble{background:var(--paper-grain),var(--weave),linear-gradient(135deg,#29464b,#223b40);border-color:#3a4557;box-shadow:inset 0 1px 0 #ffffff08,0 6px 18px #0002}[data-theme=night] .self .bubble{background:var(--paper-grain),var(--weave),linear-gradient(135deg,#3a4559,#29374f);border-color:#576173}[data-theme=night] .bubble p{color:var(--text)}[data-theme=night] .bubble strong{color:#a3b8db}[data-theme=night] .bubble time{color:#a1a9b8}[data-theme=night] .quick-messages button,[data-theme=night] .day-separator{background:linear-gradient(135deg,#2e3848,#242d3d);border-color:var(--edge);color:#b1bcd0}[data-theme=night] .quick-messages button.picked{background:#434e61;border-color:#6881ac;color:#d8e3f6}[data-theme=night] .composer-foot{color:#939baa}[data-theme=night] .welcome h2{color:#bfcde4;text-shadow:none}[data-theme=night] .welcome p{color:#9eaac0}[data-theme=night] .welcome-art,[data-theme=night] .dialog-icon{background:var(--paper-grain),linear-gradient(145deg,#414c5e,#2d3747);border-color:#516382;color:#b0c3e5}[data-theme=night] .welcome-art svg{color:#b0c3e5;filter:none}[data-theme=night] .welcome .eyebrow{background:#303847;border-color:#434f64;color:#96a9c9}[data-theme=night] .send-button,[data-theme=night] .primary{background:linear-gradient(135deg,#89a6d7,#798fb5);color:#141f33;border-color:#829ac3}[data-theme=night] dialog{background:var(--paper-grain),var(--weave),var(--surface);color:var(--text);border-color:var(--edge)}[data-theme=night] dialog p{color:var(--soft)}[data-theme=night] dialog input,[data-theme=night] dialog select{background:#20383b;border-color:var(--edge);color:var(--text)}[data-theme=night] .call-dialog{background:var(--paper-grain),#10242a}
[data-theme=copper]{--ink:#51432f;--text:#51432f;--soft:#8a795c;--surface:#fbf5e8;--surface-alt:#eee2ca;--edge:#d6c4a2;--accent:#8c643d;--accent-ink:#fff8eb;--header:#554331;--green:#8c643d;--weave:repeating-linear-gradient(0deg,#72552708 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,#72552708 0 1px,transparent 1px 4px)}
[data-theme=copper] body{background:var(--paper-grain),#e8dcc2;color:var(--text)}[data-theme=copper] .chat-header{background:var(--paper-grain),var(--weave),radial-gradient(ellipse at 70% 0%,#aa855566,transparent 65%),#554331}[data-theme=copper] .chat-heading p,[data-theme=copper] .chat-header .icon-button,[data-theme=copper] .chat-header .my-name{color:#e6d2ab}[data-theme=copper] .brand-mark{background:linear-gradient(145deg,#f3dfb4,#d1b178);color:#5a4324}[data-theme=copper] .messages{background-color:#f6edda;background-image:var(--paper-grain),var(--etch),var(--terrain),var(--weave),radial-gradient(ellipse at 0% 0%,#ebd5ac66,transparent 65%)}[data-theme=copper] .group-note,[data-theme=copper] .composer-area{background:var(--paper-grain),var(--weave),linear-gradient(135deg,#fbf5e8,#eee2ca);color:var(--soft);border-color:var(--edge)}[data-theme=copper] .connection-status.live{background:#e9ddbd;border-color:#c8bb92;color:#776540}[data-theme=copper] .composer{background:linear-gradient(135deg,#fffdf7,#faf3e3);border-color:var(--edge)}[data-theme=copper] .composer textarea{color:var(--text)}[data-theme=copper] .bubble{background:var(--paper-grain),var(--weave),linear-gradient(135deg,#fffdf7,#f5ecd8);border-color:#dfccaa}[data-theme=copper] .self .bubble{background:var(--paper-grain),var(--weave),linear-gradient(135deg,#edddbc,#e1c79d);border-color:#cbb086}[data-theme=copper] .bubble p,[data-theme=copper] .welcome h2{color:var(--text)}[data-theme=copper] .bubble strong{color:#8c643d}[data-theme=copper] .bubble time,[data-theme=copper] .welcome p{color:var(--soft)}[data-theme=copper] .day-separator,[data-theme=copper] .quick-messages button,[data-theme=copper] .welcome .eyebrow{background:linear-gradient(135deg,#f9f0dc,#eadabb);border-color:var(--edge);color:var(--soft)}[data-theme=copper] .quick-messages button.picked{background:#e5cea5;color:#76542d;border-color:#b69a6c}[data-theme=copper] .send-button,[data-theme=copper] .primary{background:linear-gradient(135deg,#a57a48,#74502f);border-color:#8c643d}[data-theme=copper] .welcome-art,[data-theme=copper] .dialog-icon{background:var(--paper-grain),linear-gradient(145deg,#f4e4be,#dac095);color:#7c5b32;border-color:#d2b783}[data-theme=copper] .welcome-art svg{color:#7c5b32}[data-theme=copper] dialog{background:var(--paper-grain),var(--weave),var(--surface);color:var(--text);border-color:var(--edge)}[data-theme=copper] dialog p{color:var(--soft)}[data-theme=copper] dialog input,[data-theme=copper] dialog select{background:#fffbf1;border-color:var(--edge);color:var(--text)}[data-theme=copper] .call-dialog{background:var(--paper-grain),#554331;color:#fff8eb}
[data-texture="1"] .messages{background-image:var(--paper-grain),var(--terrain)}[data-texture="0"] body,[data-texture="0"] .messages,[data-texture="0"] .chat-header,[data-texture="0"] .composer-area,[data-texture="0"] .bubble,[data-texture="0"] dialog,[data-texture="0"] .settings-head{background-image:none!important}[data-texture="0"] .chat-header{background-color:var(--header)}[data-texture="0"] .bubble{background-color:var(--surface)}[data-texture="0"] .self .bubble{background-color:var(--surface-alt)}
[data-effects=off] *,[data-effects=off] *:before,[data-effects=off] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}[data-effects=off] button:hover,[data-effects=off] button:active{transform:none!important}
@media(max-width:600px){.notification-nudge{padding:7px 14px;font-size:10px;gap:5px}.notification-nudge button{font-size:10px}.settings-dialog{max-height:92dvh;border-radius:22px}.settings-head{padding:20px 22px 16px}.settings-scroll{padding-inline:22px;max-height:calc(92dvh - 90px)}.theme-swatch{height:50px}.settings-section{padding:20px 0}}

:root{--paper-grain:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'128'%20height%3D'128'%3E%3Cg%20fill%3D'%23172235'%20opacity%3D'.075'%3E%3Ccircle%20cx%3D'17'%20cy%3D'23'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'90'%20cy%3D'70'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'35'%20cy%3D'117'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'108'%20cy%3D'36'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'53'%20cy%3D'83'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'126'%20cy%3D'2'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'71'%20cy%3D'49'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'16'%20cy%3D'96'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'89'%20cy%3D'15'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'34'%20cy%3D'62'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'107'%20cy%3D'109'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'52'%20cy%3D'28'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'125'%20cy%3D'75'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'70'%20cy%3D'122'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'15'%20cy%3D'41'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'88'%20cy%3D'88'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'33'%20cy%3D'7'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'106'%20cy%3D'54'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'51'%20cy%3D'101'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'124'%20cy%3D'20'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'69'%20cy%3D'67'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'14'%20cy%3D'114'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'87'%20cy%3D'33'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'32'%20cy%3D'80'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'105'%20cy%3D'127'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'50'%20cy%3D'46'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'123'%20cy%3D'93'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'68'%20cy%3D'12'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'13'%20cy%3D'59'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'86'%20cy%3D'106'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'31'%20cy%3D'25'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'104'%20cy%3D'72'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'49'%20cy%3D'119'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'122'%20cy%3D'38'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'67'%20cy%3D'85'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'12'%20cy%3D'4'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'85'%20cy%3D'51'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'30'%20cy%3D'98'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'103'%20cy%3D'17'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'48'%20cy%3D'64'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'121'%20cy%3D'111'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'66'%20cy%3D'30'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'11'%20cy%3D'77'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'84'%20cy%3D'124'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'29'%20cy%3D'43'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'102'%20cy%3D'90'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'47'%20cy%3D'9'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'120'%20cy%3D'56'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'65'%20cy%3D'103'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'10'%20cy%3D'22'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'83'%20cy%3D'69'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'28'%20cy%3D'116'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'101'%20cy%3D'35'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'46'%20cy%3D'82'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'119'%20cy%3D'1'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'64'%20cy%3D'48'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'9'%20cy%3D'95'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'82'%20cy%3D'14'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'27'%20cy%3D'61'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'100'%20cy%3D'108'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'45'%20cy%3D'27'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'118'%20cy%3D'74'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'63'%20cy%3D'121'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'8'%20cy%3D'40'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'81'%20cy%3D'87'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'26'%20cy%3D'6'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'99'%20cy%3D'53'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'44'%20cy%3D'100'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'117'%20cy%3D'19'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'62'%20cy%3D'66'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'7'%20cy%3D'113'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'80'%20cy%3D'32'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'25'%20cy%3D'79'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'98'%20cy%3D'126'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'43'%20cy%3D'45'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'116'%20cy%3D'92'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'61'%20cy%3D'11'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'6'%20cy%3D'58'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'79'%20cy%3D'105'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'24'%20cy%3D'24'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'97'%20cy%3D'71'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'42'%20cy%3D'118'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'115'%20cy%3D'37'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'60'%20cy%3D'84'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'5'%20cy%3D'3'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'78'%20cy%3D'50'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'23'%20cy%3D'97'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'96'%20cy%3D'16'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'41'%20cy%3D'63'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'114'%20cy%3D'110'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'59'%20cy%3D'29'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'4'%20cy%3D'76'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'77'%20cy%3D'123'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'22'%20cy%3D'42'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'95'%20cy%3D'89'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'40'%20cy%3D'8'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'113'%20cy%3D'55'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'58'%20cy%3D'102'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'3'%20cy%3D'21'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'76'%20cy%3D'68'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'21'%20cy%3D'115'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'94'%20cy%3D'34'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'39'%20cy%3D'81'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'112'%20cy%3D'0'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'57'%20cy%3D'47'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'2'%20cy%3D'94'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'75'%20cy%3D'13'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'20'%20cy%3D'60'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'93'%20cy%3D'107'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'38'%20cy%3D'26'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'111'%20cy%3D'73'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'56'%20cy%3D'120'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'1'%20cy%3D'39'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'74'%20cy%3D'86'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'19'%20cy%3D'5'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'92'%20cy%3D'52'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'37'%20cy%3D'99'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'110'%20cy%3D'18'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'55'%20cy%3D'65'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'0'%20cy%3D'112'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'73'%20cy%3D'31'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'18'%20cy%3D'78'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'91'%20cy%3D'125'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'36'%20cy%3D'44'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'109'%20cy%3D'91'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'54'%20cy%3D'10'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'127'%20cy%3D'57'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'72'%20cy%3D'104'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'17'%20cy%3D'23'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'90'%20cy%3D'70'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'35'%20cy%3D'117'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'108'%20cy%3D'36'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'53'%20cy%3D'83'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'126'%20cy%3D'2'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'71'%20cy%3D'49'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'16'%20cy%3D'96'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'89'%20cy%3D'15'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'34'%20cy%3D'62'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'107'%20cy%3D'109'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'52'%20cy%3D'28'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'125'%20cy%3D'75'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'70'%20cy%3D'122'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'15'%20cy%3D'41'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'88'%20cy%3D'88'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'33'%20cy%3D'7'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'106'%20cy%3D'54'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'51'%20cy%3D'101'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'124'%20cy%3D'20'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'69'%20cy%3D'67'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'14'%20cy%3D'114'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'87'%20cy%3D'33'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'32'%20cy%3D'80'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'105'%20cy%3D'127'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'50'%20cy%3D'46'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'123'%20cy%3D'93'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'68'%20cy%3D'12'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'13'%20cy%3D'59'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'86'%20cy%3D'106'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'31'%20cy%3D'25'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'104'%20cy%3D'72'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'49'%20cy%3D'119'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'122'%20cy%3D'38'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'67'%20cy%3D'85'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'12'%20cy%3D'4'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'85'%20cy%3D'51'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'30'%20cy%3D'98'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'103'%20cy%3D'17'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'48'%20cy%3D'64'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'121'%20cy%3D'111'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'66'%20cy%3D'30'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'11'%20cy%3D'77'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'84'%20cy%3D'124'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'29'%20cy%3D'43'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'102'%20cy%3D'90'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'47'%20cy%3D'9'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'120'%20cy%3D'56'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'65'%20cy%3D'103'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'10'%20cy%3D'22'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'83'%20cy%3D'69'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'28'%20cy%3D'116'%20r%3D'.4'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}[data-theme=night]{--paper-grain:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'128'%20height%3D'128'%3E%3Cg%20fill%3D'%23c1cbdb'%20opacity%3D'.075'%3E%3Ccircle%20cx%3D'17'%20cy%3D'23'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'90'%20cy%3D'70'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'35'%20cy%3D'117'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'108'%20cy%3D'36'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'53'%20cy%3D'83'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'126'%20cy%3D'2'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'71'%20cy%3D'49'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'16'%20cy%3D'96'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'89'%20cy%3D'15'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'34'%20cy%3D'62'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'107'%20cy%3D'109'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'52'%20cy%3D'28'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'125'%20cy%3D'75'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'70'%20cy%3D'122'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'15'%20cy%3D'41'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'88'%20cy%3D'88'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'33'%20cy%3D'7'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'106'%20cy%3D'54'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'51'%20cy%3D'101'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'124'%20cy%3D'20'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'69'%20cy%3D'67'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'14'%20cy%3D'114'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'87'%20cy%3D'33'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'32'%20cy%3D'80'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'105'%20cy%3D'127'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'50'%20cy%3D'46'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'123'%20cy%3D'93'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'68'%20cy%3D'12'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'13'%20cy%3D'59'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'86'%20cy%3D'106'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'31'%20cy%3D'25'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'104'%20cy%3D'72'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'49'%20cy%3D'119'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'122'%20cy%3D'38'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'67'%20cy%3D'85'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'12'%20cy%3D'4'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'85'%20cy%3D'51'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'30'%20cy%3D'98'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'103'%20cy%3D'17'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'48'%20cy%3D'64'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'121'%20cy%3D'111'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'66'%20cy%3D'30'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'11'%20cy%3D'77'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'84'%20cy%3D'124'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'29'%20cy%3D'43'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'102'%20cy%3D'90'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'47'%20cy%3D'9'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'120'%20cy%3D'56'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'65'%20cy%3D'103'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'10'%20cy%3D'22'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'83'%20cy%3D'69'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'28'%20cy%3D'116'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'101'%20cy%3D'35'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'46'%20cy%3D'82'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'119'%20cy%3D'1'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'64'%20cy%3D'48'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'9'%20cy%3D'95'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'82'%20cy%3D'14'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'27'%20cy%3D'61'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'100'%20cy%3D'108'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'45'%20cy%3D'27'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'118'%20cy%3D'74'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'63'%20cy%3D'121'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'8'%20cy%3D'40'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'81'%20cy%3D'87'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'26'%20cy%3D'6'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'99'%20cy%3D'53'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'44'%20cy%3D'100'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'117'%20cy%3D'19'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'62'%20cy%3D'66'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'7'%20cy%3D'113'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'80'%20cy%3D'32'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'25'%20cy%3D'79'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'98'%20cy%3D'126'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'43'%20cy%3D'45'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'116'%20cy%3D'92'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'61'%20cy%3D'11'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'6'%20cy%3D'58'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'79'%20cy%3D'105'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'24'%20cy%3D'24'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'97'%20cy%3D'71'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'42'%20cy%3D'118'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'115'%20cy%3D'37'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'60'%20cy%3D'84'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'5'%20cy%3D'3'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'78'%20cy%3D'50'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'23'%20cy%3D'97'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'96'%20cy%3D'16'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'41'%20cy%3D'63'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'114'%20cy%3D'110'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'59'%20cy%3D'29'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'4'%20cy%3D'76'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'77'%20cy%3D'123'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'22'%20cy%3D'42'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'95'%20cy%3D'89'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'40'%20cy%3D'8'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'113'%20cy%3D'55'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'58'%20cy%3D'102'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'3'%20cy%3D'21'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'76'%20cy%3D'68'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'21'%20cy%3D'115'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'94'%20cy%3D'34'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'39'%20cy%3D'81'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'112'%20cy%3D'0'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'57'%20cy%3D'47'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'2'%20cy%3D'94'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'75'%20cy%3D'13'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'20'%20cy%3D'60'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'93'%20cy%3D'107'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'38'%20cy%3D'26'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'111'%20cy%3D'73'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'56'%20cy%3D'120'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'1'%20cy%3D'39'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'74'%20cy%3D'86'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'19'%20cy%3D'5'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'92'%20cy%3D'52'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'37'%20cy%3D'99'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'110'%20cy%3D'18'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'55'%20cy%3D'65'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'0'%20cy%3D'112'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'73'%20cy%3D'31'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'18'%20cy%3D'78'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'91'%20cy%3D'125'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'36'%20cy%3D'44'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'109'%20cy%3D'91'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'54'%20cy%3D'10'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'127'%20cy%3D'57'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'72'%20cy%3D'104'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'17'%20cy%3D'23'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'90'%20cy%3D'70'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'35'%20cy%3D'117'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'108'%20cy%3D'36'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'53'%20cy%3D'83'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'126'%20cy%3D'2'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'71'%20cy%3D'49'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'16'%20cy%3D'96'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'89'%20cy%3D'15'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'34'%20cy%3D'62'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'107'%20cy%3D'109'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'52'%20cy%3D'28'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'125'%20cy%3D'75'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'70'%20cy%3D'122'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'15'%20cy%3D'41'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'88'%20cy%3D'88'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'33'%20cy%3D'7'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'106'%20cy%3D'54'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'51'%20cy%3D'101'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'124'%20cy%3D'20'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'69'%20cy%3D'67'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'14'%20cy%3D'114'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'87'%20cy%3D'33'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'32'%20cy%3D'80'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'105'%20cy%3D'127'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'50'%20cy%3D'46'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'123'%20cy%3D'93'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'68'%20cy%3D'12'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'13'%20cy%3D'59'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'86'%20cy%3D'106'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'31'%20cy%3D'25'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'104'%20cy%3D'72'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'49'%20cy%3D'119'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'122'%20cy%3D'38'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'67'%20cy%3D'85'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'12'%20cy%3D'4'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'85'%20cy%3D'51'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'30'%20cy%3D'98'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'103'%20cy%3D'17'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'48'%20cy%3D'64'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'121'%20cy%3D'111'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'66'%20cy%3D'30'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'11'%20cy%3D'77'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'84'%20cy%3D'124'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'29'%20cy%3D'43'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'102'%20cy%3D'90'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'47'%20cy%3D'9'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'120'%20cy%3D'56'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'65'%20cy%3D'103'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'10'%20cy%3D'22'%20r%3D'.65'%2F%3E%3Ccircle%20cx%3D'83'%20cy%3D'69'%20r%3D'.4'%2F%3E%3Ccircle%20cx%3D'28'%20cy%3D'116'%20r%3D'.4'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}

.sound-options{display:grid;gap:12px;padding:14px 0;color:var(--text)}.sound-options>label{font-size:14px;font-weight:700}.sound-options select{font:inherit;width:100%;min-height:44px;padding:10px;border:1px solid var(--edge);border-radius:12px;color:var(--text);background:var(--surface)}.sound-options input{width:100%;accent-color:var(--accent)}.sound-options button{justify-self:start;padding:12px 18px;border-radius:12px;background:var(--surface-alt);color:var(--text);border:1px solid var(--edge);font-weight:700}
.iphone-push-help{margin:16px 0;padding:14px;border:1px solid var(--edge);border-radius:14px;color:var(--text);background:var(--surface-alt);font-size:14px;line-height:1.65}.iphone-push-help summary{font-weight:750;cursor:pointer}.iphone-push-help ol{padding-left:20px}.iphone-push-help li{margin:12px 0}.iphone-push-help p{font-size:13px}#testBackgroundNotification{padding:12px 14px;border:1px solid var(--edge);border-radius:12px;background:var(--surface-alt);color:var(--text);font-weight:700}

/* Gözcü6's own palette: navy, ice and copper, with shared textured surfaces. */
:root,[data-theme=ice]{color-scheme:light;--surface:#f5f8ff;--surface-alt:#e3ebf8;--edge:#c6d3e8;--text:#263a5b;--soft:#667a9b;--accent:#426fc3;--accent-ink:#fff;--header:#203654;--ink:var(--text);--green:var(--accent);--page:#dce5f3;--chat:#eef3fc;--self:#d3e0fb;--weave:repeating-linear-gradient(0deg,#4f679308 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,#4f679308 0 1px,transparent 1px 4px)}
[data-theme=night]{color-scheme:dark;--surface:#142037;--surface-alt:#1c2a43;--edge:#33445f;--text:#e5ebf7;--soft:#a5b3ce;--accent:#90b7ff;--accent-ink:#15233f;--header:#101b2f;--ink:var(--text);--green:var(--accent);--page:#0b1424;--chat:#111e33;--self:#293d63;--weave:repeating-linear-gradient(0deg,#a4b7de06 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,#a4b7de06 0 1px,transparent 1px 4px)}
[data-theme=copper]{color-scheme:light;--surface:#fff8ef;--surface-alt:#efe0ce;--edge:#d8bfa5;--text:#513e32;--soft:#8c7361;--accent:#a65e38;--accent-ink:#fff8ef;--header:#49362e;--ink:var(--text);--green:var(--accent);--page:#e7d6c6;--chat:#f8edde;--self:#ebcdb1;--weave:repeating-linear-gradient(0deg,#825b3208 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,#825b3208 0 1px,transparent 1px 4px)}
html[data-theme] body{background:var(--paper-grain),var(--page);color:var(--text)}html[data-theme] .group-chat{background:var(--surface);border-color:var(--edge)}html[data-theme] .chat-header{background-color:var(--header);background-image:var(--paper-grain),var(--weave),linear-gradient(120deg,#ffffff08,transparent);color:#f4f7ff;border-color:var(--edge)}html[data-theme] .chat-heading p,html[data-theme] .chat-header .my-name{color:#c3cfea}html[data-theme] .chat-heading h1>span{color:#cedcf5;background:#ffffff0b;border-color:#ffffff25}html[data-theme] .chat-header .icon-button{color:#c7d7f2;background:linear-gradient(145deg,#ffffff15,#ffffff04);border-color:#ffffff20}html[data-theme] .chat-header .icon-button:hover{background:#ffffff20;border-color:#ffffff45;box-shadow:0 0 20px #9bb5f015}html[data-theme] .chat-header:after{background:linear-gradient(90deg,transparent,#bdd2ff60,transparent)}
html[data-theme] .brand-mark{color:#253c66;background:linear-gradient(145deg,#d5e3ff,#89a9e6);border-color:#dce9ff77;box-shadow:inset 0 1px 0 #fff9,0 5px 14px #0003}
html[data-theme] .messages{background-color:var(--chat);background-image:var(--paper-grain),var(--etch),var(--terrain),var(--weave),linear-gradient(145deg,#ffffff04,transparent);background-size:128px 128px,96px 96px,440px 440px,auto,auto,100% 100%;scrollbar-color:var(--edge) var(--surface-alt)}
html[data-theme] .group-note,html[data-theme] .composer-area{background:var(--paper-grain),var(--weave),var(--surface);border-color:var(--edge);color:var(--soft)}html[data-theme] .group-note>span:first-child{color:var(--accent)}html[data-theme] .connection-status.live{background:var(--surface-alt);border-color:var(--edge);color:var(--accent)}html[data-theme] .connection-status.live:before{box-shadow:0 0 0 3px #94b3ed18}
html[data-theme] .composer{background:var(--surface);border-color:var(--edge)}html[data-theme] .composer textarea{color:var(--text)}html[data-theme] .composer textarea::placeholder{color:var(--soft)}html[data-theme] .composer .icon-button{color:var(--accent)}html[data-theme] .composer .icon-button:hover{background:var(--surface-alt)}html[data-theme] .composer:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}html[data-theme] .composer-foot{color:var(--soft)}
html[data-theme] .bubble{background:var(--paper-grain),var(--surface);border-color:var(--edge);box-shadow:inset 0 1px 0 #ffffff0c,0 5px 16px #00000012}html[data-theme] .self .bubble{background:var(--paper-grain),linear-gradient(145deg,#ffffff08,#00000004),var(--self);border-color:var(--edge)}html[data-theme] .bubble p{color:var(--text)}html[data-theme] .bubble strong{color:var(--accent)}html[data-theme] .bubble time{color:var(--soft)}html[data-theme] .avatar{color:var(--text);border-color:var(--edge)}
html[data-theme] .quick-messages button,html[data-theme] .day-separator{background:var(--surface-alt);border-color:var(--edge);color:var(--soft)}html[data-theme] .quick-messages button.picked,html[data-theme] .quick-messages button:hover{background:var(--self);border-color:var(--accent);color:var(--text)}html[data-theme] .send-button,html[data-theme] .primary{background:linear-gradient(145deg,#ffffff16,#00000010),var(--accent);color:var(--accent-ink);border-color:var(--accent);box-shadow:inset 0 1px 0 #ffffff25,0 5px 14px #0002}
html[data-theme] .welcome h2{color:var(--text);text-shadow:none}html[data-theme] .welcome p,html[data-theme] .welcome .welcome-hint{color:var(--soft)}html[data-theme] .welcome-art,html[data-theme] .dialog-icon{background:var(--paper-grain),var(--surface-alt);border-color:var(--edge);color:var(--accent)}html[data-theme] .welcome-art svg{color:var(--accent);filter:none}html[data-theme] .welcome-art:before,html[data-theme] .welcome-art:after{border-color:var(--edge)}html[data-theme] .welcome .eyebrow{background:var(--surface-alt);border-color:var(--edge);color:var(--soft)}html[data-theme] .eyebrow{color:var(--soft)}
html[data-theme] dialog{background:var(--paper-grain),var(--surface);color:var(--text);border-color:var(--edge)}html[data-theme] dialog::backdrop{background:#080f2478}html[data-theme] dialog p{color:var(--soft)}html[data-theme] dialog input,html[data-theme] dialog select{background:var(--surface);color:var(--text);border-color:var(--edge)}html[data-theme] .settings-head{background:var(--paper-grain),var(--weave),var(--surface-alt)}html[data-theme] .toast{background:linear-gradient(135deg,#223c67,#111e36);border-color:#6085c860;color:#f2f6ff}
html[data-theme] .call-dialog{background:var(--paper-grain),#101b2f;color:#f4f7ff}html[data-theme] .call-top .eyebrow,html[data-theme] .call-top p,html[data-theme] .call-note{color:#b7c7e4!important}html[data-theme] .video-tile{background:var(--paper-grain),linear-gradient(145deg,#2a3e60,#16243c);border-color:#546c9860}html[data-theme] .audio-avatar{color:#c5d8ff}html[data-theme] .video-label{background:#101b2faa}html[data-theme] .call-controls button{background:linear-gradient(145deg,#3e557d,#233754);border-color:#718fc050}html[data-theme] .call-controls .accept{background:linear-gradient(145deg,#6291e2,#3b66ad)}html[data-theme] .call-controls .hangup{background:linear-gradient(145deg,#dd7965,#b94b42)}
.theme-swatch.night{background:var(--paper-grain),linear-gradient(160deg,#101b2f 0 35%,#1c2a43 35% 75%,#90b7ff 75%)}.theme-swatch.ice{background:var(--paper-grain),linear-gradient(160deg,#203654 0 35%,#f5f8ff 35% 75%,#d3e0fb 75%)}.theme-swatch.copper{background:var(--paper-grain),linear-gradient(160deg,#49362e 0 35%,#fff8ef 35% 75%,#ebcdb1 75%)}
html[data-theme=copper] .brand-mark{background:linear-gradient(145deg,#f1d3b6,#c78e63);color:#5b3824}html[data-theme=copper] .chat-header .icon-button,html[data-theme=copper] .chat-heading p{color:#f0d8c0}
html[data-texture="0"] .messages,html[data-texture="0"] .chat-header,html[data-texture="0"] .composer-area,html[data-texture="0"] .bubble,html[data-texture="0"] dialog{background-image:none!important}html[data-texture="1"] .messages{background-image:var(--paper-grain),var(--terrain);background-size:128px 128px,440px 440px}
/* Clear exits stay visible while the panel contents scroll. */
html[data-theme=ice]{--header:#3263b8;--accent:#3376db;--surface-alt:#e0ecff;--self:#cbdffd}
.close-panel{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:86px;min-height:44px;padding:8px 13px;border:1px solid var(--edge);border-radius:11px;background:var(--surface-alt);color:var(--text);font-size:12px;font-weight:600;flex-shrink:0}.close-panel span{font-size:24px;line-height:1}.close-panel:hover{border-color:var(--accent);box-shadow:0 3px 12px #0001}.dialog-dismiss-row{display:flex;justify-content:flex-end;position:sticky;top:0;z-index:3;margin:-8px -8px 8px;background:var(--surface)}.call-dialog .dialog-dismiss-row{background:#101b2f}.call-dialog .close-panel{background:#253a5a;border-color:#546c98;color:#e5edff}
#profileDialog{max-height:calc(100dvh - 28px);overflow-y:auto}#profileDialog .dialog-icon{margin-top:0;margin-bottom:16px}
.settings-dialog[open]{display:flex;flex-direction:column}.settings-head{flex-shrink:0}.settings-dialog .settings-scroll{flex:1;min-height:0;max-height:none}.settings-footer{display:flex;align-items:center;gap:14px;padding:14px 26px;flex-shrink:0;border-top:1px solid var(--edge);background:var(--surface)}.settings-footer>span{flex:1;font-size:10px;line-height:1.5;color:var(--soft)}.settings-footer .primary{width:auto;min-width:130px;min-height:44px;padding:11px 18px;font-size:12px}.reset-appearance{font-size:11px;font-weight:600;color:var(--accent);border:1px solid var(--edge);border-radius:9px;padding:10px 12px;margin-top:17px;background:var(--surface-alt)}.inline-login{margin-left:auto;border:1px solid var(--edge);background:var(--surface-alt);color:var(--accent);font-size:11px;font-weight:600;border-radius:8px;min-height:36px;padding:7px 10px}.inline-login:not(.hidden)+.connection-status{margin-left:0}
.theme-swatch.ice{background:var(--paper-grain),linear-gradient(160deg,#3263b8 0 35%,#f5f8ff 35% 75%,#cbdffd 75%)}
@media(max-width:600px){.settings-footer{padding:12px 22px max(12px,env(safe-area-inset-bottom))}.settings-footer .primary{min-width:120px}.close-panel{min-width:80px}.inline-login{font-size:10px}.group-note:has(.inline-login:not(.hidden))>span:nth-child(2){font-size:8px}}

/* Engraved surfaces and lightweight light effects for Gözcü6. */
:root{--engraving:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240' viewBox='0 0 240 240'%3E%3Cg fill='none' stroke='%236d8dbe' stroke-opacity='.17' stroke-width='.7'%3E%3Cpath d='M0 36h36l12 12h48M240 204h-36l-12-12h-48M36 0v24l12 12v36M204 240v-24l-12-12v-36M84 120h24l12-12h24M120 84v24l12 12v24M0 180h24M240 60h-24'/%3E%3Ccircle cx='96' cy='48' r='2'/%3E%3Ccircle cx='144' cy='192' r='2'/%3E%3Ccircle cx='48' cy='72' r='2'/%3E%3Ccircle cx='192' cy='168' r='2'/%3E%3C/g%3E%3C/svg%3E");--woven-metal:repeating-linear-gradient(132deg,#6c85ae0b 0 1px,transparent 1px 5px),repeating-linear-gradient(42deg,#fff6 0 1px,transparent 1px 7px);--light-edge:#ffffffa0;--surface-shadow:#17386718}
html[data-theme=night]{--woven-metal:repeating-linear-gradient(132deg,#c6d6f90a 0 1px,transparent 1px 5px),repeating-linear-gradient(42deg,#050d1a30 0 1px,transparent 1px 7px);--light-edge:#ffffff28;--surface-shadow:#00000038}
html[data-theme=copper]{--surface-shadow:#71472518}
html[data-theme][data-texture="2"] body{background-image:var(--paper-grain),var(--engraving),var(--woven-metal);background-size:128px 128px,240px 240px,auto,auto;background-color:var(--page)}
html[data-theme][data-texture="2"] .messages{background-image:var(--paper-grain),var(--engraving),var(--terrain),var(--woven-metal),radial-gradient(ellipse at 15% 0%,#759de619,transparent 65%);background-size:128px 128px,240px 240px,440px 440px,auto,auto,100% 100%;background-color:var(--chat)}
html[data-theme][data-texture="2"] .chat-header{background-image:var(--paper-grain),repeating-linear-gradient(125deg,#ffffff06 0 1px,transparent 1px 5px),repeating-linear-gradient(35deg,#00000007 0 1px,transparent 1px 5px),radial-gradient(ellipse at 20% 0%,#9fbdff30,transparent 75%);background-size:128px 128px,auto,auto,100% 100%}
html[data-theme][data-texture="2"] .bubble{background-image:var(--paper-grain),repeating-linear-gradient(135deg,#778ca806 0 1px,transparent 1px 4px),linear-gradient(150deg,#ffffff25,#00000003);background-color:var(--surface)}
html[data-theme][data-texture="2"] .self .bubble{background-image:var(--paper-grain),repeating-linear-gradient(135deg,#ffffff12 0 1px,transparent 1px 4px),linear-gradient(150deg,#ffffff32,#00000008);background-color:var(--self)}
html[data-theme][data-texture="2"] .composer-area,html[data-theme][data-texture="2"] .settings-head,html[data-theme][data-texture="2"] .settings-footer{background-image:var(--paper-grain),var(--woven-metal),linear-gradient(145deg,#ffffff12,transparent);background-size:128px 128px,auto,auto,100% 100%}
html[data-theme][data-texture="2"] dialog{background-image:var(--paper-grain),repeating-linear-gradient(135deg,#7f95b707 0 1px,transparent 1px 5px);background-size:128px 128px,auto}
html[data-theme] .group-chat{box-shadow:0 0 0 1px #fff4,0 25px 100px #1029482b}
html[data-theme] .chat-header{box-shadow:inset 0 1px 0 #ffffff20,inset 0 -1px 0 #07173020,0 6px 22px #173b6017}
html[data-theme] .chat-header:before{content:'';position:absolute;inset:-70% auto -70% -45%;width:35%;background:linear-gradient(90deg,transparent,#ffffff12,transparent);transform:skewX(-24deg);pointer-events:none;animation:header-light 18s ease-in-out infinite}
html[data-theme] .chat-header:after{height:2px;background:linear-gradient(90deg,transparent,#d4e5ff85,transparent)}
html[data-theme] .brand-mark{background-image:var(--paper-grain),linear-gradient(145deg,#e0ebff,#8dadf0);box-shadow:inset 0 2px 0 #fff9,inset 0 -3px 3px #35578c30,0 7px 16px #0a204240,0 0 0 3px #ffffff08;border-color:#f1f6ff70}
html[data-theme=copper] .brand-mark{background-image:var(--paper-grain),linear-gradient(145deg,#f1d3b6,#c78e63)}
html[data-theme] .chat-header .icon-button{box-shadow:inset 0 1px 0 #ffffff25,inset 0 -2px 3px #00000010,0 4px 10px #001c3520}
html[data-theme] .chat-header .icon-button:hover{box-shadow:inset 0 1px 0 #ffffff35,0 0 0 3px #ffffff08,0 6px 18px #071a3930;transform:translateY(-2px)}
html[data-theme] .bubble{border-width:1px;box-shadow:inset 0 1px 0 var(--light-edge),inset 0 -1px 0 #00000005,0 7px 19px var(--surface-shadow),0 2px 4px #102d5710}
html[data-theme] .self .bubble{box-shadow:inset 0 1px 0 var(--light-edge),inset 0 -2px 3px #1a3d6808,0 8px 24px var(--surface-shadow),0 2px 5px #102d5710}
html[data-theme] .quick-messages button,html[data-theme] .day-separator{box-shadow:inset 0 1px 0 var(--light-edge),inset 0 -1px 2px #00000004,0 3px 7px var(--surface-shadow)}
html[data-theme] .composer{box-shadow:inset 0 1px 0 var(--light-edge),0 6px 20px var(--surface-shadow)}
html[data-theme] .composer:focus-within{box-shadow:inset 0 1px 0 var(--light-edge),0 0 0 4px color-mix(in srgb,var(--accent) 13%,transparent),0 8px 28px var(--surface-shadow)}
html[data-theme] .send-button,html[data-theme] .primary{box-shadow:inset 0 2px 0 #ffffff35,inset 0 -3px 4px #10254b20,0 6px 15px color-mix(in srgb,var(--accent) 25%,transparent)}
html[data-theme] .composer:focus-within .send-button{box-shadow:inset 0 1px 0 #ffffff45,0 0 0 3px color-mix(in srgb,var(--accent) 13%,transparent),0 6px 19px color-mix(in srgb,var(--accent) 30%,transparent)}
html[data-theme] .welcome-art{box-shadow:inset 0 2px 0 var(--light-edge),inset 0 -4px 6px #203a670e,0 20px 45px var(--surface-shadow),0 4px 8px #19366012}
html[data-theme] .welcome-art:before{border:1px solid var(--edge);box-shadow:0 0 0 7px color-mix(in srgb,var(--accent) 3%,transparent)}
html[data-theme] dialog{box-shadow:0 0 0 5px #ffffff0b,inset 0 1px 0 var(--light-edge),0 30px 110px #0b1b3d55}
html[data-theme] .close-panel{box-shadow:inset 0 1px 0 var(--light-edge),0 3px 8px var(--surface-shadow)}
html[data-theme] .message-row.new-message{animation:message-lift .4s cubic-bezier(.18,.8,.3,1) both}
html[data-theme] .toast.visible{animation:toast-lift .25s ease-out both}
@keyframes header-light{0%,62%{transform:translateX(0) skewX(-24deg);opacity:0}66%{opacity:1}84%,100%{transform:translateX(460%) skewX(-24deg);opacity:0}}
@keyframes message-lift{from{opacity:0;transform:translateY(15px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes toast-lift{from{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%,0)}}
@media(max-width:600px){html[data-theme] .group-chat{box-shadow:none}html[data-theme] .chat-header:before{animation-duration:24s}html[data-theme] .bubble{box-shadow:inset 0 1px 0 var(--light-edge),0 5px 14px var(--surface-shadow)}}
@media(hover:none){html[data-theme] .chat-header .icon-button:hover{transform:none}}
html[data-effects=off] .chat-header:before{display:none}
html[data-texture="0"] .settings-head,html[data-texture="0"] .settings-footer{background-image:none}
@media(prefers-reduced-motion:reduce){html[data-theme] .chat-header:before{display:none}}

/* Every area has an entrance or interaction motion. Reading surfaces stay steady. */
html[data-effects=on] .chat-header{animation:header-enter .55s cubic-bezier(.2,.8,.3,1) both}
html[data-effects=on] .group-note{animation:strip-enter .5s .08s both}
html[data-effects=on] .composer-area{animation:composer-enter .55s .12s both}
html[data-effects=on] .notification-nudge{animation:strip-enter .4s both}
html[data-effects=on] .connection-status.live:before{animation:signal-pulse 2.8s ease-out infinite}
html[data-effects=on] .welcome-art{animation:shield-float 6s ease-in-out infinite}
html[data-effects=on] .welcome .eyebrow{animation:strip-enter .55s .1s both}
html[data-effects=on] .welcome h2{animation:strip-enter .55s .18s both}
html[data-effects=on] .welcome>p{animation:strip-enter .55s .25s both}
html[data-effects=on] .quick-messages button{animation:chip-enter .45s .18s both}
html[data-effects=on] .quick-messages button:nth-child(2){animation-delay:.24s}
html[data-effects=on] .quick-messages button:nth-child(3){animation-delay:.3s}
html[data-effects=on] .quick-messages button:hover{transform:translateY(-3px);box-shadow:0 6px 15px var(--surface-shadow)}
html[data-effects=on] .quick-messages button.picked{animation:chip-picked .3s both}
html[data-effects=on] dialog[open]{animation:panel-enter .34s cubic-bezier(.15,.8,.3,1) both}
html[data-effects=on] dialog[open] .settings-section{animation:strip-enter .45s .08s both}
html[data-effects=on] dialog[open] .settings-section:nth-child(2){animation-delay:.14s}
html[data-effects=on] dialog[open] .settings-section:nth-child(3){animation-delay:.2s}
html[data-effects=on] dialog[open] .settings-footer{animation:composer-enter .45s .15s both}
html[data-effects=on] .theme-swatch{background-size:180% 180%;animation:theme-light 8s ease-in-out infinite alternate}
html[data-effects=on] .theme-options button[aria-pressed=true]{animation:chip-picked .3s both}
html[data-effects=on] .close-panel:hover{transform:translateY(-2px)}
html[data-effects=on] .close-panel:active{transform:scale(.94)}
html[data-effects=on] .switch:after{transition:transform .3s cubic-bezier(.18,1.5,.4,1)}
html[data-effects=on] .composer{transition:box-shadow .3s,border-color .3s,transform .3s}
html[data-effects=on] .composer:focus-within{transform:translateY(-1px)}
html[data-effects=on] .send-button.sending svg{animation:send-flight .65s ease-in-out infinite}
html[data-effects=on] .send-button.sent svg{animation:sent-check .42s cubic-bezier(.2,1.3,.4,1) both}
html[data-effects=on] .send-button.sent{animation:sent-button-glow .7s ease-out both}
.pending-message .bubble{opacity:.78;border-style:dashed}
.pending-message time{display:flex;align-items:center;justify-content:flex-end;gap:5px}
.sending-dots{display:inline-flex;gap:3px;margin-right:3px}.sending-dots i{width:3px;height:3px;border-radius:50%;background:var(--accent)}
html[data-effects=on] .sending-dots i{animation:dot-hop .85s ease-in-out infinite}
html[data-effects=on] .sending-dots i:nth-child(2){animation-delay:.12s}
html[data-effects=on] .sending-dots i:nth-child(3){animation-delay:.24s}
html[data-effects=on] .pending-message{animation:pending-enter .25s both}
html[data-effects=on] .message-row.just-sent{animation:message-confirm .45s cubic-bezier(.2,.8,.3,1) both}
html[data-effects=on] .message-row.just-sent .bubble{animation:bubble-confirm .8s ease-out both}
html[data-effects=on] .message-row.new-message:not(.just-sent){animation:message-lift .4s cubic-bezier(.18,.8,.3,1) both}
html[data-effects=on] .video-tile{animation:panel-enter .4s both}
html[data-effects=on] .call-controls button:hover{transform:translateY(-3px) scale(1.04)}
@keyframes header-enter{from{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}
@keyframes strip-enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@keyframes composer-enter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes signal-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--accent) 30%,transparent)}80%,100%{box-shadow:0 0 0 5px transparent}}
@keyframes shield-float{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-5px) rotate(-3deg)}}
@keyframes chip-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes chip-picked{0%{transform:scale(.94)}65%{transform:scale(1.025)}100%{transform:scale(1)}}
@keyframes panel-enter{from{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes theme-light{from{background-position:0% 0%}to{background-position:100% 100%}}
@keyframes send-flight{0%,100%{transform:translate(-2px,2px) rotate(-8deg);opacity:.65}50%{transform:translate(3px,-3px) rotate(7deg);opacity:1}}
@keyframes sent-check{from{opacity:0;transform:scale(.35) rotate(-18deg)}to{opacity:1;transform:scale(1) rotate(0)}}
@keyframes sent-button-glow{0%,100%{box-shadow:inset 0 1px 0 #ffffff35,0 5px 14px var(--surface-shadow)}40%{box-shadow:0 0 0 6px color-mix(in srgb,var(--accent) 14%,transparent),0 6px 24px color-mix(in srgb,var(--accent) 35%,transparent)}}
@keyframes dot-hop{0%,65%,100%{transform:translateY(0);opacity:.4}30%{transform:translateY(-3px);opacity:1}}
@keyframes pending-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes message-confirm{from{opacity:.6;transform:translateY(9px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes bubble-confirm{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--accent) 25%,transparent)}45%{box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 10%,transparent),0 8px 24px var(--surface-shadow)}100%{box-shadow:inset 0 1px 0 var(--light-edge),0 8px 24px var(--surface-shadow)}}
@media(hover:none){html[data-effects=on] .quick-messages button:hover,html[data-effects=on] .close-panel:hover,html[data-effects=on] .call-controls button:hover{transform:none}}
html[data-effects=off] *,html[data-effects=off] *:before,html[data-effects=off] *:after{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* Clear type, consistent controls and finely finished blue surfaces. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
html[data-theme=ice]{--text:#203657;--soft:#526b8f;--edge:#c5d5ed;--header:#285db0;--accent:#286bd3;--self:#d2e4ff;--chat:#f0f5ff}
html[data-theme=copper]{--soft:#765b48}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
button{touch-action:manipulation}
html[data-theme] button:focus-visible,html[data-theme] input:focus-visible,html[data-theme] select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
html[data-theme] .chat-header .icon-button:focus-visible{outline-color:#e6f0ff}
html[data-theme] .chat-header{gap:16px;padding:20px 28px;min-height:94px}
.chat-heading h1{font-size:25px;letter-spacing:-.8px;line-height:1.2}
.chat-heading p{font-size:12px;line-height:1.4;margin-top:7px}
.chat-actions{gap:8px}
.my-name:empty{display:none}
.icon-button{width:44px;height:44px;border-radius:13px}
html[data-theme] .chat-header .icon-button{color:#f1f6ff;border:1px solid #ffffff30}
.group-note{font-size:12px;padding:13px 28px;line-height:1.45;gap:10px}
.connection-status{font-size:10px}
.messages{padding:28px 32px;overscroll-behavior:contain;scrollbar-width:thin;scroll-padding-bottom:24px}
.message-row{margin:16px 0;gap:10px}
html[data-theme] .bubble{border-radius:18px 18px 18px 5px;padding:13px 17px;box-shadow:inset 0 1px 0 var(--light-edge),0 4px 12px var(--surface-shadow)}
html[data-theme] .self .bubble{border-radius:18px 18px 5px 18px;border-color:color-mix(in srgb,var(--accent) 24%,var(--edge));box-shadow:inset 0 1px 0 var(--light-edge),0 5px 15px var(--surface-shadow)}
.bubble p{font-size:15px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}
.bubble strong{font-size:12px;font-weight:700;margin-bottom:5px}
.bubble time{font-size:10px;margin-top:8px;letter-spacing:.1px;line-height:1.4}
.avatar{width:32px;height:32px;border-radius:11px;font-size:11px}
.day-separator{font-size:10px;padding:7px 13px;margin:12px auto 24px;letter-spacing:.2px}
.composer-area{padding:17px 28px max(15px,env(safe-area-inset-bottom));z-index:1}
.quick-messages{gap:9px;scrollbar-width:none;margin-bottom:13px}.quick-messages::-webkit-scrollbar{display:none}
.quick-messages button{min-height:38px;padding:9px 13px;font-size:11px;font-weight:500;flex-shrink:0}
html[data-theme] .quick-messages button{color:var(--text);border-color:var(--edge)}
.composer{border-radius:18px;padding:6px 8px;gap:6px;min-height:60px}
.composer textarea{font-size:16px;line-height:1.5;padding:10px 5px;caret-color:var(--accent)}
.send-button{width:46px;height:46px;border-radius:14px}.send-button svg{width:21px;height:21px}
.composer-foot{font-size:10px;line-height:1.5;margin-top:10px}
.welcome h2{font-size:30px;line-height:1.2;letter-spacing:-1px}
.welcome>p{font-size:14px;line-height:1.85}.welcome .welcome-hint{font-size:12px}
.welcome .eyebrow{font-size:10px;letter-spacing:1.5px}
.welcome-art{width:100px;height:100px;border-radius:32px}
html[data-theme] .settings-section p,html[data-theme] dialog p{font-size:13px;line-height:1.75}
html[data-theme] dialog input:not([type=range]):not([type=checkbox]),html[data-theme] dialog select{font-size:16px;min-height:48px;border-radius:12px}
.settings-section h3{font-size:15px}.setting-toggle strong{font-size:13px}.setting-toggle small{font-size:11px;line-height:1.6}
.settings-head{padding:24px 26px}.settings-head h2{font-size:25px;letter-spacing:-.7px}
.theme-options button{min-height:44px;font-size:12px;border-radius:14px}
.primary{min-height:46px;border-radius:12px;font-weight:600}
.notification-nudge{font-size:12px;line-height:1.5}.notification-nudge button{min-height:36px}
.inline-login{min-height:38px}.toast{font-size:13px;line-height:1.5;max-width:calc(100vw - 32px)}
html[data-effects=on] .quick-messages button{animation-fill-mode:backwards}
html[data-effects=on] .theme-options button[aria-pressed=true]{animation-fill-mode:backwards}
html[data-effects=on] button:active:not(:disabled){filter:brightness(.96)}
@media(hover:hover){html[data-effects=on] .send-button:not(.sending):not(.sent):hover{transform:translateY(-2px)}html[data-effects=on] .primary:hover{filter:brightness(1.06)}}
@media(max-width:600px){
 .group-chat{border:0}.chat-heading h1{font-size:21px}.chat-heading p{font-size:11px}
 html[data-theme] .chat-header{padding:max(15px,env(safe-area-inset-top)) 16px 15px;gap:10px;min-height:84px}
 .brand-mark{width:40px;height:44px;border-radius:14px}.brand-mark svg{width:26px;height:26px}
 .chat-actions{gap:4px}.chat-header .icon-button{width:44px;height:44px;border-radius:12px}
 .group-note{font-size:11px;padding:12px 16px;gap:8px}.connection-status{font-size:10px}
 .messages{padding:18px 16px}.bubble{max-width:86%}.bubble p{font-size:15px}.message-row{margin:14px 0}
 .composer-area{padding:13px 14px max(13px,env(safe-area-inset-bottom))}.composer-foot{font-size:10px}
 .quick-messages button{font-size:11px;min-height:38px;padding:9px 12px}
 .welcome h2{font-size:27px}.welcome>p{font-size:13px}.welcome-art{width:88px;height:88px}
 .notification-nudge{font-size:11px;padding:8px 14px}
 .settings-head{padding:20px}.settings-scroll{padding-inline:20px}.settings-footer{padding-inline:20px}
 html[data-theme] .bubble,html[data-theme] .self .bubble{box-shadow:inset 0 1px 0 var(--light-edge),0 3px 10px var(--surface-shadow)}
}
@media(max-width:360px){html[data-theme] .chat-header{padding-inline:12px;gap:8px}.brand-mark{display:none}.group-note>span:nth-child(2){font-size:10px}.composer-foot>span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){.messages{scroll-behavior:auto}}
html[data-effects=off] .messages{scroll-behavior:auto}

/* Give the conversation most of the viewport; shortcuts open on demand. */
.group-chat{max-width:1280px}
html[data-theme] .chat-header{min-height:68px;padding:10px 24px;gap:12px}
.chat-heading h1{font-size:22px}.chat-heading p{margin-top:4px;font-size:11px}
.brand-mark{width:40px;height:40px;border-radius:13px}
.group-note{padding:5px 24px;min-height:30px;font-size:11px}
.group-note .inline-login{min-height:30px;padding-block:4px}
.notification-nudge{padding:3px 24px;min-height:32px;font-size:11px}
.notification-nudge button{min-height:30px;padding-block:4px}
.messages{padding:14px 24px;scroll-padding-bottom:12px}
.message-row{margin:9px 0}
html[data-theme] .bubble{padding:10px 14px;max-width:min(88%,700px)}
.bubble p{line-height:1.5}.bubble time{margin-top:5px}
.day-separator{margin:8px auto 14px;padding:5px 12px}
.composer-area{padding:8px 20px max(8px,env(safe-area-inset-bottom))}
.composer{min-height:52px;padding:3px 5px;border-radius:16px;gap:2px}
.composer textarea{padding:9px 4px}
.send-button{width:44px;height:44px;border-radius:12px}
.composer-foot{display:none}
.quick-messages{margin-bottom:8px}
.quick-toggle[aria-expanded=true]{background:var(--surface-alt);color:var(--accent)}
@media(max-width:600px){
 html[data-theme] .chat-header{min-height:64px;padding:max(8px,env(safe-area-inset-top)) 12px 8px;gap:8px}
 .chat-heading h1{font-size:20px}.chat-heading p{font-size:10px;margin-top:3px}
 .brand-mark{width:34px;height:36px;border-radius:11px}.brand-mark svg{width:23px;height:23px}
 .group-note{padding:4px 12px;min-height:28px;font-size:10px}
 .notification-nudge{padding:2px 12px;min-height:30px;font-size:10px}
 .messages{padding:10px 12px}.message-row{margin:8px 0}
 html[data-theme] .bubble{padding:9px 12px}.bubble p{font-size:15px;line-height:1.45}
 .composer-area{padding:6px 10px max(6px,env(safe-area-inset-bottom))}
 .composer .icon-button{width:40px;height:44px}.composer textarea{padding-inline:3px}
}

.conversation{flex:1;min-height:0;position:relative;display:flex;flex-direction:column}
.conversation>.messages{flex:1;min-height:0}
.search-toggle{margin-left:auto;width:32px;min-height:32px;border-radius:9px;color:var(--accent);display:grid;place-items:center}
.search-toggle:hover,.search-toggle[aria-expanded=true]{background:var(--surface-alt)}
.group-note .connection-status{margin-left:0}
.search-bar{display:flex;align-items:center;gap:8px;flex-shrink:0;padding:7px 20px;background:var(--surface);border-bottom:1px solid var(--edge);color:var(--accent)}
.search-bar>svg{width:18px;height:18px}.search-bar input{flex:1;min-width:0;font-size:16px;padding:8px 10px;border:1px solid var(--edge);border-radius:10px;background:var(--surface-alt);color:var(--text);outline:none}
.search-bar input:focus{border-color:var(--accent)}.search-count{font-size:11px;color:var(--soft);white-space:nowrap}
.close-search{width:44px;height:40px;border-radius:10px;background:var(--surface-alt);color:var(--text);font-size:24px;flex-shrink:0}
.bubble mark{color:var(--text);background:color-mix(in srgb,var(--accent) 22%,var(--surface));border-radius:3px;padding:0 2px}
.search-empty{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px;gap:8px;color:var(--soft)}
.search-empty>span{display:grid;place-items:center;width:46px;height:46px;background:var(--surface-alt);border-radius:15px;color:var(--accent)}.search-empty h2{font-size:18px;color:var(--text);margin:4px 0}.search-empty p{font-size:13px;line-height:1.6;margin:0}
.jump-latest{position:absolute;right:20px;bottom:12px;z-index:3;display:flex;align-items:center;gap:8px;min-height:44px;padding:9px 15px;background:var(--accent);color:var(--accent-ink);border:1px solid var(--edge);border-radius:24px;box-shadow:0 4px 18px var(--surface-shadow);font-size:12px;font-weight:600}
.jump-latest>span:first-child{font-size:20px;line-height:1}
html[data-effects=on] .search-bar,html[data-effects=on] .jump-latest{animation:strip-enter .22s ease-out both}
@media(max-width:600px){.search-bar{padding:6px 12px;gap:5px}.search-bar>svg{display:none}.search-count{font-size:10px}.jump-latest{right:12px}.group-note{gap:6px}}

.retention-summary{padding:12px 14px;border:1px solid var(--edge);border-radius:12px;background:var(--surface-alt);color:var(--text);font-size:12px;line-height:1.6}
.retention-section fieldset{border:0;padding:0;margin:18px 0 0;min-width:0}.retention-section legend{font-size:12px;font-weight:600;margin-bottom:12px;color:var(--text)}
.retention-presets{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px}.retention-presets button{min-height:38px;padding:7px 12px;border:1px solid var(--edge);border-radius:10px;background:var(--surface-alt);font-size:12px;color:var(--text)}
.retention-duration{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.retention-duration label{font-size:12px;color:var(--soft);margin:0}.retention-duration input{display:block;width:100%;margin-top:6px;text-align:center}
.retention-section fieldset:disabled{opacity:.5}.retention-section .retention-explanation{font-size:12px;line-height:1.75;margin:16px 0}.expiry-badge{white-space:nowrap}

.attachment-preview{display:flex;align-items:center;gap:10px;padding:9px;margin-bottom:7px;border:1px solid var(--edge);border-radius:14px;background:var(--surface-alt)}
.attachment-thumb{width:54px;height:54px;border-radius:10px;overflow:hidden;flex-shrink:0;background:var(--chat)}.attachment-thumb img,.attachment-thumb video{width:100%;height:100%;object-fit:cover}
.attachment-details{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px;font-size:10px;color:var(--soft)}.attachment-details strong{font-size:12px;color:var(--text);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.attachment-preview .close-panel{min-width:44px;width:44px;font-size:23px;padding:0}
.message-media{width:280px;max-width:100%;margin:0 0 6px}.message-media img,.message-media video{display:block;width:100%;max-height:340px;object-fit:contain;border-radius:11px;background:#101b2f}
.message-media .open-photo{display:block;width:100%;padding:0;overflow:hidden;border-radius:11px}.message-media .open-photo:focus-visible{outline-offset:3px}.message-media .media-link{display:block;color:var(--accent);font-size:10px;line-height:1.5;margin-top:7px;text-decoration:none}.message-media .media-link:hover{text-decoration:underline}
html[data-theme] .media-dialog{width:min(920px,calc(100vw - 24px));max-width:none;padding:16px;max-height:calc(100dvh - 24px);overflow:auto}.media-viewer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.media-viewer-head h2{font-size:14px;font-weight:600;margin:0;min-width:0;overflow-wrap:anywhere}.media-dialog>img{display:block;width:100%;max-height:calc(100dvh - 125px);object-fit:contain;border-radius:12px;background:var(--chat)}
@media(max-width:600px){.composer .icon-button{width:34px;min-width:34px;height:44px}.composer textarea{padding-inline:2px}.message-media{width:240px}.message-media video{max-height:270px}.attachment-preview{padding:7px;gap:8px}.attachment-details{font-size:9px}.attachment-details strong{font-size:11px}}

/* Fast is the default: keep static blue detail and short compositor transitions. */
html[data-performance=fast]{--paper-grain:none;--woven-metal:none}
html[data-performance=fast] *,html[data-performance=fast] *:before,html[data-performance=fast] *:after{animation:none!important;transition-duration:.12s!important;backdrop-filter:none!important}
html[data-performance=fast] .chat-header:before{display:none}
html[data-performance=fast] .messages{scroll-behavior:auto;background-image:var(--engraving)!important;background-size:240px 240px!important}
html[data-performance=fast] .bubble{background-image:none!important;box-shadow:0 1px 3px var(--surface-shadow)!important}
html[data-performance=fast] .composer:focus-within{transform:none;box-shadow:0 0 0 2px var(--accent)}
html[data-performance=fast][data-texture="0"] .messages{background-image:none!important}
html[data-performance=fast][data-effects=on] .message-row.just-sent,html[data-performance=fast][data-effects=on] .message-row.new-message,html[data-performance=fast][data-effects=on] .pending-message{animation:fast-message .16s ease-out both!important}
@keyframes fast-message{from{opacity:.55;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){html[data-performance=fast][data-effects=on] .message-row{animation:none!important}}
.older-messages{display:block;margin:0 auto 16px;padding:10px 16px;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--accent);font-size:12px}
.video-placeholder{position:relative;min-height:170px;background:#142847;border-radius:12px;overflow:hidden}
.video-placeholder video{display:block;width:100%;min-height:170px}
.load-video{position:absolute;inset:0;color:#fff;background:#142847;font-weight:600}
.open-photo img{min-height:100px}

/* A single entry point leaves more room to write on a phone. */
.composer-area{position:relative}
.tools-plus{font-size:28px;font-weight:400;line-height:1}
.message-tools{position:absolute;bottom:calc(100% + 8px);left:12px;right:12px;max-width:480px;padding:14px;border:1px solid var(--edge);border-radius:18px;background:var(--surface);color:var(--text);box-shadow:0 10px 30px var(--surface-shadow);z-index:5}
.tools-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;font-size:13px}
.tools-head button{min-height:44px;padding:8px 10px;border-radius:10px;color:var(--soft);font-size:12px}
.tools-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.tools-options .icon-button{display:flex;flex-direction:column;justify-content:center;gap:8px;width:100%;height:82px;background:var(--surface-alt);border:1px solid var(--edge);color:var(--accent);font-size:11px}
.tools-options .icon-button>span:last-child{white-space:normal;text-align:center}
.emoji-choices{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;border-top:1px solid var(--edge);padding-top:10px;margin-top:12px}
.emoji-choices button{min-height:44px;font-size:24px;border-radius:10px}
.emoji-choices button:hover{background:var(--surface-alt)}
#toolsToggle[aria-expanded=true]{background:var(--surface-alt);color:var(--accent)}
.call-help{display:flex;justify-content:center;gap:10px;margin:12px 0}.call-help button{min-height:44px;padding:10px 16px;border:1px solid #ffffff40;border-radius:12px;background:#34435c;color:white}
@media(min-width:601px){.message-tools{left:20px;right:auto;width:400px}}
/* Quiet orbit artwork without continuous animation. */
.brand-mark{background:transparent!important;box-shadow:none!important;border:0!important;background-image:url('/icon-192.png?v=runner1')!important;background-size:contain!important;background-repeat:no-repeat!important;border-radius:14px!important}
.brand-mark>svg{visibility:hidden}
.chat-heading h1{font-size:clamp(16px,4vw,22px);letter-spacing:-.5px}
.welcome-art{background:url('/icon-192.png?v=runner1') center/contain no-repeat!important;box-shadow:none!important;border:0!important;border-radius:28px}
.welcome-art>svg{visibility:hidden}

/* Static game surfaces; no animated wallpaper or new font downloads. */
:root{--runner-doodles:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22300%22%20height%3D%22300%22%20viewBox%3D%220%200%20300%20300%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%232864a8%22%20stroke-width%3D%222.2%22%20opacity%3D%22.1%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate(170%20172)%20rotate(-14)%22%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%2265%22%20height%3D%2282%22%20rx%3D%2214%22%2F%3E%3Cpath%20d%3D%22M12%200v-8h41v8M10%2014h45v31H10zM13%2069h6m27%200h6M8%2088h49M17%2082l-8%2014m39-14%208%2014%22%2F%3E%3Cpath%20d%3D%22M32%2015v30%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22m174%2042%2019%2012-19%2012m20-24%2019%2012-19%2012M32%20172l12-17%2012%2017m-24%200v19m24-19v19M269%2099l7%209-7%209-7-9zM29%20282h48m-34-8%2020%2016M99%20118l21%209-5%208-26-10z%22%2F%3E%3Cpath%20d%3D%22m86%20224%2022-7%2013%2013-22%208zM7%2081l7-5m-2%2015%208-4M242%20285l22-8m-15%2017%2022-9%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23cd9318%22%20stroke-width%3D%222%22%20opacity%3D%22.2%22%3E%3Ccircle%20cx%3D%2252%22%20cy%3D%2255%22%20r%3D%2218%22%2F%3E%3Ccircle%20cx%3D%2252%22%20cy%3D%2255%22%20r%3D%2213%22%2F%3E%3Cpath%20d%3D%22m52%2045%203%206%207%201-5%205%201%207-6-3-6%203%201-7-5-5%207-1z%22%2F%3E%3Ccircle%20cx%3D%22262%22%20cy%3D%22145%22%20r%3D%2212%22%2F%3E%3Ccircle%20cx%3D%22262%22%20cy%3D%22145%22%20r%3D%228%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23d34e91%22%20stroke-width%3D%222%22%20opacity%3D%22.09%22%3E%3Cpath%20d%3D%22m122%2063%209-17%206%2019%2020-2-16%2012%206%2019-16-11-16%2011%205-19-15-12zM34%20248l10-9%2013%209-10%2010zM266%2033l9-15%208%2015-8%2013z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A")}
:root,html[data-theme=ice]{--surface:#f8fbff;--surface-alt:#e5efff;--edge:#c1d6f6;--text:#17345c;--soft:#49678d;--accent:#1767dd;--accent-ink:#fff;--header:#164a9f;--ink:var(--text);--green:var(--accent);--page:#183865;--chat:#e8f3ff;--self:#d5e9ff;--runner-gold:#ffcd47;--runner-gold-edge:#c48b13;--runner-shadow:#16417b25;--runner-glow:#ffc94340;--runner-panel:#ffffff;--runner-wash:#d8eaff}
html[data-theme=night]{--surface:#172c4f;--surface-alt:#203b64;--edge:#375783;--text:#f0f6ff;--soft:#b4c8e5;--accent:#90c6ff;--accent-ink:#152a4e;--header:#0a2044;--page:#08162c;--chat:#112846;--self:#284a77;--runner-shadow:#020b2155;--runner-panel:#1b3559;--runner-wash:#123058}
html[data-theme=copper]{--surface:#fff9f0;--surface-alt:#ffecd2;--edge:#edcd9b;--text:#49351d;--soft:#785b34;--accent:#995015;--accent-ink:#fff;--header:#774323;--page:#452d29;--chat:#fff0db;--self:#ffe1ac;--runner-shadow:#713a1925;--runner-panel:#fffaf1;--runner-wash:#ffe4b8}
html[data-theme] body{background:radial-gradient(ellipse at 0 0,#2c8ee650,transparent 60%),repeating-linear-gradient(125deg,transparent 0 115px,#ffffff04 115px 117px),var(--page)}
html[data-theme] .group-chat{border-color:#42679d;box-shadow:0 15px 70px #041b4440}
html[data-theme] .chat-header{background:radial-gradient(ellipse at 70% -20%,#81caff40,transparent 55%),linear-gradient(120deg,#0a387d,var(--header) 65%,#2476d2);border-bottom:3px solid var(--runner-gold);box-shadow:0 3px 0 #9d6b12,0 5px 15px #092b6420}
html[data-theme=copper] .chat-header{background:linear-gradient(120deg,#55351f,#945328 70%,#c37a33)}
html[data-theme] .brand-mark{width:44px;height:44px;flex-shrink:0;transform:rotate(-5deg);border-radius:13px!important;box-shadow:0 3px 0 #082857,0 0 0 2px #ffffff40!important}
html[data-theme] .chat-heading h1{font-family:ui-rounded,'Trebuchet MS',system-ui,sans-serif;font-size:27px;font-weight:950;font-style:italic;letter-spacing:-1px;color:#fff;text-shadow:0 2px 0 #092a65}
html[data-theme] .chat-heading h1>span{font-style:normal;font-size:8px;letter-spacing:1px;background:#ffcf48;color:#173257;border:1px solid #ffed99;border-radius:6px;box-shadow:0 2px 0 #a8750e;vertical-align:middle}
html[data-theme] .chat-heading p{font-size:11px;color:#daebff}
html[data-theme] .chat-header .icon-button{background:linear-gradient(#4198f9,#1964c1);border:1px solid #71b4ff;border-bottom:3px solid #0a3b83;border-radius:12px;color:#fff;box-shadow:inset 0 1px 0 #ffffff55,0 2px 0 #092f69}
html[data-theme] .chat-header .icon-button:hover{background:linear-gradient(#61b2ff,#277bdd);box-shadow:inset 0 1px 0 #ffffff66,0 2px 0 #092f69}
html[data-theme] .chat-header .my-name{background:#092f6b80;border:1px solid #94c5ff55;color:#fff}
html[data-theme] .group-note{background:var(--surface);border-bottom:1px solid var(--edge);box-shadow:inset 0 1px 0 #fff8;color:var(--soft)}
html[data-theme] .connection-status.live{background:var(--surface-alt);border:1px solid var(--edge);color:var(--accent)}
html[data-theme][data-performance] .messages{background-color:var(--chat);background-image:var(--runner-doodles),radial-gradient(ellipse at 0 0,#5ba8ff20,transparent 55%),radial-gradient(ellipse at 100% 80%,#f683cf12,transparent 60%)!important;background-size:300px 300px,100% 100%,100% 100%!important}
html[data-theme][data-performance][data-texture="0"] .messages{background-image:none!important}
html[data-theme][data-performance][data-texture="1"] .messages{background-size:440px 440px,100% 100%,100% 100%!important}
html[data-theme][data-performance] .bubble{background:var(--runner-panel);border:1px solid var(--edge);border-bottom-width:3px;border-radius:18px 18px 18px 5px;box-shadow:0 3px 0 var(--runner-shadow)!important}
html[data-theme][data-performance] .self .bubble{background:linear-gradient(140deg,#ffffff10,#1767dd08),var(--self);border-color:color-mix(in srgb,var(--edge) 55%,var(--accent));border-radius:18px 18px 5px 18px;box-shadow:0 3px 0 var(--runner-shadow)!important}
html[data-theme] .bubble p{color:var(--text);line-height:1.6}
html[data-theme] .bubble strong{font-weight:800;color:var(--accent)}
html[data-theme] .bubble time{color:var(--soft)}
html[data-theme] .avatar{border:2px solid #fff;box-shadow:0 2px 0 #86a7d4;color:#17345c!important;font-weight:850}
html[data-theme] .day-separator{background:#ffdf7f;color:#573b0d;border:1px solid #e5bc4a;border-bottom:3px solid #d0a335;border-radius:9px;font-weight:800;box-shadow:0 2px 0 #17345c0d}
html[data-theme] .older-messages,html[data-theme] .jump-latest{background:var(--surface);border:1px solid var(--edge);border-bottom:3px solid color-mix(in srgb,var(--edge) 65%,var(--accent));border-radius:13px;box-shadow:0 3px 0 var(--runner-shadow);color:var(--accent);font-weight:800}
html[data-theme] .composer-area{background:linear-gradient(180deg,var(--surface),var(--surface-alt));border-top:2px solid var(--edge);box-shadow:0 -3px 12px #102f5f08}
html[data-theme] .composer{background:var(--runner-panel);border:2px solid var(--edge);border-bottom:4px solid color-mix(in srgb,var(--edge) 75%,var(--accent));border-radius:18px;box-shadow:0 3px 0 var(--runner-shadow)}
html[data-theme][data-performance] .composer:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #3c91ff20;transform:none}
html[data-theme] .composer textarea{color:var(--text);font-size:16px}
html[data-theme] .composer textarea::placeholder{color:var(--soft)}
html[data-theme] .send-button,html[data-theme] .primary{background:linear-gradient(180deg,#ffe784,#ffca37 70%,#ffbf28);color:#17345c;border:1px solid #ffedaa;border-bottom:4px solid #c08710;border-radius:13px;box-shadow:inset 0 1px 0 #fff9,0 3px 0 #78520d30;font-weight:850}
html[data-theme] .send-button:hover,html[data-theme] .primary:hover{background:linear-gradient(180deg,#fff1b1,#ffd359);box-shadow:inset 0 1px 0 #fff9,0 3px 0 #78520d30}
html[data-theme] .send-button:active,html[data-theme] .primary:active{transform:translateY(2px);box-shadow:inset 0 1px 0 #fff9}
html[data-theme] .tools-options .icon-button,html[data-theme] .quick-messages button,html[data-theme] .retention-presets button{background:var(--surface-alt);border:1px solid var(--edge);border-bottom:3px solid var(--edge);border-radius:12px;color:var(--accent);font-weight:750}
html[data-theme] .message-tools{background:var(--surface);border:2px solid var(--edge);box-shadow:0 5px 0 var(--runner-shadow),0 15px 30px #102f5f20}
html[data-theme] .search-bar{background:var(--surface-alt);border-color:var(--edge)}
html[data-theme] .search-bar input{background:var(--surface);border-color:var(--edge);color:var(--text)}
html[data-theme] mark{background:#ffda68;color:#3c2d0a;border-radius:3px}
html[data-theme] .welcome-art{width:120px;height:120px;transform:rotate(-6deg);border-radius:28px!important;box-shadow:0 7px 0 #133e8430,0 0 0 4px #ffcf48!important}
html[data-theme] .welcome-art:before,html[data-theme] .welcome-art:after{display:none}
html[data-theme] .welcome h2{font-family:ui-rounded,'Trebuchet MS',system-ui,sans-serif;font-size:28px;font-weight:950;letter-spacing:-.8px}
html[data-theme] .welcome .eyebrow{background:#ffdf7f;color:#573b0d;border:1px solid #e5bc4a;border-radius:8px;box-shadow:0 2px 0 #d0a335;font-weight:850}
html[data-theme] dialog{background:var(--surface);border:2px solid var(--edge);border-radius:24px;box-shadow:0 7px 0 #08265755,0 24px 80px #031d4540}
html[data-theme] dialog input,html[data-theme] dialog select{background:var(--runner-panel);border:2px solid var(--edge);border-bottom-width:3px;border-radius:12px;color:var(--text)}
html[data-theme] .settings-head{background:linear-gradient(110deg,#0d3b83,#236bc2);border-bottom:3px solid var(--runner-gold);color:#fff}
html[data-theme] .settings-head h2{font-family:ui-rounded,'Trebuchet MS',system-ui,sans-serif;font-weight:900;color:#fff}
html[data-theme] .settings-head .eyebrow{color:#cee5ff}
html[data-theme] .settings-head .close-panel{background:#ffffff18;color:#fff;border-color:#ffffff50}
html[data-theme] .settings-section h3{font-weight:850;font-size:15px}
html[data-theme] .theme-options button{border:2px solid var(--edge);border-bottom-width:4px;border-radius:14px;background:var(--surface);font-weight:800}
html[data-theme] .theme-options button[aria-pressed=true]{border-color:var(--accent);background:var(--self);color:var(--text);box-shadow:0 3px 0 var(--runner-shadow)}
.theme-swatch.ice{background:linear-gradient(155deg,#1762bd 0 34%,#ffcf48 34% 41%,#e7f2ff 41% 76%,#a8d3ff 76%)}
.theme-swatch.night{background:linear-gradient(155deg,#0a2044 0 34%,#ffcf48 34% 41%,#172c4f 41% 76%,#284a77 76%)}
.theme-swatch.copper{background:linear-gradient(155deg,#774323 0 34%,#ffcf48 34% 41%,#fff0db 41% 76%,#ffe1ac 76%)}
html[data-theme] .settings-footer{background:var(--surface-alt);border-color:var(--edge)}
html[data-theme] .notification-nudge{background:var(--surface-alt);border-color:var(--edge);color:var(--text)}
html[data-theme] .close-panel{border:1px solid var(--edge);border-bottom:3px solid var(--edge);border-radius:10px;background:var(--surface-alt);color:var(--text)}
html[data-theme] .call-dialog{background:radial-gradient(ellipse at top,#2465ad,#10294b 70%);border-color:#4771a2;color:#fff}
html[data-theme] .call-dialog p,html[data-theme] .call-dialog .eyebrow{color:#cee5ff}
html[data-theme] .video-tile{background:linear-gradient(#254b7a,#163456);border:2px solid #4676ae;border-bottom:4px solid #0b2342;border-radius:18px}
html[data-theme] .call-controls button{border:1px solid #7fb4ed;border-bottom:4px solid #0d376a;border-radius:15px;background:linear-gradient(#438bd8,#225ea0);color:white}
html[data-theme] .call-controls .hangup{background:linear-gradient(#fa7b71,#d74d52);border-color:#ffaca6;border-bottom-color:#9d303a}
html[data-theme] .call-controls .accept{background:linear-gradient(#ffe784,#ffc73d);border-color:#fff0a8;border-bottom-color:#b77a0a;color:#17345c}
html[data-theme] .toast{background:#123f7c;color:#fff;border:1px solid #6ba9f0;border-bottom:3px solid #ffce48;border-radius:14px}
button:focus-visible{outline:3px solid #ffbf24;outline-offset:3px}
@media(max-width:600px){html[data-theme] .chat-heading h1{font-size:24px}html[data-theme] .brand-mark{width:40px;height:40px}html[data-theme] .chat-header .icon-button{width:34px;height:36px;border-radius:10px}html[data-theme] .composer{border-radius:15px}html[data-theme] .welcome h2{font-size:25px}html[data-theme] .settings-head{padding:18px 20px}}
@media(prefers-reduced-motion:reduce){html[data-theme] *,html[data-theme] *:before,html[data-theme] *:after{animation:none!important;transition:none!important}}

/* Readability comes before decorative texture in every palette. */
html[data-theme=ice]{--text:#112b4a;--soft:#344b66;--accent:#1455b3;--runner-panel:#fff;--self:#d9eaff}
html[data-theme=night]{--text:#fff;--soft:#d7e4f5;--accent:#a7cfff;--runner-panel:#152e50;--self:#203f67}
html[data-theme=copper]{--text:#342411;--soft:#574222;--accent:#80400e;--runner-panel:#fffcf7;--self:#ffe6bb}
html[data-theme] body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;font-size:16px}
html[data-theme] .chat-heading h1{font-family:inherit;font-size:25px;font-weight:800;font-style:normal;letter-spacing:normal;text-shadow:none}
html[data-theme] .chat-heading h1>span{font-size:10px;letter-spacing:.5px;text-shadow:none}
html[data-theme] .chat-heading p,html[data-theme] .my-name{font-size:12px;font-weight:500;color:#fff}
html[data-theme] .group-note{font-size:13px;color:var(--text)}
html[data-theme] .connection-status{font-size:12px;font-weight:600;color:var(--soft)}
html[data-theme][data-performance] .messages{background-color:var(--chat);background-image:var(--runner-doodles)!important;background-size:420px 420px!important}
html[data-theme][data-performance] .message-row .bubble{background:var(--runner-panel);background-image:none!important;opacity:1}
html[data-theme][data-performance] .message-row.self .bubble{background:var(--self);background-image:none!important}
html[data-theme] .bubble:before,html[data-theme] .bubble:after,html[data-theme] .messages:before,html[data-theme] .messages:after{display:none!important}
html[data-theme] .message-row .bubble p{font-size:16px;line-height:1.65;font-weight:400;letter-spacing:normal;color:var(--text);text-shadow:none;filter:none;opacity:1}
html[data-theme] .message-row .bubble strong{font-size:14px;line-height:1.45;font-weight:700;letter-spacing:normal;color:var(--accent);text-shadow:none}
html[data-theme] .message-row .bubble time{font-size:12px;line-height:1.5;font-weight:500;color:var(--soft);text-shadow:none}
html[data-theme] .day-separator{font-size:12px;letter-spacing:normal}
html[data-theme] .composer textarea{font-size:16px;font-weight:400;line-height:1.6;letter-spacing:normal;text-shadow:none}
html[data-theme] .composer textarea::placeholder{color:var(--soft);opacity:1}
html[data-theme] .composer-foot{font-size:12px;line-height:1.5;color:var(--soft)}
html[data-theme] .welcome h2{font-family:inherit;font-weight:800;font-style:normal;letter-spacing:normal;text-shadow:none}
html[data-theme] .welcome p,html[data-theme] .welcome .welcome-hint{font-size:15px;line-height:1.7;color:var(--text)}
html[data-theme] .eyebrow{font-size:12px;line-height:1.5;letter-spacing:.6px}
html[data-theme] dialog p,html[data-theme] .settings-section p,html[data-theme] .settings-footer,html[data-theme] .small-note{font-size:14px;line-height:1.65;color:var(--soft)}
html[data-theme] dialog label,html[data-theme] dialog legend,html[data-theme] .setting-toggle small,html[data-theme] .range-legend{font-size:14px;line-height:1.55;color:var(--text)}
html[data-theme] dialog input,html[data-theme] dialog select{font-size:16px;font-weight:500;color:var(--text)}
html[data-theme] .primary,html[data-theme] .theme-options button,html[data-theme] .quick-messages button,html[data-theme] .retention-presets button,html[data-theme] .close-panel,html[data-theme] .notification-nudge button{font-size:14px;line-height:1.4;letter-spacing:normal}
html[data-theme] .theme-options button{overflow-wrap:anywhere}
html[data-theme] .tools-options .icon-button,html[data-theme] .tools-head,html[data-theme] .message-media .media-link,html[data-theme] .attachment-details{font-size:13px;line-height:1.5}
html[data-theme] .search-count,html[data-theme] .search-bar input,html[data-theme] .search-empty p,html[data-theme] .notification-nudge{font-size:14px;color:var(--text)}
html[data-theme] .settings-note,html[data-theme] .retention-summary,html[data-theme] .retention-explanation{font-size:14px;line-height:1.6;color:var(--soft)}
html[data-theme] .video-label{font-size:14px;background:#10294b;color:#fff}
html[data-theme] .call-dialog p,html[data-theme] .call-dialog .eyebrow{color:#fff}
html[data-theme] .call-note{font-size:13px!important;color:#fff!important}
html[data-theme] .settings-head .eyebrow{color:#fff}
html[data-theme] .toast{font-size:15px;line-height:1.5}
@media(max-width:600px){html[data-theme] .chat-heading h1{font-size:23px}html[data-theme] .chat-heading p{font-size:12px}html[data-theme] .composer-foot{font-size:11px}html[data-theme] .theme-options{gap:7px}html[data-theme] .theme-options button{padding:8px 5px;font-size:13px}}

/* One compact, illustrated entry card; every field stays opaque and readable. */
html[data-theme] #profileDialog{padding:0;width:min(440px,calc(100vw - 28px));max-height:calc(100dvh - 28px);overflow:auto;overscroll-behavior:contain;border:1px solid var(--edge);border-radius:24px;background:var(--surface)}
.login-cover{position:relative;isolation:isolate;min-height:184px;overflow:hidden;background:#0c3b7c;border-bottom:4px solid #ffcf48}
.login-cover-art{position:absolute;inset:0 0 0 auto;width:70%;height:100%;object-fit:cover;object-position:50% 40%;z-index:-2}
.login-cover-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#092d68 0%,#0a3979fa 28%,#0a3979b3 48%,#0a397905 80%)}
html[data-theme] .login-cover-copy{padding:46px 24px 24px;position:relative;max-width:75%}
html[data-theme] .login-kicker{display:inline-block;font-size:10px;font-weight:800;line-height:1.4;letter-spacing:1.4px;color:#ffdc70;margin:0 0 9px}
html[data-theme] #profileTitle{font:800 40px/1.05 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:-1px;color:#fff;margin:0 0 8px;text-shadow:none}
html[data-theme] .login-cover-copy p{color:#fff;font-size:14px;line-height:1.4;margin:0}
html[data-theme] #profileDialog .login-close{position:absolute;right:12px;top:12px;z-index:2;min-height:40px;padding:7px 11px;background:#092d68;color:#fff;border:1px solid #adcfff70;border-radius:12px;font-size:13px}
html[data-theme] #profileDialog #profileForm{padding:22px 24px 20px}
html[data-theme] #profileDialog .login-intro{margin:0 0 19px;color:var(--text);font-size:16px;font-weight:600;line-height:1.5}
html[data-theme] #profileDialog label{font-size:14px;font-weight:650;margin:0 0 7px;color:var(--text);line-height:1.4}
html[data-theme] #profileDialog #nameInput{margin:0 0 19px;min-height:52px;padding:12px 14px;border:1px solid var(--edge);border-bottom:3px solid var(--edge);border-radius:13px;background:var(--runner-panel);color:var(--text);font-size:16px}
.login-field-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
html[data-theme] .login-field-head>span{font-size:10px;letter-spacing:1px;color:var(--soft);font-weight:700;margin-bottom:7px}
.login-code-wrap{position:relative;display:flex;align-items:center;gap:6px;border:1px solid var(--edge);border-bottom:3px solid var(--edge);border-radius:13px;background:var(--runner-panel)}
.login-code-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #448ef522}
html[data-theme] #profileDialog #pinInput{flex:1;min-width:0;width:100%;height:56px;margin:0;padding:12px 8px 12px 14px;border:0;border-radius:12px;background:transparent;color:var(--text);font:600 23px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;font-variant-numeric:tabular-nums;letter-spacing:3px;box-shadow:none;outline:none}
html[data-theme] #profileDialog #pinInput::placeholder{color:var(--soft);opacity:.75;letter-spacing:4px}
html[data-theme] .pin-toggle{flex-shrink:0;min-width:84px;min-height:44px;padding:8px 10px;margin-right:4px;border-radius:9px;background:var(--surface-alt);color:var(--accent);font-size:12px;font-weight:700}
html[data-theme] #profileDialog .login-help{font-size:12px;line-height:1.5;color:var(--soft);margin:8px 0 22px}
html[data-theme] #profileDialog .login-submit{min-height:54px;padding:12px 16px;font-size:17px;font-weight:800;border-radius:14px}
html[data-theme] #profileDialog .login-submit[aria-busy=true]{opacity:1;background:var(--surface-alt);color:var(--text);border-color:var(--edge)}
html[data-theme] #profileDialog .login-footer{font-size:12px;line-height:1.6;text-align:center;color:var(--soft);margin:16px 0 0}
@media(max-width:360px){html[data-theme] #profileDialog #profileForm{padding:20px 18px}.login-cover{min-height:160px}html[data-theme] .login-cover-copy{padding:40px 18px 20px}html[data-theme] #profileTitle{font-size:36px}html[data-theme] #profileDialog #pinInput{font-size:21px;letter-spacing:2px}}
@media(max-height:660px){.login-cover{min-height:140px}html[data-theme] .login-cover-copy{padding-top:34px;padding-bottom:18px}html[data-theme] #profileTitle{font-size:34px}html[data-theme] #profileDialog #profileForm{padding-top:18px;padding-bottom:16px}}

/* Do not allow legacy rich texture rules to replace the header's dark base. */
html[data-theme][data-texture] .chat-header{background:#123d79!important;background-image:linear-gradient(115deg,#102e61,#174f98)!important;background-size:100% 100%!important}
html[data-theme=night][data-texture] .chat-header{background:#0a2044!important;background-image:none!important}
html[data-theme=copper][data-texture] .chat-header{background:#653b22!important;background-image:none!important}
html[data-theme][data-texture] .chat-header:before,html[data-theme][data-texture] .chat-header:after{display:none!important}
html[data-theme][data-texture] .chat-heading h1,html[data-theme][data-texture] .chat-heading p,html[data-theme][data-texture] .chat-header .my-name{color:#fff!important;opacity:1;text-shadow:none!important}
html[data-theme][data-texture] .settings-head{background:#123d79!important;background-image:none!important}
html[data-theme][data-texture] .settings-head h2,html[data-theme][data-texture] .settings-head .eyebrow{color:#fff!important}
.message-reactions{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-top:7px;min-height:36px}
html[data-theme] .reaction-chip,html[data-theme] .reaction-more{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:40px;min-height:36px;padding:5px 9px;border:1px solid var(--edge);border-radius:20px;background:var(--surface);color:var(--text);font-size:18px;line-height:1.2;box-shadow:none}
html[data-theme] .reaction-chip b{font:700 12px/1 system-ui}
html[data-theme] .reaction-chip.mine{background:var(--self);border:2px solid var(--accent);color:var(--text)}
html[data-theme] .reaction-more{font-size:22px;color:var(--accent)}.reaction-more>span{font-size:13px;font-weight:800}
html[data-theme] .reaction-chip:disabled,html[data-theme] .reaction-more:disabled{opacity:.6;cursor:wait}
html[data-theme] .reaction-dialog{padding:20px;max-width:380px;max-height:calc(100dvh - 24px);overflow:auto}
.reaction-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.reaction-head h2{font-size:21px;margin:0}.reaction-head .close-panel{min-height:44px;padding:8px 10px}
html[data-theme] .reaction-dialog p{font-size:14px;line-height:1.5;margin:14px 0;color:var(--soft)}
.reaction-choices{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
html[data-theme] .reaction-choices button{font-size:30px;min-height:60px;border:1px solid var(--edge);border-radius:15px;background:var(--surface-alt);padding:8px}
html[data-theme] .reaction-choices button[aria-pressed=true]{border:2px solid var(--accent);background:var(--self)}
html[data-theme] .remove-reaction{display:block;min-height:44px;width:100%;margin-top:14px;padding:10px;border:1px solid var(--edge);border-radius:12px;background:var(--surface-alt);color:var(--text);font-size:14px}
@media(pointer:coarse){html[data-theme] .reaction-chip,html[data-theme] .reaction-more{min-height:40px;min-width:44px}}

/* The game choice owns its artwork and palette; chat content stays legible. */
:root,html[data-theme=ice]{--game-icon:url('/icon-192.png?v=runner1')}
html[data-theme=night]{--game-icon:url('/theme-racing.png?v=game1');--runner-gold:#ffba49;--accent:#9dd5ff;--self:#183f65;--runner-panel:#132e4e;--edge:#365d85}
html[data-theme=copper]{--game-icon:url('/theme-candy.png?v=game1');--surface:#fff8fc;--surface-alt:#ffe7f3;--edge:#e6bcd2;--text:#401b34;--soft:#64334e;--accent:#872650;--runner-panel:#fff;--self:#ffe0ee;--chat:#fff0f7;--page:#582640;--runner-gold:#ffd46c;--runner-shadow:#6e244a20}
html[data-theme] .brand-mark,html[data-theme] .welcome-art,html[data-theme] .dialog-icon{background-image:var(--game-icon)!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}
html[data-theme] .dialog-icon svg{visibility:hidden}
html[data-theme=copper][data-texture] .chat-header,html[data-theme=copper][data-texture] .settings-head{background:#76294f!important;background-image:linear-gradient(120deg,#5e2346,#963b68)!important}
html[data-theme=night][data-texture] .chat-header,html[data-theme=night][data-texture] .settings-head{background:#0b203e!important;background-image:linear-gradient(120deg,#081a34,#153d65)!important}
html[data-theme=copper] .chat-header .icon-button{background:linear-gradient(#d76099,#9d366b);border-color:#ed9bc1;border-bottom-color:#682246;border-radius:17px}
html[data-theme=copper] .primary,html[data-theme=copper] .send-button{background:linear-gradient(#ffe595,#ffc651);color:#401b34;border-radius:18px;border-bottom-color:#b87720}
html[data-theme=copper] .bubble,html[data-theme=copper] .self .bubble{border-radius:22px 22px 22px 7px}
html[data-theme=copper] .self .bubble{border-radius:22px 22px 7px 22px}
html[data-theme=night] .chat-header .icon-button{background:linear-gradient(#286996,#123a61);border-color:#5498bf;border-bottom-color:#071b33;border-radius:8px}
html[data-theme=night] .send-button,html[data-theme=night] .primary{background:linear-gradient(#ffd27b,#f7a835);color:#172b45;border-bottom-color:#985d13;border-radius:10px}
html[data-theme=night] .bubble,html[data-theme=night] .self .bubble{border-radius:12px 12px 12px 4px}
html[data-theme=night] .self .bubble{border-radius:12px 12px 4px 12px}
html[data-theme=copper][data-performance] .messages{background-image:radial-gradient(circle at 25px 25px,#d24f8714 0 12px,transparent 13px),radial-gradient(circle at 90px 85px,#d59e1712 0 17px,transparent 18px)!important;background-size:160px 160px!important}
html[data-theme=night][data-performance] .messages{background-image:repeating-linear-gradient(135deg,transparent 0 115px,#5aa7d80b 115px 118px,transparent 118px 160px)!important;background-size:240px 240px!important}
html[data-theme][data-performance][data-texture="0"] .messages{background-image:none!important}
html[data-theme] .theme-swatch{height:72px;border-radius:9px;background-size:cover;background-position:center}
html[data-theme] .theme-swatch.ice{background-image:url('/icon-192.png?v=runner1')}
html[data-theme] .theme-swatch.night{background-image:url('/theme-racing.png?v=game1')}
html[data-theme] .theme-swatch.copper{background-image:url('/theme-candy.png?v=game1')}
html[data-theme=copper] .login-cover{background:#76294f}
html[data-theme=copper] .login-cover-shade{background:linear-gradient(90deg,#5e2346 0%,#76294ffa 28%,#76294fb3 48%,#76294f05 80%)}
html[data-theme=night] .login-cover-shade{background:linear-gradient(90deg,#081a34 0%,#0b203efa 28%,#0b203eb3 48%,#0b203e05 80%)}
html[data-theme] .theme-install-link{display:block;padding:12px 14px;border:1px solid var(--edge);border-radius:12px;background:var(--surface-alt);color:var(--accent);font-size:14px;line-height:1.5;font-weight:700;text-decoration:none;margin-bottom:12px}
html[data-theme] #settingsDialog[open]{display:flex;flex-direction:column}
html[data-theme] .settings-head,html[data-theme] .settings-footer{flex-shrink:0}
html[data-theme] .settings-scroll{flex:1;min-height:0;max-height:none}
html[data-theme] .composer-area{padding-bottom:max(12px,env(safe-area-inset-bottom))}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
html[data-theme] dialog input,html[data-theme] dialog select,html[data-theme] .search-bar input{font-size:16px}
.group-chat{height:var(--visible-app-height,100dvh)}
html[data-theme] #profileDialog,html[data-theme] .reaction-dialog{max-height:calc(var(--visible-app-height,100dvh) - 28px)}
.update-banner{display:flex;align-items:center;gap:8px;padding:8px 14px;flex-shrink:0;background:#ffe29a;color:#362a10;border-bottom:1px solid #c6a75f;font-size:14px}
.update-banner>span{flex:1;font-weight:650}.update-banner button{min-height:40px;padding:8px 12px;border-radius:10px;font-size:14px;font-weight:750;background:#123d79;color:#fff}.update-banner #dismissAppUpdate{background:transparent;color:#362a10}
.update-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.update-actions>button{flex:1;min-width:150px;min-height:48px}
html[data-theme] .check-update{padding:12px;border:1px solid var(--edge);border-radius:12px;background:var(--surface-alt);color:var(--text);font-size:14px;font-weight:700}
html[data-theme] .update-section #updateStatus{font-size:15px;color:var(--text);line-height:1.6}

/* Compact conversation rhythm; action controls live in the long-press menu. */
html[data-theme] .messages{padding:10px 14px}
html[data-theme] .message-row{margin:8px 0 3px;gap:7px}
html[data-theme] .message-row.consecutive{margin-top:2px}
html[data-theme][data-performance] .message-row .bubble{display:flow-root;position:relative;padding:6px 9px 5px;border-width:1px;border-radius:10px 10px 10px 3px;box-shadow:0 1px 1px #10233b20!important;touch-action:pan-y pinch-zoom;-webkit-touch-callout:none}
html[data-theme] .bubble{-webkit-user-select:none;user-select:none}
html[data-theme][data-performance] .message-row.self .bubble{border-radius:10px 10px 3px 10px;box-shadow:0 1px 1px #10233b20!important}
html[data-theme] .message-row .bubble p{display:inline;font-size:16px;line-height:1.4;letter-spacing:normal;margin:0}
html[data-theme] .message-row .bubble>strong{display:block;font-size:12px;line-height:1.3;margin-bottom:2px}
html[data-theme] .message-row.consecutive .bubble>strong{display:none}
html[data-theme] .message-row.consecutive>.avatar{visibility:hidden}
html[data-theme] .message-row .bubble>time{display:block;float:right;margin:5px 0 0 8px;font-size:11px;line-height:1.3;white-space:nowrap}
html[data-theme] .day-separator{font-size:11px;line-height:1.3;padding:4px 10px;margin:8px auto 12px;border-bottom-width:2px;box-shadow:none;border-radius:8px}
html[data-theme] .message-reactions{display:flex;clear:both;gap:4px;min-height:0;margin:4px 0 0;padding:0}
html[data-theme] .message-reactions[hidden]{display:none!important}
html[data-theme] .message-reactions .reaction-chip{min-width:32px;min-height:27px;padding:3px 6px;gap:4px;font-size:16px;line-height:1;border-radius:16px;border-width:1px}
html[data-theme] .message-reactions .reaction-chip b{font-size:11px}
html[data-theme] .message-reactions .reaction-chip.mine{border-width:1px}
html[data-theme] .reaction-selected .bubble{outline:2px solid var(--accent);outline-offset:2px}
html[data-theme] .reaction-dialog{position:fixed;inset:auto;margin:0;width:min(390px,calc(100vw - 24px));max-width:none;padding:12px;border-radius:18px;box-shadow:0 6px 22px #06162940}
html[data-theme] .reaction-dialog::backdrop{background:#07182b28;backdrop-filter:none}
html[data-theme] .reaction-head h2{font-size:15px;line-height:1.4;margin:0}
html[data-theme] .reaction-head .close-panel{min-height:34px;padding:5px 8px;font-size:12px;border-bottom-width:1px}
html[data-theme] .reaction-dialog>p{display:none}
html[data-theme] .reaction-choices{display:flex;gap:3px;overflow-x:auto;overscroll-behavior-x:contain;padding:6px 0 2px;scrollbar-width:thin}
html[data-theme] .reaction-choices button{flex:0 0 42px;min-width:42px;min-height:48px;padding:5px;font-size:28px;background:transparent;border:1px solid transparent;border-radius:12px}
html[data-theme] .reaction-choices button[aria-pressed=true]{border:1px solid var(--accent);background:var(--self)}
html[data-theme] .remove-reaction{margin-top:7px;min-height:36px;padding:7px;font-size:13px}
@media(max-width:600px){html[data-theme] .messages{padding:8px 10px}html[data-theme] .message-row .bubble{max-width:86%}html[data-theme] .message-row{margin-top:7px}html[data-theme] .message-row.consecutive{margin-top:2px}}

html[data-theme] .call-dialog{background:#10264a!important;color:#fff!important;border-color:#4676b8}.call-dialog .call-top h2{color:#fff!important}.call-dialog .call-top p,.call-dialog .call-note{color:#dce9ff!important}.call-dialog .call-controls #acceptCall,.call-dialog .call-controls #rejectCall{width:104px;height:70px;display:flex;flex-direction:column;gap:5px;justify-content:center;align-items:center;border-radius:16px;font-size:13px;font-weight:750}.call-dialog .call-controls #acceptCall{background:#2464bb!important;color:#fff!important}.call-dialog .call-controls #rejectCall{background:#b73643!important;color:#fff!important}.call-dialog .call-controls span{display:block}
.bark-badge{display:inline-block;padding:5px 9px;border:1px solid currentColor;border-radius:7px;font-size:11px;font-weight:800;letter-spacing:.05em;color:var(--accent,#164a9f)}
.bark-heading h3{margin-top:10px}.bark-steps{padding-left:23px;line-height:1.6}.bark-steps li{margin:9px 0}.bark-steps a{color:inherit;font-weight:750;text-decoration:underline;text-underline-offset:3px}
.bark-key-label{display:block;margin:14px 0 7px;font-size:14px;font-weight:700}.bark-key{width:100%;box-sizing:border-box;padding:13px 12px;border:1px solid #8b9fbe;border-radius:12px;background:#fff;color:#14243e;font-size:16px;min-height:48px}
.bark-consent{display:flex;align-items:flex-start;gap:10px;margin:14px 0;font-size:13px;line-height:1.5}.bark-consent input{flex:0 0 20px;width:20px;height:20px;margin:1px 0;accent-color:#285dc5}.bark-section button{min-height:44px}.bark-section .notification-actions{flex-wrap:wrap}.bark-section .settings-note{overflow-wrap:anywhere}

.pinned-bar{display:flex;align-items:center;gap:6px;padding:6px 14px;background:#edf3ff;border-bottom:1px solid #bfcee7;color:#183965;min-height:42px}.pinned-bar button{border:0;background:none;color:inherit;text-align:left;min-height:36px}.pinned-bar #pinnedJump{flex:1;min-width:0;display:grid;gap:2px}.pinned-bar span{font-size:10px;font-weight:800}.pinned-bar b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pinned-bar #unpinMessage{font-size:23px;min-width:36px}
.reply-quote{display:grid;gap:3px;text-align:left;width:100%;max-width:100%;padding:7px 9px;margin:0 0 5px;border:0;border-left:3px solid #3369bb;border-radius:5px;background:#203d6410;color:inherit;overflow:hidden}.reply-quote b{font-size:11px}.reply-quote span{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-row{touch-action:pan-y;will-change:auto}.message-row.reply-ready:before{content:'↩';position:absolute;left:-35px;top:15px;font-size:24px;color:#285db5}.deleted-message{font-style:italic;opacity:.7}.read-mark{font-size:12px;font-weight:800;letter-spacing:-2px;display:inline-block;padding-left:3px}.read-mark.all-read{color:#086acb}.message-highlight .bubble{outline:3px solid #edae24;outline-offset:3px}
.compose-context{display:flex;gap:8px;align-items:center;padding:8px 12px;border-left:4px solid #3376d3;border-radius:9px;background:#edf4ff;color:#193b68;margin:0 0 6px}.compose-context>div{display:grid;gap:3px;min-width:0;flex:1}.compose-context strong{font-size:12px}.compose-context span{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compose-context button{background:none;border:0;min-width:36px;min-height:36px;font-size:24px;color:inherit}
.composer .voice-button{width:38px;min-width:38px;height:42px;padding:8px;touch-action:none;order:2}.composer #messageInput{order:1;min-width:0}.composer #sendButton{order:3}.composer #toolsToggle{order:0}.voice-button.is-recording{background:#ffe4e8!important;color:#ac2547!important}.voice-panel{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#fff2f4;color:#7d1731;border:1px solid #e4abb8;border-radius:10px;padding:8px;margin-bottom:6px}.voice-panel b{font-variant-numeric:tabular-nums}.voice-panel #voiceHint{flex:1;min-width:140px;font-size:11px}.voice-panel button{min-height:36px;border-radius:8px;border:1px solid #b5798a;background:white;color:inherit}.record-dot{width:8px;height:8px;background:#bd2452;border-radius:50%}.message-audio{width:240px;max-width:100%;display:grid;gap:5px}.message-audio audio{width:100%;height:38px}.load-audio{min-height:36px;background:#e8f0ff;border:1px solid #abc4e7;color:#163e76;border-radius:8px;font-size:12px;font-weight:700}.attachment-thumb:has(audio){width:160px;max-width:50%;height:auto}.attachment-thumb audio{width:100%;height:40px}.attachment-choices{display:flex;gap:5px;flex-wrap:wrap;flex-basis:100%}.attachment-choices button{min-width:32px;min-height:32px;background:#edf3ff;color:#173b68;border:1px solid #a0bbdf;border-radius:7px}
.message-action-buttons{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.message-action-buttons button{font-size:12px!important;border:1px solid #b5c8e5!important;background:#edf3ff!important;color:#173763!important;min-height:38px!important;border-radius:9px!important}.message-action-buttons .danger-text{color:#a7233d!important}.reaction-dialog{max-height:80dvh;overflow:auto}.reaction-dialog [hidden]{display:none!important}.outbox-actions{display:flex;gap:6px;margin-top:6px}.outbox-actions button{min-height:32px;padding:4px 9px;background:#fff;border:1px solid #a4b7d3;border-radius:7px;color:#1c477e;font-size:11px}.queued-message time{max-width:260px;white-space:normal!important}
.chat-tool-dialog,.library-dialog{box-sizing:border-box;background:#f7faff!important;color:#18345c!important;border:1px solid #b8cce8!important;border-radius:20px!important;width:min(440px,calc(100vw - 24px));max-height:85dvh;padding:20px!important;overflow:auto}.tool-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.tool-dialog-head h2{font-size:18px;margin:0}.tool-dialog-head .close-panel{position:static;color:#173b68;background:white;border:1px solid #a9bfdf;min-height:40px;white-space:nowrap}.chat-tool-dialog h2{font-size:18px}.chat-tool-dialog p{font-size:14px;overflow-wrap:anywhere}.reader-row{display:flex;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid #d9e3f1;font-size:14px}.reader-row span{font-size:12px}.library-dialog{width:min(620px,calc(100vw - 20px))}.library-tabs{display:flex;gap:6px;margin:16px 0;flex-wrap:wrap}.library-tabs button{min-height:38px;border-radius:10px;background:white;color:#183d6d;border:1px solid #b1c6e4;padding:6px 10px;font-size:12px}.library-tabs button[aria-pressed=true]{background:#234e95;color:white;border-color:#234e95}.library-items{display:grid;gap:12px}.library-item{padding:12px;background:white;border:1px solid #c8d8ed;border-radius:12px;overflow:hidden}.library-item small{display:block;font-size:11px;margin-bottom:8px;color:#52698b}.library-item p{overflow-wrap:anywhere;font-size:14px;white-space:pre-wrap}.library-item a{color:#1754a4}.library-item video{max-height:240px;width:100%}.library-item img{max-height:220px;object-fit:contain;width:100%}.library-item>button{min-height:36px;margin-top:8px;background:#edf3ff;color:#18457f;border:1px solid #b4cbea;border-radius:8px;font-size:12px}.library-item .message-media{max-width:100%}#libraryMore{display:block;margin:16px auto 0;min-height:40px;background:white;color:#17457f;border:1px solid #abc1e1;border-radius:9px}.library-empty{text-align:center;padding:20px}.chat-tool-dialog::backdrop,.library-dialog::backdrop{background:#071b3c88}
@media(prefers-reduced-motion:reduce){.message-highlight .bubble{transition:none}}
.notification-test-status:not(:empty),.dialog-feedback{padding:10px 12px;border:1px solid #b4c9e9;border-radius:10px;background:#e9f2ff;color:#163d72;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.notification-test-status[data-kind=error]{background:#fff0f1;color:#8e2039;border-color:#e5afbc}.dialog-feedback{position:sticky;top:0;z-index:2;margin:0 0 12px}

.unread-divider{align-self:stretch;text-align:center;padding:6px 12px;margin:12px 0;border-radius:8px;background:#dceaff;border:1px solid #a7c2e7;color:#16447b;font-size:12px;font-weight:800}.personal-star{color:#865d00;font-size:12px;margin-left:5px}.mention-tag{background:#2168c51a;color:#1554a1;border-radius:4px;padding:0 2px;font-weight:700}.mention-choices{display:flex;gap:6px;flex-wrap:wrap;max-height:120px;overflow:auto;background:#f7faff;border:1px solid #aac2e6;border-radius:12px;padding:8px;margin-bottom:5px}.mention-choices button{min-height:36px;border:1px solid #bfd0ea;background:#eaf2ff;color:#1b4782;border-radius:8px;font-size:13px;padding:5px 10px}.plus-tools,.plus-settings{display:flex;gap:8px;flex-wrap:wrap}.plus-tools{padding-top:8px}.plus-tools button,.plus-settings button,.advanced-search{min-height:38px;padding:6px 10px;border:1px solid #aec5e5;border-radius:9px;background:#f3f7ff;color:#1a4377;font-size:12px;font-weight:700}.advanced-search{white-space:nowrap;font-size:11px;padding:4px 7px}.search-bar #searchInput{min-width:50px}.search-bar .search-count{display:none}
.plus-form{display:grid;gap:9px;margin-top:16px}.plus-form label{font-size:13px;font-weight:700}.plus-form input,.plus-form select,.plus-form textarea{box-sizing:border-box;width:100%;min-height:44px;padding:10px;border:1px solid #9db7dc;background:white;color:#18395f;border-radius:9px;font-size:16px;font-family:inherit}.plus-form textarea{resize:vertical}.plus-form p[role=status]{font-size:13px;line-height:1.5;overflow-wrap:anywhere}.plus-form p[role=status]:empty{display:none}.search-filter-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.search-filter-grid label{min-width:0;display:grid;gap:6px}.plus-list{display:grid;gap:10px;margin-top:12px}.plus-result{border:1px solid #c4d5ed;background:white;border-radius:12px;padding:12px;overflow-wrap:anywhere}.plus-result small{display:block;color:#526a89;font-size:11px;line-height:1.5}.plus-result p{font-size:14px;margin:7px 0;white-space:pre-wrap}.plus-result strong{font-size:13px}.plus-result button,#plusListMore,#advancedMore{min-height:38px;margin-top:9px;border:1px solid #abc3e3;border-radius:8px;background:#eef4ff;color:#16447e;padding:6px 10px;font-size:12px}.plus-result.missed-call{border-left:4px solid #b5274a}.plus-result.missed-call strong{color:#a82142}.plus-calendar{display:inline-block;font-size:13px;font-weight:750;color:#19529d;text-decoration:underline;text-underline-offset:3px;min-height:36px;padding:8px 0;box-sizing:border-box}.plus-row-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.plus-row-actions button{margin:0}
.poll-card{display:grid;gap:6px;width:250px;max-width:100%;margin:8px 0}.poll-card small{font-size:10px;line-height:1.5;color:inherit;opacity:.8}.poll-option{position:relative;isolation:isolate;display:flex;align-items:center;gap:8px;min-height:40px;padding:8px 10px;background:transparent;color:inherit;border:1px solid #92afd6;border-radius:8px;text-align:left;font-size:13px;overflow:hidden}.poll-option>span:not(.poll-fill){flex:1;position:relative}.poll-option b{position:relative;font-size:12px;min-width:14px;text-align:right}.poll-fill{position:absolute;left:0;top:0;bottom:0;background:#3578d124;z-index:-1}.poll-option[aria-pressed=true]{border:2px solid #2862b3;padding:7px 9px}.poll-option:disabled{opacity:.85}.audio-speed{justify-self:end;min-width:42px;min-height:30px;padding:3px 9px;border:1px solid #97b2d8;border-radius:15px;background:#e6effe;color:#153e73;font-size:12px;font-weight:800}.photo-quality{display:grid;gap:4px;margin-bottom:5px}.photo-quality label{font-size:10px;font-weight:750}.photo-quality select{max-width:100%;height:34px;border:1px solid #a3bcdc;border-radius:8px;background:#fff;color:#193e6d;font-size:12px;padding:4px}.attachment-details{min-width:0}.reaction-dialog{max-height:85dvh}.plus-settings button{flex:1 1 145px;text-align:left}
@media(max-width:360px){.search-filter-grid{grid-template-columns:1fr}.advanced-search{font-size:10px;padding:3px}.plus-form input[type=date],.plus-form input[type=datetime-local]{min-width:0}}

.call-devices{color:#fff;text-align:center;font-size:13px;line-height:1.5;margin:4px 0 14px}.peer-status{position:absolute;top:8px;left:8px;right:8px;background:rgba(8,18,36,.9);color:#fff;padding:5px 8px;border-radius:8px;font-size:12px;line-height:1.4;pointer-events:none}.peer-status[data-status="failed"],.peer-status[data-status="disconnected"]{color:#ffe082}

.send-undo-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#eaf2ff;color:#143c70;border:1px solid #8faed4;border-radius:10px;padding:8px 10px;font-size:13px;margin-bottom:6px}.send-undo-bar button,#retryAttachment{min-height:38px;border:1px solid #7397c5;border-radius:8px;background:#fff;color:#123c72;padding:6px 12px;font-weight:700}.send-failed .bubble{border:2px solid #b13d4d!important}.send-failed time{color:#99233b!important}.audio-seek-controls{display:grid;grid-template-columns:auto minmax(50px,1fr) auto;gap:5px;align-items:center}.audio-seek-controls button{min-height:36px;border:1px solid #9bb6d9;border-radius:8px;background:#edf3ff;color:#163c70;font-size:11px;padding:3px 5px}.audio-seek-controls button:disabled{opacity:.5}.audio-seek{min-width:0;width:100%;accent-color:#2762ae}.audio-position{grid-column:1/-1;text-align:center;font-size:11px;font-variant-numeric:tabular-nums}.call-confirm-actions{display:flex;gap:8px;flex-wrap:wrap}.call-confirm-actions button{min-height:44px;padding:10px 16px;border:1px solid #96b5dd;border-radius:10px;background:#edf3ff;color:#153d74}#confirmCallStart{background:#2459a4;color:#fff}#callControls #switchCamera{font-size:11px;line-height:1.2;padding:5px;border-radius:14px;max-width:80px}.reply-quote{position:relative;padding-right:24px!important}.reply-quote::after{content:'↗';position:absolute;right:7px;top:8px;font-size:13px}

html[data-theme] .messages .bubble p{font-size:var(--chat-font-size,16px)!important;line-height:1.45!important}html[data-theme] .messages .bubble>strong{font-size:max(11px,calc(var(--chat-font-size,16px) - 3px))!important}.messages .reply-quote span{font-size:max(12px,calc(var(--chat-font-size,16px) - 2px))}.composer #messageInput{font-size:max(16px,var(--chat-font-size,16px))!important}.font-size-setting{display:flex;align-items:center;justify-content:space-between;gap:12px}.font-size-setting select{width:auto;margin:0;min-height:42px}.font-size-sample{font-size:var(--chat-font-size,16px)!important;line-height:1.5;color:inherit!important;padding:10px;border:1px solid #a9bfdd;border-radius:9px}.return-call-bar{display:flex;gap:8px;align-items:center;background:#173c71;color:#fff;padding:7px 12px;flex-shrink:0}.return-call-bar button{background:none;border:0;color:inherit;min-height:38px;text-align:left;font-size:13px}.return-call-bar #returnToCall{flex:1;font-weight:700}.return-call-bar #leaveMinimizedCall{padding:6px 12px;background:#a82f43;border-radius:9px}.call-dialog .dialog-dismiss-row{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.call-dialog #minimizeCall{background:#e9f2ff!important;color:#163d72!important}.photo-viewport{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:min(65dvh,680px);overflow:hidden;touch-action:none;background:#09162a;border-radius:12px;user-select:none;-webkit-user-select:none}.photo-viewport #fullPhoto{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;transform-origin:center;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;will-change:auto}.photo-controls{display:flex;justify-content:center;align-items:center;gap:6px;flex-wrap:wrap;margin-top:12px}.photo-controls button{min-height:42px;min-width:42px;background:#edf3ff;color:#183e72;border:1px solid #a5bcdb;border-radius:9px;padding:7px 10px;font-size:13px}.photo-controls button:disabled{opacity:.45}.photo-viewer-status{font-size:12px!important;line-height:1.5!important;color:inherit!important;margin:9px 0 0}html[data-theme] .media-dialog{overflow:hidden;max-height:calc(100dvh - 20px)}#copyTextValue{box-sizing:border-box;width:100%;padding:10px;font-size:16px;line-height:1.5;border:1px solid #9eb7d8;border-radius:9px;background:#fff;color:#193657;resize:vertical}#searchBar{flex-wrap:wrap}#customPinLabel.hidden{display:none!important}@media(max-width:600px){.photo-viewport{height:57dvh}.photo-controls{gap:4px}.photo-controls button{font-size:12px;padding:6px 7px}.media-viewer-head h2{max-height:40px;overflow:hidden}.font-size-setting{font-size:13px}}

@media(max-height:480px){.photo-viewport{height:40dvh}html[data-theme] .media-dialog{overflow:auto}.photo-viewer-status{display:none}}

.message-selection-bar,.reply-return-bar{display:flex;gap:7px;align-items:center;flex-wrap:wrap;padding:7px 12px;background:#e8f1ff;color:#173d73;border-bottom:1px solid #a9c0e1;flex-shrink:0}.message-selection-bar strong{font-size:13px;margin-right:auto}.message-selection-bar button,.reply-return-bar button,.edit-photo-caption{min-height:38px;background:#fff;color:#173d73;border:1px solid #95b2d8;border-radius:8px;padding:6px 10px;font-size:12px}.message-selection-bar button:disabled{opacity:.45}.message-selection-bar small{flex-basis:100%;font-size:11px;line-height:1.4}.reply-return-bar #returnFromReply{flex:1;text-align:left;font-weight:700}.selection-mark{min-width:32px;width:32px;height:36px;flex-shrink:0;border:1px solid #80a4d3;border-radius:9px;color:#17467e;background:#fff;font-size:18px;padding:0}.multi-selected>.bubble{outline:3px solid #e7ac25!important;outline-offset:2px}.multi-selected>.selection-mark{background:#245ba5;color:#fff}.is-selecting .message-row .bubble{max-width:calc(100% - 88px)!important}.is-selecting .message-row.self .bubble{max-width:calc(100% - 48px)!important}.is-selecting .message-row{cursor:pointer}.edit-photo-caption{display:block;margin:8px auto 0}.message-selection-bar [hidden],.edit-photo-caption.hidden{display:none!important}

@media(prefers-reduced-motion:reduce){.multi-selected>.bubble{transition:none!important}}

#editAttachmentPhoto{min-height:36px;border:1px solid #8fabd0;border-radius:8px;padding:6px 10px;color:#183f76;background:#edf4ff;font-size:12px}.rescued-draft-bar{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #b7cbe6;border-radius:9px;background:#edf4ff;color:#193c70;font-size:12px;margin-bottom:6px}.rescued-draft-bar span{flex:1}.rescued-draft-bar button,#retryProtectedDraft{min-height:34px;padding:4px 8px;border:1px solid #a0b9db;border-radius:7px;background:#fff;color:#1b447d;font-size:12px}html[data-theme] .photo-edit-dialog{box-sizing:border-box;width:min(760px,calc(100vw - 20px));max-width:none;max-height:calc(100dvh - 20px);overflow:auto;background:#f5f9ff!important;color:#17365e!important;padding:16px!important}.photo-edit-dialog .settings-note{line-height:1.4!important;font-size:12px!important;color:#315179!important}.photo-edit-viewport{display:flex;justify-content:center;align-items:center;background:#102139;border-radius:10px;overflow:hidden;padding:0;min-height:80px}.photo-edit-stage{position:relative;display:inline-block;max-width:100%;line-height:0;touch-action:none;overflow:hidden}.photo-edit-stage canvas{display:block;max-width:100%;max-height:48dvh;width:auto;height:auto}.photo-crop-frame{position:absolute;box-sizing:border-box;border:2px solid #fff;box-shadow:0 0 0 2000px #0008;cursor:move;touch-action:none}.photo-crop-frame:before,.photo-crop-frame:after{content:'';position:absolute;pointer-events:none}.photo-crop-frame:before{left:33.333%;top:0;width:33.333%;height:100%;border-left:1px solid #ffffff70;border-right:1px solid #ffffff70}.photo-crop-frame:after{left:0;top:33.333%;width:100%;height:33.333%;border-top:1px solid #ffffff70;border-bottom:1px solid #ffffff70}.photo-crop-frame button{position:absolute;width:28px;height:28px;border:3px solid #fff;background:#2365b2;border-radius:7px;touch-action:none;padding:0;z-index:1}.photo-crop-frame [data-crop-corner=tl]{left:-4px;top:-4px}.photo-crop-frame [data-crop-corner=tr]{right:-4px;top:-4px}.photo-crop-frame [data-crop-corner=bl]{left:-4px;bottom:-4px}.photo-crop-frame [data-crop-corner=br]{right:-4px;bottom:-4px}.photo-edit-options{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:12px}.photo-edit-options button{min-height:38px;padding:6px 10px;border:1px solid #97b3d6;border-radius:8px;color:#153e75;background:#fff;font-size:12px}.photo-edit-options label{margin:0;font-size:12px}.photo-edit-options select{min-height:36px;margin:3px 0 0;padding:6px;font-size:14px}#photoCropSize{display:block;font-size:12px;margin-top:10px}#photoEditStatus{font-size:13px!important;line-height:1.4!important;color:#254d7c!important}#photoEditDialog .primary{background:#245ba5!important;color:#fff!important}#photoEditDialog .primary:disabled{opacity:.5}

.draft-storage-status{font-size:12px;color:#8b2638;background:#fff0f2;padding:7px 10px;border-radius:8px;border:1px solid #e1a5b3;line-height:1.4}

#testSendHaptic{min-height:42px;padding:10px 14px;background:var(--surface-alt);color:var(--text);border:1px solid var(--edge);border-radius:10px;font-weight:700}#testSendHaptic:disabled{opacity:.5}
/* Profile photos keep their decoded size small and never resize message rows. */
.photo-avatar{position:relative;overflow:hidden;flex-shrink:0}.photo-avatar .member-profile-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.profile-photo-row{display:flex;align-items:center;gap:14px;margin:12px 0}.profile-photo-row p{margin:5px 0}.profile-photo-preview{width:76px;height:76px;flex-shrink:0;border-radius:22px;background:var(--surface);display:grid;place-items:center;overflow:hidden;border:1px solid var(--edge)}.profile-photo-preview>.avatar,.profile-photo-preview>img{width:100%;height:100%;margin:0;border:0;border-radius:inherit;object-fit:cover;font-size:25px}.profile-photo-actions{display:flex;flex-wrap:wrap;gap:8px}.profile-photo-actions button{padding:10px 13px;border:1px solid var(--edge);border-radius:12px;background:var(--surface);color:var(--text);min-height:44px}