:root{
  --font-ui:system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  --font-brand:var(--font-ui); /* 3.BZ — the phone's own font everywhere (Roboto on Android, SF on iPhone) */
  --tracking-tight:-0.02em;
  --tracking-wide:0.04em;
  --ink:#141A2E;--ink2:#1D2540;--paper:#1B2340;
  --line:rgba(244,238,223,.09);--text:#F0EDE3;--dim:rgba(240,237,227,.52);
  --s:#E9A23B;--p:#4FB3A9;--f:#C97B84;--accent:var(--s);--danger:#E05C5C;
  --st:env(safe-area-inset-top,0px);--sb:env(safe-area-inset-bottom,0px);
}
*,*::before,*::after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0;}
html,body{height:100%;overflow:hidden;background:var(--ink);}
body{font-family:var(--font-ui);color:var(--text);-webkit-font-smoothing:antialiased;}
button,input,textarea{font-family:var(--font-ui);}
::-webkit-scrollbar{display:none;}
.screen{position:fixed;inset:0;display:flex;flex-direction:column;background:var(--ink);max-width:520px;margin:0 auto;}
.screen.off{display:none;}
.scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;}
.serif{font-family:var(--font-brand);}
.h1{font-family:var(--font-brand);font-size:28px;font-weight:700;line-height:1.2;}
.h2{font-family:var(--font-brand);font-size:21px;font-weight:700;}
.btn{width:100%;padding:15px;border-radius:14px;border:none;font-weight:600;font-size:15px;cursor:pointer;transition:transform .15s,opacity .15s;display:flex;align-items:center;justify-content:center;gap:10px;}
.btn:active{transform:scale(.97);}
.btn-primary{background:var(--accent);color:var(--ink);}
.btn:disabled{opacity:.45;pointer-events:none;}
.field{width:100%;background:var(--paper);border:1.5px solid var(--line);border-radius:12px;padding:14px 16px;color:var(--text);font-size:15px;outline:none;transition:border-color .2s;}
.field:focus{border-color:var(--accent-text,var(--accent));}
.field::placeholder{color:var(--dim);}
.goal-chip{padding:9px 14px;border-radius:100px;border:1.5px solid var(--line);background:var(--paper);color:var(--text);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;}
.goal-chip.on{background:var(--accent);border-color:var(--accent-text,var(--accent));color:var(--ink);}
.match-tag{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--accent-text,var(--accent));background:color-mix(in srgb,var(--accent) 14%,transparent);padding:4px 10px;border-radius:100px;margin-top:4px;}
.av{border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-brand);font-weight:700;color:var(--ink);flex-shrink:0;overflow:hidden;}
.ib{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:var(--paper);color:var(--text);display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer;flex-shrink:0;overflow:hidden;}
.bb{background:none;border:none;color:var(--text);font-size:22px;padding:4px 10px 4px 0;flex-shrink:0;cursor:pointer;}

/* SPLASH */
#splash{align-items:center;justify-content:center;background:radial-gradient(ellipse 500px 300px at 50% 30%,rgba(233,162,59,.13),transparent 65%),var(--ink);}
.sl{width:88px;height:88px;border-radius:24px;background:var(--paper);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;margin-bottom:22px;}
.circles{position:relative;width:54px;height:46px;}
.ci{position:absolute;width:28px;height:28px;border-radius:50%;}
.ci1{background:var(--s);top:0;left:50%;transform:translateX(-50%);opacity:.92;}
.ci2{background:var(--f);bottom:0;left:0;opacity:.88;}
.ci3{background:var(--p);bottom:0;right:0;opacity:.92;}
.sn{font-family:var(--font-brand);font-size:34px;font-weight:700;margin-bottom:10px;}
.st{font-size:14px;color:var(--dim);text-align:center;line-height:1.5;max-width:240px;margin-bottom:52px;}
.sb{width:48px;height:3px;background:var(--line);border-radius:2px;overflow:hidden;}
.sf{height:100%;background:var(--accent);border-radius:2px;animation:fill 2.4s ease forwards;}
@keyframes fill{from{width:0}to{width:100%}}

/* ONBOARD */
.ob{padding:calc(max(36px,var(--st)) + 4px) 24px calc(max(28px,var(--sb)) + 4px);overflow-y:auto;flex:1;display:flex;flex-direction:column;}
.mc{display:flex;align-items:center;gap:14px;padding:16px;border-radius:16px;border:2px solid var(--line);background:var(--paper);cursor:pointer;margin-bottom:11px;transition:border-color .25s,background .25s;}
.mc.on{border-color:var(--ma);background:rgba(var(--mr),.07);}
.mi{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:21px;flex-shrink:0;}
.mb{flex:1;}
.mt{font-size:15px;font-weight:700;margin-bottom:3px;}
.md{font-size:12.5px;color:var(--dim);line-height:1.4;}
.mc-r{width:22px;height:22px;border-radius:50%;border:2px solid var(--line);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:12px;transition:all .2s;}
.mc.on .mc-r{background:var(--ma);border-color:var(--ma);color:var(--ink);}

/* SIGNIN */
.si{padding:calc(max(40px,var(--st)) + 4px) 28px calc(max(32px,var(--sb)) + 4px);display:flex;flex-direction:column;align-items:center;justify-content:space-between;flex:1;}
.gb{background:#fff;color:#1a1a1a;border-radius:14px;}
.ab{background:#000;color:#fff;border:1.5px solid rgba(255,255,255,.15);border-radius:14px;}
.dv{display:flex;align-items:center;gap:12px;width:100%;margin:4px 0;}
.dl{flex:1;height:1px;background:var(--line);}
.dt{font-size:12px;color:var(--dim);}

/* AUTH WRAP */
.aw{padding:calc(max(36px,var(--st)) + 4px) 24px calc(max(28px,var(--sb)) + 4px);display:flex;flex-direction:column;justify-content:space-between;flex:1;}
.ap{width:90px;height:90px;border-radius:50%;margin:0 auto 24px;position:relative;cursor:pointer;}
.ap .av{width:90px;height:90px;font-size:32px;}
.apb{position:absolute;bottom:0;right:0;width:28px;height:28px;border-radius:50%;background:var(--accent);color:var(--ink);font-size:13px;display:flex;align-items:center;justify-content:center;border:2.5px solid var(--ink);}
.fl{margin-bottom:14px;}
.fll{font-size:12px;font-weight:600;color:var(--dim);margin-bottom:8px;text-transform:uppercase;letter-spacing:.07em;}

/* MAIN */
.mh{padding:calc(max(14px,var(--st)) + 2px) 16px 0;flex-shrink:0;}
.ht{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;}
.br{font-family:var(--font-brand);font-size:22px;font-weight:700;display:flex;align-items:center;gap:8px;}
.bd{width:8px;height:8px;border-radius:50%;background:var(--accent);transition:background .3s;flex-shrink:0;}
.ha{display:flex;gap:8px;}
.mb2{display:flex;gap:5px;background:var(--paper);padding:4px;border-radius:13px;}
.mp{flex:1;border:none;background:transparent;color:var(--dim);font-weight:600;font-size:12px;padding:9px 4px;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:5px;transition:all .3s;}
.mp.on{background:var(--ink2);color:var(--text);box-shadow:inset 0 0 0 1px var(--line);}
.mp .md2{width:6px;height:6px;border-radius:50%;background:var(--pc);flex-shrink:0;}
.tabs{display:flex;padding:0 16px;border-bottom:1px solid var(--line);flex-shrink:0;}
.tab{font-size:13px;font-weight:600;color:var(--dim);padding:12px 14px 12px 0;border-bottom:2.5px solid transparent;cursor:pointer;transition:color .2s,border-color .2s;}
.tab.on{color:var(--text);border-color:var(--accent-text,var(--accent));}

/* CHAT LIST */
.cit{display:flex;align-items:center;gap:12px;padding:13px 16px;cursor:pointer;border-bottom:1px solid var(--line);}
.cit:active{background:var(--paper);}
.cib{flex:1;min-width:0;}
.cin{font-size:14.5px;font-weight:600;margin-bottom:3px;display:flex;align-items:center;gap:6px;}
.cil{font-size:13px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cim{display:flex;flex-direction:column;align-items:flex-end;gap:5px;flex-shrink:0;}
.ctime{font-size:12px;color:var(--dim);}
.ub{background:var(--accent);color:var(--ink);border-radius:50%;width:19px;height:19px;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;}
.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 32px;text-align:center;gap:10px;}
.ei{font-size:46px;margin-bottom:4px;}
.et{font-size:17px;font-weight:600;}
.es{font-size:13px;color:var(--dim);line-height:1.5;}
.fab{position:absolute;bottom:calc(max(24px,var(--sb)) + 4px);right:20px;width:56px;height:56px;border-radius:50%;background:var(--accent);color:var(--ink);border:none;font-size:22px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 24px rgba(0,0,0,.35);cursor:pointer;transition:transform .2s;}
.fab:active{transform:scale(.91);}
.fab.hint-pulse{animation:fabGlow 1.6s ease-in-out infinite;}
@keyframes fabGlow{0%,100%{box-shadow:0 6px 24px rgba(0,0,0,.35),0 0 0 0 rgba(var(--mr,233,162,59),.55);}50%{box-shadow:0 6px 24px rgba(0,0,0,.35),0 0 0 12px rgba(var(--mr,233,162,59),0);}}
.fab-hint{position:absolute;bottom:calc(max(24px,var(--sb)) + 16px);right:86px;background:var(--paper);color:var(--text);border:1px solid var(--line);padding:8px 12px;border-radius:10px;font-size:12.5px;font-weight:600;white-space:nowrap;box-shadow:0 6px 20px rgba(0,0,0,.3);animation:fabHintIn .3s ease;}
.fab-hint::after{content:'';position:absolute;right:-6px;bottom:14px;width:10px;height:10px;background:var(--paper);border-right:1px solid var(--line);border-bottom:1px solid var(--line);transform:rotate(-45deg);}
@keyframes fabHintIn{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:translateY(0);}}
.gg{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px 14px;}

/* INSTITUTIONS */
.ic-card{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line);cursor:pointer;}
.ic-card:active{background:var(--paper);}
.ic-mark{width:44px;height:44px;border-radius:12px;background:var(--paper);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0;}
.ic-body{flex:1;min-width:0;}
.ic-name{font-size:14.5px;font-weight:600;display:flex;align-items:center;gap:6px;}
.ic-sub{font-size:12px;color:var(--dim);margin-top:2px;}
.owner-chip{font-size:12px;background:rgba(233,162,59,.18);color:var(--s);padding:2px 6px;border-radius:5px;font-weight:700;letter-spacing:.02em;}
.badge-chip{font-size:12px;background:rgba(79,179,169,.18);color:var(--p);padding:2px 7px;border-radius:6px;font-weight:700;display:inline-flex;align-items:center;gap:3px;}
.add-inst-btn{margin:14px 16px;padding:13px;border-radius:14px;border:1.5px dashed var(--line);background:transparent;color:var(--dim);font-weight:600;font-size:13.5px;width:calc(100% - 32px);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;}
.add-inst-btn:active{background:var(--paper);}
.type-pick{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap;}
.type-opt{flex:1;min-width:90px;padding:12px 10px;border-radius:12px;border:1.5px solid var(--line);background:var(--paper);text-align:center;cursor:pointer;font-size:12.5px;font-weight:600;color:var(--dim);}
.type-opt.on{border-color:var(--accent-text,var(--accent));color:var(--text);background:rgba(233,162,59,.08);}
.type-opt.locked{opacity:.4;pointer-events:none;}
.ann-box{margin:14px 16px;padding:14px;border-radius:14px;background:var(--paper);border:1px solid var(--line);}
.ann-label{font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:var(--dim);font-weight:700;margin-bottom:6px;}
.ann-text{font-size:13.5px;line-height:1.5;}
.mem-row{display:flex;align-items:center;gap:11px;padding:11px 16px;border-bottom:1px solid var(--line);cursor:pointer;}
.mem-row:active{background:var(--paper);}
.mem-name{font-size:13.5px;font-weight:600;flex:1;}
.rm-btn{color:var(--danger);font-size:12px;font-weight:600;padding:6px 10px;cursor:pointer;}
.gc{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:14px 12px;cursor:pointer;}
.gc:active{opacity:.8;}

/* CHAT */
.ch{position:relative;padding:calc(max(12px,var(--st)) + 2px) 12px 12px;border-bottom:1px solid var(--line);flex-shrink:0;display:flex;align-items:center;gap:10px;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent);}
.ch::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.5;}
.chi{flex:1;min-width:0;}
.chn{font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.chs{font-size:12px;color:var(--dim);}
.mb3{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;text-align:center;font-size:12px;color:var(--dim);border-bottom:1px solid var(--line);flex-shrink:0;background:color-mix(in srgb,var(--accent) 6%,transparent);}
.mb3 b{color:var(--accent-text,var(--accent));}
.msgs{position:relative;flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:7px;background:radial-gradient(ellipse 480px 260px at 50% 0%,color-mix(in srgb,var(--accent) 7%,transparent),transparent 70%);scroll-behavior:smooth;}
.bbl{max-width:78%;padding:10px 13px;border-radius:17px;font-size:14px;line-height:1.45;word-break:break-word;box-shadow:0 1px 2px rgba(0,0,0,.15);animation:bblIn .22s cubic-bezier(.2,.7,.3,1) both;}
@keyframes bblIn{from{opacity:0;transform:translateY(6px) scale(.98);}to{opacity:1;transform:translateY(0) scale(1);}}
.in{background:var(--paper);border:1px solid var(--line);align-self:flex-start;}
.out{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 78%,#000));color:var(--ink);align-self:flex-end;font-weight:500;box-shadow:0 2px 10px color-mix(in srgb,var(--accent) 35%,transparent);}
.tail-in{border-bottom-left-radius:4px;}.tail-out{border-bottom-right-radius:4px;}.no-tail{border-radius:17px;}
.blk{align-self:center;background:rgba(201,123,132,.11);border:1px solid rgba(201,123,132,.3);color:var(--f);font-size:12px;text-align:center;max-width:88%;border-radius:12px;padding:9px 13px;}
.bt{font-size:12px;margin-top:4px;opacity:.55;}
.out .bt{text-align:right;}
.dd{position:sticky;top:2px;z-index:2;align-self:center;font-size:12px;color:var(--dim);padding:4px 14px;background:var(--paper);border-radius:100px;border:1px solid var(--line);margin:3px 0;backdrop-filter:blur(6px);max-width:90%;text-align:center;line-height:1.5;}
.dd-date{font-weight:700;color:var(--text);}
.dd-meta{opacity:.75;}
.dd-topic{font-style:italic;color:var(--accent-text,var(--accent));opacity:.9;}
.od{position:absolute;bottom:1px;right:1px;width:11px;height:11px;border-radius:50%;background:#4CAF50;border:2.5px solid var(--ink);}
.od.pulse::after{content:'';position:absolute;inset:-3px;border-radius:50%;background:#4CAF50;opacity:.4;animation:op 1.8s ease-out infinite;}
@keyframes op{0%{transform:scale(1);opacity:.4}70%{transform:scale(2.4);opacity:0}100%{opacity:0}}
.row{display:flex;align-items:flex-end;gap:6px;max-width:82%;animation:bblIn .22s cubic-bezier(.2,.7,.3,1) both;}
.row.grouped{margin-top:2px;}
.ia-ph{width:22px;height:22px;flex-shrink:0;}
.cimgwrap.no-tail{border-radius:17px;}
/* ══════════════════════════════════════════
   ACCORD PRO — Ultra Premium Screen
══════════════════════════════════════════ */
#pro{background:#090D1A;overflow:hidden;}

/* Animated background */
.pro-bg{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden;}
@keyframes proOrb1{0%,100%{transform:translate(-50%,-50%) scale(1);opacity:.7;}50%{transform:translate(-50%,-52%) scale(1.2);opacity:1;}}
@keyframes proOrb2{0%,100%{transform:translate(-50%,-50%) scale(1.1);opacity:.4;}50%{transform:translate(-50%,-48%) scale(.9);opacity:.7;}}
.pro-orb1{position:absolute;top:18%;left:50%;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(233,162,59,.22) 0%,transparent 65%);transform:translate(-50%,-50%);animation:proOrb1 7s ease-in-out infinite;}
.pro-orb2{position:absolute;top:18%;left:50%;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(255,209,102,.15) 0%,transparent 65%);transform:translate(-50%,-50%);animation:proOrb2 5s ease-in-out infinite;}
.pro-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(233,162,59,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(233,162,59,.04) 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(ellipse 70% 60% at 50% 0%,black,transparent);}
/* Floating sparkles */
@keyframes ppFloat{0%{transform:translateY(0) rotate(0deg);opacity:0;}10%{opacity:.5;}90%{opacity:.3;}100%{transform:translateY(-110vh) rotate(540deg);opacity:0;}}
.pro-particles{position:absolute;inset:0;}
.pp{position:absolute;bottom:-10px;color:#E9A23B;animation:ppFloat linear infinite;}
.pp1{left:12%;animation-duration:9s;animation-delay:0s;font-size:12px;}
.pp2{left:78%;animation-duration:12s;animation-delay:2.5s;font-size:15px;}
.pp3{left:38%;animation-duration:8s;animation-delay:1.2s;font-size:12px;}
.pp4{left:62%;animation-duration:10s;animation-delay:4s;font-size:13px;}
.pp5{left:22%;animation-duration:13s;animation-delay:6s;font-size:12px;}
.pp6{left:88%;animation-duration:9.5s;animation-delay:3s;font-size:12px;}

/* Close */
.pro-close{position:absolute;top:calc(var(--st) + 18px);right:18px;z-index:20;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.07);backdrop-filter:blur(8px);color:#CFCBC0;font-size:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s;}
.pro-close:active{background:rgba(255,255,255,.15);}

/* Scroll */
.pro-scroll{position:relative;z-index:1;overflow-y:auto;flex:1;padding:calc(var(--st) + 24px) 22px calc(var(--sb) + 36px);}

/* Hero */
.pro-hero{display:flex;flex-direction:column;align-items:center;padding:12px 0 36px;}
.pro-logo-wrap{position:relative;margin-bottom:26px;}
@keyframes proLogoGlow{0%,100%{opacity:.5;transform:translate(-50%,-50%) scale(1);}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1);}}
.pro-logo-halo{position:absolute;top:50%;left:50%;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(233,162,59,.35),transparent 70%);transform:translate(-50%,-50%);animation:proLogoGlow 4s ease-in-out infinite;pointer-events:none;}
@keyframes proFloat{0%,100%{transform:translateY(0px);}50%{transform:translateY(-7px);}}
.pro-logo-box{width:92px;height:92px;border-radius:26px;background:linear-gradient(145deg,#1E2846,#141A2E);border:1px solid rgba(233,162,59,.35);display:flex;align-items:center;justify-content:center;position:relative;animation:proFloat 4.5s ease-in-out infinite;box-shadow:0 0 0 1px rgba(233,162,59,.1),0 12px 40px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.06);}
.pro-eyebrow{font-size:12px;font-weight:800;letter-spacing:.22em;color:#E9A23B;margin-bottom:12px;opacity:.85;}
@keyframes proTitleShimmer{0%,100%{background-position:0% 50%;}50%{background-position:100% 50%;}}
.pro-title{font-family:var(--font-brand);font-size:44px;font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,#FFE999 0%,#E9A23B 40%,#C87D1E 70%,#FFD166 100%);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.05;text-align:center;margin-bottom:12px;animation:proTitleShimmer 4s ease infinite;}
.pro-subtitle{font-size:15px;color:#A19E96;text-align:center;line-height:1.65;max-width:250px;font-weight:400;}

/* Feature cards */
.pro-features{display:flex;flex-direction:column;gap:10px;margin-bottom:32px;}
@keyframes proFeatIn{from{opacity:0;transform:translateY(18px);}to{opacity:1;transform:translateY(0);}}
.pro-feat{display:flex;align-items:center;gap:14px;background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:15px 16px;animation:proFeatIn .6s cubic-bezier(.2,.8,.3,1) both;}
.pro-feat:hover{border-color:rgba(233,162,59,.25);}
.pro-feat-ico{width:44px;height:44px;border-radius:13px;background:linear-gradient(135deg,rgba(233,162,59,.18),rgba(233,162,59,.06));border:1px solid rgba(233,162,59,.18);display:flex;align-items:center;justify-content:center;font-size:21px;flex-shrink:0;}
.pro-feat-body{flex:1;}
.pro-feat-name{font-weight:700;font-size:14px;color:#F0EDE3;margin-bottom:2px;letter-spacing:-.01em;}
.pro-feat-desc{font-size:12px;color:#A19E96;line-height:1.45;}
.pro-feat-check{color:#E9A23B;font-size:16px;font-weight:700;flex-shrink:0;}

/* Divider */
.pro-divider{display:flex;align-items:center;gap:12px;margin:0 0 20px;}
.pro-div-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(233,162,59,.2),transparent);}
.pro-div-text{font-size:12px;font-weight:700;letter-spacing:.16em;color:rgba(233,162,59,.6);}

/* Plan cards */
.pro-plans{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px;}
.pro-plan{border:1.5px solid rgba(255,255,255,.1);border-radius:18px;padding:20px 14px 16px;cursor:pointer;transition:all .25s cubic-bezier(.2,.8,.3,1);position:relative;text-align:center;background:rgba(255,255,255,.03);overflow:visible;}
.pro-plan:active{transform:scale(.97);}
.pro-plan.active{border-color:#E9A23B;background:rgba(233,162,59,.09);box-shadow:0 0 20px rgba(233,162,59,.12),inset 0 1px 0 rgba(233,162,59,.12);}
.pro-plan-badge{position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#FFD166,#E9A23B);color:#0C1120;font-size:12px;font-weight:800;padding:4px 11px;border-radius:20px;white-space:nowrap;letter-spacing:.06em;}
.pro-plan-label{font-size:12px;font-weight:800;letter-spacing:.12em;color:#A19E96;margin-bottom:8px;}
.pro-plan-price{font-family:var(--font-brand);font-size:30px;font-weight:700;color:#F0EDE3;line-height:1;letter-spacing:-.012em;transition:color .25s;}
.pro-plan.active .pro-plan-price{color:#E9A23B;}
.pro-plan-period{font-size:12px;color:#A19E96;margin-top:5px;line-height:1.4;}

/* CTA button */
@keyframes ctaPulse{0%,100%{box-shadow:0 0 24px rgba(233,162,59,.45),0 6px 24px rgba(233,162,59,.25),inset 0 1px 0 rgba(255,255,255,.2);}50%{box-shadow:0 0 48px rgba(233,162,59,.7),0 8px 32px rgba(233,162,59,.4),inset 0 1px 0 rgba(255,255,255,.2);}}
.pro-cta{width:100%;padding:19px 24px;border-radius:18px;border:none;background:linear-gradient(135deg,#FFE08A 0%,#E9A23B 50%,#C17D1A 100%);color:#0C1120;font-family:var(--font-ui);font-weight:800;font-size:17px;cursor:pointer;margin-bottom:14px;animation:ctaPulse 2.8s ease-in-out infinite;display:flex;flex-direction:column;align-items:center;gap:3px;transition:transform .15s,filter .15s;letter-spacing:-.01em;}
.pro-cta:active{transform:scale(.97);filter:brightness(.95);}
.pro-cta-sub{font-size:12px;font-weight:500;opacity:.65;letter-spacing:.01em;}

/* Footer */
.pro-footer{text-align:center;font-size:12px;color:#A19E96;line-height:2;}

/* Settings Go Pro banner */
.pro-banner{margin:16px 16px 4px;border-radius:18px;background:linear-gradient(135deg,#1A1E30,#12192E);border:1px solid rgba(233,162,59,.25);padding:16px;display:flex;align-items:center;gap:14px;cursor:pointer;position:relative;overflow:hidden;transition:border-color .2s;}
.pro-banner::before{content:'';position:absolute;top:-20px;right:-20px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(233,162,59,.15),transparent 70%);}
.pro-banner:active{border-color:rgba(233,162,59,.5);}
.pro-banner-ico{font-size:28px;flex-shrink:0;}
.pro-banner-body{flex:1;}
.pro-banner-title{font-weight:800;font-size:14px;background:linear-gradient(135deg,#FFE08A,#E9A23B);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.01em;}
.pro-banner-sub{font-size:12px;color:#A19E96;margin-top:1px;}
.pro-banner-arrow{color:#E9A23B;font-size:18px;font-weight:700;flex-shrink:0;}

/* Pro member badge in settings */
.pro-member-tag{display:inline-flex;align-items:center;gap:5px;background:linear-gradient(135deg,rgba(233,162,59,.2),rgba(233,162,59,.08));border:1px solid rgba(233,162,59,.3);color:#E9A23B;font-size:12px;font-weight:800;padding:3px 10px;border-radius:20px;letter-spacing:.04em;}
@keyframes recPulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.35;transform:scale(.8);}}
.pro-chip{display:inline-flex;align-items:center;background:linear-gradient(135deg,rgba(233,162,59,.22),rgba(233,162,59,.08));border:1px solid rgba(233,162,59,.35);color:#E9A23B;font-size:12px;font-weight:800;padding:2px 7px;border-radius:10px;margin-left:5px;letter-spacing:.05em;vertical-align:middle;flex-shrink:0;}
/* Voice dictation */
.compose-ta.dictating{border-color:var(--danger);animation:recPulse 1.5s ease-in-out infinite;}
/* AI Polish button */
.polish-btn{background:linear-gradient(135deg,rgba(233,162,59,.2),rgba(233,162,59,.06));border:1px solid rgba(233,162,59,.4);color:#E9A23B;border-radius:20px;padding:7px 13px;font-size:12px;font-weight:800;cursor:pointer;flex-shrink:0;letter-spacing:.04em;transition:background .2s;white-space:nowrap;}
.polish-btn:active{background:rgba(233,162,59,.35);}
.polish-btn:disabled{opacity:.5;cursor:not-allowed;}
/* ── Chat Summariser ── */
.sum-card{position:absolute;top:12px;left:12px;right:12px;z-index:20;background:linear-gradient(135deg,#1A1E30,#141A2E);border:1px solid rgba(233,162,59,.3);border-radius:18px;padding:16px;box-shadow:0 8px 32px rgba(0,0,0,.45),0 0 0 1px rgba(233,162,59,.08);animation:bblIn .3s cubic-bezier(.2,.8,.3,1) both;}
.sum-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;}
.sum-title{font-weight:800;font-size:12.5px;color:#E9A23B;letter-spacing:.06em;}
.sum-close{width:26px;height:26px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.06);color:var(--dim);font-size:13px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;}
.sum-body{font-size:13.5px;color:var(--text);line-height:1.7;margin-bottom:12px;}
.sum-footer{font-size:12px;color:rgba(233,162,59,.55);font-weight:800;letter-spacing:.08em;text-align:right;}
/* ── Channels ── */
.ch-card{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:16px;margin-bottom:10px;cursor:pointer;transition:border-color .2s;}
.ch-card:active{border-color:var(--accent-text,var(--accent));}
.ch-card-top{display:flex;align-items:center;gap:12px;margin-bottom:10px;}
.ch-av{width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;flex-shrink:0;color:var(--ink);}
.ch-info{flex:1;min-width:0;}
.ch-name{font-weight:700;font-size:15px;color:var(--text);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ch-desc{font-size:12px;color:var(--dim);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.ch-foot{display:flex;align-items:center;justify-content:space-between;margin-top:10px;}
.ch-followers{font-size:12px;color:var(--dim);}
.ch-follow{padding:7px 18px;border-radius:20px;border:1.5px solid var(--accent);background:transparent;color:var(--accent-text,var(--accent));font-size:12px;font-weight:800;cursor:pointer;transition:all .2s;letter-spacing:.02em;}
.ch-follow.following{background:var(--accent);color:var(--ink);}
.ch-follow:active{opacity:.8;}
/* Channel detail — premium redesign */
.ch-banner{width:100%;height:140px;position:relative;overflow:hidden;flex-shrink:0;}
.ch-banner-grad{position:absolute;inset:0;}
.ch-banner-fade{position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(transparent,var(--ink));}
.ch-det-av2{width:72px;height:72px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;flex-shrink:0;color:var(--ink);border:3px solid var(--ink);box-shadow:0 4px 16px rgba(0,0,0,.4);}
.ch-det-info{padding:0 16px 20px;border-bottom:1px solid var(--line);}
.ch-det-row{display:flex;align-items:flex-end;gap:14px;margin-top:-36px;margin-bottom:14px;}
.ch-det-name2{font-family:var(--font-brand);font-size:24px;font-weight:700;color:var(--text);letter-spacing:-.02em;margin-bottom:4px;line-height:1.1;}
.ch-det-desc2{font-size:13px;color:var(--dim);line-height:1.5;margin-bottom:14px;}
.ch-det-stats{display:flex;align-items:center;gap:16px;}
.ch-stat{font-size:12px;color:var(--dim);}
.ch-stat b{color:var(--text);font-size:14px;}
/* Post cards — YouTube style */
.post-feed{padding:12px;}
.post-card2{background:var(--paper);border-radius:16px;overflow:hidden;margin-bottom:14px;border:1px solid var(--line);cursor:pointer;}
.post-thumb{width:100%;position:relative;background:#0a0f1e;aspect-ratio:16/9;overflow:hidden;display:flex;align-items:center;justify-content:center;}
.post-thumb video,.post-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.post-play-btn{position:absolute;width:52px;height:52px;border-radius:50%;background:rgba(0,0,0,.65);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;font-size:20px;border:2px solid rgba(255,255,255,.3);pointer-events:none;}
.post-info{padding:12px 14px 14px;}
.post-title2{font-weight:700;font-size:14.5px;color:var(--text);margin-bottom:6px;line-height:1.35;}
.post-body2{font-size:13px;color:var(--dim);line-height:1.55;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.post-meta2{font-size:12px;color:var(--dim);opacity:.6;}
.post-img-only{width:100%;border-radius:0;max-height:260px;object-fit:cover;display:block;}
/* ── Why I'm Here & Common Ground ── */
.why-here{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-top:6px;}
.why-chip{font-size:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);border-radius:20px;padding:3px 9px;color:var(--dim);white-space:nowrap;}
.common-row{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px;}
.common-label{font-size:12px;font-weight:700;letter-spacing:.05em;color:var(--accent-text,var(--accent));opacity:.8;margin-bottom:4px;}
.common-banner{margin:12px 14px;padding:14px;background:linear-gradient(135deg,rgba(233,162,59,.1),rgba(233,162,59,.04));border:1px solid rgba(233,162,59,.2);border-radius:16px;animation:bblIn .3s ease both;}
.common-banner-title{font-size:12px;font-weight:800;color:var(--accent-text,var(--accent));letter-spacing:.04em;margin-bottom:8px;}
.common-banner-close{float:right;background:none;border:none;color:var(--dim);font-size:14px;cursor:pointer;padding:0;line-height:1;}
.trans-wrap{margin-left:28px;margin-top:4px;margin-bottom:4px;}
/* Mode Focus Sheet */
@keyframes focusSlideUp{from{transform:translateY(100%);}to{transform:translateY(0);}}
.focus-sheet{position:fixed;bottom:0;left:0;right:0;background:var(--ink2);border-radius:24px 24px 0 0;padding:28px 20px calc(var(--sb,0px) + 28px);animation:focusSlideUp .4s cubic-bezier(.2,.8,.3,1) both;border-top:1px solid var(--line);}
.focus-sheet-emoji{font-size:38px;text-align:center;margin-bottom:12px;}
.focus-sheet-title{font-family:var(--font-brand);font-size:22px;font-weight:700;text-align:center;color:var(--text);margin-bottom:6px;letter-spacing:-.02em;line-height:1.2;}
.focus-sheet-sub{font-size:13px;color:var(--dim);text-align:center;margin-bottom:20px;line-height:1.5;}
.focus-sheet-skip{width:100%;background:none;border:none;color:var(--dim);font-size:13px;padding:10px;cursor:pointer;font-family:inherit;margin-top:4px;}
.trans-bubble{display:inline-flex;flex-direction:column;max-width:100%;border-radius:14px;padding:10px 13px;border:1px solid;animation:bblIn .3s cubic-bezier(.2,.8,.3,1) both;}
.trans-bubble.student{background:linear-gradient(135deg,rgba(233,162,59,.08),rgba(233,162,59,.03));border-color:rgba(233,162,59,.2);}
.trans-bubble.professional{background:linear-gradient(135deg,rgba(79,179,169,.08),rgba(79,179,169,.03));border-color:rgba(79,179,169,.2);}
.trans-bubble.faith{background:linear-gradient(135deg,rgba(201,123,132,.08),rgba(201,123,132,.03));border-color:rgba(201,123,132,.2);}
.trans-hdr{display:flex;align-items:center;gap:7px;margin-bottom:7px;}
.trans-lbl{font-size:12px;font-weight:800;letter-spacing:.1em;opacity:.6;}
.trans-lbl.student{color:#E9A23B;}.trans-lbl.professional{color:#4FB3A9;}.trans-lbl.faith{color:#C97B84;}
.trans-txt{font-size:13.5px;color:var(--text);line-height:1.55;opacity:.88;}
.trans-to{font-size:12px;color:var(--dim);margin-top:6px;opacity:.55;}
@keyframes quoteSlideUp{from{transform:translateY(40px);opacity:0;}to{transform:translateY(0);opacity:1;}}
.quote-overlay{position:fixed;inset:0;z-index:200;display:flex;align-items:flex-end;padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));background:rgba(0,0,0,.55);backdrop-filter:blur(5px);}
.quote-inner{width:100%;background:linear-gradient(145deg,#1B2340,#111928);border:1px solid rgba(255,255,255,.09);border-radius:22px;padding:24px 22px;animation:quoteSlideUp .4s cubic-bezier(.2,.8,.3,1) both;box-shadow:0 16px 48px rgba(0,0,0,.5);}
.quote-icon{font-size:26px;margin-bottom:14px;}
.quote-label{font-size:12px;font-weight:800;letter-spacing:.14em;color:var(--accent-text,var(--accent));margin-bottom:10px;opacity:.8;}
.quote-text{font-family:var(--font-brand);font-size:17px;line-height:1.6;color:var(--text);margin-bottom:12px;font-style:italic;}
.quote-author{font-size:12.5px;color:var(--dim);font-weight:600;letter-spacing:.03em;margin-bottom:20px;}
.quote-dismiss{width:100%;padding:14px;border-radius:14px;border:none;background:var(--accent);color:var(--ink);font-weight:800;font-size:14px;cursor:pointer;transition:filter .15s;letter-spacing:.01em;}
.quote-dismiss:active{filter:brightness(.9);}
.rec-dot{width:10px;height:10px;border-radius:50%;background:#e05c5c;animation:recPulse 1.2s infinite;flex-shrink:0;}
.rec-timer{font-size:13px;font-weight:700;color:var(--dim);min-width:40px;text-align:right;font-variant-numeric:tabular-nums;letter-spacing:.02em;}
@keyframes rb{0%,100%{height:4px;opacity:.45;}50%{height:26px;opacity:1;}}
.rec-bars{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;height:36px;}
.rec-bar{width:3px;background:var(--accent);border-radius:2px;animation:rb .85s ease-in-out infinite;}
/* ── Voice Note Bubble ── */
.vn-bbl{display:flex;align-items:center;gap:10px;padding:2px 4px 2px 2px;min-width:200px;max-width:260px;}
.vn-play{width:38px;height:38px;border-radius:50%;border:none;background:rgba(255,255,255,.22);color:inherit;font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:transform .15s;}
.bbl.in .vn-play{background:var(--accent);color:var(--ink);}
.vn-play:active{transform:scale(.88);}
.vn-body{flex:1;display:flex;flex-direction:column;gap:5px;min-width:0;}
.vn-foot{display:flex;align-items:center;justify-content:space-between;}
.vn-dur{font-size:12px;opacity:.7;font-variant-numeric:tabular-nums;}
.vn-speed{font-size:12px;font-weight:700;padding:2px 7px;border-radius:8px;border:none;background:rgba(255,255,255,.15);color:inherit;cursor:pointer;transition:background .15s;}
.vn-speed:active{background:rgba(255,255,255,.3);}
.vn-transcript{font-size:12px;opacity:.72;font-style:italic;margin-top:5px;line-height:1.45;word-break:break-word;}
.row.rout{align-self:flex-end;flex-direction:row-reverse;}
.row.rin{align-self:flex-start;}
.row .bbl{animation:none;max-width:100%;}
.row .cimgwrap{animation:none;}
.ia{width:22px;height:22px;border-radius:50%;flex-shrink:0;background:var(--accent);color:var(--ink);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.ia img{width:100%;height:100%;object-fit:cover;}
.typing{display:inline-flex;align-items:center;gap:4px;padding:12px 15px;}
.typing span{width:6px;height:6px;border-radius:50%;background:var(--dim);animation:tbounce 1.2s infinite ease-in-out;}
.typing span:nth-child(2){animation-delay:.15s;}
.typing span:nth-child(3){animation-delay:.3s;}
@keyframes tbounce{0%,60%,100%{transform:translateY(0);opacity:.4;}30%{transform:translateY(-4px);opacity:1;}}
.scrollBtn{position:absolute;right:14px;bottom:14px;width:36px;height:36px;border-radius:50%;background:var(--paper);border:1px solid var(--line);color:var(--text);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0,0,0,.35);cursor:pointer;opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity .2s,transform .2s;z-index:5;font-size:14px;}
.scrollBtn.show{opacity:1;transform:translateY(0);pointer-events:auto;}
.comp{display:flex;align-items:center;gap:8px;padding:10px 12px calc(max(10px,var(--sb)) + 2px);border-top:1px solid var(--line);flex-shrink:0;background:var(--ink);}
.compose-ta{flex:1;background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:11px 16px;color:var(--text);font-size:14px;outline:none;resize:none;max-height:100px;min-height:42px;transition:border-color .2s,box-shadow .2s;}
.compose-ta:focus{border-color:var(--accent-text,var(--accent));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent);}
.compose-ta::placeholder{color:var(--dim);}
.ca{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:var(--paper);color:var(--dim);font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:transform .15s;}
.ca:active{transform:scale(.9);}
.cs{width:42px;height:42px;border-radius:50%;border:none;background:var(--accent);color:var(--ink);font-size:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:0 2px 10px color-mix(in srgb,var(--accent) 40%,transparent);}
.cs:active{transform:scale(.88);}
.cimgwrap{display:flex;flex-direction:column;max-width:220px;border-radius:17px;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.15);animation:bblIn .22s cubic-bezier(.2,.7,.3,1) both;}
.cimgwrap.out{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 78%,#000));border-bottom-right-radius:4px;}
.cimgwrap.in{background:var(--paper);border:1px solid var(--line);border-bottom-left-radius:4px;}
.cimg{width:100%;display:block;cursor:pointer;}
.cimg-footer{font-size:12px;padding:4px 10px 7px;display:flex;align-items:center;justify-content:flex-end;gap:4px;}
.cimgwrap.out .cimg-footer{color:var(--ink);opacity:.75;}
.cimgwrap.in .cimg-footer{color:var(--dim);}
.vest{align-self:center;display:flex;align-items:center;gap:8px;max-width:86%;padding:9px 15px;border-radius:100px;background:color-mix(in srgb,var(--accent) 10%,var(--paper));border:1px dashed color-mix(in srgb,var(--accent) 45%,var(--line));color:var(--dim);font-size:12px;cursor:pointer;animation:bblIn .22s cubic-bezier(.2,.7,.3,1) both;}
.vest .vico{font-size:14px;flex-shrink:0;}
.vestOpen{animation:vestOpen .35s ease both;}
@keyframes vestOpen{0%{opacity:0;transform:scale(.9) translateY(4px);filter:blur(2px);}100%{opacity:1;transform:scale(1) translateY(0);filter:blur(0);}}
.covOverlay{position:absolute;inset:0;background:rgba(20,26,46,.93);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:30;padding:24px;}
.covOverlay.off{display:none;}
.covCard{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:30px 24px;max-width:320px;text-align:center;box-shadow:0 12px 40px rgba(0,0,0,.4);}
.covIcon{font-size:34px;margin-bottom:12px;}
.covTitle{font-family:var(--font-brand);font-size:19px;font-weight:700;margin-bottom:10px;color:var(--accent-text,var(--accent));}
.covText{font-size:13.5px;color:var(--dim);line-height:1.55;margin-bottom:22px;}

/* NEW CHAT */
.sb2{display:flex;align-items:center;gap:10px;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:10px 14px;margin:12px 14px;transition:border-color .2s;}
.sb2:focus-within{border-color:var(--accent-text,var(--accent));}
.sb2 input{flex:1;background:none;border:none;outline:none;color:var(--text);font-size:14px;}
.sb2 input::placeholder{color:var(--dim);}

/* SETTINGS */
.sh{padding:calc(max(14px,var(--st)) + 2px) 14px 14px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;flex-shrink:0;}
.sp{display:flex;align-items:center;gap:14px;padding:16px;border-bottom:1px solid var(--line);cursor:pointer;}
.ss{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--dim);padding:16px 16px 8px;}
.si2{display:flex;align-items:center;gap:14px;padding:14px 16px;border-bottom:1px solid var(--line);cursor:pointer;}
.si2:active{background:var(--paper);}
.sic{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0;}
.sl2{flex:1;font-size:14.5px;font-weight:500;}
.sv{font-size:13px;color:var(--dim);}
.sc{color:var(--dim);font-size:15px;}

/* SABBATH / RHYTHM CARD */
.sab-card{margin:2px 16px 6px;padding:16px;border-radius:16px;background:var(--paper);border:1px solid var(--line);}
.sab-label{font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:var(--dim);font-weight:700;margin-bottom:8px;}
.sab-msg{font-size:13.5px;line-height:1.5;margin-bottom:12px;}
.sab-dots{display:flex;gap:7px;}
.sab-dot{width:9px;height:9px;border-radius:50%;background:var(--line);flex-shrink:0;}
.sab-dot.on{background:var(--accent);}

/* MOMENTS */
.mstrip{display:flex;gap:14px;padding:2px 16px 14px;overflow-x:auto;flex-shrink:0;-webkit-overflow-scrolling:touch;}
.mstrip::-webkit-scrollbar{display:none;}
.m-add,.m-item{display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0;width:60px;cursor:pointer;}
.m-add-ring{width:56px;height:56px;border-radius:50%;border:1.5px dashed var(--line);display:flex;align-items:center;justify-content:center;font-size:19px;color:var(--dim);background:var(--paper);transition:border-color .2s;}
.m-add:active .m-add-ring{border-color:var(--accent-text,var(--accent));}
.m-add-label,.m-item-name{font-size:12px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:58px;}
.m-ring{width:56px;height:56px;border-radius:50%;padding:2.5px;background:conic-gradient(from 200deg,var(--accent),color-mix(in srgb,var(--accent) 30%,#fff) 45%,var(--accent) 100%);}
.m-ring-inner{width:100%;height:100%;border-radius:50%;background:var(--ink);padding:2.5px;overflow:hidden;}
.m-ring-inner img,.m-ring-inner video{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;}
.m-txt-thumb{width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--accent) 35%,var(--paper)),var(--paper));}

/* MOMENT COMPOSE */
.mc-preview{width:100%;aspect-ratio:3/4;max-height:340px;border-radius:18px;background:var(--paper);border:1.5px dashed var(--line);display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:18px;cursor:pointer;position:relative;}
.mc-preview-empty{color:var(--dim);font-size:13px;text-align:center;padding:20px;line-height:1.5;}
.dur-pick{display:flex;gap:7px;flex-wrap:wrap;}
.dur-opt{flex:1;min-width:40px;padding:11px 6px;border-radius:11px;border:1.5px solid var(--line);background:var(--paper);text-align:center;font-size:12.5px;font-weight:700;color:var(--dim);cursor:pointer;transition:all .2s;}
.dur-opt.on{border-color:var(--accent-text,var(--accent));color:var(--text);background:color-mix(in srgb,var(--accent) 8%,transparent);}
.mc-warn{font-size:12px;color:var(--f);margin-top:10px;line-height:1.45;}

/* MOMENT VIEWER */
.mview{position:fixed;inset:0;background:#000;z-index:200;display:flex;flex-direction:column;}
.mview.off{display:none;}
.mview-media{flex:1;display:flex;align-items:center;justify-content:center;position:relative;background:#000;overflow:hidden;}
.mview-media img,.mview-media video{max-width:100%;max-height:100%;object-fit:contain;}
.mview-grain{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 700px 500px at 50% 15%,rgba(255,255,255,.06),transparent 65%);mix-blend-mode:overlay;}
.mview-top{position:absolute;top:0;left:0;right:0;padding:calc(max(14px,var(--st)) + 6px) 16px 34px;display:flex;align-items:center;gap:10px;background:linear-gradient(180deg,rgba(0,0,0,.6),transparent);z-index:2;}
.mview-close{margin-left:auto;color:#fff;font-size:20px;cursor:pointer;padding:6px 10px;}
.mview-name{color:#fff;font-weight:700;font-size:14px;font-family:var(--font-brand);}
.mview-time{color:#A19E96;font-size:12px;}
.mview-caption{position:absolute;left:0;right:0;bottom:0;padding:22px 22px calc(max(26px,var(--sb)) + 18px);background:linear-gradient(0deg,rgba(0,0,0,.8),transparent);color:#fff;font-family:var(--font-brand);font-size:15.5px;line-height:1.55;z-index:2;}
.mview-del{position:absolute;bottom:calc(max(22px,var(--sb)) + 12px);right:16px;background:rgba(224,92,92,.88);color:#fff;font-size:12px;font-weight:700;padding:9px 15px;border-radius:100px;cursor:pointer;z-index:3;}
.mtxt-full{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:44px;text-align:center;font-family:var(--font-brand);font-size:25px;font-weight:600;line-height:1.45;color:#fff;background:radial-gradient(ellipse 650px 450px at 50% 42%,color-mix(in srgb,var(--accent) 32%,#000),#000 75%);}

/* LOADER & TOAST */
#loader{position:fixed;inset:0;z-index:900;background:rgba(20,26,46,.8);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;}
.spin{width:42px;height:42px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--accent-text,var(--accent));animation:sp .65s linear infinite;}
@keyframes sp{to{transform:rotate(360deg)}}
#toast{position:fixed;bottom:calc(max(24px,var(--sb)) + 4px);left:50%;transform:translateX(-50%) translateY(8px);background:var(--ink2);color:var(--text);padding:12px 20px;border-radius:100px;font-size:13px;font-weight:500;border:1px solid var(--line);white-space:nowrap;z-index:1000;opacity:0;transition:opacity .25s,transform .25s;max-width:90vw;text-align:center;}
#toast.show{opacity:1;transform:translateX(-50%) translateY(0);}
/* ═══════════════════════════════════════════════════════════════
   ACCORD 2.0 — PURPOSE-FIRST FRONTEND
   Design layer: purpose → people → activity → outcome
   ═══════════════════════════════════════════════════════════════ */
.accord-primary-tabs{display:flex;gap:4px;padding:8px 14px 10px;border-top:1px solid rgba(255,255,255,.025)}
.accord-primary-tabs .tab{flex:1;text-align:center;padding:9px 4px;border-radius:11px;font-size:12px;font-weight:700;color:var(--dim);transition:.2s}
.accord-primary-tabs .tab.on{color:var(--text);background:color-mix(in srgb,var(--accent) 12%,transparent)}
.ac-home-hero{padding:22px 16px 14px}
.ac-eyebrow{font-size:12px;letter-spacing:.14em;font-weight:800;color:var(--accent-text,var(--accent));text-transform:uppercase;margin-bottom:8px}
.ac-home-hero h1,.ac-activity-header h1{font-family:var(--font-brand);font-size:29px;line-height:1.08;letter-spacing:-.012em;margin:0;color:var(--text)}
.ac-home-hero p,.ac-activity-header p{margin:7px 0 16px;color:var(--dim);font-size:13px}
.ac-intent-hero{width:100%;border:1px solid color-mix(in srgb,var(--accent) 42%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 14%,var(--paper)),var(--paper));border-radius:20px;padding:16px;display:flex;align-items:center;gap:13px;color:var(--text);text-align:left;box-shadow:0 12px 34px rgba(0,0,0,.13)}
.ac-intent-hero:active{transform:scale(.985)}
.ac-plus{width:40px;height:40px;border-radius:13px;background:var(--accent);color:var(--ink);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}
.ac-intent-hero b{display:block;font-size:14px}.ac-intent-hero small{display:block;color:var(--dim);font-size:12px;margin-top:3px}.ac-arrow{margin-left:auto;font-size:20px;color:var(--accent-text,var(--accent))}
.ac-section{padding:8px 16px 12px}.ac-section-head{display:flex;align-items:center;justify-content:space-between;margin:4px 0 9px}.ac-section-head span{font-size:12px;letter-spacing:.12em;font-weight:800;color:var(--dim)}.ac-section-head button{border:0;background:none;color:var(--accent-text,var(--accent));font-size:12px;font-weight:700;padding:3px}
.ac-focus-card{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid var(--line);background:var(--paper);border-radius:16px}.ac-focus-icon{width:42px;height:42px;border-radius:13px;background:color-mix(in srgb,var(--accent) 13%,transparent);display:flex;align-items:center;justify-content:center;font-size:20px}.ac-focus-card>div:nth-child(2){flex:1}.ac-focus-card b{display:block;font-size:13px}.ac-focus-card small{display:block;color:var(--dim);font-size:12px;margin-top:3px}.ac-focus-card>span{color:var(--dim)}
.ac-empty-card{display:flex;align-items:center;gap:11px;border:1px dashed var(--line);border-radius:17px;padding:15px;background:rgba(255,255,255,.012)}.ac-empty-card>span{font-size:20px;color:var(--accent-text,var(--accent))}.ac-empty-card>div{flex:1}.ac-empty-card b{display:block;font-size:12.5px}.ac-empty-card small{display:block;color:var(--dim);font-size:12px;line-height:1.4;margin-top:3px}.ac-empty-card button{border:0;background:var(--accent);color:var(--ink);font-weight:800;border-radius:10px;padding:8px 10px;font-size:12px}
.ac-activity-card{width:100%;display:flex;align-items:center;gap:12px;text-align:left;color:var(--text);border:1px solid var(--line);background:var(--paper);border-radius:17px;padding:13px;margin-bottom:8px}.ac-activity-card:active{transform:scale(.99)}.ac-activity-icon{width:44px;height:44px;border-radius:14px;background:color-mix(in srgb,var(--accent) 12%,transparent);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.ac-activity-main{flex:1;min-width:0}.ac-activity-main>b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ac-activity-main>small{display:block;color:var(--dim);font-size:12px;margin:3px 0 7px}.ac-avatar-stack{display:flex;align-items:center}.ac-avatar-stack span{width:19px;height:19px;border-radius:50%;border:2px solid var(--paper);background:var(--accent);color:var(--ink);font-size:12px;display:flex;align-items:center;justify-content:center;margin-left:-4px}.ac-avatar-stack span:first-child{margin-left:0}.ac-join{font-size:12px;font-weight:800;color:var(--accent-text,var(--accent));white-space:nowrap}
.ac-people-row{display:flex;gap:8px;overflow:auto;padding-bottom:3px}.ac-person{min-width:118px;text-align:left;border:1px solid var(--line);background:var(--paper);border-radius:16px;padding:12px;color:var(--text)}.ac-person span{font-size:19px;display:block;margin-bottom:10px}.ac-person b{display:block;font-size:12px}.ac-person small{display:block;color:var(--dim);font-size:12px;margin-top:3px;line-height:1.35}.ac-person-action:active{border-color:var(--accent-text,var(--accent))}
.ac-progress-section{padding-bottom:30px}.ac-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.ac-progress>div{background:var(--paper);border:1px solid var(--line);border-radius:15px;padding:13px 8px;text-align:center}.ac-progress strong{display:block;font-family:var(--font-brand);font-size:22px}.ac-progress span{font-size:12px;color:var(--dim);text-transform:uppercase;letter-spacing:.05em}
.ac-activity-header{padding:22px 16px 7px;display:flex;align-items:flex-start}.ac-activity-header>div{flex:1}.ac-activity-header>button{width:40px;height:40px;border:0;border-radius:13px;background:var(--accent);color:var(--ink);font-size:23px}.ac-activity-tabs{display:flex;gap:18px;padding:11px 16px 13px;border-bottom:1px solid var(--line)}.ac-activity-tabs span{font-size:12px;color:var(--dim);font-weight:700}.ac-activity-tabs .active{color:var(--accent-text,var(--accent))}.ac-activity-list{padding:14px 16px}.ac-done{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid var(--line)}.ac-done>span{width:26px;height:26px;border-radius:50%;background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent-text,var(--accent));display:flex;align-items:center;justify-content:center}.ac-done b,.ac-done small{display:block}.ac-done b{font-size:12px}.ac-done small{color:var(--dim);font-size:12px;margin-top:2px}
.ac-sheet{position:fixed;inset:0;z-index:900}.ac-sheet-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.66);backdrop-filter:blur(4px)}.ac-sheet-panel{position:absolute;left:0;right:0;bottom:0;max-width:540px;margin:auto;background:var(--ink2);border:1px solid var(--line);border-bottom:0;border-radius:24px 24px 0 0;padding:12px 16px calc(18px + var(--sb));box-shadow:0 -20px 60px rgba(0,0,0,.35);animation:acSheetIn .24s ease-out}.ac-sheet-handle{width:38px;height:4px;border-radius:4px;background:var(--line);margin:0 auto 17px}.ac-sheet-kicker{font-size:12px;letter-spacing:.16em;color:var(--accent-text,var(--accent));font-weight:800}.ac-sheet-panel h2{font-family:var(--font-brand);font-size:26px;line-height:1.1;margin:5px 0}.ac-sheet-panel>p{color:var(--dim);font-size:12px;line-height:1.5;margin:0 0 15px}.ac-intent-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ac-intent-option{border:1px solid var(--line);background:var(--paper);border-radius:15px;padding:12px;text-align:left;color:var(--text);min-height:84px}.ac-intent-option.selected,.ac-intent-option:active{border-color:var(--accent-text,var(--accent));background:color-mix(in srgb,var(--accent) 9%,var(--paper))}.ac-intent-option>span{font-size:19px;display:block;margin-bottom:7px}.ac-intent-option b{display:block;font-size:12px}.ac-intent-option small{display:block;color:var(--dim);font-size:12px;margin-top:3px;line-height:1.35}.ac-natural{display:flex;align-items:center;gap:8px;margin-top:10px;padding:6px 7px 6px 11px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}.ac-natural span{color:var(--accent-text,var(--accent))}.ac-natural input{flex:1;background:none;border:0;outline:0;color:var(--text);font:inherit;font-size:12px}.ac-natural button{width:34px;height:34px;border:0;border-radius:10px;background:var(--accent);color:var(--ink);font-size:18px}.ac-session{text-align:center}.ac-session-icon{width:58px;height:58px;border-radius:18px;margin:2px auto 12px;background:color-mix(in srgb,var(--accent) 13%,transparent);display:flex;align-items:center;justify-content:center;font-size:28px}.ac-session .ac-eyebrow{margin-bottom:3px}.ac-session h2{margin-bottom:4px}.ac-session>p{margin-bottom:16px}.ac-session-goal{text-align:left;padding:14px;border:1px solid var(--line);background:var(--paper);border-radius:15px}.ac-session-goal span{display:block;color:var(--accent-text,var(--accent));font-size:12px;font-weight:800;letter-spacing:.12em}.ac-session-goal b{display:block;font-size:13px;margin-top:5px}.ac-session-goal small{display:block;color:var(--dim);font-size:12px;margin-top:3px}.ac-session-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.ac-session-actions button{border:0;background:var(--accent);color:var(--ink);font-weight:800;border-radius:12px;padding:13px}.ac-session-actions .secondary{background:var(--paper);border:1px solid var(--line);color:var(--text)}
.accord-fab{width:58px!important;height:58px!important;border-radius:19px!important;font-size:30px!important;box-shadow:0 10px 28px rgba(0,0,0,.28)}
@keyframes acSheetIn{from{transform:translateY(22px);opacity:.5}to{transform:none;opacity:1}}
@media(min-width:700px){.ac-home-hero,.ac-section,.ac-activity-header,.ac-activity-list{max-width:680px;margin-left:auto;margin-right:auto}.ac-intent-grid{grid-template-columns:repeat(3,1fr)}.ac-sheet-panel{border:1px solid var(--line);border-radius:24px;bottom:24px}.ac-sheet-backdrop{backdrop-filter:blur(7px)}}


/* ═══════════════════════════════════════════════════════════════
   ACCORD SIGNATURE — PREMIUM VISUAL SYSTEM
   ═══════════════════════════════════════════════════════════════ */
:root{
  --ink:#070B14;
  --ink2:#0D1422;
  --paper:#111A2A;
  --paper2:#151F32;
  --line:rgba(232,225,255,.105);
  --text:#F7F4FF;
  --dim:rgba(236,232,250,.58);
  --accent:#B9A7FF;
  --accent2:#8D79FF;
  --glow:rgba(185,167,255,.24);
}
body{background:radial-gradient(900px 500px at 50% -10%,rgba(130,105,255,.12),transparent 60%),var(--ink);}
.screen{background:linear-gradient(180deg,#080D17 0%,#070B14 100%);}

/* New Accord mark — replaces the dated three-dot logo everywhere. */
.accord-mark{position:relative;width:54px;height:54px;display:block;filter:drop-shadow(0 10px 22px rgba(141,121,255,.28));}
.accord-mark .am{position:absolute;display:block;border-radius:999px;transform-origin:center;}

.sl{width:102px;height:102px;border-radius:32px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.11);box-shadow:0 32px 100px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.10);}
.sl .accord-mark{width:66px;height:66px;transform:scale(1.04);}
#splash{align-items:center;justify-content:center;background:
  radial-gradient(460px 330px at 50% 35%,rgba(139,120,255,.14),transparent 64%),
  radial-gradient(350px 240px at 20% 85%,rgba(73,99,165,.08),transparent 66%),
  #05070c!important;}
#splash .sn{font-family:var(--font-ui);font-size:38px;font-weight:800;letter-spacing:-.02em;color:#fff;margin-top:6px;}
#splash .st{font-size:13px;color:#A19E96;max-width:275px;line-height:1.65;margin-bottom:58px;}
#splash .sb{width:46px;height:2px;background:rgba(255,255,255,.10);}
#splash .sf{background:linear-gradient(90deg,#8070F3,#DDD6FF);}

/* Main chrome */
#main{isolation:isolate;overflow:hidden;}
#main .mh{padding:calc(max(16px,var(--st)) + 4px) 20px 0!important;background:transparent!important;position:relative;z-index:5;}
#main .ht{margin:0 0 13px!important;}
.ac-nav-top{height:48px;}
.ac-wordmark{border:0;background:none;color:#fff;display:flex;align-items:center;gap:9px;padding:0;cursor:pointer;}
.ac-wordmark>span:last-child{font-size:19px;font-weight:800;letter-spacing:-.02em;}
.ac-brand-mini{position:relative;width:18px;height:20px;display:inline-block;filter:drop-shadow(0 5px 10px rgba(137,116,255,.18));}
.ac-brand-mini i{position:absolute;display:block;border-radius:7px;width:5px;height:18px;background:linear-gradient(180deg,#F1EBFF,#8A78FF);}
.ac-brand-mini i:nth-child(1){left:4px;transform:rotate(27deg)}
.ac-brand-mini i:nth-child(2){left:8px;transform:rotate(-27deg);background:linear-gradient(180deg,#CFC6FF,#6856E3)}
.ac-brand-mini i:nth-child(3){left:5px;top:11px;width:9px;height:4px;background:#C8BEFF}
.ac-brand-mini i:nth-child(4){left:7px;top:8px;width:5px;height:5px;background:var(--lux-bg);border-radius:50%;}
.ac-top-icon{width:36px;height:36px;border-radius:12px;padding:0;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.045);color:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px rgba(0,0,0,.22);}
.ac-top-icon img{width:100%;height:100%;object-fit:cover;}
.ac-mode-switch{display:flex;gap:3px;padding:3px;border-radius:13px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.065);}
.ac-mode-switch .mp{height:31px;padding:0 9px!important;border-radius:10px;font-size:12px!important;letter-spacing:.01em;color:#A19E96!important;font-weight:700;}
.ac-mode-switch .mp.on{background:rgba(255,255,255,.075)!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 5px 18px rgba(0,0,0,.12)!important;}
.ac-mode-switch .md2{width:5px!important;height:5px!important;opacity:.82;}
#momentsStrip{display:none!important;}

/* Bottom navigation becomes the primary navigation — quiet and physical. */
#main .accord-primary-tabs{position:absolute!important;left:50%;bottom:0;transform:translateX(-50%);width:100%;max-width:520px;height:78px!important;padding:10px 16px calc(10px + var(--sb))!important;display:grid!important;grid-template-columns:repeat(4,1fr);gap:6px!important;background:rgba(7,9,14,.78)!important;border-top:1px solid rgba(255,255,255,.085)!important;backdrop-filter:blur(28px) saturate(120%);z-index:20;}
#main .accord-primary-tabs .tab{position:relative;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:4px!important;border:0!important;border-radius:12px!important;background:transparent!important;color:#A19E96!important;box-shadow:none!important;font-size:12px!important;font-weight:700!important;}
#main .accord-primary-tabs .tab.on{color:#fff!important;}
#main .accord-primary-tabs .tab.on::before{content:'';position:absolute;top:3px;width:18px;height:2px;border-radius:9px;background:var(--lux-lilac);box-shadow:0 0 14px rgba(191,176,255,.46);}
#main .accord-primary-tabs .tab small{font-size:12px;line-height:1;}
.nav-glyph{position:relative;width:19px;height:19px;display:block;opacity:.72;}
.tab.on .nav-glyph{opacity:1;}
.nav-glyph::before,.nav-glyph::after{content:'';position:absolute;display:block;}
.nav-home::before{left:3px;top:6px;width:13px;height:10px;border:1.4px solid currentColor;border-top:0;border-radius:3px;}
.nav-home::after{left:4px;top:2px;width:10px;height:10px;border-left:1.4px solid currentColor;border-top:1.4px solid currentColor;transform:rotate(45deg);border-radius:2px;}
.nav-discover::before{left:2px;top:2px;width:14px;height:14px;border:1.4px solid currentColor;border-radius:50%;}
.nav-discover::after{left:8px;top:6px;width:5px;height:5px;border:1.4px solid currentColor;transform:rotate(45deg);border-radius:1px;}
.nav-activity::before{left:2px;bottom:3px;width:2px;height:7px;border-radius:2px;background:currentColor;box-shadow:5px -4px 0 currentColor,10px -8px 0 currentColor;}
.nav-chat::before{left:2px;top:3px;width:14px;height:11px;border:1.4px solid currentColor;border-radius:6px;}
.nav-chat::after{left:6px;bottom:2px;width:5px;height:5px;border-left:1.4px solid currentColor;border-bottom:1.4px solid currentColor;transform:skewY(-26deg);}

/* Remove dashboard feeling: home reads as a composition. */
#mainBody{padding-bottom:calc(112px + var(--sb))!important;}
.ac-hero-v4{position:relative;padding:31px 20px 13px;overflow:hidden;}
.ac-hero-glow{position:absolute;width:330px;height:330px;right:-160px;top:-120px;border-radius:50%;background:radial-gradient(circle,rgba(139,119,255,.17),rgba(139,119,255,0) 68%);pointer-events:none;}
.ac-hero-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;position:relative;z-index:1;}
.ac-live-context{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:#A19E96;}
.ac-live-context i{width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent);}
.ac-date{font-size:12px;color:#A19E96;letter-spacing:.05em;}
.ac-greeting-v4{font-size:12px;color:#A19E96;margin-bottom:7px;position:relative;z-index:1;}
.ac-hero-v4 h1{font-family:var(--font-brand);font-size:39px;line-height:.98;letter-spacing:-.02em;font-weight:600;color:#fff;position:relative;z-index:1;}
.ac-hero-v4 h1 em{font-style:italic;font-weight:500;background:linear-gradient(100deg,#fff 5%,#C9C0FF 68%,#8D7BFF);-webkit-background-clip:text;background-clip:text;color:transparent;}
.ac-hero-v4 p{max-width:286px;font-size:12px;line-height:1.55;color:#A19E96;margin:12px 0 23px;position:relative;z-index:1;}
.ac-intent-v4{position:relative;z-index:2;width:100%;min-height:79px;padding:12px 13px;border-radius:20px;border:1px solid rgba(209,199,255,.20);background:linear-gradient(145deg,rgba(255,255,255,.072),rgba(255,255,255,.025));display:flex;align-items:center;gap:12px;text-align:left;color:#fff;box-shadow:0 24px 58px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.09);backdrop-filter:blur(16px);cursor:pointer;}
.ac-intent-v4:active{transform:translateY(1px);}
.ac-intent-icon{width:43px;height:43px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#181329;background:linear-gradient(145deg,#E2DCFF,#9D8AFF);box-shadow:0 10px 25px rgba(120,98,255,.23);}
.ac-intent-icon svg{width:21px;height:21px;}
.ac-intent-copy{min-width:0;display:flex;flex-direction:column;gap:4px;}
.ac-intent-copy small{font-size:12px;color:#A19E96;letter-spacing:.15em;font-weight:800;}
.ac-intent-copy b{font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ac-intent-arrow{margin-left:auto;color:#D9D2FF;display:flex;width:20px;height:20px;}
.ac-intent-arrow svg{width:20px;height:20px;}

.ac-start-v4{display:flex;gap:18px;padding:6px 20px 25px;overflow:auto;}
.ac-start-v4 button{display:flex;align-items:center;gap:7px;flex-shrink:0;border:0;background:none;color:#A19E96;font-size:12px;font-weight:700;padding:0;}
.ac-start-v4 button span{width:25px;height:25px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.10);border-radius:9px;color:#C7BFFF;background:rgba(255,255,255,.025);}
.ac-start-v4 button svg{width:13px;height:13px;}

.ac-focus-v4{padding:0 20px 27px;}
.ac-v4-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;}
.ac-v4-label>span{font-size:12px;letter-spacing:.18em;font-weight:800;color:#A19E96;}
.ac-v4-label button{border:0;background:none;color:#C4BAFF;font-size:12px;font-weight:700;}
.ac-focus-main-v4{display:flex;align-items:center;gap:13px;padding:0 0 14px;}
.ac-focus-mark{width:43px;height:43px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#CABFFF;background:rgba(185,170,255,.08);border:1px solid rgba(185,170,255,.15);flex-shrink:0;}
.ac-focus-mark svg{width:20px;height:20px;}
.ac-focus-main-v4 small{display:block;font-size:12px;color:#A19E96;letter-spacing:.12em;font-weight:800;margin-bottom:4px;}
.ac-focus-main-v4 h2{font-family:var(--font-brand);font-size:22px;line-height:1.03;font-weight:500;letter-spacing:-.012em;color:#F2F0EB;}
.ac-focus-line{display:flex;align-items:center;gap:8px;font-size:12px;color:#A19E96;}
.ac-focus-line>span:first-child{height:2px;flex:0 0 36px;background:linear-gradient(90deg,var(--accent),rgba(255,255,255,0));border-radius:99px;}
.ac-section-v4{padding:0 20px 28px;}
.ac-section-v4 .ac-v4-label{margin-bottom:10px;}
.ac-section-v4 .ac-activity-card{border:1px solid rgba(255,255,255,.075)!important;background:rgba(255,255,255,.028)!important;border-radius:18px!important;box-shadow:0 18px 45px rgba(0,0,0,.18)!important;}
.ac-people-v4{display:flex;flex-direction:column;border-top:1px solid rgba(255,255,255,.07);}
.ac-people-v4>button{display:grid;grid-template-columns:38px 1fr 18px;gap:11px;align-items:center;width:100%;padding:13px 0;border:0;border-bottom:1px solid rgba(255,255,255,.07);background:none;text-align:left;color:#fff;}
.ac-people-v4>button:last-child{border-bottom:0;}
.ac-people-v4>button>svg{width:15px;height:15px;color:#A19E96;justify-self:end;}
.ac-person-avatar{width:38px;height:38px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;letter-spacing:-.02em;border:1px solid rgba(255,255,255,.10);}
.avatar-one{background:linear-gradient(145deg,#3F4353,#1D2230);color:#EDEAF2;}
.avatar-two{background:linear-gradient(145deg,#B8ACFF,#7260E5);color:#181329;}
.ac-people-v4 b{display:block;font-size:12px;font-weight:700;}
.ac-people-v4 small{display:block;margin-top:3px;font-size:12px;color:#A19E96;}
.ac-momentum-v4{padding-bottom:48px;}
.ac-momentum-row{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07);}
.ac-momentum-row>div{padding:17px 0;display:flex;flex-direction:column;gap:4px;}
.ac-momentum-row>div+div{border-left:1px solid rgba(255,255,255,.07);padding-left:15px;}
.ac-momentum-row strong{font-size:23px;font-weight:800;letter-spacing:-.02em;color:#fff;}
.ac-momentum-row span{font-size:12px;text-transform:uppercase;letter-spacing:.13em;color:#A19E96;}

/* Intent sheet — more editorial, less app-template. */
.ac-sheet-backdrop{background:rgba(2,3,7,.78)!important;backdrop-filter:blur(20px)!important;}
.ac-sheet-panel{background:linear-gradient(180deg,#10141D,#080B11)!important;border:1px solid rgba(255,255,255,.105)!important;box-shadow:0 -35px 100px rgba(0,0,0,.68)!important;border-radius:30px 30px 0 0!important;padding:12px 20px calc(24px + var(--sb))!important;}
.ac-sheet-panel h2{font-family:var(--font-brand)!important;font-size:31px!important;font-weight:600!important;letter-spacing:-.02em!important;}
.ac-sheet-panel>p{max-width:340px;font-size:12px!important;color:#A19E96!important;line-height:1.65!important;}
.ac-intent-grid{gap:7px!important;}
.ac-intent-option{background:rgba(255,255,255,.027)!important;border-color:rgba(255,255,255,.07)!important;border-radius:18px!important;min-height:88px!important;}
.ac-intent-option>span{font-size:18px!important;color:#CAC0FF!important;}
.ac-intent-option b{font-size:12px!important;}
.ac-intent-option small{font-size:12px!important;color:#A19E96!important;}
.ac-intent-option.selected,.ac-intent-option:active{border-color:rgba(205,195,255,.34)!important;background:rgba(182,167,255,.09)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05);}
.ac-natural{background:rgba(255,255,255,.028)!important;border-color:rgba(255,255,255,.085)!important;border-radius:16px!important;margin-top:12px!important;}
.ac-natural input{font-size:12px!important;}
.ac-natural button{width:35px!important;height:35px!important;border-radius:11px!important;background:linear-gradient(145deg,#DDD5FF,#8E7BF4)!important;color:#15111E!important;}

/* Premium buttons / fields outside Home. */
.btn-primary{background:linear-gradient(135deg,#E3DFFF,#A28EFF)!important;color:#12101A!important;border-radius:15px!important;box-shadow:0 14px 32px rgba(137,116,255,.15)!important;}
.field{background:rgba(255,255,255,.032)!important;border-color:rgba(255,255,255,.085)!important;border-radius:14px!important;}

/* Onboarding is now premium too: less emoji, more typography. */
.ob{padding-left:23px!important;padding-right:23px!important;background:radial-gradient(300px 260px at 100% 0,rgba(145,125,255,.08),transparent 70%);}
.ac-onboard-mark{width:64px;height:64px;border-radius:22px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.018));border:1px solid rgba(255,255,255,.10);margin-bottom:20px;}
.ac-onboard-mark .accord-mark{width:43px;height:43px;transform:scale(.9);}
.ob .h1{font-family:var(--font-brand);font-size:34px!important;letter-spacing:-.02em;line-height:1.05!important;}
.ob .mc{background:rgba(255,255,255,.025)!important;border:1px solid rgba(255,255,255,.085)!important;border-radius:19px!important;padding:15px!important;box-shadow:none!important;}
.ob .mc.on{background:rgba(255,255,255,.055)!important;border-color:rgba(206,197,255,.34)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 16px 35px rgba(0,0,0,.16)!important;}
.ob .mi{width:45px;height:45px;border-radius:14px!important;}
.mi-svg{display:flex;align-items:center;justify-content:center;}
.mode-svg{position:relative;width:21px;height:21px;display:block;color:var(--ma,#C9BEFF);}
.mode-study::before{content:'';position:absolute;left:2px;top:3px;width:16px;height:12px;border:1.3px solid currentColor;border-radius:3px;}
.mode-study::after{content:'';position:absolute;left:6px;top:7px;width:8px;height:1px;background:currentColor;box-shadow:0 4px 0 currentColor;opacity:.8;}
.mode-work::before{content:'';position:absolute;left:2px;top:7px;width:17px;height:11px;border:1.3px solid currentColor;border-radius:3px;}
.mode-work::after{content:'';position:absolute;left:7px;top:3px;width:7px;height:7px;border:1.3px solid currentColor;border-bottom:0;border-radius:3px 3px 0 0;}
.mode-faith::before{content:'◒';position:absolute;inset:0;text-align:center;font-size:22px;line-height:21px;}

.accord-fab{width:52px!important;height:52px!important;border-radius:17px!important;bottom:calc(91px + var(--sb))!important;right:18px!important;background:linear-gradient(145deg,#E0DAFF,#9480F7)!important;color:#15111D!important;box-shadow:0 18px 42px rgba(0,0,0,.38),0 8px 28px rgba(132,108,255,.18)!important;border:1px solid rgba(255,255,255,.13)!important;z-index:25!important;}
.accord-fab .fab-glyph{font-size:28px;line-height:1;font-weight:300;transform:translateY(-1px);}
.fab-hint{display:none!important;}

@media(min-width:700px){
  #main .accord-primary-tabs{bottom:18px;border:1px solid rgba(255,255,255,.09)!important;border-radius:22px!important;height:72px!important;padding:8px 14px!important;box-shadow:0 24px 70px rgba(0,0,0,.30)!important;}
  .accord-fab{bottom:calc(108px + var(--sb))!important;right:24px!important;}
  .ac-hero-v4,.ac-focus-v4,.ac-section-v4{max-width:760px;margin-left:auto;margin-right:auto;}
}

/* Discover v4 */
.ac-discover-v4{padding:30px 20px 17px;}
.ac-discover-kicker{font-size:12px;letter-spacing:.17em;font-weight:800;color:#A19E96;text-transform:uppercase;margin-bottom:11px;}
.ac-discover-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;}
.ac-discover-title-row h1{font-family:var(--font-brand);font-size:39px;line-height:.95;letter-spacing:-.02em;font-weight:600;color:#fff;}
.ac-discover-title-row p{max-width:270px;margin-top:8px;font-size:12px;line-height:1.55;color:#A19E96;}
.ac-discover-search{width:38px;height:38px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:rgba(255,255,255,.035);color:#fff;font-size:19px;}
.ac-discover-searchbox{height:44px;display:flex;align-items:center;gap:9px;margin-top:20px;padding:0 13px;border-radius:14px;background:rgba(255,255,255,.028);border:1px solid rgba(255,255,255,.08);}
.ac-discover-searchbox>span{font-size:15px;color:#A19E96;}
.ac-discover-searchbox input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#fff;font-size:12px;}
.ac-discover-searchbox input::placeholder{color:#A19E96;}
.ac-discover-filters{display:flex;gap:6px;overflow:auto;padding-top:11px;scrollbar-width:none;}
.ac-discover-filters .goal-chip{flex-shrink:0;padding:7px 11px!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.08)!important;background:rgba(255,255,255,.025)!important;color:#A19E96!important;font-size:12px!important;font-weight:700!important;}
.ac-discover-filters .goal-chip.on{background:rgba(202,191,255,.13)!important;border-color:rgba(202,191,255,.25)!important;color:#EAE5FF!important;}
#discoverListWrap{padding-bottom:32px;}
#main #discoverListWrap .cit{margin:0 20px 8px!important;padding:14px 0!important;border-top:1px solid rgba(255,255,255,.07)!important;border-bottom:0!important;background:none!important;gap:12px!important;align-items:flex-start!important;}
#main #discoverListWrap .cit:first-child{border-top:0!important;}
#main #discoverListWrap .cib{padding-top:2px;}
#main #discoverListWrap .cin{font-size:12px!important;font-weight:750!important;color:#F5F2EE!important;}
#main #discoverListWrap .cil{font-size:12px!important;color:#A19E96!important;line-height:1.45;white-space:normal!important;}
#main #discoverListWrap .av{width:46px!important;height:46px!important;border-radius:15px!important;border:1px solid rgba(255,255,255,.08);}
#main #discoverListWrap .match-tag{font-size:12px!important;background:rgba(195,184,255,.08)!important;padding:4px 8px!important;border-radius:8px!important;}
#main #discoverListWrap .why-chip{font-size:12px!important;padding:4px 7px!important;background:rgba(255,255,255,.035)!important;border-color:rgba(255,255,255,.06)!important;}
#main #discoverListWrap .common-label{font-size:12px!important;letter-spacing:.13em!important;color:#A19E96!important;}
#main #discoverListWrap .pro-chip{font-size:12px!important;}
#main #discoverListWrap .cit>div:last-child{font-size:12px!important;color:#C7BEFF!important;padding-top:4px;}
.ac-discover-loading{margin:28px 20px;padding:38px 18px;text-align:center;border:1px solid rgba(255,255,255,.07);border-radius:19px;background:rgba(255,255,255,.025);display:flex;flex-direction:column;align-items:center;gap:7px;}
.ac-discover-loading span{width:9px;height:9px;border-radius:50%;background:#BDB1FF;box-shadow:0 0 20px rgba(167,147,255,.55);animation:acPulse 1.2s ease-in-out infinite;}
.ac-discover-loading b{font-size:12px;color:#F4F1EB;}
.ac-discover-loading small{font-size:12px;color:#A19E96;}
@keyframes acPulse{0%,100%{transform:scale(.75);opacity:.45}50%{transform:scale(1);opacity:1}}

/* Activity v4 */
#main .ac-activity-header{padding:30px 20px 16px!important;}
#main .ac-activity-header h1{font-family:var(--font-brand)!important;font-size:39px!important;letter-spacing:-.02em!important;font-weight:600!important;}
#main .ac-activity-header p{font-size:12px!important;color:#A19E96!important;}
#main .ac-activity-header>button{width:38px;height:38px;border-radius:13px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);color:#fff;}
#main .ac-activity-tabs{margin:0 20px 10px!important;border-bottom:1px solid rgba(255,255,255,.07)!important;}
#main .ac-activity-tabs span{font-size:12px!important;color:#A19E96!important;}
#main .ac-activity-tabs span.active{color:#fff!important;border-color:#C4B9FF!important;}
#main .ac-activity-list{padding:0 20px!important;}
#main .ac-activity-list .ac-activity-card{margin-bottom:8px!important;}

/* Legacy chrome gets the same material language. */
#main .cit{background:transparent;}
#main .gg{padding-left:20px;padding-right:20px;}
#main .gc{background:rgba(255,255,255,.025);border-color:rgba(255,255,255,.075);border-radius:17px;}

/* ================================================================
   ACCORD V5 — BESPOKE EDITORIAL SYSTEM
   Quiet luxury / intentional social / cinematic depth
   ================================================================ */
:root{
  --v5-bg:#07090e;
  --v5-surface:#0d1119;
  --v5-line:rgba(255,255,255,.085);
  --v5-muted:rgba(247,244,241,.48);
  --v5-soft:rgba(247,244,241,.72);
  --v5-lilac:#c5b7ff;
  --v5-lilac2:#8875ff;
  --v5-warm:#f1d7c0;
}
body{background:var(--v5-bg)!important;}
#main{background:var(--v5-bg)!important;}
#main .scroll{padding-bottom:calc(110px + var(--sb));}
.accord-logo-img{display:block;width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 16px 34px rgba(139,119,255,.23));}
.accord-logo-xl{width:96px;height:96px;filter:drop-shadow(0 22px 52px rgba(139,119,255,.30));}
.accord-logo-signin{width:64px;height:64px;}
.accord-logo-small{width:26px;height:26px;border-radius:8px;}
.ac-nav-top{height:62px!important;padding:10px 18px!important;border-bottom:1px solid rgba(255,255,255,.045)!important;background:rgba(7,9,14,.72)!important;backdrop-filter:blur(24px) saturate(125%);}
.ac-wordmark{gap:9px!important;font-family:var(--font-ui)!important;font-size:15px!important;letter-spacing:-.012em!important;font-weight:800!important;color:#f7f4f1!important;}
.ac-brand-mini{width:23px!important;height:23px!important;border-radius:7px!important;overflow:hidden!important;background:url('accord-mark.svg') center/cover no-repeat!important;box-shadow:0 6px 20px rgba(132,112,255,.2)!important;}
.ac-brand-mini i{display:none!important;}
.ac-mode-switch{background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.055)!important;border-radius:14px!important;padding:3px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;}
.ac-mode-switch .mp{border-radius:10px!important;font-size:12px!important;color:#A19E96!important;}
.ac-mode-switch .mp.on{background:rgba(255,255,255,.075)!important;color:#fff!important;box-shadow:0 4px 18px rgba(0,0,0,.22)!important;}
.v5-home{width:100%;max-width:760px;margin:0 auto;}
.v5-hero{position:relative;padding:31px 20px 22px;overflow:hidden;min-height:390px;background:
 radial-gradient(circle at 82% 18%,rgba(143,122,255,.17),transparent 30%),
 radial-gradient(circle at 8% 80%,rgba(239,203,178,.07),transparent 34%),
 linear-gradient(180deg,#0b0e17 0%,#080a10 72%,#07090e 100%);border-bottom:1px solid rgba(255,255,255,.045);}
.v5-orbit{position:absolute;border:1px solid rgba(194,181,255,.10);border-radius:50%;pointer-events:none;}
.v5-orbit-a{width:430px;height:430px;right:-230px;top:-190px;box-shadow:0 0 90px rgba(127,108,255,.07) inset;}
.v5-orbit-b{width:250px;height:250px;left:-180px;bottom:-170px;}
.v5-topline{display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.17em;font-size:12px;font-weight:800;color:#A19E96;position:relative;z-index:2;}
.v5-topline i{width:3px;height:3px;border-radius:50%;background:var(--v5-lilac);box-shadow:0 0 8px var(--v5-lilac);}
.v5-topline time{color:#A19E96;}
.v5-greeting{position:relative;margin-top:34px;color:#A19E96;font-size:13px;letter-spacing:-.01em;}
.v5-hero h1{position:relative;margin:4px 0 0;font-family:var(--font-brand);font-size:43px;line-height:.98;letter-spacing:-.02em;font-weight:500;color:#fff;}
.v5-hero h1 em{font-style:italic;color:#bdb0ff;}
.v5-hero-copy{position:relative;max-width:330px;margin:16px 0 25px;color:#A19E96;font-size:12px;line-height:1.65;}
.v5-intent{position:relative;width:100%;padding:17px 17px 15px;text-align:left;border:1px solid rgba(255,255,255,.10);border-radius:20px;background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.025));box-shadow:0 18px 55px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.07);backdrop-filter:blur(20px);color:#fff;}
.v5-intent:active{transform:scale(.985);}
.v5-intent-kicker{display:block;font-size:12px;letter-spacing:.17em;font-weight:800;color:#bdb0ff;margin-bottom:9px;}
.v5-intent strong{display:block;font-family:var(--font-brand);font-size:20px;line-height:1.12;font-weight:500;letter-spacing:-.025em;max-width:270px;}
.v5-intent-foot{display:flex;align-items:center;justify-content:space-between;margin-top:17px;color:#A19E96;font-size:12px;}
.v5-intent-foot b{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#f3efff;color:#17131e;box-shadow:0 8px 20px rgba(177,158,255,.18);}
.v5-intent-foot svg{width:14px;height:14px;}
.v5-rail{display:grid;grid-template-columns:repeat(4,1fr);padding:14px 16px 20px;border-bottom:1px solid rgba(255,255,255,.055);gap:7px;}
.v5-rail button{min-width:0;text-align:left;padding:11px 9px;border:0;background:transparent;color:#fff;border-radius:14px;}
.v5-rail button:active{background:rgba(255,255,255,.05);}
.v5-rail-icon{width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.09);border-radius:10px;color:#c5b7ff;margin-bottom:8px;background:rgba(255,255,255,.025);}
.v5-rail-icon svg{width:15px;height:15px;}
.v5-rail b{display:block;font-size:12px;letter-spacing:-.01em;}
.v5-rail small{display:block;margin-top:3px;font-size:12px;color:#A19E96;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.v5-editorial,.v5-now,.v5-people,.v5-momentum{padding:25px 18px;border-bottom:1px solid rgba(255,255,255,.055);}
.v5-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:16px;}
.v5-section-head small{display:block;font-size:12px;letter-spacing:.17em;font-weight:800;color:#A19E96;margin-bottom:6px;}
.v5-section-head h2{font-family:var(--font-brand);font-weight:500;font-size:24px;line-height:1.05;letter-spacing:-.012em;margin:0;color:#fff;}
.v5-section-head button{border:0;background:none;color:#aaa0d4;font-size:12px;font-weight:700;padding:5px 0;white-space:nowrap;}
.v5-star-line{display:flex;align-items:center;gap:10px;color:#A19E96;font-size:12px;}
.v5-star-line span{width:7px;height:7px;border-radius:50%;background:#c4b5ff;box-shadow:0 0 18px rgba(196,181,255,.7);}
.v5-star-line b{font-weight:500;}
.v5-people{background:linear-gradient(180deg,rgba(255,255,255,.012),transparent);}
.v5-person-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;}
.v5-person-grid button{position:relative;text-align:left;min-height:145px;padding:14px;border-radius:18px;border:1px solid rgba(255,255,255,.075);background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.035);}
.v5-face{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;margin-bottom:25px;font-size:12px;font-weight:800;border:1px solid rgba(255,255,255,.14);}
.v5-face-1{background:linear-gradient(145deg,#9a8aff,#40365f);}.v5-face-2{background:#121722;color:#c7baff;}
.v5-person-grid b{display:block;font-size:12px;line-height:1.25;max-width:145px;}.v5-person-grid small{display:block;margin-top:6px;color:#A19E96;font-size:12px;line-height:1.4;max-width:150px;}
.v5-arrow{position:absolute;right:12px;bottom:12px;width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.07);color:#c7baff;}.v5-arrow svg{width:12px;height:12px;}
.v5-metric-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);}
.v5-metric-grid div{padding:15px 8px 13px;border-right:1px solid rgba(255,255,255,.06);}.v5-metric-grid div:last-child{border-right:0;}.v5-metric-grid b{display:block;font-family:var(--font-brand);font-size:28px;font-weight:500;letter-spacing:-.02em;}.v5-metric-grid span{display:block;margin-top:4px;color:#A19E96;font-size:12px;text-transform:uppercase;letter-spacing:.1em;line-height:1.3;}
.v5-footer-mark{display:flex;flex-direction:column;align-items:center;gap:10px;padding:42px 0 28px;color:#A19E96;font-size:12px;letter-spacing:.24em;}.v5-footer-mark img{width:34px;height:34px;opacity:.58;}
/* Existing cards become quieter in v5 */
#main .ac-activity-card{border-radius:18px!important;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018))!important;border:1px solid rgba(255,255,255,.075)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;padding:14px!important;}
#main .ac-empty-card{border-radius:18px!important;background:linear-gradient(145deg,rgba(196,181,255,.07),rgba(255,255,255,.02))!important;border:1px solid rgba(196,181,255,.13)!important;}
#main .ac-v4-label{font-size:12px!important;letter-spacing:.17em!important;color:#A19E96!important;}
#main .ac-v4-label button{color:#aaa0d4!important;}
#main .accord-primary-tabs{height:74px!important;background:rgba(7,9,14,.80)!important;border-top:1px solid rgba(255,255,255,.07)!important;backdrop-filter:blur(30px) saturate(135%);}
#main .accord-primary-tabs .tab{opacity:.55;transition:opacity .2s,transform .2s;}#main .accord-primary-tabs .tab.on{opacity:1;}
#main .accord-primary-tabs .tab.on::before{background:linear-gradient(90deg,#8b79ff,#d6cbff)!important;box-shadow:0 0 18px rgba(174,157,255,.55)!important;}
#main .accord-fab{width:48px!important;height:48px!important;border-radius:16px!important;background:linear-gradient(145deg,#e6ddff,#9f8cff)!important;color:#17131f!important;box-shadow:0 16px 38px rgba(126,103,255,.30),0 0 0 6px rgba(166,149,255,.055)!important;}
#main .fab-glyph{font-size:25px!important;font-weight:300!important;}
@media(min-width:700px){.v5-hero{border-radius:0 0 30px 30px;padding:42px 36px 30px;min-height:450px}.v5-rail,.v5-editorial,.v5-now,.v5-people,.v5-momentum{padding-left:28px;padding-right:28px}.v5-hero h1{font-size:58px}.v5-person-grid{gap:14px}.v5-person-grid button{min-height:165px}.v5-home{padding-bottom:30px;}}
@media(max-width:380px){.v5-hero h1{font-size:38px}.v5-rail small{display:none}.v5-person-grid{grid-template-columns:1fr}.v5-person-grid button{min-height:125px;}.v5-face{margin-bottom:16px;}}
/* logo image compatibility */
.sl .accord-logo-img{margin:auto;}

/* ═══════════════════════════════════════════════════════
   V5.1 POLISH — home screen refinement
   ═══════════════════════════════════════════════════════ */

/* 1. The + button never covers content on Home — the intention card is the
      call to action there. It returns on Discover / Activity / Chats. */
#main.tab-home .accord-fab,#main.tab-home .fab-hint{display:none!important;}
#main .accord-fab{transition:transform .2s,box-shadow .2s;}
#main .accord-fab:active{transform:scale(.93);box-shadow:0 8px 20px rgba(126,103,255,.25)!important;}

/* 2. Bottom navigation — readable when inactive, clearly lit when active */
#main .accord-primary-tabs .tab{opacity:1!important;color:#A19E96!important;}
#main .accord-primary-tabs .tab .nav-glyph{opacity:.85;transition:opacity .2s,transform .2s,color .2s;}
#main .accord-primary-tabs .tab.on{color:#fff!important;}
#main .accord-primary-tabs .tab.on .nav-glyph{opacity:1;color:#d6cbff;transform:translateY(-1px);}
#main .accord-primary-tabs .tab small{font-size:12px!important;letter-spacing:.02em;}
#main .accord-primary-tabs{background:rgba(7,9,14,.86)!important;}

/* 3. Mode switch — one family of colour. The active mode carries a lit lilac
      dot; the others stay quiet. */
.ac-mode-switch{background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:14px!important;padding:3px!important;}
.ac-mode-switch .mp{color:#A19E96!important;transition:color .25s,background .25s,box-shadow .25s!important;}
.ac-mode-switch .mp .md2{background:#bdb0ff!important;opacity:.28!important;transition:opacity .25s,box-shadow .25s;}
.ac-mode-switch .mp.on{background:rgba(255,255,255,.085)!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 6px 20px rgba(0,0,0,.28)!important;}
.ac-mode-switch .mp.on .md2{opacity:1!important;box-shadow:0 0 10px rgba(189,176,255,.85);}

/* 4. Hero background — one orbit only, and a finer one */
.v5-orbit-b{display:none!important;}
.v5-orbit-a{border-color:rgba(194,181,255,.13)!important;}
.v5-orbit-a::after{content:'';position:absolute;inset:34px;border-radius:50%;border:1px solid rgba(194,181,255,.06);}

/* 5. Extra finish */
.ac-top-icon#profileBtn{box-shadow:0 0 0 1px rgba(189,176,255,.45),0 6px 18px rgba(132,112,255,.14)!important;}
.v5-rail{gap:6px;padding:16px 14px 20px;}
.v5-rail button{padding:12px 8px;transition:background .2s,transform .2s;}
.v5-rail button:active{transform:scale(.97);}
.v5-rail-icon{width:34px;height:34px;border-radius:11px;background:linear-gradient(145deg,rgba(189,176,255,.12),rgba(255,255,255,.02));border-color:rgba(189,176,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.06);}
.v5-rail-icon svg{width:16px;height:16px;}
.v5-rail b{font-size:12px;}
.v5-rail small{font-size:12px;color:#A19E96;}
.v5-intent{transition:transform .15s,box-shadow .25s,border-color .25s;}
.v5-intent:active{box-shadow:0 10px 30px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.07),0 0 0 1px rgba(189,176,255,.25);}
.v5-intent-foot b{transition:transform .2s,box-shadow .2s;}
.v5-intent:active .v5-intent-foot b{transform:translate(2px,-2px);box-shadow:0 10px 24px rgba(177,158,255,.35);}
.v5-hero-copy{color:#A19E96;}
.v5-greeting{color:#A19E96;}

/* ═══════════════════════════════════════════════════════
   V5.2 — touch feel + chat layout
   ═══════════════════════════════════════════════════════ */

/* Every tap answers back. Removing the tap highlight left nothing in its place,
   so taps felt dead. Tappable things now dim briefly while pressed. */
html{touch-action:manipulation;}
button,.tab,.mp,.bb,.btn,.cit,.ib,.ca,.cs,.av,.ac-top-icon,.v5-rail button,.v5-intent,.v5-person-grid button,
.ac-sheet-panel button,#mainBody [onclick],.mstrip [onclick],.sl [onclick]{
  -webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:pointer;
  transition:opacity .12s ease,transform .12s ease,background .2s ease;
}
button:active,.tab:active,.mp:active,.bb:active,.btn:active,.cit:active,.ib:active,.ca:active,.cs:active,
.ac-top-icon:active,#mainBody [onclick]:active,.mstrip [onclick]:active{opacity:.62;}
.cit:active{background:rgba(255,255,255,.045);}
/* Text people may want to copy stays selectable */
.bbl,.bbl *,input,textarea,.vn-transcript,.trans-wrap{-webkit-user-select:text;user-select:text;}
/* (removed: making whole screens unselectable blocked the message box on Android) */

/* Mode banner — one calm line, no column wrapping */
#chat .mb3{display:block!important;padding:7px 16px!important;font-size:12px!important;line-height:1.4!important;
  white-space:normal;text-align:center;letter-spacing:.01em;}
#chat .mb3 span{margin-right:3px;}

/* Day dividers — small, quiet, not a pill the size of a message */
#chat .dd{position:sticky;top:6px;align-self:center;font-size:12px!important;padding:3px 10px!important;
  background:rgba(12,15,24,.78)!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:100px;
  margin:10px 0 4px!important;line-height:1.4;letter-spacing:.02em;backdrop-filter:blur(8px);}
#chat .dd-date{font-weight:600!important;color:#CFCBC0!important;}
#chat .dd-meta{display:none!important;}
#chat .dd-topic{font-size:12px;}

/* Bubbles — tighter rhythm, smaller time stamps, room for text */
#chat .msgs{padding:12px 12px 16px!important;gap:4px!important;}
#chat .row{max-width:86%!important;gap:6px!important;}
#chat .row.grouped{margin-top:0!important;}
#chat .row+.dd{margin-top:14px!important;}
#chat .bbl{padding:9px 12px 7px!important;font-size:14.5px!important;line-height:1.42!important;border-radius:16px!important;}
#chat .bt{font-size:12px!important;opacity:.48!important;margin-top:3px!important;letter-spacing:.02em;}
#chat .out .bt{text-align:right;}
#chat .ia,#chat .ia-ph{width:20px!important;height:20px!important;}
/* Held-back placeholder — lighter, so it stops competing with real messages */
#chat .vest{font-size:12px;opacity:.75;padding:8px 14px;}

/* ═══ V5.3 — no blinking, real tap feedback ═══ */
/* Redraws never fade in; only a brand-new last message does */
#msgs.settled .row,#msgs.settled .bbl,#msgs.settled .vest,#msgs.settled .cimgwrap,
#msgs.settled .trans-bubble,#msgs.settled .common-banner{animation:none!important;}
#msgs.settled .row-new{animation:bblIn .22s cubic-bezier(.2,.7,.3,1) both!important;}
/* Sticky date chips with blur flicker on many Android phones */
#chat .dd{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(14,17,27,.94)!important;}
/* Pressed state — wins over every other style */
.is-pressed{opacity:.55!important;transition:opacity 0s!important;}
.cit.is-pressed,#mainBody .is-pressed.cit{background:rgba(255,255,255,.05)!important;}

/* ═══ V5.4 — message box always takes taps ═══ */
textarea,input,select,[contenteditable]{
  -webkit-user-select:auto!important;user-select:auto!important;-webkit-touch-callout:default!important;
  pointer-events:auto!important;touch-action:auto!important;
}
#compIn{min-height:40px;cursor:text;}
#compBar{cursor:text;}
/* The toast is only a message — it must never catch taps, even while visible.
   It also sits above the message bar and bottom tabs instead of over them. */
#toast{pointer-events:none!important;bottom:calc(96px + var(--sb))!important;white-space:normal!important;}

/* ═══════════════════════════════════════════════════════
   V6 — CHAT SCREEN
   One visual language in every mode: Accord lilac on deep ink.
   The mode is still named in the banner, but it no longer repaints the chat.
   ═══════════════════════════════════════════════════════ */
#chat{
  --accent:#B6A7FF;
  --c-ink:#07090F;
  --c-out-1:#C7BBFF; --c-out-2:#8F7BFF;
  --c-in:rgba(255,255,255,.055); --c-in-line:rgba(255,255,255,.08);
  --c-dim:rgba(255,255,255,.46);
  background:
    radial-gradient(600px 320px at 100% 0%,rgba(143,122,255,.10),transparent 60%),
    radial-gradient(500px 300px at 0% 100%,rgba(143,122,255,.05),transparent 60%),
    var(--c-ink)!important;
}

/* Header — glass bar, quiet icons */
#chat .ch{padding:calc(max(10px,var(--st)) + 2px) 10px 10px!important;gap:10px!important;
  background:rgba(9,11,18,.82)!important;border-bottom:1px solid rgba(255,255,255,.06)!important;
  backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%);z-index:6;}
#chat .ch::after{background:linear-gradient(90deg,transparent,rgba(182,167,255,.45),transparent)!important;opacity:.6!important;}
#chat .ch-back{width:36px;height:36px;border-radius:12px;border:0;background:transparent;color:#fff;display:grid;place-items:center;flex-shrink:0;}
#chat .ch-back svg{width:22px;height:22px;}
#chat #chAv{width:40px!important;height:40px!important;box-shadow:0 0 0 1px rgba(255,255,255,.10),0 0 0 3px rgba(182,167,255,.10);}
#chat .chn{font-size:15.5px!important;font-weight:650;letter-spacing:-.01em;color:#fff;}
#chat .chs{font-size:12px!important;color:var(--c-dim)!important;margin-top:1px;}
#chat .od{background:#7EE2B8!important;box-shadow:0 0 0 2px #0a0c14,0 0 10px rgba(126,226,184,.6)!important;}
#chat .ch-ic,#chat #sumBtn{width:36px!important;height:36px!important;border-radius:12px!important;
  background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.08)!important;color:#CFCBC0!important;}
#chat .ch-ic svg{width:17px;height:17px;}
#chat #sumBtn{color:#C9BDFF!important;font-size:14px!important;}
#chat .pro-chip{background:linear-gradient(135deg,rgba(182,167,255,.22),rgba(182,167,255,.06))!important;
  border:1px solid rgba(182,167,255,.35)!important;color:#D6CCFF!important;}
#chat .badge-chip{background:rgba(182,167,255,.12)!important;color:#D6CCFF!important;border-color:rgba(182,167,255,.28)!important;}

/* Mode banner — a thin caption, not a stripe */
#chat .mb3{background:transparent!important;border-bottom:1px solid rgba(255,255,255,.045)!important;
  color:#A19E96!important;font-size:12px!important;padding:6px 16px!important;letter-spacing:.01em;}
#chat .mb3 b{color:#CFC4FF!important;font-weight:650;}

/* Messages */
#chat .msgs{background:transparent!important;}
#chat .bbl.out{background:linear-gradient(145deg,var(--c-out-1),var(--c-out-2))!important;color:#120E1C!important;
  font-weight:500;border:0!important;box-shadow:0 6px 18px rgba(120,98,255,.22),inset 0 1px 0 rgba(255,255,255,.35)!important;}
#chat .bbl.out .bt{color:#2A2140!important;opacity:.62!important;}
#chat .bbl.in{background:var(--c-in)!important;border:1px solid var(--c-in-line)!important;color:#F3F1F8!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;}
#chat .bbl.in .bt{color:#fff!important;opacity:.42!important;}
#chat .tail-out{border-bottom-right-radius:6px!important;}
#chat .tail-in{border-bottom-left-radius:6px!important;}
#chat .cimgwrap.out{background:linear-gradient(145deg,var(--c-out-1),var(--c-out-2))!important;}
#chat .cimgwrap.in{background:var(--c-in)!important;border-color:var(--c-in-line)!important;}
#chat .ia{background:linear-gradient(145deg,#9a8aff,#4a3f7a)!important;color:#fff!important;font-size:12px!important;}
#chat .vest{background:rgba(182,167,255,.06)!important;border:1px dashed rgba(182,167,255,.28)!important;color:#A19E96!important;}
#chat .scrollBtn{background:rgba(20,22,34,.92)!important;border-color:rgba(255,255,255,.10)!important;color:#D6CCFF!important;}

/* Composer — floating capsule */
#chat .comp{gap:8px!important;padding:10px 10px calc(max(10px,var(--sb)) + 2px)!important;
  background:linear-gradient(180deg,rgba(7,9,15,0),rgba(7,9,15,.92) 30%)!important;border-top:0!important;}
#chat .compose-ta{background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.09)!important;
  border-radius:22px!important;font-size:15px!important;padding:10px 16px!important;color:#fff!important;}
#chat .compose-ta::placeholder{color:#A19E96;}
#chat .compose-ta:focus{border-color:rgba(182,167,255,.45)!important;box-shadow:0 0 0 3px rgba(182,167,255,.10)!important;}
#chat .ca{width:40px!important;height:40px!important;border-radius:14px!important;background:rgba(255,255,255,.045)!important;
  border:1px solid rgba(255,255,255,.08)!important;color:#CFCBC0!important;}
#chat .ca svg{width:19px;height:19px;}
#chat .cs{width:44px!important;height:44px!important;border-radius:15px!important;
  background:linear-gradient(145deg,var(--c-out-1),var(--c-out-2))!important;color:#120E1C!important;
  box-shadow:0 8px 22px rgba(120,98,255,.32),inset 0 1px 0 rgba(255,255,255,.4)!important;}
#chat .cs svg{width:20px;height:20px;}
#chat .polish-btn{background:rgba(182,167,255,.12)!important;color:#D6CCFF!important;border:1px solid rgba(182,167,255,.3)!important;}
#chat #schoolNotice{background:rgba(7,9,15,.92);color:#A19E96!important;}
#chat .trans-bubble,#chat .trans-bubble.student,#chat .trans-bubble.professional,#chat .trans-bubble.faith{
  background:rgba(182,167,255,.07)!important;border-color:rgba(182,167,255,.20)!important;}

/* ═══ WAVE 1 — calm unread markers ═══ */
.calm-dot{width:9px;height:9px;border-radius:50%;background:#B6A7FF;box-shadow:0 0 10px rgba(182,167,255,.65);flex-shrink:0;}
.cin.is-unread{font-weight:750!important;color:#fff!important;}
.cil.is-unread{color:#CFCBC0!important;}
#chat .new-line{display:flex;align-items:center;gap:10px;margin:10px 4px 6px;color:#CFC4FF;font-size:12px;letter-spacing:.04em;}
#chat .new-line::before,#chat .new-line::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(182,167,255,.35),transparent);}

/* ═══ WAVE 1 — delivery, acknowledgments, message sheet ═══ */
#chat .bbl,#chat .bbl *{-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important;}
.dlv{display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.7;vertical-align:middle;margin-left:1px;}
.dlv-wait{background:transparent;border:1px solid currentColor;width:6px;height:6px;opacity:.55;}
.rd{letter-spacing:-2px;}
.ack-line{display:flex;margin:-1px 4px 6px;font-size:12px;color:#CFC4FF;letter-spacing:.01em;}
.ack-line span{background:rgba(182,167,255,.08);border:1px solid rgba(182,167,255,.18);padding:2px 9px;border-radius:100px;}
.ack-out{justify-content:flex-end;}
.ack-in{justify-content:flex-start;padding-left:26px;}
.ms-wrap{position:fixed;inset:0;z-index:980;}
.ms-backdrop{position:absolute;inset:0;background:rgba(3,4,8,.55);animation:msFade .18s ease;}
.ms-panel{position:absolute;left:0;right:0;bottom:0;max-width:520px;margin:0 auto;background:#10121C;border-top:1px solid rgba(255,255,255,.08);
  border-radius:22px 22px 0 0;padding:10px 16px calc(max(18px,var(--sb)) + 6px);box-shadow:0 -20px 50px rgba(0,0,0,.45);animation:msUp .24s cubic-bezier(.2,.8,.2,1);}
.ms-handle{width:38px;height:4px;border-radius:4px;background:rgba(255,255,255,.14);margin:0 auto 12px;}
.ms-preview{font-family:var(--font-brand);font-size:15px;line-height:1.35;color:#CFCBC0;margin:2px 2px 14px;}
.ms-label{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#A19E96;margin:0 2px 8px;font-weight:700;}
.ms-row{display:flex;flex-wrap:wrap;gap:8px;}
.ms-chip{display:inline-flex;align-items:center;gap:7px;padding:10px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.045);color:#fff;font-size:13.5px;font-weight:600;}
.ms-chip span{font-size:15px;}
.ms-chip.on{background:rgba(182,167,255,.18);border-color:rgba(182,167,255,.5);color:#E4DDFF;}
.ms-more{margin:10px 2px 0;background:none;border:0;color:#B6A7FF;font-size:12.5px;font-weight:700;padding:4px 0;}
.ms-extra{display:none;margin-top:10px;}
.ms-extra.open{display:flex;}
.ms-actions{display:flex;gap:8px;margin-top:16px;}
.ms-actions button{flex:1;padding:13px;border-radius:14px;border:1px solid rgba(255,255,255,.09);background:transparent;color:#CFCBC0;font-size:14px;font-weight:600;}
@keyframes msUp{from{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}
@keyframes msFade{from{opacity:0}to{opacity:1}}

/* ═══ WAVE 1 — reply pace ═══ */
#chat .pace-bar{display:flex;align-items:center;gap:8px;padding:6px 14px 0;background:rgba(7,9,15,.92);}
.pace-bar-lbl{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#A19E96;font-weight:700;}
.pace-pill{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04);color:#CFCBC0;border-radius:100px;padding:4px 11px;font-size:12px;font-weight:600;}
.pace-pill::after{content:' ▾';opacity:.5;font-size:12px;}
.pace-pill.is-set{border-color:rgba(182,167,255,.45);background:rgba(182,167,255,.12);color:#E4DDFF;}
.pace-line{display:flex;margin:-1px 4px 6px;font-size:12px;}
.pace-line span,.pace-line button{font-family:var(--font-brand);font-style:italic;color:#A19E96;background:none;border:0;padding:0 2px;font-size:12px;}
.pace-line b{font-style:normal;font-family:var(--font-ui);font-weight:600;color:#CFC4FF;font-size:12px;}
.pace-line button{text-decoration:underline;text-decoration-color:rgba(182,167,255,.35);text-underline-offset:3px;}
.pace-out{justify-content:flex-end;}
.pace-in{justify-content:flex-start;padding-left:26px;}
.ms-custom{display:flex;gap:8px;margin-top:12px;}
.ms-custom input{flex:1;min-width:0;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px 12px;color:#fff;font-size:14px;outline:none;}
.ms-custom input:focus{border-color:rgba(182,167,255,.5);}
.ms-custom button{border:0;border-radius:12px;padding:0 16px;background:linear-gradient(145deg,#C7BBFF,#8F7BFF);color:#120E1C;font-weight:700;}
.ms-note{margin-top:12px;font-size:12px;color:#A19E96;line-height:1.45;}
#chat .chs{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;}
.sending{font-style:italic;opacity:.8;}

/* ═══════════ WAVE 2 ═══════════ */
.cd-serif{font-family:var(--font-brand);font-weight:500;letter-spacing:-.02em;}
/* Calm delivery screen */
.cd-screen{position:fixed;inset:0;z-index:970;background:radial-gradient(600px 320px at 100% 0%,rgba(143,122,255,.12),transparent 60%),#07090F;display:flex;flex-direction:column;max-width:520px;margin:0 auto;animation:msFade .2s ease;}
.cd-top{display:flex;align-items:center;gap:10px;padding:calc(max(10px,var(--st)) + 4px) 12px 10px;border-bottom:1px solid rgba(255,255,255,.06);font-weight:700;color:#fff;}
.cd-back{width:36px;height:36px;border-radius:12px;border:0;background:transparent;color:#fff;display:grid;place-items:center;}
.cd-back svg{width:22px;height:22px;}
.cd-body{flex:1;overflow-y:auto;padding:18px 18px 30px;}
.cd-h{font-family:var(--font-brand);font-weight:500;font-size:26px;line-height:1.1;letter-spacing:-.012em;color:#fff;margin:0 0 6px;}
.cd-p{color:#A19E96;font-size:12.5px;line-height:1.55;margin:0 0 14px;}
.cd-opt{display:flex;gap:12px;align-items:flex-start;width:100%;text-align:left;padding:14px;margin-bottom:10px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);color:#fff;}
.cd-opt b{display:block;font-size:14.5px;margin-bottom:3px;}
.cd-opt small{display:block;color:#A19E96;font-size:12px;line-height:1.45;}
.cd-radio{flex-shrink:0;width:18px;height:18px;border-radius:50%;border:1.5px solid rgba(255,255,255,.3);margin-top:2px;}
.cd-opt.on{border-color:rgba(182,167,255,.5);background:rgba(182,167,255,.09);}
.cd-opt.on .cd-radio{border-color:#B6A7FF;box-shadow:inset 0 0 0 4px #07090F;background:#B6A7FF;}
.cd-tides{margin:8px 0 6px;padding:16px 12px 8px;border-radius:18px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);}
.cd-tides h3{font-size:19px;color:#fff;text-align:center;margin:0 0 6px;}
.cd-arc-wrap{position:relative;width:100%;max-width:340px;margin:0 auto;aspect-ratio:320/190;}
.cd-arc{position:absolute;inset:0;width:100%;height:100%;}
.cd-arc-t{fill:rgba(255,255,255,.3);font-size:12px;font-family:var(--font-ui);}
.cd-chip{position:absolute;transform:translate(-50%,-50%);touch-action:none;display:flex;flex-direction:column;align-items:center;gap:1px;padding:7px 11px;border-radius:14px;border:1px solid rgba(182,167,255,.5);
  background:linear-gradient(145deg,rgba(199,187,255,.22),rgba(143,123,255,.14));color:#fff;box-shadow:0 8px 22px rgba(120,98,255,.25);cursor:grab;}
.cd-chip b{font-size:13px;}
.cd-chip small{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#CFC4FF;}
.cd-chip.drag{cursor:grabbing;box-shadow:0 0 0 6px rgba(182,167,255,.15),0 12px 26px rgba(120,98,255,.4);}
.cd-tide-actions{display:flex;justify-content:center;gap:10px;margin:10px 0 4px;}
.cd-tide-actions button{border:1px solid rgba(255,255,255,.1);background:transparent;color:#CFC4FF;border-radius:100px;padding:6px 12px;font-size:12px;font-weight:600;}
.cd-tides .cd-p{text-align:center;margin:6px 0 4px;}
.cd-sec{margin-top:18px;}
.cd-sec h3{font-size:14px;color:#fff;margin:0 0 4px;}
.cd-people{display:flex;flex-direction:column;gap:8px;}
.cd-person{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.03);color:#fff;text-align:left;font-size:14px;}
.cd-person i{margin-left:auto;font-style:normal;color:#B6A7FF;font-weight:700;}
.cd-person.on{border-color:rgba(182,167,255,.45);background:rgba(182,167,255,.08);}
.cd-av{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:13px;overflow:hidden;flex-shrink:0;}
.cd-av img{width:100%;height:100%;object-fit:cover;}
.cd-empty{color:#A19E96;font-size:12.5px;}
.cd-note{margin-top:18px;color:#A19E96;font-size:12px;line-height:1.5;}
.cd-note b{color:#CFC4FF;}
.cd-foot{padding:12px 16px calc(max(14px,var(--sb)) + 4px);border-top:1px solid rgba(255,255,255,.06);}
.cd-save{width:100%;padding:15px;border:0;border-radius:16px;background:linear-gradient(145deg,#C7BBFF,#8F7BFF);color:#120E1C;font-weight:800;font-size:15px;}
/* Knock */
.kn-title{font-size:18px;color:#fff;margin:2px 2px 14px;font-weight:600;}
.kn-note{width:100%;margin-top:10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px 12px;color:#fff;font-size:14px;resize:none;outline:none;font-family:inherit;}
.kn-hold-wrap{display:flex;justify-content:center;margin:18px 0 6px;}
.kn-hold{position:relative;width:112px;height:112px;border-radius:50%;border:0;background:radial-gradient(circle,rgba(182,167,255,.25),rgba(182,167,255,.06) 70%);color:#fff;touch-action:none;}
.kn-hold svg{position:absolute;inset:8px;width:calc(100% - 16px);height:calc(100% - 16px);transform:rotate(-90deg);}
.kn-track{fill:none;stroke:rgba(255,255,255,.12);stroke-width:4;}
.kn-prog{fill:none;stroke:#C7BBFF;stroke-width:4;stroke-linecap:round;}
.kn-hold span{position:relative;font-size:12px;font-weight:700;letter-spacing:.02em;}
.kn-hold:disabled{opacity:.35;}
.kn-hold.holding{transform:scale(.96);}
.kn-link{display:block;color:#E6C7FF!important;}
.kn-head{display:flex;align-items:center;gap:8px;margin:-1px 4px 5px;font-size:12px;color:#F1D8FF;}
.kn-head span{background:rgba(214,160,255,.12);border:1px solid rgba(214,160,255,.3);padding:2px 9px;border-radius:100px;}
.kn-out{justify-content:flex-end;}.kn-in{justify-content:flex-start;padding-left:26px;}
.kn-nu{background:none;border:0;color:#A19E96;font-size:12px;text-decoration:underline;padding:0;}
/* Focus + shelf */
.fs-until{display:inline-flex;gap:6px;align-items:center;}
.fs-until input{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;padding:9px 8px;font-size:13px;color-scheme:dark;}
.fs-sum{color:#CFCBC0;font-size:14px;line-height:1.5;margin:0 2px 6px;}
.fs-sum b{color:#E4DDFF;}
.rl-tell{display:flex;gap:8px;align-items:center;margin-top:14px;color:#CFCBC0;font-size:13px;}
.rl-tell input{accent-color:#B6A7FF;width:16px;height:16px;}
.fz-hero{min-height:420px!important;}
/* Threshold / Catch-Up / check-in */
.th-card,.ci-card{margin:14px 16px 4px;padding:16px;border-radius:20px;border:1px solid rgba(182,167,255,.22);background:linear-gradient(145deg,rgba(182,167,255,.10),rgba(255,255,255,.02));}
.th-calm{border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.03);}
.th-kicker{font-size:12px;letter-spacing:.17em;font-weight:800;color:#bdb0ff;margin-bottom:8px;}
.th-main{font-family:var(--font-brand);font-size:19px;line-height:1.2;color:#fff;letter-spacing:-.02em;}
.th-sub{margin-top:6px;color:#A19E96;font-size:12.5px;font-style:italic;font-family:var(--font-brand);}
.th-actions{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap;}
.th-actions button{flex:1;min-width:120px;padding:11px 12px;border-radius:13px;border:1px solid rgba(255,255,255,.1);background:transparent;color:rgba(255,255,255,.85);font-weight:700;font-size:13px;}
.th-primary,.th-actions .th-primary{background:linear-gradient(145deg,#C7BBFF,#8F7BFF)!important;color:#120E1C!important;border:0!important;padding:11px 14px;border-radius:13px;font-weight:800;}
.cu-row{display:block;width:100%;text-align:left;padding:12px 14px;margin-bottom:8px;border-radius:14px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.035);color:#fff;}
.cu-row b{display:block;font-size:14px;font-weight:650;}
.cu-row small{display:block;margin-top:3px;color:#A19E96;font-size:12px;}
.cu-empty{color:#A19E96;font-size:13px;margin:0 2px 8px;}
.ci-dots{display:flex;gap:12px;margin-top:14px;}
.ci-dots button{width:30px;height:30px;border-radius:50%;border:1.5px solid rgba(182,167,255,.45);background:transparent;}
.ci-dots button.on{background:#B6A7FF;box-shadow:0 0 12px rgba(182,167,255,.6);}
.ci-skip{margin-top:10px;background:none;border:0;color:#A19E96;font-size:12px;padding:0;}
/* Peaceful exit resting screen */
.rest-screen{position:fixed;inset:0;z-index:990;background:radial-gradient(700px 400px at 50% 20%,rgba(143,122,255,.14),transparent 60%),#05060B;display:flex;align-items:center;justify-content:center;animation:msFade .5s ease;}
.rest-inner{text-align:center;padding:30px;max-width:360px;}
.rest-mark{width:54px;height:54px;border-radius:16px;opacity:.9;margin-bottom:22px;}
.rest-mode{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#A19E96;margin-bottom:30px;}
.rest-star-k{font-size:12px;letter-spacing:.2em;color:#bdb0ff;font-weight:800;margin-bottom:10px;}
.rest-star{font-size:30px;line-height:1.1;color:#fff;}
.rest-line{margin-top:18px;color:#A19E96;font-size:13px;line-height:1.7;}
.rest-open{margin-top:40px;background:none;border:1px solid rgba(255,255,255,.12);color:#A19E96;border-radius:100px;padding:10px 20px;font-size:13px;}
.ec-reflect{width:100%;margin:8px 0 2px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:11px 12px;color:#fff;font-size:13.5px;outline:none;}
.ec-close{background:linear-gradient(145deg,#C7BBFF,#8F7BFF)!important;color:#120E1C!important;border:0!important;font-weight:800!important;}
.cd-chip b{white-space:nowrap;}

/* ═══════════ WAVE 3 ═══════════ */
/* Voice Letters */
.vl-bbl{display:block!important;min-width:220px;}
.vl-words{font-size:14.5px;line-height:1.45;margin-bottom:8px;}
.vl-gist-in{font-size:12px;line-height:1.4;padding:6px 9px;margin-bottom:7px;border-radius:10px;background:rgba(0,0,0,.14);}
.bbl.in .vl-gist-in{background:rgba(182,167,255,.10);}
.vl-gist-in b{font-size:12px;letter-spacing:.1em;text-transform:uppercase;margin-right:4px;opacity:.75;}
.vl-player{display:flex;align-items:center;gap:8px;padding-top:6px;border-top:1px solid rgba(255,255,255,.10);}
.bbl.out .vl-player{border-top-color:rgba(18,14,28,.15);}
.vl-player .vn-play{width:28px!important;height:28px!important;font-size:12px!important;flex-shrink:0;}
.vl-wave{flex:1;min-width:0;opacity:.8;height:22px;overflow:hidden;}
.vl-wave svg{width:100%;height:22px;}
.vl-gist{padding:10px 12px;border-radius:12px;background:rgba(182,167,255,.08);border:1px solid rgba(182,167,255,.2);color:rgba(255,255,255,.85);font-size:13px;line-height:1.45;margin-bottom:12px;}
.vl-gist b{display:block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#CFC4FF;margin-bottom:3px;}
.vl-text{min-height:96px;}
/* Bridge translation */
.tr-from{margin-top:6px;background:none;border:0;padding:0;color:#CFC4FF;font-size:12px;font-weight:600;letter-spacing:.02em;}
.tr-orig{display:none;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.08);}
.tr-orig.open{display:block;}
.tr-o-lbl{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#A19E96;margin-bottom:3px;}
.tr-o-txt{font-size:13px;color:#CFCBC0;line-height:1.4;}
.tr-note{margin-top:7px;font-size:12px;color:#E4DDFF;line-height:1.4;}
.tr-fb{margin-top:8px;font-size:12px;color:#A19E96;display:flex;align-items:center;gap:6px;}
.tr-fb button{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:2px 8px;font-size:13px;}
.tr-prev{margin-top:10px;padding:12px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:#fff;font-size:14.5px;line-height:1.45;}
.tr-prev-txt{font-family:var(--font-brand);font-size:16px;}
.tr-prev-btn{margin-left:auto;}
/* Your-Voice Polish */
.pl-body{margin-top:14px;}
.pl-wait{color:#A19E96;font-size:13px;padding:10px 2px;}
.pl-lbl{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#A19E96;font-weight:700;margin:10px 2px 5px;}
.pl-lbl span{text-transform:none;letter-spacing:0;font-weight:500;color:#A19E96;margin-left:6px;}
.pl-mine{padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.03);color:#A19E96;font-size:14px;line-height:1.45;}
.pl-new{padding:10px 12px;border-radius:12px;background:rgba(182,167,255,.07);border:1px solid rgba(182,167,255,.2);color:#fff;font-size:14.5px;line-height:1.5;}
.pl-edit{text-decoration:underline;text-decoration-color:#B6A7FF;text-decoration-thickness:2px;text-underline-offset:3px;}
.pl-hint{margin-top:10px;font-size:12.5px;color:#F1D8FF;}
.pl-q{margin-top:12px;font-family:var(--font-brand);font-style:italic;color:#CFCBC0;font-size:14px;}
/* Low Tide */
.lt-wrap{position:relative;cursor:pointer;}
.lt-thumb{filter:blur(8px);transform:scale(1.08);min-height:140px;object-fit:cover;}
.cimgwrap{overflow:hidden;}
.lt-tap{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:12px;font-weight:700;text-shadow:0 1px 6px rgba(0,0,0,.7);}
/* Let-Go */
#chat .lg-row .bbl{box-shadow:0 0 0 1.5px rgba(182,167,255,.55),0 6px 18px rgba(120,98,255,.18)!important;}
#chat .lg-faded .bbl{opacity:.38;filter:saturate(.3);}
.lg-line{display:flex;margin:-1px 4px 6px;font-size:12px;color:#CFC4FF;}
.lg-line span{padding:2px 2px;}
.lg-out{justify-content:flex-end;}.lg-in{justify-content:flex-start;padding-left:26px;}
.lg-passed{color:#A19E96;font-style:italic;}
/* Close the Loop */
.step-sug{display:flex;align-items:center;gap:8px;justify-content:flex-end;margin:-1px 4px 8px;font-size:12px;color:#CFCBC0;flex-wrap:wrap;}
.step-sug b{color:#E4DDFF;}
.step-sug button{background:rgba(182,167,255,.12);border:1px solid rgba(182,167,255,.3);color:#E4DDFF;border-radius:100px;padding:3px 10px;font-size:12px;font-weight:700;}
#chat .trans-lbl,#chat .trans-lbl.student,#chat .trans-lbl.professional,#chat .trans-lbl.faith{color:#CFC4FF!important;}
#chat .trans-hdr svg{color:#B6A7FF!important;stroke:#B6A7FF!important;}
#chat .trans-hdr svg [stroke]{stroke:#B6A7FF!important;}
#chat .trans-hdr svg [fill]:not([fill="none"]){fill:#B6A7FF!important;}

/* ═══════════ WAVE 4 ═══════════ */
/* Right-Moment Shelf */
#chat .held-bbl{opacity:.55;border:1px dashed rgba(18,14,28,.45)!important;cursor:pointer;}
.held-line{display:flex;justify-content:flex-end;margin:-1px 4px 8px;}
.held-line button{background:none;border:0;padding:0 2px;color:#CFC4FF;font-size:12px;text-align:right;text-decoration:underline;text-decoration-color:rgba(182,167,255,.35);text-underline-offset:3px;}
.held-for{display:flex;margin:-1px 4px 6px;font-size:12px;color:#A19E96;font-style:italic;}
.wait-line{display:block;width:calc(100% - 32px);margin:16px;padding:12px 14px;border-radius:14px;border:1px dashed rgba(182,167,255,.3);background:rgba(182,167,255,.05);color:#CFC4FF;font-size:12.5px;font-weight:600;text-align:center;}
.cl-sec{padding:14px 16px 6px;font-size:12px;letter-spacing:.18em;font-weight:800;color:#A19E96;}
/* Live window */
.live-glow{position:relative;height:0;pointer-events:none;}
.live-glow::before{content:'';position:absolute;left:0;right:0;bottom:0;height:70px;background:radial-gradient(60% 100% at 50% 100%,rgba(182,167,255,.55),rgba(182,167,255,0) 70%);opacity:0;transition:opacity .6s ease;}
.live-glow.on::before{opacity:1;animation:liveBreath 2.8s ease-in-out infinite;}
@keyframes liveBreath{0%,100%{opacity:.45}50%{opacity:1}}
.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#7EE2B8;box-shadow:0 0 10px rgba(126,226,184,.8);margin-right:4px;vertical-align:middle;}
.live-leave{margin-left:8px;background:none;border:1px solid rgba(255,255,255,.15);color:#CFCBC0;border-radius:100px;padding:1px 9px;font-size:12px;}
#chat.is-live .mb3{color:#E4DDFF!important;}
.li-card{align-self:center;max-width:88%;margin:8px auto;padding:12px 14px;border-radius:16px;border:1px solid rgba(182,167,255,.3);background:linear-gradient(145deg,rgba(182,167,255,.10),rgba(255,255,255,.02));text-align:center;}
.li-title{font-size:13.5px;color:#fff;font-weight:600;line-height:1.4;}
.li-status{margin-top:4px;font-size:12px;color:#CFC4FF;}
.li-actions{display:flex;gap:8px;justify-content:center;margin-top:10px;}
.li-actions button{padding:8px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:transparent;color:#fff;font-weight:700;font-size:13px;}
.li-time{margin-top:6px;font-size:12px;color:#A19E96;}
/* Bulletin notice cards */
#chat .nc-card{max-width:100%!important;border:1px solid rgba(182,167,255,.22)!important;background:linear-gradient(160deg,rgba(182,167,255,.08),rgba(255,255,255,.03))!important;}
#chat .nc-urgent{border-color:rgba(255,170,150,.45)!important;}
.nc-kicker{font-size:12px;letter-spacing:.12em;font-weight:800;color:#CFC4FF;margin-bottom:6px;}
.nc-urgent .nc-kicker{color:#FFC2B3;}
.nc-body{font-family:var(--font-brand);font-size:15.5px;line-height:1.45;color:#fff;}
.nc-dl{margin-top:8px;font-size:12px;color:#E4DDFF;font-weight:600;}
.nc-actions{display:flex;gap:8px;align-items:center;margin-top:10px;flex-wrap:wrap;}
.nc-actions button{padding:7px 12px;border-radius:11px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#fff;font-size:12.5px;font-weight:700;}
.nc-acked{font-size:12px;color:#7EE2B8;font-weight:700;}
/* Quiet Circles */
.circle-wrap{margin:0 16px 16px;padding:14px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);}
.cc-sub{font-size:12px;color:#A19E96;margin-top:2px;}
.cc-pace{display:flex;gap:6px;margin:12px 0 6px;}
.cc-pace-b{flex:1;padding:8px 6px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:transparent;color:#fff;text-align:center;}
.cc-pace-b b{display:block;font-size:12.5px;}.cc-pace-b small{display:block;font-size:12px;color:#A19E96;margin-top:2px;}
.cc-pace-b.on{border-color:rgba(182,167,255,.5);background:rgba(182,167,255,.1);}
.cc-pace-b:disabled{opacity:1;}
.cc-note{font-size:12px;color:#A19E96;margin:4px 0 8px;}
.cc-asks{margin:10px 0;padding:10px;border-radius:12px;background:rgba(182,167,255,.05);border:1px solid rgba(182,167,255,.15);}
.cc-asks-h{display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:.16em;font-weight:800;color:#bdb0ff;margin-bottom:6px;}
.cc-asks-h button{background:none;border:0;color:#CFC4FF;font-size:12px;font-weight:700;letter-spacing:0;}
.cc-ask{padding:8px 0;border-top:1px solid rgba(255,255,255,.06);font-size:13px;color:rgba(255,255,255,.85);}
.cc-ask-a{display:flex;gap:10px;margin-top:4px;}
.cc-ask-a button{background:none;border:0;padding:0;color:#CFC4FF;font-size:12px;font-weight:700;}
.cc-msgs{max-height:340px;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding:6px 0;}
.cc-row{display:flex;flex-direction:column;max-width:86%;}
.cc-in{align-self:flex-start;}.cc-out{align-self:flex-end;}
.cc-name{font-size:12px;color:#A19E96;margin:0 0 2px 4px;}
.cc-nt{color:#CFC4FF;font-weight:700;}
.cc-men{color:#CFC4FF;}
.cc-row .bbl.out{background:linear-gradient(145deg,#C7BBFF,#8F7BFF);color:#120E1C;}
.cc-row .bbl.in{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);}
.cc-notice-b{border:1px solid rgba(182,167,255,.5)!important;}
.cc-comp{display:flex;align-items:center;gap:8px;margin-top:8px;}
.cc-comp .compose-ta{flex:1;background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.1)!important;color:#fff;}
.cc-comp .cs{width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,#C7BBFF,#8F7BFF);color:#120E1C;border:0;display:grid;place-items:center;}
.cc-comp .cs svg{width:18px;height:18px;}
.cc-notice{font-size:12px;color:#A19E96;display:flex;gap:4px;align-items:center;}
/* Shared sessions */
.sess-people{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:24px 0 6px;}
.sess-p{padding:10px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);min-width:110px;transition:box-shadow .3s;}
.sess-p b{display:block;color:#fff;font-size:14px;}
.sess-p small{display:block;color:#A19E96;font-size:12px;margin-top:3px;}
.sess-p.waved{box-shadow:0 0 0 2px rgba(182,167,255,.5),0 0 24px rgba(182,167,255,.35);}
.sess-shares{margin-top:16px;text-align:left;color:#CFCBC0;font-size:13px;line-height:1.6;}
.sess-screen .rest-open{display:block;margin:14px auto 0;}
/* Meaningful matches */
.dc-end{text-align:center;padding:26px 20px 34px;}
.dc-end .cd-serif{font-size:20px;color:#fff;}
.dc-end small{display:block;margin-top:6px;color:#A19E96;font-size:12px;}
.cc-out .cc-men{color:#2B1F66;}

/* 24 Sep — chat opens at the newest message: no animated jumps while drawing */
.msgs,#chat .msgs{scroll-behavior:auto!important;}
/* 24 Sep — date chips sit in place (sticky ones piled up on top of each other) */
#chat .dd{position:relative!important;top:auto!important;}
/* 24 Sep — 'common ground' card matches the purple chat */
#chat .common-banner{background:linear-gradient(145deg,rgba(143,122,255,.12),rgba(143,122,255,.04))!important;border-color:rgba(182,167,255,.28)!important;}
#chat .common-banner-title{color:#C7BBFF!important;}

/* 25 Sep — Plain names: the brand name sits quietly after the plain words */
.pn-brand{display:inline-block;margin-left:7px;font-size:12px;font-weight:500;letter-spacing:.02em;color:var(--dim,rgba(255,255,255,.5));font-style:italic;opacity:.85;vertical-align:middle;}
.kn-title .pn-brand{font-size:12px;}

/* 25 Sep — Undo bar (calm, tappable; replaces 'Are you sure?' pop-ups) */
#undoBar{position:fixed;left:12px;right:12px;bottom:calc(max(16px,env(safe-area-inset-bottom)) + 70px);z-index:9000;display:flex;align-items:center;gap:10px;
  padding:12px 12px 12px 16px;border-radius:16px;background:rgba(22,24,36,.97);border:1px solid rgba(182,167,255,.22);box-shadow:0 10px 30px rgba(0,0,0,.45);
  color:#fff;transform:translateY(20px);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:560px;margin:0 auto;}
#undoBar.show{opacity:1;transform:none;pointer-events:auto;}
#undoBar .ub-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;}
#undoBar .ub-txt b{font-size:13.5px;font-weight:600;}
#undoBar .ub-txt small{font-size:12px;color:#A19E96;line-height:1.35;}
#undoBar .ub-undo{min-height:44px;min-width:64px;padding:0 14px;border-radius:12px;border:0;background:#B6A7FF;color:#120E1C;font-weight:700;font-size:14px;}
#undoBar .ub-x{min-height:44px;min-width:40px;border:0;background:transparent;color:#A19E96;font-size:15px;}

/* 25 Sep — first-time explanations (receiver only) */
.xp-line{align-self:flex-start;max-width:78%;margin:2px 0 4px 44px;font-size:12px;line-height:1.45;color:#A19E96;}
.rout+.xp-line,.ack-out+.xp-line{align-self:flex-end;margin:2px 4px 4px 0;text-align:right;}
.xp-line span{display:inline-block;padding:6px 10px;border-radius:10px;background:rgba(182,167,255,.07);border:1px dashed rgba(182,167,255,.18);}
.xp-mini{margin-top:0;margin-bottom:2px;}
.xp-i{min-width:32px;min-height:32px;border:0;background:transparent;color:rgba(199,187,255,.7);font-size:14px;border-radius:50%;}
/* ⋯ button beside a tapped message */
.msg-dots{align-self:center;flex-shrink:0;width:40px;height:40px;margin:0 4px;border-radius:50%;border:1px solid rgba(182,167,255,.28);
  background:rgba(22,24,36,.92);color:#C7BBFF;font-size:20px;line-height:1;display:grid;place-items:center;animation:dotsIn .15s ease both;}
@keyframes dotsIn{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:none}}

/* 25 Sep — empty screens: one kind sentence, one next step */
.empty .empty-cta{margin-top:14px;min-height:44px;padding:0 20px;border-radius:14px;border:1px solid rgba(182,167,255,.35);background:rgba(182,167,255,.10);color:#E6E0FF;font-weight:600;font-size:14px;}

/* 25 Sep — tap-to-pick intentions */
.ip-list{display:flex;flex-direction:column;gap:8px;margin:12px 0 14px;}
.ip-pick{min-height:48px;text-align:left;padding:12px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#fff;font-size:15px;font-weight:500;}
.ip-pick.on{border-color:#B6A7FF;background:rgba(182,167,255,.14);}
.ip-foot{display:flex;justify-content:space-between;gap:10px;margin-top:14px;}
.ip-back{min-height:44px;padding:0 14px;border:0;background:transparent;color:#A19E96;font-size:14px;}
.ip-start{min-height:48px;flex:1;max-width:200px;border-radius:14px;border:0;background:#B6A7FF;color:#120E1C;font-weight:700;font-size:15px;}

/* 25 Sep — scam warning line */
.scam-line{align-self:flex-start;max-width:82%;margin:2px 0 6px 44px;font-size:12px;line-height:1.45;color:#FFD9A8;}
.scam-line span{display:inline-block;padding:7px 11px;border-radius:11px;background:rgba(233,162,59,.09);border:1px solid rgba(233,162,59,.28);}

/* 25 Sep — waiting messages explained */
button.vest{font:inherit;color:inherit;cursor:pointer;min-height:44px;}
.held-line{display:flex;justify-content:flex-end;align-items:center;gap:6px;flex-wrap:wrap;}
.held-why{border:0;background:transparent;color:#C7BBFF;font-size:12px;font-weight:600;text-decoration:underline;min-height:32px;padding:0 4px;}
.hd-wrong{opacity:.85;font-size:13px!important;}

/* 25 Sep — Recently changed */
.rc-list{display:flex;flex-direction:column;gap:8px;margin:12px 0;max-height:50vh;overflow:auto;}
.rc-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);}
.rc-row>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;}
.rc-row b{font-size:13.5px;font-weight:600;}
.rc-row small{font-size:12px;color:#A19E96;}
.rc-row button{min-height:40px;padding:0 14px;border-radius:10px;border:1px solid rgba(182,167,255,.35);background:transparent;color:#C7BBFF;font-weight:600;}

/* 25 Sep — message status in words + journey + skeleton */
.st-line{align-self:flex-end;margin:0 4px 4px 0;}
.st-line button{border:0;background:transparent;color:#A19E96;font-size:12px;padding:4px 2px;min-height:28px;}
.jr-line{display:flex;justify-content:space-between;gap:6px;margin:16px 4px 10px;position:relative;}
.jr-line:before{content:'';position:absolute;left:14px;right:14px;top:7px;height:2px;background:rgba(255,255,255,.12);}
.jr-step{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;flex:1;}
.jr-step span{width:16px;height:16px;border-radius:50%;background:#1b1e2c;border:2px solid rgba(255,255,255,.2);z-index:1;}
.jr-step.on span{background:#B6A7FF;border-color:#B6A7FF;}
.jr-step small{font-size:12px;color:#A19E96;}
.jr-step.on small{color:#fff;}
.sk-wrap{display:flex;flex-direction:column;gap:10px;padding:16px 4px;}
.sk{height:44px;border-radius:16px;background:linear-gradient(90deg,rgba(255,255,255,.04),rgba(255,255,255,.08),rgba(255,255,255,.04));background-size:200% 100%;animation:skShine 1.4s ease infinite;width:62%;}
.sk-out{align-self:flex-end;width:48%;}.sk-short{width:38%;}
.sk-note{text-align:center;font-size:12.5px;color:#A19E96;margin-top:8px;min-height:18px;}
@keyframes skShine{0%{background-position:100% 0}100%{background-position:-100% 0}}
@media (prefers-reduced-motion:reduce){.sk{animation:none}}

/* 25 Sep — COMFORT: bigger text where people read, clearer colours */
html.fs-larger #msgs,html.fs-larger #mainBody,html.fs-larger .ms-panel,html.fs-larger #settings .scroll,html.fs-larger .compose-ta{zoom:1.12;}
html.fs-largest #msgs,html.fs-largest #mainBody,html.fs-largest .ms-panel,html.fs-largest #settings .scroll,html.fs-largest .compose-ta{zoom:1.25;}
html.clear-colours{--dim:rgba(240,237,227,.78);--line:rgba(244,238,223,.2);}
html.clear-colours #chat{--c-dim:rgba(255,255,255,.78);--accent:#D2C8FF;--c-out-1:#DCD4FF;--c-out-2:#A999FF;}
html.clear-colours #chat .bbl.in{border-color:rgba(255,255,255,.22)!important;}
html.clear-colours .xp-line,html.clear-colours .st-line button,html.clear-colours .held-line button,html.clear-colours #chat .bt{color:#CFCBC0!important;opacity:1!important;}
html.clear-colours #chat .bbl.out .bt{color:#1A1430!important;opacity:.85!important;}
html.clear-colours .pn-brand{color:#CFCBC0;}
.cf-preview{margin:12px 0 14px;padding:12px;border-radius:16px;background:#07090F;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:8px;}
.cf-in{align-self:flex-start;max-width:80%;padding:9px 13px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);font-size:15px;}
.cf-out{align-self:flex-end;max-width:80%;padding:9px 13px;border-radius:16px;background:linear-gradient(145deg,#C7BBFF,#8F7BFF);color:#120E1C;font-size:15px;font-weight:500;}
.cf-meta{align-self:flex-end;font-size:12px;color:var(--dim);}
html.clear-colours .cf-out{background:linear-gradient(145deg,#DCD4FF,#A999FF);}
.cf-seg{display:flex;gap:6px;margin:6px 0 12px;}
.cf-seg button{flex:1;min-height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:transparent;color:#fff;font-size:13.5px;font-weight:600;}
.cf-seg button.on{background:rgba(182,167,255,.18);border-color:#B6A7FF;}
.cf-row{width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:12px 4px;border:0;border-top:1px solid rgba(255,255,255,.07);background:transparent;color:#fff;min-height:56px;}
.cf-row span{flex:1;display:flex;flex-direction:column;gap:3px;}.cf-row b{font-size:14.5px;font-weight:600;}.cf-row small{font-size:12px;color:var(--dim);}
.cf-sw{width:44px;height:26px;border-radius:20px;background:rgba(255,255,255,.14);position:relative;flex-shrink:0;transition:background .2s;}
.cf-sw:after{content:'';position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s;}
.cf-sw.on{background:#B6A7FF;}.cf-sw.on:after{transform:translateX(18px);}
/* LISTEN */
.ls-line{align-self:flex-start;margin:0 0 4px 44px;}
.ls-line button{min-height:34px;padding:0 12px;border-radius:12px;border:1px solid rgba(182,167,255,.25);background:rgba(182,167,255,.07);color:#C7BBFF;font-size:12.5px;font-weight:600;}
#listenBar{position:fixed;left:12px;right:12px;top:calc(max(10px,env(safe-area-inset-top)) + 8px);z-index:9001;display:flex;align-items:center;gap:8px;padding:8px 10px 8px 14px;border-radius:16px;
  background:rgba(22,24,36,.97);border:1px solid rgba(182,167,255,.25);box-shadow:0 10px 30px rgba(0,0,0,.45);color:#fff;max-width:560px;margin:0 auto;
  transform:translateY(-12px);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;}
#listenBar.show{opacity:1;transform:none;pointer-events:auto;}
#listenBar .lb-t{flex:1;font-size:13.5px;font-weight:600;}
#listenBar button{min-height:40px;min-width:44px;padding:0 10px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:transparent;color:#fff;font-weight:600;font-size:13px;}

/* 25 Sep — screen-reader-only text */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}

.held-line{gap:2px 8px;margin-bottom:4px;}

/* ═══ 25 Sep — Wave C ═══ */
/* Help "?" button */
.help-btn{font-weight:800;font-size:16px;color:#C7BBFF!important;}
button.ib.help-btn{border:0;}
.ac-top-icon.help-btn{margin-right:8px;background:rgba(182,167,255,.08);border:1px solid rgba(182,167,255,.2);}
/* Tip card */
#tipCard{position:fixed;left:12px;right:12px;bottom:calc(max(16px,env(safe-area-inset-bottom)) + 70px);z-index:8990;max-width:560px;margin:0 auto;padding:14px 16px 12px;border-radius:18px;
  background:linear-gradient(160deg,rgba(33,30,54,.98),rgba(20,22,34,.98));border:1px solid rgba(182,167,255,.3);box-shadow:0 14px 34px rgba(0,0,0,.5);color:#fff;
  transform:translateY(24px);opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;}
#tipCard.show{opacity:1;transform:none;pointer-events:auto;}
#tipCard .tc-top{display:flex;align-items:center;gap:8px;}#tipCard .tc-top b{flex:1;font-size:15px;}
#tipCard .tc-x{min-width:40px;min-height:40px;border:0;background:transparent;color:#A19E96;font-size:15px;}
#tipCard .tc-text{font-size:13.5px;line-height:1.5;color:rgba(255,255,255,.88);margin-top:2px;}
#tipCard .tc-why{font-size:12px;color:#A19E96;margin-top:6px;font-style:italic;}
#tipCard .tc-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px;}
#tipCard .tc-actions button{min-height:44px;padding:0 16px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:transparent;color:#fff;font-weight:600;font-size:13.5px;}
#tipCard .tc-actions .tc-try{background:#B6A7FF;border-color:#B6A7FF;color:#120E1C;}
/* What can Accord do */
.wc-search{width:100%;min-height:48px;margin:10px 0 6px;padding:0 14px;border-radius:14px;border:1px solid rgba(182,167,255,.3);background:rgba(255,255,255,.04);color:#fff;font:inherit;font-size:14.5px;}
.wc-list{max-height:56vh;overflow:auto;display:flex;flex-direction:column;gap:12px;margin:8px 0;}
.wc-q{font-size:12px;font-weight:700;letter-spacing:.04em;color:#C7BBFF;margin:0 2px 6px;}
.wc-item{width:100%;display:flex;align-items:center;gap:10px;text-align:left;padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);color:#fff;margin-bottom:6px;min-height:56px;}
.wc-item span{flex:1;display:flex;flex-direction:column;gap:3px;}.wc-item b{font-size:14px;font-weight:600;}.wc-item small{font-size:12px;color:#A19E96;line-height:1.4;}
.wc-item em{font-style:normal;font-size:12px;color:#A19E96;white-space:nowrap;}
/* Practice chat */
.practice-row .cn{font-weight:700;}
.pr-screen{position:fixed;inset:0;z-index:975;background:radial-gradient(600px 320px at 100% 0%,rgba(143,122,255,.12),transparent 60%),#07090F;display:flex;flex-direction:column;max-width:520px;margin:0 auto;color:#fff;}
.pr-top{display:flex;align-items:center;gap:10px;padding:calc(max(12px,env(safe-area-inset-top)) + 4px) 12px 12px;border-bottom:1px solid rgba(255,255,255,.07);}
.pr-top>div{flex:1;display:flex;flex-direction:column;}.pr-top b{font-size:16px;}.pr-top small{font-size:12px;color:#A19E96;}
.pr-top .cd-back{font-size:26px;width:44px;height:44px;}
.pr-more{min-height:40px;padding:0 12px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:transparent;color:#CFCBC0;font-size:13px;}
.pr-body{flex:1;overflow:auto;padding:16px 14px calc(max(16px,env(safe-area-inset-bottom)) + 16px);display:flex;flex-direction:column;gap:12px;}
.pr-guide{align-self:flex-start;max-width:88%;padding:11px 14px;border-radius:16px 16px 16px 6px;background:rgba(182,167,255,.10);border:1px solid rgba(182,167,255,.22);font-size:14.5px;line-height:1.5;}
.pr-ok{background:rgba(79,179,169,.12);border-color:rgba(79,179,169,.35);}
.pr-count{font-size:12px;color:#A19E96;margin-top:4px;}
.pr-cards{display:flex;flex-direction:column;gap:8px;}
.pr-card{display:flex;align-items:center;gap:12px;min-height:52px;padding:0 14px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035);color:#fff;font-size:14.5px;font-weight:500;text-align:left;}
.pr-card span{width:22px;color:#C7BBFF;font-weight:700;}.pr-card.done{opacity:.75;}
.pr-msg{max-width:80%;padding:10px 14px;border-radius:16px;font-size:14.5px;line-height:1.45;}
.pr-msg.in{align-self:flex-start;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);}
.pr-msg.out{align-self:flex-end;background:linear-gradient(145deg,#C7BBFF,#8F7BFF);color:#120E1C;font-weight:500;}
.pr-note{align-self:flex-end;font-size:12px;color:#A19E96;}
.pr-hold{align-self:center;min-height:56px;padding:0 28px;border-radius:28px;border:1px solid rgba(233,162,59,.5);background:rgba(233,162,59,.12);color:#FFD9A8;font-weight:700;font-size:15px;user-select:none;-webkit-user-select:none;touch-action:none;}
.pr-hold:active{background:rgba(233,162,59,.3);}
.pr-back{align-self:flex-start;min-height:40px;border:0;background:transparent;color:#C7BBFF;font-weight:600;font-size:13.5px;}
/* Help sheet */
.hp-list{display:flex;flex-direction:column;gap:10px;margin:10px 0;max-height:52vh;overflow:auto;}
.hp-item{padding:12px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);}
.hp-item b{font-size:14.5px;}.hp-item p{font-size:13px;line-height:1.5;color:#CFCBC0;margin:4px 0 8px;}
.hp-acts{display:flex;gap:8px;}.hp-acts button{min-height:40px;padding:0 14px;border-radius:10px;border:1px solid rgba(182,167,255,.3);background:transparent;color:#C7BBFF;font-weight:600;font-size:13px;}
.hp-links{display:flex;flex-direction:column;gap:6px;margin-top:4px;}
.hp-links button{min-height:46px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);color:#fff;font-weight:600;font-size:14px;text-align:left;padding:0 14px;}
.hp-spot{position:fixed;z-index:9500;border-radius:16px;border:3px solid #B6A7FF;box-shadow:0 0 0 9999px rgba(3,4,10,.62),0 0 24px rgba(182,167,255,.6);pointer-events:auto;animation:spotIn .25s ease both;}
@keyframes spotIn{from{opacity:0;transform:scale(1.08)}to{opacity:1;transform:none}}

#main .accord-primary-tabs .tab.tab-hidden,.accord-primary-tabs .tab.tab-hidden{display:none!important;}
#main .accord-primary-tabs{grid-template-columns:repeat(auto-fit,minmax(0,1fr))!important;grid-auto-flow:column;}

/* 25 Sep — warm invite */
.wl-card{margin:10px 6px 14px;padding:14px 16px;border-radius:18px;background:linear-gradient(160deg,rgba(143,122,255,.16),rgba(143,122,255,.05));border:1px solid rgba(182,167,255,.3);}
.wl-k{font-size:12px;font-weight:700;letter-spacing:.06em;color:#C7BBFF;text-transform:uppercase;}
.wl-t{font-size:15px;line-height:1.5;margin-top:6px;color:#fff;}
.wl-quick{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;}
.wl-quick button{min-height:44px;padding:0 14px;border-radius:14px;border:1px solid rgba(182,167,255,.35);background:rgba(7,9,15,.5);color:#E6E0FF;font-weight:600;font-size:13.5px;}
.empty .empty-cta2{margin-left:8px;background:transparent;}

/* 25 Sep — Wave D: honest AI */
.tx-label{font-size:12px;color:#A19E96;margin-top:6px;}
.bbl.out .tx-label{color:rgba(18,14,28,.6);}
.tx-label button{border:0;background:transparent;color:inherit;text-decoration:underline;font-size:12px;padding:2px;min-height:28px;}
.tx-seg{display:inline;border:0;background:transparent;color:inherit;font:inherit;padding:0;text-align:left;cursor:pointer;}
.tx-seg.tx-low{opacity:.6;text-decoration:underline dotted;}
.tr-unsure{display:inline;border:0;background:transparent;color:inherit;font:inherit;padding:0;text-decoration:underline dotted 1.5px;text-underline-offset:3px;cursor:pointer;}
.tr-unsure-note{font-size:12px;color:#A19E96;margin-top:6px;}
.sum-line{display:flex;align-items:flex-start;gap:8px;padding:4px 0;}
.sum-line span{flex:1;}
.sum-src{flex-shrink:0;min-width:36px;min-height:32px;border-radius:10px;border:1px solid rgba(182,167,255,.3);background:transparent;color:#C7BBFF;font-size:14px;}
.sum-note{font-size:12px;color:#A19E96;margin-top:6px;}
.pl-warn{margin-top:8px;padding:8px 10px;border-radius:10px;background:rgba(233,162,59,.1);border:1px solid rgba(233,162,59,.3);color:#FFD9A8;font-size:12.5px;}
.row.jump-hl .bbl{box-shadow:0 0 0 2px #B6A7FF,0 0 22px rgba(182,167,255,.5)!important;transition:box-shadow .3s;}

/* ═══════════════════════════════════════════════════════════════
   WAVE E — ACCORD DESIGN SYSTEM (Prompt 3 · Idea 19) + FOUNDATIONS (Idea 2)
   One rulebook for motion, type, shape, colour and light.
   ═══════════════════════════════════════════════════════════════ */
:root{
  /* Motion — every animation uses one of these four */
  --t-arrive:320ms; --e-arrive:cubic-bezier(.2,0,0,1);    /* sheets opening, new things appearing */
  --t-leave:200ms;  --e-leave:cubic-bezier(.4,0,1,1);     /* closing: leaving never makes you wait */
  --t-settle:450ms; --e-settle:cubic-bezier(.3,0,0,1);    /* sky, horizon, big calm changes */
  --t-glow:2500ms;  --e-glow:cubic-bezier(.4,0,.2,1);     /* slow colour changes (seen, hearth) */
  /* Type scale — nothing below 12px */
  --fs-display:28px; --fs-title:20px; --fs-body:16px; --fs-small:14px; --fs-tiny:12px;
  /* Shape */
  --r-s:8px; --r-m:14px; --r-l:20px; --r-xl:28px;
  /* Text levels — solid greys instead of see-through white (clearer, 7:1 and 12:1 on ink) */
  --tx-1:#F0EDE3; --tx-2:#CFCBC0; --tx-3:#A19E96;
  --dim:#A19E96; --v5-muted:#A19E96; --v5-soft:#CFCBC0;
  --accent-text:var(--accent);
}
#chat{--c-dim:#A19E96;--c-out-1:#DCD5FF;--c-out-2:#C7BBFF;--accent-text:var(--accent);}
html.clear-colours{--dim:#DAD6CC!important;--tx-3:#DAD6CC;--tx-2:#E6E2D8;}
html.clear-colours #chat{--c-dim:#DAD6CC;--c-out-1:#ECE8FF;--c-out-2:#D8D0FF;}

/* Bubbles: lighter, calmer, dark words on light lilac (about 11:1) */
#chat .bbl.out{box-shadow:0 4px 14px rgba(120,98,255,.16),inset 0 1px 0 rgba(255,255,255,.45)!important;}
#chat .bbl.out .bt{color:#4E4863!important;opacity:1!important;}
.cc-row .bbl.out,.cf-out{background:linear-gradient(145deg,#DCD5FF,#C7BBFF)!important;}
html.clear-colours .cf-out{background:linear-gradient(145deg,#ECE8FF,#D8D0FF)!important;}

/* Soft read receipt (Idea 16): no ticks — the time itself turns deep violet when seen */
@property --seenk{syntax:'<number>';inherits:true;initial-value:1;}
#chat .bbl.out .bt:has(.seen-mark){color:#3A1FB8!important;color:color-mix(in srgb,#3A1FB8 calc(var(--seenk) * 100%),#4E4863)!important;font-weight:650;}
#chat .bbl.out .bt:has(.seen-new){animation:seenWarm var(--t-glow) var(--e-glow) both;}
@keyframes seenWarm{from{--seenk:0}to{--seenk:1}}
.seen-mark{display:none;}

/* Shape */
.btn{border-radius:var(--r-m);}
.ms-panel{border-radius:var(--r-xl) var(--r-xl) 0 0;animation:msUp var(--t-arrive) var(--e-arrive);}
.ms-backdrop{animation:msFade var(--t-arrive) var(--e-arrive);}
#chat .bbl{border-radius:18px!important;}
#chat .tail-out{border-bottom-right-radius:6px!important;}
#chat .tail-in{border-bottom-left-radius:6px!important;}
#undoBar,#tipCard{background:#161824!important;}
#undoBar{border-radius:var(--r-l);transition:opacity var(--t-arrive) var(--e-arrive),transform var(--t-arrive) var(--e-arrive);}

/* Light budget: at most 2 blurs on any screen (top bar + tab bar, or the chat header). Everything else solid. */
.dd,.post-play-btn,.covOverlay,#loader,.quote-overlay,.ac-intent-v4,.v5-intent,.ac-sheet-backdrop{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
.ac-sheet-backdrop{background:rgba(2,3,7,.86)!important;}
#loader{background:rgba(7,9,15,.9)!important;}
#chat .msgs *{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
/* Lite phones (little memory / Data Saver): no blur anywhere */
html.lite *,html.lite *::before,html.lite *::after{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html.lite #chat .ch{background:#0A0C14!important;}
html.lite #main .accord-primary-tabs,html.lite .ac-nav-top{background:#07090E!important;}

/* Mode Sky (Idea 3): a soft glow of the mode's colour at the top. Faith is softer. Off with Clearer colours. */
#main .scroll{position:relative;z-index:1;}
#modeSky{position:absolute;left:0;right:0;top:0;height:680px;pointer-events:none;z-index:0;}
#modeSky i{position:absolute;inset:0;opacity:0;transition:opacity var(--t-settle) var(--e-settle);}
#modeSky i.on{opacity:1;}
#modeSky i[data-m="student"]{background:radial-gradient(130% 100% at 50% -10%,rgba(233,162,59,.28),rgba(233,162,59,.10) 50%,transparent 80%);}
#modeSky i[data-m="professional"]{background:radial-gradient(130% 100% at 50% -10%,rgba(79,179,169,.28),rgba(79,179,169,.10) 50%,transparent 80%);}
#modeSky i[data-m="faith"]{background:radial-gradient(130% 100% at 50% -10%,rgba(201,123,132,.22),rgba(201,123,132,.08) 50%,transparent 80%);}
html.clear-colours #modeSky{display:none;}
/* Let the sky show through the top of Home */
#main .v5-hero{background:radial-gradient(circle at 82% 18%,rgba(143,122,255,.13),transparent 30%),linear-gradient(180deg,transparent 0%,transparent 55%,rgba(7,9,14,.7) 100%)!important;}

/* Circle Hearth (Idea 17): a still glow, never a number, never blinking */
.ic-card{position:relative;}
.hearth{flex:0 0 auto;width:8px;height:8px;border-radius:50%;margin-left:auto;background:transparent;transition:opacity 400ms var(--e-leave),background var(--t-arrive);}
.hearth.low{background:rgba(199,187,255,.38);}
.hearth.high{background:#C7BBFF;box-shadow:0 0 10px rgba(199,187,255,.55);}
.hearth.out{opacity:0;}
.ic-words{font-size:var(--fs-tiny);color:#E6DFFF;font-weight:600;margin-top:3px;}
.ic-words:empty{display:none;}

/* Reduce motion: everything becomes instant (no sliding, no growing, no slow colour) */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:1ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;transition-delay:0ms!important;scroll-behavior:auto!important;}
}

/* ═══════════════════════════════════════════════════════════════
   WAVE F — THE HORIZON (Ideas 1, 4, 5, 7)
   ═══════════════════════════════════════════════════════════════ */
@property --hz{syntax:'<color>';inherits:true;initial-value:#B6A7FF;}
:root{--hz:var(--accent);transition:--hz var(--t-settle) var(--e-settle) 180ms;} /* horizon changes colour last */

/* The horizon under the main header, on every tab */
#main .mh::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent 0%,var(--hz) 22%,var(--hz) 78%,transparent 100%);opacity:.55;
  box-shadow:0 0 12px 0 color-mix(in srgb,var(--hz) 45%,transparent);}
#main .mh{padding-bottom:12px!important;}
/* Chat: the header line takes the chat's own mode colour */
#chat .ch::after{background:linear-gradient(90deg,transparent,var(--hz,#B6A7FF) 25%,var(--hz,#B6A7FF) 75%,transparent)!important;opacity:.55!important;height:1px!important;}

/* North Star on Home */
.ns-star{position:absolute;right:34px;top:26px;color:#EDE7FF;opacity:.9;filter:drop-shadow(0 0 6px rgba(237,231,255,.55));z-index:2;line-height:0;}
.ns-line{position:relative;z-index:2;display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:-8px 0 20px;padding:8px 12px 8px 10px;min-height:44px;
  border-radius:var(--r-m);border:1px solid rgba(237,231,255,.12);background:rgba(255,255,255,.03);color:var(--tx-1);text-align:left;max-width:100%;}
.ns-line .ns-mini{color:#EDE7FF;line-height:0;}
.ns-line .ns-mini svg{width:14px;height:14px;}
.ns-line .ns-k{font-size:var(--fs-tiny);letter-spacing:.12em;text-transform:uppercase;color:var(--tx-3);font-weight:700;}
.ns-line b{font-size:var(--fs-small);font-weight:600;color:var(--tx-1);}
[dir="rtl"] .ns-star{right:auto;left:34px;}

/* Horizon in the chat list */
.hz-wrap{margin:6px 0 8px;}
.hz-line{height:1px;margin:0 16px;background:linear-gradient(90deg,transparent,var(--hz) 20%,var(--hz) 80%,transparent);opacity:.5;
  box-shadow:0 0 10px color-mix(in srgb,var(--hz) 40%,transparent);}
.rest-head{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:12px 16px;border:0;background:transparent;text-align:left;color:var(--tx-2);}
.rest-head:disabled{opacity:1;}
.rest-head .rh-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;font-size:var(--fs-tiny);color:var(--tx-3);line-height:1.4;}
.rest-head .rh-t b{font-size:var(--fs-small);font-weight:600;color:var(--tx-2);}
.rest-head .rh-ch{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.1);color:var(--tx-2);font-size:18px;flex-shrink:0;}
.rest-list{padding:0 8px 6px;animation:restIn var(--t-arrive) var(--e-arrive) both;}
@keyframes restIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.rest-row{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:8px 10px;border:0;border-radius:var(--r-m);background:transparent;text-align:left;color:var(--tx-3);}
.rest-row:active{background:rgba(255,255,255,.04);}
.rest-row .rr-dot{width:8px;height:8px;border-radius:50%;background:var(--mc);opacity:.7;flex-shrink:0;}
.rest-row .rr-t{flex:1;min-width:0;display:flex;flex-direction:column;}
.rest-row .rr-t b{font-size:var(--fs-small);font-weight:600;color:var(--tx-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.rest-row .rr-t small{font-size:var(--fs-tiny);color:var(--tx-3);}
.rest-row .rr-go{font-size:var(--fs-tiny);color:var(--tx-3);flex-shrink:0;}

/* Rise: resting chats arrive gently above the horizon */
.rise-cap{margin:10px 16px 2px;font-size:var(--fs-tiny);color:var(--tx-3);letter-spacing:.02em;}
.rise-cap::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--hz);margin-right:8px;vertical-align:middle;opacity:.8;}
.cl-row.rise-anim{animation:riseUp var(--t-settle) var(--e-settle) var(--rd,0ms) both;}
@keyframes riseUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.rz-held{font-size:var(--fs-tiny);color:var(--tx-3);margin-top:2px;}

/* Mode switch glide (View Transitions) */
::view-transition-group(*){animation-duration:var(--t-settle);animation-timing-function:var(--e-settle);}
::view-transition-old(root),::view-transition-new(root){animation-duration:var(--t-settle);}

/* ═══════════════════════════════════════════════════════════════
   WAVE G — HELD MESSAGES & DAILY MOMENTS (Ideas 6, 8, 9, 10, 11)
   ═══════════════════════════════════════════════════════════════ */
/* Quiet "⋯" instead of the red bin */
.cl-more{width:40px;height:40px;border-radius:50%;border:0;background:transparent;color:var(--tx-3);font-size:20px;line-height:1;display:grid;place-items:center;flex-shrink:0;cursor:pointer;}
.cl-more:active{background:rgba(255,255,255,.06);}

/* Why-held */
.hw-why{margin:10px 2px 4px;padding:10px 12px;border-radius:var(--r-m);background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);font-size:var(--fs-small);color:var(--tx-2);line-height:1.5;}
.hw-why span{display:block;font-size:var(--fs-tiny);letter-spacing:.1em;text-transform:uppercase;color:var(--tx-3);font-weight:700;margin-bottom:3px;}
.at-row{display:flex;align-items:center;gap:10px;min-height:52px;padding:6px 2px;border-bottom:1px solid rgba(255,255,255,.06);}
.at-row b{flex:1;font-weight:600;color:var(--tx-1);}
.at-row button{min-height:40px;padding:0 14px;border-radius:var(--r-m);border:1px solid rgba(255,255,255,.14);background:transparent;color:var(--tx-2);font-weight:600;}

/* Landing Forecast strip, just above the message box */
.land-strip{align-items:center;gap:8px;margin:0 12px 6px;padding:8px 6px 8px 12px;border-radius:var(--r-m);background:#121521;border:1px solid rgba(199,187,255,.14);
  animation:lsIn var(--t-arrive) var(--e-arrive) both;}
@keyframes lsIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.land-strip .ls-dot{width:6px;height:6px;border-radius:50%;background:#C7BBFF;flex-shrink:0;opacity:.8;}
.land-strip .ls-t{flex:1;min-width:0;font-size:var(--fs-tiny);color:var(--tx-2);line-height:1.4;}
.land-strip .ls-u{min-height:36px;padding:0 10px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:transparent;color:var(--tx-2);font-size:var(--fs-tiny);font-weight:600;flex-shrink:0;}
.land-strip .ls-x{min-width:36px;min-height:36px;border:0;background:transparent;color:var(--tx-3);flex-shrink:0;}

/* Notice Seal */
@property --sp{syntax:'<number>';inherits:true;initial-value:0;}
.seal-btn{position:relative;display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 16px 0 8px;border-radius:999px;border:1px solid rgba(199,187,255,.35);
  background:rgba(199,187,255,.08);color:#EDE7FF;font-weight:650;font-size:var(--fs-small);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;}
.seal-ring{width:32px;height:32px;transform:rotate(-90deg);flex-shrink:0;}
.seal-ring circle{fill:none;stroke-width:3;}
.seal-ring .sr-bg{stroke:rgba(199,187,255,.2);}
.seal-ring .sr-fg{stroke:#C7BBFF;stroke-linecap:round;stroke-dasharray:94.25;stroke-dashoffset:calc(94.25 * (1 - var(--sp)));}
.seal-btn.sealed{background:#C7BBFF;color:#120E1C;border-color:#C7BBFF;}
.seal-btn.sealed .sr-fg{stroke:#120E1C;}
.seal-btn.sealed .sr-bg{stroke:rgba(18,14,28,.2);}
.seal-tap{min-height:44px;padding:0 10px;border:0;background:transparent;color:var(--tx-3);font-size:var(--fs-tiny);text-decoration:underline;text-underline-offset:3px;}
.nc-seal{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px 0 6px;border-radius:999px;background:rgba(199,187,255,.12);color:#EDE7FF;font-weight:650;font-size:var(--fs-small);}
.nc-seal i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#C7BBFF;color:#120E1C;font-style:normal;font-weight:800;}

/* Sunset */
.sunset{position:fixed;inset:0;z-index:9500;display:flex;align-items:flex-end;justify-content:center;pointer-events:none;}
.sunset.on{pointer-events:auto;}
.sunset .ss-sky{position:absolute;inset:0;background:linear-gradient(180deg,#04050A 0%,#0A0914 55%,#221830 100%);opacity:0;transition:opacity 1000ms var(--e-settle);}
.sunset.on .ss-sky{opacity:1;}
.sunset .ss-hz{position:absolute;left:0;right:0;bottom:22%;height:1px;background:linear-gradient(90deg,transparent,var(--hz) 20%,var(--hz) 80%,transparent);
  box-shadow:0 0 16px color-mix(in srgb,var(--hz) 55%,transparent);opacity:0;transform:translateY(0);transition:transform 1000ms var(--e-settle),opacity 600ms;}
.sunset.on .ss-hz{opacity:.8;transform:translateY(-38vh);}
.sunset .ss-card{position:relative;width:100%;max-width:520px;padding:0 28px calc(48px + var(--sb));text-align:center;opacity:0;transform:translateY(12px);transition:opacity var(--t-arrive) var(--e-arrive) 700ms,transform var(--t-arrive) var(--e-arrive) 700ms;}
.sunset.on .ss-card{opacity:1;transform:none;}
.sunset .ss-t{font-family:var(--font-brand);font-size:var(--fs-display);line-height:1.2;color:var(--tx-1);}
.sunset .ss-s{margin-top:10px;font-size:var(--fs-small);color:var(--tx-2);}
.sunset button{margin-top:26px;min-height:48px;padding:0 28px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:var(--tx-1);font-weight:650;font-size:var(--fs-body);}
html.day-closed #modeSky{opacity:.35;transition:opacity 1000ms;}
html.day-closed #main .mh::after{opacity:.3;}

.nc-actions .seal-tap{border:0!important;background:transparent!important;min-width:0!important;}
.dup-strip{display:flex;align-items:center;gap:10px;margin:8px 12px 0;padding:8px 8px 8px 12px;border-radius:var(--r-m);background:#121521;border:1px solid rgba(255,255,255,.08);font-size:var(--fs-tiny);color:var(--tx-2);}
.dup-strip span{flex:1;min-width:0;}
.dup-strip button{min-height:36px;padding:0 14px;border-radius:10px;border:1px solid rgba(199,187,255,.3);background:transparent;color:#EDE7FF;font-weight:650;font-size:var(--fs-tiny);flex-shrink:0;}

/* ═══════════════════════════════════════════════════════════════
   WAVE H — FINISHING TOUCHES (Ideas 13, 14, 15, 18)
   ═══════════════════════════════════════════════════════════════ */
/* Intention tap */
.it-ghost{position:fixed;z-index:990;pointer-events:none;background:#10121C;border:1px solid rgba(255,255,255,.1);border-radius:22px;will-change:transform;}
.it-ghost.go{transition:transform 350ms var(--e-settle),opacity 180ms;}
.it-ghost.fade{opacity:0;}
.ms-wrap.it-open .ms-panel{animation:none!important;opacity:0;}
.ms-wrap.it-open.it-shown .ms-panel{opacity:1;transition:opacity 160ms var(--e-arrive);}
.v5-rail button{transition:opacity var(--t-settle) var(--e-settle),transform var(--t-settle) var(--e-settle);}
.v5-rail button.it-sink{opacity:.4;transform:translateY(4px);}
.ns-star{transition:transform var(--t-settle) var(--e-settle);}

/* Ink-follow */
.vl-words.inking .tx-seg{color:var(--tx-3);transition:color 200ms;}
.vl-words.inking .tx-seg.ink-done,.vl-words.inking .tx-seg.ink-now{color:var(--tx-1);}
.vl-words.inking .tx-seg.ink-now{text-decoration:underline;text-decoration-color:var(--accent-text,#C7BBFF);text-decoration-thickness:2px;text-underline-offset:4px;}
.bbl.out .vl-words.inking .tx-seg{color:#6B6480;}
.bbl.out .vl-words.inking .tx-seg.ink-done,.bbl.out .vl-words.inking .tx-seg.ink-now{color:#120E1C;}
.bbl.out .vl-words.inking .tx-seg.ink-now{text-decoration-color:#3A1FB8;}

/* Discover: three at a time, then a calm end */
.dc-more{display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 16px 8px;}
.dc-more button{min-height:48px;padding:0 24px;border-radius:999px;border:1px solid rgba(199,187,255,.3);background:rgba(199,187,255,.06);color:#EDE7FF;font-weight:650;font-size:var(--fs-small);}
.dc-more small{font-size:var(--fs-tiny);color:var(--tx-3);}
.dc-calm{text-align:center;padding:26px 24px 18px;}
.dc-calm .dc-hz{height:1px;margin:0 8px 18px;background:linear-gradient(90deg,transparent,var(--hz) 20%,var(--hz) 80%,transparent);opacity:.5;}
.dc-calm.glow .dc-hz{animation:hzGlow 1600ms var(--e-glow) 1;}
@keyframes hzGlow{0%{opacity:.5;box-shadow:none}40%{opacity:1;box-shadow:0 0 18px color-mix(in srgb,var(--hz) 70%,transparent)}100%{opacity:.5;box-shadow:none}}
.dc-calm .cd-serif{font-size:var(--fs-title);color:var(--tx-1);}
.dc-calm small{display:block;margin-top:6px;font-size:var(--fs-small);color:var(--tx-2);}

/* Quiet Check-in */
.ci-hold{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 18px 0 8px;margin-top:10px;border-radius:999px;border:1px solid rgba(199,187,255,.3);
  background:rgba(199,187,255,.06);color:#EDE7FF;font-weight:650;font-size:var(--fs-small);touch-action:none;user-select:none;-webkit-user-select:none;}
.ci-hold.done{padding:0 18px;color:var(--tx-2);border-color:rgba(255,255,255,.1);background:transparent;}
.ci-hold.done .seal-ring{display:none;}
.ci-timeline{margin-top:12px;display:flex;flex-direction:column;gap:6px;align-items:center;}
.ci-line{font-size:var(--fs-tiny);color:var(--tx-3);display:flex;align-items:center;gap:8px;}
.ci-line i{width:6px;height:6px;border-radius:50%;background:#C7BBFF;opacity:.7;}
.sess-p{position:relative;}
.sess-p.ci-ring::after{content:'';position:absolute;inset:-4px;border-radius:inherit;border:2px solid #C7BBFF;opacity:0;animation:ciRing 2400ms var(--e-glow) 1;pointer-events:none;}
@keyframes ciRing{0%{opacity:.9;transform:scale(.96)}100%{opacity:0;transform:scale(1.18)}}
@media (prefers-reduced-motion:reduce){.sess-p.ci-ring{box-shadow:0 0 0 2px #C7BBFF;}}

/* ═══════════════════════════════════════════════════════════════
   3.Q — OFFICIAL LINE, PART 1 (bar, ☰ menu, Institutions, badges, age)
   ═══════════════════════════════════════════════════════════════ */
/* ☰ button */
.ac-menu-btn{width:40px;height:40px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex-shrink:0;margin-right:8px;cursor:pointer;}
.ac-menu-btn span{display:block;width:16px;height:1.6px;border-radius:2px;background:var(--tx-1);}
.ac-nav-top{display:flex;align-items:center;}
.ac-nav-top .ac-wordmark{margin-right:auto;}
/* Drawer */
.ac-menu{position:fixed;inset:0;z-index:985;}
.ac-menu .acm-back{position:absolute;inset:0;background:rgba(3,4,8,.6);opacity:0;transition:opacity var(--t-arrive) var(--e-arrive);}
.ac-menu .acm-panel{position:absolute;top:0;bottom:0;left:0;width:min(300px,84vw);background:#0E1019;border-right:1px solid rgba(255,255,255,.08);
  padding:calc(max(16px,var(--st)) + 8px) 12px calc(16px + var(--sb));display:flex;flex-direction:column;gap:8px;transform:translateX(-102%);transition:transform var(--t-arrive) var(--e-arrive);overflow-y:auto;}
[dir="rtl"] .ac-menu .acm-panel{left:auto;right:0;border-right:0;border-left:1px solid rgba(255,255,255,.08);transform:translateX(102%);}
.ac-menu.on .acm-back{opacity:1;}
.ac-menu.on .acm-panel{transform:none;}
.acm-me{display:flex;align-items:center;gap:12px;padding:10px;border-radius:var(--r-m);border:0;background:rgba(255,255,255,.035);text-align:left;color:var(--tx-1);margin-bottom:6px;}
.acm-av{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;overflow:hidden;font-weight:700;color:#fff;flex-shrink:0;}
.acm-av img{width:100%;height:100%;object-fit:cover;}
.acm-me b{display:block;font-size:var(--fs-body);}
.acm-me small{display:block;font-size:var(--fs-tiny);color:var(--tx-3);}
.acm-list{display:flex;flex-direction:column;}
.acm-list button{display:flex;align-items:center;gap:14px;min-height:50px;padding:0 10px;border:0;border-radius:var(--r-m);background:transparent;color:var(--tx-1);font-size:var(--fs-body);text-align:left;}
.acm-list button:active{background:rgba(255,255,255,.05);}
.acm-list i{width:24px;text-align:center;font-style:normal;color:var(--tx-2);}
.acm-foot{margin-top:auto;padding:14px 10px 0;font-size:var(--fs-tiny);color:var(--tx-3);}

/* Institutions tab */
.it-head{padding:22px 20px 8px;}
.it-head small{font-size:var(--fs-tiny);letter-spacing:.16em;color:var(--tx-3);font-weight:700;}
.it-head h1{font-family:var(--font-brand);font-size:34px;font-weight:600;letter-spacing:-.012em;margin:4px 0 4px;color:var(--tx-1);}
.it-head p{font-size:var(--fs-small);color:var(--tx-3);margin:0;}
.it-sec{padding:18px 16px 6px;font-size:var(--fs-tiny);letter-spacing:.14em;text-transform:uppercase;color:var(--tx-3);font-weight:700;}
.ic-mode{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px;vertical-align:middle;}

/* Verification badges — never gold (gold is Pro) */
.org-badge{display:inline-flex;align-items:center;gap:4px;min-height:24px;padding:0 8px;border-radius:999px;font-size:var(--fs-tiny);font-weight:700;border:1px solid;vertical-align:middle;background:transparent;cursor:pointer;}
.org-badge i{font-style:normal;}
.org-badge.ob-un{color:#A19E96;border-color:rgba(161,158,150,.4);}
.org-badge.ob-ch{color:#9FD3FF;border-color:rgba(159,211,255,.45);}
.org-badge.ob-ve{color:#0B1A2A;background:#9FD3FF;border-color:#9FD3FF;}

/* Age question */
.age-sheet{position:fixed;inset:0;z-index:9600;background:rgba(4,5,10,.92);display:flex;align-items:flex-end;justify-content:center;}
.age-sheet .ag-card{width:100%;max-width:520px;background:#10121C;border-top:1px solid rgba(255,255,255,.08);border-radius:var(--r-xl) var(--r-xl) 0 0;padding:22px 18px calc(22px + var(--sb));animation:msUp var(--t-arrive) var(--e-arrive);}
.ag-sel{width:100%;min-height:52px;margin:14px 0 4px;padding:0 14px;border-radius:var(--r-m);border:1px solid rgba(255,255,255,.14);background:#0B0D15;color:var(--tx-1);font-size:var(--fs-body);}
.ag-why{margin-top:10px;border:0;background:transparent;color:var(--tx-3);text-decoration:underline;font-size:var(--fs-tiny);min-height:40px;}

/* ═══════════════════════════════════════════════════════════════
   3.R — OFFICIAL LINE, PART 2 (org pages, notices, admin console)
   ═══════════════════════════════════════════════════════════════ */
.it-actions{display:flex;flex-direction:column;gap:0;}
.add-inst-btn.ghost{background:transparent!important;border-style:dashed!important;}
/* Home official section */
.home-official{margin:14px 16px 4px;padding:14px 14px 8px;border-radius:var(--r-l);background:#12151F;border:1px solid rgba(159,211,255,.22);}
.home-official .ho-k{font-size:var(--fs-tiny);letter-spacing:.14em;font-weight:700;color:#9FD3FF;margin-bottom:6px;}
.ho-row{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:10px 0;border:0;border-top:1px solid rgba(255,255,255,.06);background:transparent;text-align:left;color:var(--tx-1);}
.ho-row:first-of-type{border-top:0;}
.ho-org{font-size:var(--fs-tiny);color:var(--tx-3);font-weight:600;}
.ho-v{font-style:normal;color:#9FD3FF;}
.ho-row b{font-size:var(--fs-body);font-weight:650;}
.ho-row small{font-size:var(--fs-tiny);color:var(--tx-2);}
.ho-urgent b{color:#FFB4A8;}
/* Full-screen layers */
.ac-screen{position:fixed;inset:0;z-index:950;background:var(--v5-bg,#07090e);display:flex;flex-direction:column;max-width:520px;margin:0 auto;opacity:0;transform:translateY(10px);transition:opacity var(--t-arrive) var(--e-arrive),transform var(--t-arrive) var(--e-arrive);}
.ac-screen.on{opacity:1;transform:none;}
.acs-head{display:flex;align-items:center;gap:8px;padding:calc(max(10px,var(--st)) + 4px) 10px 10px;border-bottom:1px solid rgba(255,255,255,.07);background:#0A0C13;}
.acs-back{width:40px;height:40px;border-radius:12px;border:0;background:transparent;color:var(--tx-1);font-size:28px;line-height:1;}
.acs-title{flex:1;min-width:0;font-weight:700;font-size:var(--fs-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.acs-body{flex:1;overflow-y:auto;padding:4px 0 calc(40px + var(--sb));-webkit-overflow-scrolling:touch;}
/* Organisation page */
.org-hero{padding:18px 16px 10px;}
.oh-name{font-family:var(--font-brand);font-size:26px;font-weight:600;color:var(--tx-1);line-height:1.2;}
.oh-sub{margin-top:8px;display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:var(--fs-tiny);color:var(--tx-3);}
.oh-note{margin-top:10px;font-size:var(--fs-tiny);color:#F0C05A;}
.org-admin-btn{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:calc(100% - 32px);margin:6px 16px;padding:14px 16px;border-radius:var(--r-l);border:1px solid rgba(199,187,255,.25);background:rgba(199,187,255,.06);color:var(--tx-1);font-weight:700;font-size:var(--fs-body);text-align:left;}
.org-admin-btn small{font-weight:500;font-size:var(--fs-tiny);color:var(--tx-3);}
.nt-row{display:flex;flex-direction:column;align-items:flex-start;gap:3px;width:calc(100% - 32px);margin:0 16px;padding:12px 2px;border:0;border-bottom:1px solid rgba(255,255,255,.06);background:transparent;text-align:left;color:var(--tx-1);}
.nt-row b{font-size:var(--fs-body);font-weight:600;}
.nt-row small{font-size:var(--fs-tiny);color:var(--tx-3);}
.nt-row.need small{color:#9FD3FF;}
.nt-type{font-size:var(--fs-tiny);font-weight:700;letter-spacing:.04em;color:var(--tx-3);}
.nt-type.nt-action{color:#F0C05A;}.nt-type.nt-urgent{color:#FF8F85;}
.org-foot{display:flex;flex-direction:column;gap:6px;padding:22px 16px;}
.org-foot a{color:#9FD3FF;font-size:var(--fs-small);}
.org-foot button{align-self:flex-start;min-height:44px;border:0;background:transparent;color:var(--tx-3);text-decoration:underline;font-size:var(--fs-small);padding:0;}
/* Notice view */
.nt-card{margin:14px 16px;padding:18px 16px;border-radius:var(--r-l);background:#11141D;border:1px solid rgba(255,255,255,.08);}
.nt-card.nt-urgent{border-color:rgba(255,143,133,.45);}
.nt-card.nt-action{border-color:rgba(240,192,90,.35);}
.nt-from{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:var(--fs-small);font-weight:600;color:var(--tx-2);}
.nt-kind{margin-top:6px;font-size:var(--fs-tiny);color:var(--tx-3);}
.nt-title{font-family:var(--font-brand);font-size:var(--fs-title);font-weight:600;margin:12px 0 8px;color:var(--tx-1);line-height:1.3;}
.nt-body{font-size:var(--fs-body);line-height:1.6;color:var(--tx-1);word-break:break-word;}
.nt-act{padding:0 16px;display:flex;flex-direction:column;gap:10px;}
.nt-big{width:100%;min-height:54px;border-radius:var(--r-m);border:0;background:#C7BBFF;color:#120E1C;font-weight:750;font-size:var(--fs-body);}
.nt-big.alt{background:transparent;color:var(--tx-1);border:1px solid rgba(255,255,255,.2);}
.nt-big.on{outline:3px solid #9FD3FF;outline-offset:2px;}
.nt-two{display:flex;gap:10px;}
.nt-consent{padding:12px 14px;border-radius:var(--r-m);background:rgba(240,192,90,.08);border:1px solid rgba(240,192,90,.25);font-size:var(--fs-small);color:var(--tx-1);line-height:1.5;}
.nt-done{padding:12px 14px;border-radius:var(--r-m);background:rgba(126,226,184,.08);border:1px solid rgba(126,226,184,.3);color:#BFF0D8;font-size:var(--fs-small);}
.nt-link{margin:14px 16px;min-height:44px;border:0;background:transparent;color:var(--tx-2);font-size:var(--fs-small);}
/* Join */
.jn-card{padding:14px;border-radius:var(--r-m);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:8px;font-size:var(--fs-small);color:var(--tx-2);}
.jn-as{color:var(--tx-1);}
/* Admin console */
.adm-tabs{display:flex;gap:6px;padding:10px 12px;overflow-x:auto;border-bottom:1px solid rgba(255,255,255,.06);}
.adm-tabs button{flex-shrink:0;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:transparent;color:var(--tx-2);font-weight:650;font-size:var(--fs-small);}
.adm-tabs button.on{background:#C7BBFF;color:#120E1C;border-color:#C7BBFF;}
#admPane{padding:8px 0;}
.adm-primary{display:block;width:calc(100% - 32px);margin:10px 16px;min-height:48px;border-radius:var(--r-m);border:0;background:#C7BBFF;color:#120E1C;font-weight:750;font-size:var(--fs-small);}
.adm-primary.ghost{background:transparent;color:var(--tx-1);border:1px solid rgba(255,255,255,.18);}
.adm-row2{display:flex;}.adm-row2 .adm-primary{margin-right:0;}.adm-row2 .adm-primary:last-child{margin-right:16px;}
.adm-live{margin:10px 16px;padding:14px;border-radius:var(--r-m);background:rgba(240,192,90,.08);border:1px solid rgba(240,192,90,.3);font-size:var(--fs-small);color:var(--tx-1);}
.adm-live .adm-primary{width:100%;margin:10px 0 0;}
.rp-scope{padding:12px 16px 0;font-size:var(--fs-tiny);color:var(--tx-3);}
.rp-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:8px;padding:12px 16px;}
.rp-tiles div{padding:12px 10px;border-radius:var(--r-m);background:#11141D;border:1px solid rgba(255,255,255,.07);text-align:center;}
.rp-tiles b{display:block;font-size:22px;color:var(--tx-1);}
.rp-tiles small{font-size:var(--fs-tiny);color:var(--tx-3);}
.rp-unit{display:flex;align-items:center;justify-content:space-between;gap:10px;width:calc(100% - 32px);margin:0 16px;padding:11px 0;border:0;border-bottom:1px solid rgba(255,255,255,.06);background:transparent;color:var(--tx-1);text-align:left;font-size:var(--fs-small);}
.rp-unit small{color:var(--tx-3);font-size:var(--fs-tiny);text-align:right;}
.mem-st{color:#F0C05A!important;}
.u-ind{display:inline-block;width:14px;}
.gl-act{display:flex;gap:6px;flex-shrink:0;}
.gl-act button{min-height:38px;padding:0 12px;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:transparent;color:var(--tx-1);font-weight:650;font-size:var(--fs-tiny);}
.gl-act button:first-child{background:#C7BBFF;color:#120E1C;border-color:#C7BBFF;}
.rs-err{color:#FF8F85!important;}
.fm-l{display:block;margin:14px 2px 6px;font-size:var(--fs-tiny);letter-spacing:.08em;text-transform:uppercase;color:var(--tx-3);font-weight:700;}
.acs-body .fm-l,.acs-body .ec-reflect,.acs-body .ms-row,.acs-body .ms-note,.acs-body .ms-actions,.acs-body .fm-sub,.acs-body .nc-units,.acs-body .nc-reach{margin-left:16px;margin-right:16px;}
.acs-body .ec-reflect{width:calc(100% - 32px);box-sizing:border-box;}
.fm-sub{margin-top:8px;}
.nc-units{display:flex;flex-wrap:wrap;gap:6px 14px;}
.nc-u{display:inline-flex;align-items:center;gap:6px;min-height:40px;font-size:var(--fs-small);color:var(--tx-1);}
.nc-u input{width:18px;height:18px;accent-color:#C7BBFF;}
.nc-reach{margin-top:10px;font-size:var(--fs-small);color:#9FD3FF;min-height:1em;}
.iv-link{padding:12px;border-radius:var(--r-m);background:#0B0D15;border:1px solid rgba(255,255,255,.1);font-size:var(--fs-tiny);word-break:break-all;color:var(--tx-2);}
.set-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 16px;}
.set-grid label{display:flex;flex-direction:column;gap:4px;font-size:var(--fs-tiny);color:var(--tx-3);}
.set-grid input{min-height:44px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:#0B0D15;color:var(--tx-1);padding:0 10px;font-size:var(--fs-body);}

/* 3.S — usual classes sheet */
.uc-list{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 4px}
.uc-list span{font-size:var(--fs-small,14px);padding:6px 10px;border-radius:var(--r-s,8px);background:rgba(255,255,255,.06);color:var(--tx-2,#CFCBC0)}

/* 3.Z — setup screens must scroll on small phones (the "Start Chatting" button was unreachable) */
.aw{overflow-y:auto;-webkit-overflow-scrolling:touch;min-height:0;overscroll-behavior:contain}
#profile .aw>.btn-primary{position:sticky;bottom:0;margin-top:18px;box-shadow:0 -14px 24px 6px var(--ink,#070B14)}
/* 3.AA — Pro coming soon */
.pro-soon{margin:6px 4px 16px;text-align:center;color:var(--tx-2,#CFCBC0);font-size:var(--fs-small,14px);line-height:1.55}

/* 3.AB — documents in chats */
.att-row{display:flex;align-items:center;gap:14px;text-align:left}
.att-row span:last-child{display:flex;flex-direction:column}
.att-ic{width:42px;height:42px;border-radius:var(--r-m,14px);display:grid;place-items:center;background:rgba(255,255,255,.06);font-size:20px;flex:none}
.att-doc{font-size:11px;font-weight:800;letter-spacing:.06em;color:#CFC6FF;background:rgba(139,123,255,.16)}
.doc-bbl{min-width:220px;max-width:min(78vw,340px)}
.doc-note{font-size:var(--fs-body,16px);line-height:1.45;margin-bottom:8px}
.doc-card{display:flex;align-items:center;gap:12px;padding:10px;border-radius:var(--r-m,14px);background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.08)}
.doc-prev{margin:6px 0 4px;background:rgba(255,255,255,.04)}
.doc-tile{flex:none;min-width:48px;height:56px;padding:0 6px;border-radius:10px;display:grid;place-items:center;font-size:11px;font-weight:800;letter-spacing:.05em;color:#fff;background:linear-gradient(160deg,#6d5ce8,#4a3fb0);box-shadow:inset 0 -3px 0 rgba(0,0,0,.18)}
.doc-pdf{background:linear-gradient(160deg,#d9534f,#a33a37)}
.doc-doc,.doc-docx,.doc-odt,.doc-rtf,.doc-txt{background:linear-gradient(160deg,#3f7fe0,#2c5fae)}
.doc-xls,.doc-xlsx,.doc-ods,.doc-csv{background:linear-gradient(160deg,#2f9e6a,#1f7a50)}
.doc-ppt,.doc-pptx,.doc-odp{background:linear-gradient(160deg,#e08a3a,#b8662a)}
.doc-zip{background:linear-gradient(160deg,#7c7f8c,#555866)}
.doc-meta{display:flex;flex-direction:column;min-width:0}
.doc-meta b{font-size:var(--fs-small,14px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}
.doc-meta small{font-size:var(--fs-tiny,12px);opacity:.7;margin-top:2px}
.doc-open{margin-top:8px;width:100%;padding:9px;border-radius:var(--r-s,8px);border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:inherit;font-weight:600;font-size:var(--fs-small,14px)}
.doc-trust{font-size:var(--fs-tiny,12px);opacity:.6;margin-top:6px}

/* 3.AC — files on official notices */
.nc-att{display:flex;flex-direction:column;gap:8px;margin:6px 16px 0}
.nc-att-row{position:relative;padding-right:44px}
.nc-att-x{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:inherit}
.nc-att-add{padding:12px;border-radius:var(--r-m,14px);border:1px dashed rgba(255,255,255,.22);background:transparent;color:var(--tx-2,#CFCBC0);font-weight:600;font-size:var(--fs-small,14px)}
.nt-files{margin:14px 16px 4px;display:flex;flex-direction:column;gap:8px}
.nt-files .doc-open{margin-top:-2px}
.ho-clip{font-size:.85em;opacity:.8;margin-left:4px}

/* ── 3.AF · How modes protect me ── */
.mp-list{display:flex;flex-direction:column;gap:10px;margin-top:14px}
.mp-opt{display:flex;align-items:flex-start;gap:12px;width:100%;text-align:left;padding:14px;border-radius:16px;border:1px solid rgba(182,167,255,.16);background:rgba(255,255,255,.03);color:var(--text,#EDEBF7);font:inherit;cursor:pointer}
.mp-opt.on{border-color:rgba(182,167,255,.55);background:rgba(182,167,255,.10)}
.mp-ico{font-size:22px;line-height:1.2;flex:0 0 auto}
.mp-txt{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}
.mp-txt b{font-size:15px;font-weight:600}
.mp-txt b small{font-weight:400;color:var(--dim,#9a97ad);font-size:12px}
.mp-txt>small{font-size:13px;line-height:1.45;color:var(--dim,#9a97ad)}
.mp-tick{color:#B6A7FF;font-weight:700;min-width:14px}

/* ── 3.AG · Send-as mode chip ── */
.pace-pill.send-as{--sa:#B6A7FF;color:var(--sa);border-color:color-mix(in srgb,var(--sa) 35%,transparent);background:color-mix(in srgb,var(--sa) 8%,transparent);white-space:nowrap;flex:0 0 auto}
.pace-pill.send-as.is-set{background:color-mix(in srgb,var(--sa) 22%,transparent);border-color:var(--sa);color:#fff}
#chat .pace-bar{overflow-x:auto;scrollbar-width:none}
#chat .pace-bar::-webkit-scrollbar{display:none}

/* ── 3.AJ · Send feedback + Bring one person ── */
.fb-shot{display:block;margin-top:10px;padding:12px 14px;border:1px dashed rgba(182,167,255,.35);border-radius:14px;color:#CFC8FF;font-size:13.5px;cursor:pointer;text-align:center}
.b1-card{margin:14px 16px 0;padding:16px;border-radius:18px;border:1px solid rgba(182,167,255,.22);background:linear-gradient(135deg,rgba(182,167,255,.10),rgba(182,167,255,.03))}
.b1-t{font-family:var(--font-brand);font-size:18px;color:#EDEBF7}
.b1-s{font-size:13.5px;color:var(--dim,#9a97ad);line-height:1.5;margin-top:4px}
.b1-a{display:flex;gap:10px;margin-top:12px}
.b1-a button{flex:1;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#EDEBF7;font:inherit;font-size:14px;font-weight:600}
.b1-a .b1-go{background:linear-gradient(135deg,#B6A7FF,#8C7BFF);color:#0B0D16;border:0}

/* ── 3.AK · Family mode (Step A) ── */
.mode-family::before{content:'';position:absolute;left:3px;top:9px;width:15px;height:10px;border:1.3px solid currentColor;border-top:0;border-radius:0 0 3px 3px;}
.mode-family::after{content:'';position:absolute;left:5px;top:3px;width:11px;height:11px;border-left:1.3px solid currentColor;border-top:1.3px solid currentColor;transform:rotate(45deg);transform-origin:center;}
#modeSky i[data-m="family"]{background:radial-gradient(130% 100% at 50% -10%,rgba(224,127,95,.26),rgba(224,127,95,.09) 50%,transparent 80%);}
.trans-lbl.family{color:#E07F5F;}
.trans-bubble.family{background:linear-gradient(135deg,rgba(224,127,95,.08),rgba(224,127,95,.03));border-color:rgba(224,127,95,.2);}
/* four modes must fit small phones */
.ac-mode-switch{max-width:100%;}
.ac-mode-switch .mp{min-width:0;white-space:nowrap;}
@media (max-width:400px){.ac-mode-switch .mp{padding:0 6px!important;font-size:11.5px!important;letter-spacing:0;gap:4px!important}}
@media (max-width:360px){.ac-mode-switch .mp .md2{display:none!important}.ac-mode-switch .mp{padding:0 4px!important;font-size:11px!important}}
.fam-bar{display:flex;gap:8px;padding:8px 14px 0;overflow-x:auto;scrollbar-width:none}
.fam-bar::-webkit-scrollbar{display:none}
.fam-bar button{flex:0 0 auto;padding:7px 13px;border-radius:100px;border:1px solid rgba(224,127,95,.38);background:rgba(224,127,95,.10);color:#F3C2AE;font:inherit;font-size:13px;font-weight:600}
.fam-toggle{display:flex;gap:12px;align-items:flex-start;width:100%;text-align:left;margin-top:14px;padding:14px;border-radius:16px;border:1px solid rgba(224,127,95,.3);background:rgba(224,127,95,.06);color:#EDEBF7;font:inherit;cursor:pointer}
.fam-toggle.on{background:rgba(224,127,95,.16);border-color:#E07F5F}
.fam-toggle>span:first-child{font-size:22px}
.fam-toggle b{display:block;font-size:15px}
.fam-toggle small{display:block;font-size:12.5px;color:var(--dim,#9a97ad);line-height:1.45;margin-top:3px}

/* 3.AM — photos that can't load (offline / deleted) show a calm placeholder, never a broken icon */
img.img-off-ph{object-fit:contain!important;background:#1E1C2B;min-height:120px;}
img.img-off-av{object-fit:cover!important;}

/* ═══════ 3.AN — Accord's own chat screen: Turns (1-to-1), Page (groups) ═══════ */
#chat{--tm:#B9A7FF;--tc:#E9A23B;}
/* calm mode sky — a soft glow of the chat's mode colour at the top */
#chat #msgs{background:radial-gradient(120% 40% at 72% 0%,color-mix(in srgb,var(--tm) 14%,transparent),transparent 66%)!important;gap:0!important;}
/* a turn = one card for one person's lines */
#chat #msgs .turn{display:flex;flex-direction:column;width:fit-content;max-width:86%;margin:0 0 12px;flex-shrink:0;}
#chat #msgs .turn.t-in{align-self:flex-start;}
#chat #msgs .turn.t-out{align-self:flex-end;align-items:flex-end;}
#chat #msgs .turn>.row{max-width:100%!important;align-self:stretch;margin:0!important;}
#chat #msgs .turn .ia,#chat #msgs .turn .ia-ph{display:none!important;}
#chat #msgs .turn .bbl-tx{flex:1 1 auto;border-radius:0!important;box-shadow:none!important;padding:8px 14px!important;font-size:14.5px!important;line-height:1.5!important;}
#chat #msgs .turn .bbl-tx.in{background:rgba(255,255,255,.05)!important;border:0!important;border-left:3px solid var(--tc)!important;color:#F3F1F8!important;}
#chat #msgs .turn .bbl-tx.out{background:color-mix(in srgb,var(--tm) 17%,#0B0F1C)!important;border:0!important;border-right:3px solid var(--tm)!important;color:#F4F2FA!important;}
#chat #msgs .turn>.row:first-child .bbl-tx{border-top-left-radius:14px!important;border-top-right-radius:14px!important;padding-top:10px!important;}
#chat #msgs .turn>.row:not(:has(~ .row)) .bbl-tx{border-bottom-left-radius:14px!important;border-bottom-right-radius:14px!important;padding-bottom:10px!important;}
/* time once per card; tap one line to see its own time */
#chat #msgs .turn .bbl-tx .bt{display:none!important;}
#chat #msgs .turn .bbl-tx.show-t .bt{display:block!important;color:#fff!important;opacity:.5!important;font-size:11px!important;font-weight:400!important;}
#chat #msgs .turn-meta{font-size:11px;color:var(--c-dim,#8E89A8);margin:5px 6px 0;letter-spacing:.01em;}
#chat #msgs .tm-st{background:none;border:0;padding:0;color:inherit;font:inherit;cursor:pointer;}
#chat #msgs .tm-st.seen{color:var(--tm);font-weight:600;}
/* held messages: their own card with a soft dotted border */
#chat #msgs .turn .held-bbl{background:transparent!important;border:1.5px dashed color-mix(in srgb,var(--tm) 55%,transparent)!important;color:#D8D4E8!important;box-shadow:none!important;border-radius:14px!important;}
#chat #msgs .vest{border-color:color-mix(in srgb,var(--tm) 55%,transparent)!important;}
/* top bar: mode line + one call button */
#chat #chBanner{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px!important;color:var(--tm)!important;padding:7px 12px 8px!important;background:transparent!important;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05);}
#chat #chBanner b{font-weight:600;color:var(--tm)!important;}
#chat .ml-dot{margin-right:6px;flex:none;width:6px;height:6px;border-radius:50%;background:var(--tm);box-shadow:0 0 6px var(--tm);display:inline-block;}
#chat .ch-call{border-radius:12px!important;}
/* bottom: + button and a soft square send button in the mode colour */
#chat .ca-plus svg{width:20px;height:20px;}
#chat #sendBtn.cs,#chat #compBar .cs{border-radius:13px!important;background:var(--tm)!important;color:#140F24!important;}
/* groups (Circle) read as a calm Page */
.cc-msgs.pg{display:flex;flex-direction:column;gap:2px;}
.pg-entry{display:flex;gap:10px;padding:7px 2px;}
.pg-rail{width:3px;border-radius:2px;flex:none;background:var(--pc);}
.pg-body{min-width:0;flex:1;}
.pg-h{display:flex;align-items:baseline;gap:8px;margin-bottom:2px;font-size:12.5px;}
.pg-h b{color:var(--pc);font-weight:700;}
.pg-h span:last-child{color:var(--dim,#8E89A8);font-size:10.5px;}
.pg-x{font-size:14.5px;line-height:1.5;color:var(--text,#E9E6F5);word-break:break-word;}
.pg-x p+p{margin-top:5px;}
.pg-notice .pg-x{font-weight:600;}

/* ═══════ 3.AP — Accord numbers ═══════ */
.an-big{margin:10px auto 4px;padding:18px 12px;border-radius:18px;text-align:center;background:linear-gradient(160deg,rgba(185,167,255,.16),rgba(185,167,255,.04));border:1px solid rgba(185,167,255,.25);}
.an-big small{display:block;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#B9A7FF;margin-bottom:4px;}
.an-big b{font-size:30px;letter-spacing:.06em;font-weight:700;color:#F4F2FA;font-variant-numeric:tabular-nums;}
.an-acts{display:flex;gap:8px;margin:14px 0 4px;}
.an-acts button{flex:1;padding:11px 6px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:var(--text,#fff);font-weight:600;font-size:13.5px;}
.an-tog{width:100%;display:flex;align-items:center;gap:10px;text-align:left;padding:12px 14px;margin-top:12px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:transparent;color:var(--text,#fff);}
.an-tog span{flex:1}.an-tog b{display:block;font-size:14px}.an-tog small{color:var(--dim,#8E89A8);font-size:12px}
.an-tog i{width:40px;height:24px;border-radius:12px;background:rgba(255,255,255,.14);position:relative;flex:none;transition:background .2s}
.an-tog i::after{content:'';position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s}
.an-tog.on i{background:#B9A7FF}.an-tog.on i::after{transform:translateX(16px)}
.an-change{display:block;margin:16px auto 2px;background:none;border:0;color:var(--dim,#8E89A8);font-size:13px;text-decoration:underline;text-underline-offset:3px;}
.an-add{margin:12px 14px 4px;}
.an-lbl{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--dim);font-weight:600;margin:0 2px 6px;}
.an-box{margin:0!important;}
.an-pre{color:#B9A7FF;font-weight:700;font-size:13px;letter-spacing:.04em;}
#anIn{font-size:17px!important;letter-spacing:.08em;font-variant-numeric:tabular-nums;}
#anOut .kn-note{width:100%;margin-top:10px;}
.an-msg{padding:12px 4px;font-size:13.5px;color:var(--dim,#A9A4C2);line-height:1.5;}
.an-sent{color:#9FD37A;}
.an-found{display:flex;align-items:center;gap:12px;padding:12px;margin-top:10px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);}
.an-found>div{flex:1;min-width:0}.an-found b{font-size:15px}.an-found small{display:block;color:var(--dim,#8E89A8);font-size:12.5px;margin-top:2px;line-height:1.4}
.an-av{width:42px;height:42px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;background:#2B2840;color:#fff;font-weight:700;overflow:hidden;}
.an-av img{width:100%;height:100%;object-fit:cover;}
.an-off{font-size:11px;font-weight:700;color:#E9C46A;border:1px solid rgba(233,196,106,.45);border-radius:8px;padding:1px 6px;margin-left:4px;}
.an-row{display:flex;align-items:center;justify-content:space-between;margin-top:8px;}
.an-row small{color:var(--dim,#8E89A8);font-size:11.5px;}
.an-go{padding:10px 16px;border-radius:12px;border:0;background:#B9A7FF;color:#140F24;font-weight:700;font-size:13.5px;flex:none;}
.an-go:disabled{opacity:.55;}
.an-fine{font-size:11.5px;color:var(--dim,#8E89A8);margin-top:8px;line-height:1.45;}
.cr-row{display:flex;align-items:center;gap:12px;width:calc(100% - 24px);margin:10px 12px 4px;padding:12px 14px;border-radius:16px;border:1px solid rgba(185,167,255,.28);background:rgba(185,167,255,.08);color:var(--text,#fff);text-align:left;}
.cr-row>span:nth-child(2){flex:1}.cr-row b{display:block;font-size:14.5px}.cr-row small{color:var(--dim,#8E89A8);font-size:12px}
.cr-ic{font-size:20px}.cr-go{color:#B9A7FF;font-size:20px}
.cr-card{padding:14px;border-radius:16px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);margin-top:10px;}
.cr-top{display:flex;align-items:center;gap:12px}.cr-top b{display:block;font-size:15px}.cr-top small{color:var(--dim,#8E89A8);font-size:12px}
.cr-note{margin:10px 0 2px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.05);font-size:14.5px;line-height:1.5;word-break:break-word;}
.cr-acts{display:flex;gap:8px;margin-top:12px}
.cr-acts button{flex:1;padding:10px 6px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:transparent;color:var(--text,#fff);font-weight:600;font-size:13.5px;}
.cr-acts .cr-acc{background:#B9A7FF;border-color:#B9A7FF;color:#140F24;}
.cr-rep{display:block;margin:10px auto 0;background:none;border:0;color:var(--dim,#8E89A8);font-size:12px;text-decoration:underline;}

/* ═══════ 3.AQ — a calm, clear start screen ═══════ */
/* never cover the start screen with the dark loading layer + spinner — the start screen is the loading sign */
body:has(#splash:not(.off)) #loader{display:none!important;}
/* the logo breathes softly while Accord gets ready */
#splash .sl{animation:slBreath 2.8s ease-in-out infinite;}
@keyframes slBreath{
  0%,100%{transform:scale(1);box-shadow:0 32px 100px rgba(0,0,0,.58),0 0 0 rgba(139,120,255,0),inset 0 1px 0 rgba(255,255,255,.10);}
  50%{transform:scale(1.035);box-shadow:0 32px 100px rgba(0,0,0,.58),0 0 46px rgba(139,120,255,.30),inset 0 1px 0 rgba(255,255,255,.14);}
}
#splash .sn,#splash .st{animation:spIn .7s cubic-bezier(.2,.7,.3,1) both;}
#splash .st{animation-delay:.12s;}
@keyframes spIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
/* one calm moving line instead of a bar that fills once and then looks stuck */
#splash .sb{width:64px!important;position:relative;}
#splash .sf{width:40%!important;animation:sfSweep 1.6s ease-in-out infinite!important;}
@keyframes sfSweep{0%{transform:translateX(-110%)}100%{transform:translateX(260%)}}
#splash .s-slow{margin-top:18px;min-height:18px;font-size:12.5px;color:#8E89A8;opacity:0;transition:opacity .6s;}
#splash .s-slow.on{opacity:1;}
/* a soft fade from the start screen into Accord */
#splashFade{position:fixed;inset:0;z-index:9999;pointer-events:none;transition:opacity .38s ease,transform .38s ease;display:flex!important;flex-direction:column;}
#splashFade.out{opacity:0;transform:scale(1.02);}
@media (prefers-reduced-motion:reduce){#splash .sl,#splash .sn,#splash .st{animation:none!important;}#splash .sf{animation-duration:3s!important;}#splashFade{transition:opacity .2s;}#splashFade.out{transform:none;}}

/* the maker's fingerprint — a handwritten signature */
#splash .s-sign,#splashFade .s-sign{position:absolute;left:0;right:0;bottom:calc(22px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;pointer-events:none;}
.s-sign small,.acm-sign small{font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:rgba(185,167,255,.5);animation:spIn .9s .4s cubic-bezier(.2,.7,.3,1) both;}
.sig{font-family:'Great Vibes','Snell Roundhand','Segoe Script','Brush Script MT',cursive;font-weight:400;font-size:38px;line-height:1.15;padding:0 10px;
  background:linear-gradient(100deg,#F4F0FF 10%,#C9BDFF 45%,#9B87FF 90%);-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 0 14px rgba(155,135,255,.28));}
/* it writes itself: revealed left → right like a pen stroke, then the swash is drawn underneath */
#splash .s-sign .sig{clip-path:inset(0 100% 0 0);animation:sigWrite 1.5s .7s cubic-bezier(.45,.05,.3,1) forwards;}
@keyframes sigWrite{to{clip-path:inset(0 0 0 0)}}
.sig-swash{width:120px;height:14px;margin-top:-8px;overflow:visible;}
.sig-swash path{fill:none;stroke:rgba(185,167,255,.55);stroke-width:1.4;stroke-linecap:round;stroke-dasharray:180;stroke-dashoffset:180;}
#splash .sig-swash path{animation:swDraw .9s 2.1s ease-out forwards;}
#splashFade .sig,#splashFade .sig-swash path{clip-path:none;animation:none;stroke-dashoffset:0;}
@keyframes swDraw{to{stroke-dashoffset:0}}
.acm-sign{display:flex;flex-direction:column;align-items:flex-start;margin-top:10px;}
.acm-sign .sig{font-size:28px;padding:0;margin-top:-2px;}
@media (prefers-reduced-motion:reduce){#splash .s-sign .sig{clip-path:none;animation:none;}#splash .sig-swash path{animation:none;stroke-dashoffset:0;}}

/* 3.AT — Circle invitations */
.ci-card{margin:8px 16px;padding:14px;border-radius:16px;border:1px solid rgba(185,167,255,.25);background:rgba(185,167,255,.06);}
.ci-top{display:flex;align-items:center;gap:12px}.ci-top b{display:block;font-size:15px}.ci-top small{color:var(--dim,#8E89A8);font-size:12.5px}

/* 3.AU — "Message someone" at the top of the + sheet */
.ac-newchat-row{display:flex;align-items:center;gap:12px;width:100%;margin:6px 0 12px;padding:13px 14px;border-radius:16px;border:1px solid rgba(185,167,255,.3);background:rgba(185,167,255,.09);color:var(--text,#fff);text-align:left;}
.ac-newchat-row span:first-child{font-size:20px}.ac-newchat-row span:nth-child(2){flex:1}.ac-newchat-row b{display:block;font-size:15px}.ac-newchat-row small{color:var(--dim,#8E89A8);font-size:12.5px}.ac-newchat-row span:last-child{color:#B9A7FF;font-size:20px}

/* 3.BB — voice note: calm status pill (no full-screen dark cover) */
.vn-busy{position:absolute;left:50%;transform:translateX(-50%);bottom:calc(84px + env(safe-area-inset-bottom));z-index:50;display:flex;align-items:center;gap:9px;padding:9px 16px;border-radius:999px;background:rgba(20,22,36,.94);border:1px solid rgba(185,167,255,.3);color:#E9E6F5;font-size:13px;box-shadow:0 8px 24px rgba(0,0,0,.35);white-space:nowrap;}
.vn-busy-dot{width:8px;height:8px;border-radius:50%;background:var(--tm,#B9A7FF);animation:vnPulse 1s ease-in-out infinite;}
@keyframes vnPulse{0%,100%{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}

/* 3.BD — Official gold seal (design B) */
.org-badge.ob-ve{gap:6px;color:#3A2A05;border:0;padding:0 11px 0 4px;min-height:26px;font-weight:800;letter-spacing:.05em;font-size:12px;
  background:linear-gradient(135deg,#FFF1B8 0%,#E9C46A 35%,#C99A2E 65%,#F6DE8A 100%);
  box-shadow:0 0 14px rgba(233,196,106,.35),inset 0 1px 0 rgba(255,255,255,.6);}
.org-badge.ob-ch{color:#E9C46A;border-color:rgba(233,196,106,.55);background:rgba(233,196,106,.06);}
.ob-seal{width:18px;height:18px;flex:0 0 18px;border-radius:50%;background:#3A2A05;color:#F6DE8A;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:900;letter-spacing:0;line-height:1;}
.org-badge.ob-inline{min-height:22px;font-size:11px;padding:0 9px 0 3px;margin-left:4px;cursor:default;}
.org-badge.ob-inline .ob-seal{width:16px;height:16px;flex-basis:16px;font-size:10px;}
.org-badge.ob-big{min-height:34px;font-size:14px;padding:0 14px 0 6px;cursor:default;flex-shrink:0;}
.org-badge.ob-big .ob-seal{width:24px;height:24px;flex-basis:24px;font-size:13px;}
#chat .badge-chip.ob-wrap,.badge-chip.ob-wrap{background:none!important;border:0!important;padding:0!important;}
.ob-hero{display:flex;gap:12px;align-items:center;padding:14px;border-radius:16px;background:linear-gradient(160deg,rgba(233,196,106,.12),rgba(185,167,255,.06));border:1px solid rgba(233,196,106,.3);}
.ob-hero b{display:block;font-size:15px;color:var(--text,#F4F0FF);}
.ob-hero small{display:block;color:#A9A4C2;font-size:12.5px;margin-top:3px;line-height:1.4;}
@media (prefers-reduced-motion:no-preference){.org-badge.ob-ve:not(.ob-inline){transition:box-shadow .3s}.org-badge.ob-ve:active{box-shadow:0 0 20px rgba(233,196,106,.55)}}

/* 3.BE — edited / removed messages */
.ed-tag{display:inline-block;margin-left:6px;font-size:11px;opacity:.55;font-style:italic;letter-spacing:.02em;}
.bbl.msg-removed{font-style:italic;opacity:.55;font-size:14px;background:transparent!important;border:1px dashed rgba(255,255,255,.18)!important;box-shadow:none!important;}
.ed-in{width:100%;min-height:90px;resize:vertical;}

/* 3.BF — tappable links in messages */
.msg-link{color:#C9BDFF;text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px;word-break:break-all;font-weight:600;}
.bbl.out .msg-link{color:#FFFFFF;}
.msg-link:active{opacity:.7;}

/* 3.BI — documents and removed messages follow the Turns look (mode colour), time shown once under the card */
#chat #msgs .turn .doc-bbl.out{background:color-mix(in srgb,var(--tm) 17%,#0B0F1C)!important;border:0!important;border-right:3px solid var(--tm)!important;color:#F4F2FA!important;box-shadow:none!important;border-radius:14px!important;}
#chat #msgs .turn .doc-bbl.in{background:rgba(255,255,255,.05)!important;border:0!important;border-left:3px solid var(--tc)!important;color:#F3F1F8!important;box-shadow:none!important;border-radius:14px!important;}
#chat #msgs .turn .doc-bbl .bt{display:none!important;}
#chat #msgs .turn .doc-bbl .doc-open{border-color:color-mix(in srgb,var(--tm) 45%,transparent);color:#F4F2FA;}
#chat #msgs .bbl.msg-removed,#chat #msgs .bbl.msg-removed.out,#chat #msgs .bbl.msg-removed.in{background:transparent!important;border:1px dashed rgba(255,255,255,.2)!important;border-radius:14px!important;box-shadow:none!important;color:#A9A4C2!important;font-style:italic;font-size:14px!important;padding:8px 14px!important;opacity:1;}
/* 3.BK — "I know this person" on the safety line */
.scam-line{flex-wrap:wrap;}
.scam-line .scam-ok{display:inline-block;margin-top:8px;padding:5px 12px;border-radius:999px;border:1px solid rgba(233,196,106,.45);background:rgba(233,196,106,.1);color:#F1D58A;font-size:12.5px;font-weight:700;cursor:pointer;}

/* ═══════ 3.BL — Find (people, topics, Accord numbers) ═══════ */
.fd-bar{position:relative;display:flex;align-items:center;gap:8px;margin:10px 14px 8px;padding:0 10px 0 12px;height:44px;border-radius:14px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);transition:border-color .2s,background .2s;}
.fd-bar:focus-within{border-color:color-mix(in srgb,var(--tm,#B9A7FF) 60%,transparent);background:rgba(255,255,255,.07);}
.fd-ic{width:18px;height:18px;flex:none;color:#8E89A8;}
.fd-bar input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:var(--text,#F4F2FA);font:inherit;font-size:15px;}
.fd-bar input::placeholder{color:#7C7894;}
.fd-bar input::-webkit-search-cancel-button{display:none;}
.fd-x{border:0;background:rgba(255,255,255,.08);color:#C9C4DF;width:26px;height:26px;border-radius:50%;font-size:12px;flex:none;cursor:pointer;}
.fd-res{padding:2px 0 10px;animation:fdIn .18s ease-out;}
@keyframes fdIn{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.fd-res{animation:none}}
.fd-sec{display:flex;align-items:center;gap:8px;padding:12px 18px 6px;font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--fc);}
.fd-sec::after{content:"";flex:1;height:1px;background:color-mix(in srgb,var(--fc) 30%,transparent);}
.fd-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:9px 16px;background:none;border:0;color:inherit;cursor:pointer;}
.fd-row:active{background:rgba(255,255,255,.04);}
.fd-row .av{flex:none;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-weight:700;overflow:hidden;}
.fd-t{flex:1;min-width:0;display:flex;flex-direction:column;}
.fd-t b{font-size:15.5px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.fd-t small{font-size:13px;color:#8E89A8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px;}
.fd-mk{background:color-mix(in srgb,var(--tm,#B9A7FF) 28%,transparent);color:#fff;border-radius:3px;padding:0 1px;}
.fd-num{display:flex;align-items:center;gap:12px;width:calc(100% - 28px);margin:6px 14px;padding:12px 14px;border-radius:14px;text-align:left;cursor:pointer;background:linear-gradient(160deg,rgba(185,167,255,.16),rgba(185,167,255,.05));border:1px solid rgba(185,167,255,.3);color:inherit;}
.fd-num-ic{width:36px;height:36px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;background:#B9A7FF;color:#140F24;font-size:20px;font-weight:800;}
.fd-num b{display:block;font-size:16px;letter-spacing:.03em;}
.fd-num small{display:block;font-size:12.5px;color:#A9A4C2;margin-top:2px;}
.fd-hint{margin:6px 18px;font-size:13px;color:#A9A4C2;}
.fd-empty{padding:26px 24px;text-align:center;color:#C9C4DF;font-size:15px;}
.fd-empty small{display:block;margin-top:6px;color:#8E89A8;font-size:13px;line-height:1.45;}
.fd-empty button{margin-top:14px;padding:9px 16px;border-radius:999px;border:1px solid rgba(185,167,255,.35);background:rgba(185,167,255,.08);color:#D9D0FF;font-weight:700;font-size:13.5px;}
.cl-moreall{display:block;width:calc(100% - 32px);margin:12px 16px;padding:11px;border-radius:12px;border:1px dashed rgba(255,255,255,.16);background:transparent;color:#C9C4DF;font-weight:600;font-size:14px;}

/* ═══════ 3.BM — voice notes follow the Turns look; unclear auto-text folds away ═══════ */
#chat #msgs .turn .vn-bbl.out{background:color-mix(in srgb,var(--tm) 17%,#0B0F1C)!important;border:0!important;border-right:3px solid var(--tm)!important;color:#F4F2FA!important;box-shadow:none!important;border-radius:14px!important;}
#chat #msgs .turn .vn-bbl.in{background:rgba(255,255,255,.05)!important;border:0!important;border-left:3px solid var(--tc)!important;color:#F3F1F8!important;box-shadow:none!important;border-radius:14px!important;}
#chat #msgs .turn .vn-bbl>.bt{display:none!important;}
#chat #msgs .turn .vn-bbl.out .vl-player{border-top-color:rgba(255,255,255,.1);}
#chat #msgs .turn .vn-bbl.out .vn-play{background:var(--tm)!important;color:#140F24!important;}
#chat #msgs .turn .vn-bbl.out .tx-label{color:#A9A4C2;}
#chat #msgs .turn .vn-bbl.out .vl-gist-in{background:rgba(255,255,255,.06);}
#chat #msgs .turn .vn-bbl.out .vl-words.inking .tx-seg{color:#7C7894;}
#chat #msgs .turn .vn-bbl.out .vl-words.inking .tx-seg.ink-done,#chat #msgs .turn .vn-bbl.out .vl-words.inking .tx-seg.ink-now{color:#F4F2FA;}
#chat #msgs .turn .vn-bbl.out .vl-words.inking .tx-seg.ink-now{text-decoration-color:var(--tm);}
.vl-unclear{font-size:14px;line-height:1.45;margin-bottom:6px;opacity:.9;}
.vl-guess{margin-bottom:8px;}
.vl-guess>summary{list-style:none;cursor:pointer;font-size:12.5px;font-weight:600;opacity:.7;text-decoration:underline;text-underline-offset:3px;padding:4px 0;}
.vl-guess>summary::-webkit-details-marker{display:none;}
.vl-guess[open]>summary{margin-bottom:6px;}
.vl-guess .vl-words{opacity:.75;font-size:13.5px;}

/* 3.BO — a voice note or document that continues a turn joins the card above it seamlessly */
#chat #msgs .turn>.row:not(:first-child) .vn-bbl,#chat #msgs .turn>.row:not(:first-child) .doc-bbl{border-top-left-radius:0!important;border-top-right-radius:0!important;}
#chat #msgs .turn>.row:has(~ .row) .vn-bbl,#chat #msgs .turn>.row:has(~ .row) .doc-bbl{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;}

/* ═══════════ 3.BT — clearer text, honest waiting, plain words ═══════════ */
/* Secondary grey: 7:1 or better on the page AND on cards (was #A19E96 ≈ 6.5:1 on cards) */
:root{--tx-3:#B3B0A8;--dim:#B3B0A8;--v5-muted:#B3B0A8;}
.quote-label{opacity:1!important;}
.v5-face-1{background:linear-gradient(145deg,#6E5BD6,#40365f)!important;color:#fff;}
/* A held message is delivered — it just waits quietly, so it must stay readable */
#chat .held-bbl{opacity:.9!important;}
#chat .bbl.out.held-bbl .bt,#chat #msgs .turn .bbl.held-bbl .bt{color:inherit!important;opacity:.9!important;}
.held-line button{color:#D9D0FF;}
/* Waiting in another mode: a solid card at the top of Chats, never a faint dashed line */
.wt-card{margin:10px 16px 6px;padding:14px 14px 8px;border-radius:18px;background:#14182A;border:1px solid rgba(182,167,255,.28);}
.wt-h{font-size:15px;font-weight:700;color:var(--tx-1,#F0EDE3);margin:0 2px 8px;line-height:1.35;}
.wt-row{display:flex;align-items:center;gap:10px;width:100%;background:none;border:0;border-top:1px solid rgba(255,255,255,.07);padding:11px 2px;text-align:left;color:inherit;font:inherit;cursor:pointer;}
.wt-dot{width:10px;height:10px;border-radius:50%;background:var(--mc);flex:0 0 10px;box-shadow:0 0 0 3px color-mix(in srgb,var(--mc) 25%,transparent);}
.wt-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;}
.wt-t b{font-size:15px;color:var(--tx-1,#F0EDE3);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.wt-t small{font-size:13px;color:var(--tx-3);}
.wt-go{flex:0 0 auto;background:linear-gradient(145deg,#C7BBFF,#8F7BFF);color:#120E1C;font-weight:800;font-size:13px;padding:8px 12px;border-radius:12px;}
.wt-more{display:block;width:100%;background:none;border:0;border-top:1px solid rgba(255,255,255,.07);color:#CFC4FF;font-size:14px;font-weight:700;padding:11px 0 5px;text-align:center;cursor:pointer;}
.empty-sm{margin:18px 20px 8px;text-align:center;font-size:14px;color:var(--tx-3);}
.empty-sm button{background:none;border:0;color:#CFC4FF;font:inherit;font-weight:700;text-decoration:underline;text-underline-offset:3px;padding:4px;cursor:pointer;}
/* Weekly question: say what the dots mean */
.ci-scale{display:flex;justify-content:space-between;font-size:12.5px;color:var(--tx-3);margin:6px 2px 0;}

/* ═══════════ 3.BU — notifications, part 1 ═══════════ */
.nf-card{margin:12px 16px 4px;padding:15px 16px 12px;border-radius:18px;background:#1A1712;border:1px solid rgba(233,162,59,.35);}
.nf-t{font-size:15.5px;font-weight:700;color:var(--tx-1,#F0EDE3);line-height:1.35;}
.nf-s{font-size:14px;color:var(--tx-2,#CFCBC0);margin-top:3px;}
.nf-b{display:flex;gap:10px;align-items:center;margin-top:12px;flex-wrap:wrap;}
.nf-go{background:linear-gradient(145deg,#FFE3A6,#E9A23B);color:#1A1206;border:0;font-weight:800;font-size:14px;padding:10px 16px;border-radius:12px;cursor:pointer;}
.nf-later{background:none;border:0;color:var(--tx-3,#B3B0A8);font-size:14px;font-weight:600;padding:10px 6px;cursor:pointer;}
.ms-note.nf-lead{color:var(--tx-1,#F0EDE3);font-size:15px;font-weight:600;}
.ms-note.nf-small{font-size:13px;}
.nf-steps{margin:4px 0 12px;padding:0;list-style:none;counter-reset:nf;}
.nf-steps li{counter-increment:nf;position:relative;padding:9px 0 9px 40px;font-size:15px;line-height:1.4;color:var(--tx-1,#F0EDE3);border-bottom:1px solid rgba(255,255,255,.06);}
.nf-steps li:last-child{border-bottom:0;}
.nf-steps li::before{content:counter(nf);position:absolute;left:0;top:7px;width:26px;height:26px;border-radius:50%;background:#2A2550;color:#E3DCFF;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;}
.nf-steps b{color:#fff;}
.nf-pic{margin:2px 0 10px;border-radius:14px;background:#F4F3F8;padding:6px 12px;color:#1B1B22;font-size:14.5px;}
.nf-pic-row{display:flex;align-items:center;gap:10px;padding:8px 0;}
.nf-pic-row+.nf-pic-row{border-top:1px solid #DEDCE6;}
.nf-pic-row img{width:28px;height:28px;border-radius:7px;}
.nf-pic-row span:first-of-type{flex:1;font-weight:600;}
.nf-pic-row img+span{flex:1;}
.nf-tog{width:42px;height:24px;border-radius:12px;background:#3D7BF7;position:relative;flex:0 0 42px;}
.nf-tog i{position:absolute;right:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;}
.nf-ico{font-size:18px;flex:0 0 auto!important;}
.nf-plus{flex:0 0 auto!important;font-weight:800;}
.nf-pic-row .nf-ico+span{flex:1;}

/* ═══════════ 3.BV — Fast Send + Tune-up ═══════════ */
/* Sending cards (documents / photos still uploading from this phone) */
#chat #msgs .turn.lc-turn .lc-bbl,.lc-bbl{display:flex!important;align-items:center;gap:12px;min-width:250px;max-width:88%;}
.lc-ic{font-size:22px;flex:0 0 auto;}
.lc-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;}
.lc-t b{font-size:14.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.lc-t small{font-size:12.5px;opacity:.9;}
.lc-ring{--p:0;flex:0 0 26px;width:26px;height:26px;border-radius:50%;background:conic-gradient(#C7BBFF calc(var(--p)*1%),rgba(255,255,255,.14) 0);-webkit-mask:radial-gradient(circle,transparent 8px,#000 9px);mask:radial-gradient(circle,transparent 8px,#000 9px);}
.lc-retry,.sf-retry{border:0;border-radius:11px;padding:8px 12px;font-weight:800;font-size:13px;background:linear-gradient(145deg,#FFE3A6,#E9A23B);color:#1A1206;cursor:pointer;}
/* Photo preview while the full photo travels */
.sf-wrap{position:relative;display:block;}
.sf-blur{filter:blur(6px) saturate(1.1);transform:scale(1.04);}
.sf-tap{pointer-events:none;}
.sf-retry{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
/* Tune-up report */
.tu-live{margin-top:4px;}
.tu-head{font-size:16px;font-weight:800;color:#CFF5D8;margin:2px 0 10px;}
.tu-l{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;padding:10px 0;font-size:15px;line-height:1.4;border-bottom:1px solid rgba(255,255,255,.06);color:var(--tx-1,#F0EDE3);}
.tu-l:last-of-type{border-bottom:0;}
.tu-ok{color:#D7F5DF;}
.tu-bad{color:#FFD9A8;}
.tu-mid{color:var(--tx-2,#CFCBC0);}
.tu-wait{color:var(--tx-2,#CFCBC0);}
.tu-wait::before{content:'';width:14px;height:14px;border-radius:50%;border:2px solid rgba(199,187,255,.35);border-top-color:#C7BBFF;animation:tuSpin .8s linear infinite;}
@keyframes tuSpin{to{transform:rotate(360deg)}}
.tu-b{margin-left:auto;border:0;border-radius:11px;padding:7px 12px;font-weight:800;font-size:13px;background:linear-gradient(145deg,#C7BBFF,#8F7BFF);color:#120E1C;cursor:pointer;}
.tu-sp{margin-top:12px;font-size:14px;color:var(--tx-2,#CFCBC0);}
.tu-note{margin-top:8px;font-size:12.5px;color:var(--tx-3,#B3B0A8);}
@media (prefers-reduced-motion:reduce){.tu-wait::before{animation:none;}}

/* ═══════════ 3.BX — Outbox photo card · Tune-up screen · Tell Samuel ═══════════ */
/* A photo shown on this phone at once, while it uploads (written once, with its link, when the upload is done) */
.lc-photo{position:relative;}
.lc-photo .cimg{display:block;max-height:320px;object-fit:cover;filter:saturate(.9) brightness(.82);}
.lc-over{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;background:linear-gradient(to top,rgba(7,11,20,.88),rgba(7,11,20,0));color:#F7F4FF;}
.lc-over small{font-size:12.5px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.6);}
.lc-over .lc-retry{position:static;}
/* Tune-up: three big buttons */
.tu-btns{display:flex;flex-direction:column;gap:10px;margin:14px 0 6px;}
.tu-big{display:flex;flex-direction:column;align-items:flex-start;gap:3px;width:100%;text-align:left;padding:14px 16px;border-radius:16px;border:1px solid rgba(232,225,255,.14);background:rgba(255,255,255,.05);color:var(--tx-1,#F0EDE3);font-size:16px;font-weight:700;cursor:pointer;font-family:inherit;}
.tu-big:first-child{background:linear-gradient(145deg,rgba(199,187,255,.22),rgba(143,123,255,.14));border-color:rgba(199,187,255,.35);}
.tu-big small{font-size:13px;font-weight:500;color:var(--tx-2,#CFCBC0);}
.tu-big:active{transform:scale(.99);}
/* "Do you see it?" */
.tu-ask{margin:8px 0;padding:14px;border-radius:14px;background:rgba(199,187,255,.10);border:1px solid rgba(199,187,255,.28);font-size:15px;line-height:1.45;color:var(--tx-1,#F0EDE3);}
.tu-ask b{color:#fff;}
.tu-ask-b{display:flex;gap:10px;margin-top:12px;}
.tu-ask-b .tu-b,.tu-ask-b .tu-b2{margin-left:0;flex:1;padding:11px 12px;font-size:14px;}
.tu-b2{border:1px solid rgba(232,225,255,.3);border-radius:11px;padding:7px 12px;font-weight:700;font-size:13px;background:transparent;color:var(--tx-1,#F0EDE3);cursor:pointer;font-family:inherit;}
.tu-b:disabled,.tu-b2:disabled{opacity:.55;}
/* Tell Samuel: see exactly what will be sent */
.tu-link{display:inline-block;margin:10px 16px 4px;padding:6px 0;border:0;background:none;color:#D2C8FF;font-size:14px;font-weight:700;text-decoration:underline;cursor:pointer;font-family:inherit;}
.ts-json{margin:6px 16px 0;max-height:260px;overflow:auto;padding:10px 12px;border-radius:12px;background:rgba(0,0,0,.35);border:1px solid rgba(232,225,255,.12);color:#E6E2D8;font-size:11.5px;line-height:1.45;white-space:pre-wrap;word-break:break-word;}

/* ═══════════ 3.BY — APP FEEL ═══════════ */
/* Home fits one screen: greeting + main goal → what needs you → recent chats → 4 buttons → Plan your day */
.hm2{padding-top:4px;}
.hm2 .hm-head{padding:14px 16px 4px;}
.hm-hello{display:flex;align-items:baseline;gap:10px;font-family:var(--font-brand);font-size:24px;line-height:1.2;letter-spacing:-.02em;color:#F7F4FF;}
.hm-hello b{font-weight:600;color:#D2C8FF;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hm-hello time{margin-left:auto;flex:0 0 auto;font-family:var(--font-ui);font-size:13px;letter-spacing:0;color:#B3B0A8;}
.hm-goal{display:inline-flex;align-items:center;gap:7px;max-width:100%;margin-top:10px;padding:7px 12px 7px 10px;border-radius:999px;border:1px solid rgba(199,187,255,.24);background:rgba(199,187,255,.07);color:#F0EDE3;font-family:inherit;font-size:13.5px;cursor:pointer;}
.hm-goal-static{cursor:default;}
.hm-goal-ic{display:inline-grid;place-items:center;color:#C7BBFF;}
.hm-goal-ic svg{width:13px;height:13px;}
.hm-goal-k{font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#B3B0A8;}
.hm-goal b{font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hm-goal i{font-style:normal;color:#B3B0A8;}
/* "Right now": a slim line when nothing needs you; the normal card when something does */
.hm2 .th-card{margin:12px 16px 0;padding:14px 14px 12px;}
.hm2 .th-main{font-size:17px;}
.hm2 .th-actions{margin-top:12px;}
.hm2 .th-card.hm-calm{display:flex;align-items:center;gap:12px;padding:11px 12px 11px 14px;}
.hm-calm-ic{flex:0 0 28px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(124,214,160,.14);color:#A7E8C0;font-size:14px;font-weight:800;}
.hm-calm-t{flex:1;min-width:0;font-size:15px;font-weight:650;color:#F0EDE3;line-height:1.3;}
.hm-calm-t small{display:block;margin-top:2px;font-size:12.5px;font-weight:500;color:#B3B0A8;}
.hm-calm>button{flex:0 0 auto;padding:8px 12px;border-radius:11px;border:1px solid rgba(255,255,255,.16);background:transparent;color:#E8E4F5;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;}
/* Recent chats */
.hm-sec{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 4px;}
.hm-sec span{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#B3B0A8;}
.hm-sec button{border:0;background:none;padding:6px 0 6px 10px;color:#D2C8FF;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;}
.hm-row{display:flex;align-items:center;gap:12px;width:100%;padding:9px 16px;border:0;background:transparent;color:#F0EDE3;text-align:left;font-family:inherit;cursor:pointer;}
.hm-row:active{background:rgba(255,255,255,.04);}
.hm-row-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;}
.hm-row-t b{font-size:15.5px;font-weight:700;color:#F7F4FF;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hm-row-t small{font-size:13.5px;color:#B3B0A8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hm-chat.is-unread .hm-row-t small{color:#E6E2D8;font-weight:600;}
.hm-row>i{font-style:normal;font-size:20px;color:#B3B0A8;flex:0 0 auto;}
.hm-av{flex:0 0 44px;width:44px!important;height:44px!important;font-size:17px!important;overflow:hidden;}
.hm-av img{width:100%;height:100%;object-fit:cover;border-radius:50%;}
.hm-meta{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:5px;}
.hm-meta time{font-size:12px;color:#B3B0A8;}
.hm-unr{min-width:20px;height:20px;padding:0 6px;border-radius:10px;display:grid;place-items:center;background:#B9A7FF;color:#120E1C;font-size:11.5px;font-weight:800;}
.hm-empty-ic{flex:0 0 44px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:1px dashed rgba(199,187,255,.4);color:#D2C8FF;font-size:18px;}
/* The 4 buttons: small tiles, one row */
.hm2 .v5-rail.hm-rail{padding:14px 16px 2px;gap:8px;border-bottom:0;}
.hm2 .hm-rail button{display:flex;flex-direction:column;align-items:center;text-align:center;padding:10px 4px 9px;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);}
.hm2 .hm-rail .v5-rail-icon{margin:0 0 6px;}
.hm2 .hm-rail b{font-size:12.5px;}
.hm2 .hm-rail small{display:none;}
/* Standalone rows: Plan your day, In motion */
.hm2 .hm-plan,.hm2 .hm-motion{width:calc(100% - 32px);margin:10px 16px 0;padding:11px 12px;border-radius:16px;border:1px solid rgba(199,187,255,.18);background:linear-gradient(145deg,rgba(182,167,255,.08),rgba(255,255,255,.015));}
.hm-plan-ic{flex:0 0 34px;width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:rgba(199,187,255,.14);color:#D2C8FF;}
.hm-plan-ic svg{width:15px;height:15px;}
.hm-dot{flex:0 0 10px;width:10px;height:10px;margin:0 12px 0 12px;border-radius:50%;background:#7CD6A0;box-shadow:0 0 0 4px rgba(124,214,160,.16);}
.hm2 .ci-card,.hm2 .b1-card,.hm2 .home-official,.hm2 .nf-card{margin:12px 16px 0;}
.hm-quote{margin:22px 24px 6px;text-align:center;font-family:var(--font-brand);font-style:italic;font-size:14px;line-height:1.5;color:#B3B0A8;}
.hm-quote span{font-family:var(--font-ui);font-style:normal;font-size:12.5px;white-space:nowrap;}
@media(max-width:360px){.hm-hello{font-size:21px;}.hm-hello time{display:none;}}
/* Settings: short grouped cards, one line per row (each row's sheet explains it) */
.st2 .sp{margin:12px 16px 0;padding:14px;border:1px solid rgba(255,255,255,.07);border-radius:18px;background:rgba(255,255,255,.035);}
.st2 .pro-banner{margin:10px 16px 0;padding:12px 14px;}
.st2 .ss{padding:20px 20px 8px;font-size:12px;font-weight:800;letter-spacing:.12em;color:#B3B0A8;}
.st2 .sg{margin:0 16px;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);overflow:hidden;}
.st2 .sg .si2{min-height:52px;padding:10px 14px;gap:12px;border-bottom:0;border-top:1px solid rgba(255,255,255,.06);}
.st2 .sg>.si2:first-child{border-top:0;}
.st2 .sg .si2:active{background:rgba(255,255,255,.05);}
.st2 .sic{width:30px;height:30px;border-radius:9px;font-size:15px;}
.st2 .sl2{font-size:15px;font-weight:600;color:#F0EDE3;}
.st2 .pn-brand{display:none;}
.st2 .sv,.st2 .sc{font-size:13.5px;color:#B3B0A8;white-space:nowrap;}
.st2 .sg-out{margin-top:20px;}
.st2 #sabbathCard:not(:empty){margin-top:14px;}
.st-foot{text-align:center;padding:22px 16px 30px;font-size:12.5px;color:#B3B0A8;}
/* Mode chooser */
.mr-list{display:flex;flex-direction:column;gap:8px;margin:12px 16px 4px;}
.mr-row{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:#F0EDE3;text-align:left;font-family:inherit;cursor:pointer;}
.mr-row.on{border-color:rgba(199,187,255,.45);background:rgba(199,187,255,.10);}
.mr-ic{font-size:22px;flex:0 0 auto;}
.mr-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;}
.mr-t b{font-size:15.5px;}
.mr-t small{font-size:13px;color:#B3B0A8;}
.mr-ok{color:#D2C8FF;font-weight:800;}
/* App touches: screens slide, tabs fade, no browser bounce or pull-to-refresh, no text highlight when holding a row */
.screen.scr-in{animation:scrIn .22s cubic-bezier(.2,.7,.3,1) backwards;}
.screen.scr-back{animation:scrBack .2s cubic-bezier(.2,.7,.3,1) backwards;}
@keyframes scrIn{from{opacity:.35;transform:translateX(26px);}}
@keyframes scrBack{from{opacity:.5;transform:translateX(-18px);}}
#mainBody.tab-in{animation:tabIn .18s ease-out backwards;}
@keyframes tabIn{from{opacity:.25;}}
html,body{overscroll-behavior:none;}
.scroll,#mainBody,#msgs{overscroll-behavior-y:contain;}
.si2,.sp,.pro-banner,.cl-row,.hm-row,.hm-goal,.mr-row,.tab{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;}
img{-webkit-user-drag:none;}
@media (prefers-reduced-motion:reduce){.screen.scr-in,.screen.scr-back,#mainBody.tab-in{animation:none;}}
@media (max-height:760px){.hm2 .hm-head{padding-top:10px;}.hm-goal{margin-top:8px;}.hm-sec{padding-top:12px;}.hm-row{padding-top:8px;padding-bottom:8px;}.hm2 .v5-rail.hm-rail{padding-top:10px;}.hm2 .hm-plan{margin-top:8px;}}

/* ═══════════ 3.BZ — NATIVE FEEL ═══════════ */
/* Top bar: edge to edge and the same colour as the phone's status bar (no floating box, no seam) */
#main .mh{padding:var(--st,0px) 0 0!important;}
#main .ht.ac-nav-top{height:56px!important;margin:0!important;padding:0 10px 0 4px!important;background:transparent!important;border:0!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;}
.ac-nav-top .ac-menu-btn{width:48px!important;height:48px!important;border-radius:50%!important;border:0!important;background:transparent!important;gap:4px!important;}
.ac-nav-top .ac-menu-btn span{width:18px!important;height:2px!important;}
.ac-nav-top .ac-menu-btn:active{background:rgba(255,255,255,.08)!important;}
.ac-nav-top .ac-wordmark>span:last-child{font-size:20px!important;font-weight:700!important;letter-spacing:-.01em!important;}
.ac-nav-top .help-btn{display:none!important;} /* Help lives in ☰ */
#main .ac-top-icon#profileBtn{width:36px!important;height:36px!important;border-radius:50%!important;}
#main .ac-mode-switch{margin:0 16px!important;}
#modeSky{-webkit-mask-image:linear-gradient(to bottom,transparent 0,transparent 60px,#000 220px);mask-image:linear-gradient(to bottom,transparent 0,transparent 60px,#000 220px);}
/* Inner screens (Settings, profile…): a real app bar — round back arrow, plain title */
.screen>.sh{min-height:56px;padding:var(--st,0px) 6px 0 4px!important;gap:2px!important;border-bottom:1px solid rgba(255,255,255,.06)!important;}
.screen>.sh .h2,.screen>.sh .h1{font-size:20px!important;font-weight:650!important;letter-spacing:0!important;}
.bb{width:48px;height:48px;padding:0!important;border-radius:50%;display:grid!important;place-items:center;font-size:0!important;color:var(--text);}
.bb::before{content:'';width:24px;height:24px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20z'/%3E%3C/svg%3E") center/24px no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20z'/%3E%3C/svg%3E") center/24px no-repeat;}
.bb:active{background:rgba(255,255,255,.08);}
/* Bottom tabs: the chosen one sits in a soft pill, like Android apps */
#main .accord-primary-tabs .tab{isolation:isolate;}
#main .accord-primary-tabs .tab.on::before{top:2.5px!important;left:50%!important;width:56px!important;height:28px!important;transform:translateX(-50%)!important;border-radius:14px!important;background:rgba(185,167,255,.18)!important;box-shadow:none!important;z-index:-1;}
/* Like an app: words aren't highlighted when you hold them (typing boxes still are); no double-tap zoom */
body{-webkit-user-select:none;user-select:none;touch-action:manipulation;}
input,textarea,[contenteditable="true"],.ts-json,.selectable{-webkit-user-select:text!important;user-select:text!important;}
.hm-hello{display:block!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:23px;font-weight:600;letter-spacing:-.01em;}
.hm-hello b{font-weight:700;}
.hm-calm-t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hm-calm-t small{overflow:hidden;text-overflow:ellipsis;}
.bb.ch-back::before{display:none;}
.bb.ch-back svg{width:24px;height:24px;}
/* "What do you want to do?" sheet: small icons in a tile (they had no size and filled the whole tile) */
.ac-intent-svg{display:grid!important;place-items:center;width:34px;height:34px;margin-bottom:8px;border-radius:11px;background:rgba(199,187,255,.12);color:#D2C8FF;}
.ac-intent-svg svg{width:18px;height:18px;}
.ac-sheet .ac-sheet-panel h2{font-size:24px!important;letter-spacing:-.01em!important;line-height:1.2!important;}

/* ═══════════ 3.CA — ROOMY CHAT ═══════════ */
/* Bigger words, messages closer to the screen edges, less empty space between lines; same Accord look (turns, mode colours) */
#chat .msgs{padding:8px 8px 12px!important;}
#chat #msgs .turn{max-width:88%;margin:0 0 10px;}
#chat #msgs .turn .bbl-tx{font-size:16px!important;line-height:1.38!important;padding:3px 12px!important;}
#chat #msgs .turn>.row:first-child .bbl-tx{padding-top:8px!important;}
#chat #msgs .turn>.row:not(:has(~ .row)) .bbl-tx{padding-bottom:8px!important;}
#chat #msgs .turn>.row+.row .bbl-tx{padding-top:5px!important;}
#chat #msgs .turn-meta{margin:3px 4px 0;font-size:11.5px;}
#chat .dd{margin:6px 0 10px!important;}
/* Header: a normal app bar (56 px), bigger name */
#chat .ch{min-height:56px;padding:var(--st,0px) 8px 0 2px!important;gap:8px!important;}
#chat .ch .bb.ch-back{width:44px;height:44px;border-radius:50%;}
#chat #chAv{width:40px!important;height:40px!important;}
#chat .chn{font-size:17px!important;font-weight:650;}
#chat .chs{font-size:12.5px!important;}
#chat .chs:empty{display:none;}
/* The mode line under the header: one slim line */
#chat #chBanner{padding:4px 12px 5px!important;}
/* Typing box: 16 px words (phones don't zoom in), a little taller and wider */
#chat .comp{gap:6px!important;padding:8px 8px calc(max(8px,var(--sb)) + 2px)!important;}
#chat .compose-ta{font-size:16px!important;min-height:44px!important;padding:11px 16px!important;border-radius:22px!important;}
#chat .ca{width:44px!important;height:44px!important;border-radius:50%!important;}
#chat .cs,#chat #sendBtn.cs,#chat #compBar .cs{width:46px!important;height:46px!important;border-radius:50%!important;}

/* ═══════════ 3.CB — COMING UP + WRONG CHAT? ═══════════ */
/* a date still ahead, inside a message: underlined in the chat's colour, tap for "Remind me" */
.cu-dt{display:inline;background:none;border:0;padding:0;margin:0;font:inherit;color:inherit;line-height:inherit;letter-spacing:inherit;cursor:pointer;
  text-decoration:underline;text-decoration-style:dotted;text-decoration-thickness:2px;text-underline-offset:4px;text-decoration-color:var(--tm,#B9A7FF);-webkit-tap-highlight-color:transparent;user-select:none;}
.cu-dt.set{text-decoration-style:solid;}
.cu-dt:active{opacity:.7;}
.pg .cu-dt{text-decoration-color:var(--accent,#B9A7FF);}
/* the one calm line at the top of a chat */
.cu-strip{display:flex;align-items:center;gap:4px;margin:6px 8px 0;padding:3px 4px 3px 10px;border-radius:14px;flex-shrink:0;
  background:#121827;background:color-mix(in srgb,var(--tm,#B9A7FF) 11%,#0C1120);border:1px solid color-mix(in srgb,var(--tm,#B9A7FF) 26%,transparent);}
.cu-s-main{flex:1;min-width:0;display:flex;align-items:center;gap:7px;min-height:38px;background:none;border:0;padding:0;color:#F0EDE3;font-family:inherit;font-size:14px;text-align:left;cursor:pointer;}
.cu-s-main svg{flex:0 0 17px;width:17px;height:17px;color:var(--tm,#B9A7FF);}
.cu-s-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;padding:4px 0;}
.cu-s-txt small{font-size:12px;color:#C9C5BC;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cu-s-k{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--tm,#B9A7FF);}
.cu-s-txt b{font-size:14.5px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;color:#F7F4FF;}
.cu-s-more{flex:0 0 auto;font-size:12px;font-weight:700;color:#0C1120;background:var(--tm,#B9A7FF);border-radius:999px;padding:1px 7px;}
.cu-s-r{flex:0 0 auto;min-height:34px;padding:0 12px;border-radius:999px;border:1px solid var(--tm,#B9A7FF);background:transparent;color:var(--tm,#B9A7FF);font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;}
.cu-s-x{flex:0 0 34px;width:34px;height:34px;border-radius:50%;border:0;background:transparent;color:#A9A59C;font-size:14px;cursor:pointer;}
.cu-s-bell{flex:0 0 34px;display:grid;place-items:center;color:var(--tm,#B9A7FF);}
.cu-s-bell svg{width:18px;height:18px;}
/* the Coming up sheet */
.cu-kick{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:.14em;color:#CFC4FF;margin:2px 2px 10px;}
.cu-kick svg{width:18px;height:18px;}
.cu-in{width:100%;box-sizing:border-box;font-family:inherit;font-size:18px;font-weight:650;color:#F7F4FF;background:#0F1526;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:12px 14px;outline:none;user-select:text;-webkit-user-select:text;}
.cu-in:focus{border-color:rgba(199,187,255,.6);}
.cu-when{display:flex;align-items:center;gap:10px;margin:12px 2px 0;}
.cu-when b{flex:1;min-width:0;font-size:15.5px;font-weight:650;color:#F0EDE3;line-height:1.35;}
.cu-when button{flex:0 0 auto;min-height:36px;padding:0 14px;border-radius:999px;border:1px solid rgba(199,187,255,.4);background:transparent;color:#D2C8FF;font-family:inherit;font-size:13.5px;font-weight:700;cursor:pointer;}
.cu-when-s{margin-top:4px;}
.cu-edit{display:flex;gap:8px;margin-top:10px;}
.cu-edit[hidden]{display:none;}
.cu-edit input{flex:1;min-width:0;font-family:inherit;font-size:16px;color:#F0EDE3;background:#0F1526;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:10px;color-scheme:dark;user-select:text;-webkit-user-select:text;}
.cu-leads .ms-chip{font-size:14px;}
.cu-empty{color:#B3B0A8;font-size:14px;margin:4px 2px;}
.cu-mt{font-size:21px;font-weight:750;color:#F7F4FF;margin:4px 2px 2px;line-height:1.3;}
.cu-li{display:flex;align-items:center;gap:6px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.07);}
.cu-li-m{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;padding:6px 2px;background:none;border:0;color:#F0EDE3;text-align:left;font-family:inherit;cursor:pointer;}
.cu-li-m b{font-size:15.5px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.cu-li-m small{font-size:13px;color:#B3B0A8;}
.cu-li-b{color:#CFC4FF;display:grid;place-items:center;width:28px;}.cu-li-b svg{width:17px;height:17px;}
.cu-li-x{flex:0 0 40px;height:40px;border-radius:50%;border:0;background:transparent;color:#A9A59C;font-size:15px;cursor:pointer;}
.cu-li-r{flex:0 0 auto;min-height:36px;padding:0 12px;border-radius:999px;border:1px solid rgba(199,187,255,.45);background:transparent;color:#D2C8FF;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;}
/* Home: one quiet line when something is today or tomorrow */
.hm-cu-ic{flex:0 0 34px;width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:rgba(199,187,255,.14);color:#D2C8FF;}
.hm-cu-ic svg{width:17px;height:17px;}
/* the reminder itself, while Accord is open */
.cu-card{position:fixed;left:10px;right:10px;top:calc(env(safe-area-inset-top,0px) + 10px);z-index:9500;display:flex;align-items:center;gap:10px;padding:10px 8px 10px 14px;border-radius:18px;
  background:#151C30;border:1px solid rgba(199,187,255,.4);box-shadow:0 14px 40px rgba(0,0,0,.5);animation:cuIn .32s cubic-bezier(.2,.8,.2,1);}
@keyframes cuIn{from{transform:translateY(-16px);opacity:0}to{transform:none;opacity:1}}
.cu-card-ic{color:#D2C8FF;display:grid;place-items:center;}.cu-card-ic svg{width:22px;height:22px;}
.cu-card-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;}
.cu-card-t b{font-size:15.5px;color:#F7F4FF;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.cu-card-t small{font-size:13px;color:#C9C5BC;}
.cu-card button{min-height:38px;padding:0 14px;border-radius:999px;border:0;background:#D2C8FF;color:#120E1C;font-family:inherit;font-size:14px;font-weight:800;cursor:pointer;}
.cu-card .cu-card-x{background:transparent;color:#A9A59C;padding:0;width:34px;font-weight:400;}
/* Wrong chat? */
.wc-quote{background:#0F1526;border-left:3px solid #B9A7FF;padding:10px 12px;border-radius:12px;font-size:15px;line-height:1.4;color:#E8E4DA;margin:0 0 10px;max-height:110px;overflow:hidden;word-break:break-word;}
.wc-why{font-size:14.5px;line-height:1.45;color:#CFCBC2;margin:0 2px;}
.wc-why b{color:#F7F4FF;}
.wc-acts{display:flex;flex-direction:column;gap:8px;margin-top:16px;}
.wc-acts button{width:100%;min-height:48px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:#F0EDE3;font-family:inherit;font-size:15.5px;font-weight:650;cursor:pointer;}
/* big Circles: 5 seconds to take it back */
.wc-undo{position:relative;overflow:hidden;display:flex;align-items:center;gap:10px;margin:6px 8px;padding:6px 6px 6px 14px;border-radius:14px;background:#151C30;border:1px solid rgba(199,187,255,.35);font-size:14px;color:#E8E4DA;}
.wc-undo span{flex:1;}
.wc-undo b{color:#F7F4FF;}
.wc-undo button{min-height:40px;padding:0 16px;border-radius:999px;border:0;background:#D2C8FF;color:#120E1C;font-family:inherit;font-size:14px;font-weight:800;cursor:pointer;}
.wc-undo-p{position:absolute;left:0;bottom:0;height:3px;width:100%;background:#B9A7FF;transform-origin:left;animation:wcBar 5s linear forwards;}
@keyframes wcBar{from{transform:scaleX(1)}to{transform:scaleX(0)}}
@media (prefers-reduced-motion:reduce){.cu-card{animation:none}.wc-undo-p{animation-duration:5s}}

/* ═══════════ 3.CC — A CALM CHATS LIST ═══════════ */
.cl-top{display:flex;align-items:center;gap:8px;margin:10px 12px 6px;}
.cl-top .fd-bar{flex:1;min-width:0;margin:0;}
.cl-asst{flex:0 0 44px;width:44px;height:44px;border-radius:14px;border:1px solid rgba(199,187,255,.22);background:rgba(199,187,255,.08);color:#D2C8FF;display:grid;place-items:center;cursor:pointer;}
.cl-asst svg{width:21px;height:21px;}
.cl-asst:active{background:rgba(199,187,255,.16);}
#clList.cl-calm{padding-bottom:96px;} /* the last chat never hides under the + button */
#clList.cl-calm .cl-row{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:0;position:relative;border-radius:0;transition:background .15s;}
#clList.cl-calm .cl-row > div:first-child{display:flex;align-items:center;gap:13px;flex:1;min-width:0;cursor:pointer;}
#clList.cl-calm .cl-row.is-holding{background:rgba(255,255,255,.05);}
#clList.cl-calm .cl-av{width:48px!important;height:48px!important;font-size:18px!important;flex:0 0 48px;}
#clList.cl-calm .cib{flex:1;min-width:0;}
#clList.cl-calm .cin{font-size:16px;font-weight:650;color:#F2EFE8;margin-bottom:2px;display:flex;align-items:center;gap:6px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#clList.cl-calm .cin .badge-chip{flex:0 0 auto;}
#clList.cl-calm .cil{font-size:14px;color:#B3B0A8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#clList.cl-calm .cl-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex:0 0 auto;align-self:flex-start;padding-top:3px;}
#clList.cl-calm .ctime{font-size:12.5px;color:#A9A59C;white-space:nowrap;}
/* a faint line between chats, starting after the picture (not across the whole screen) */
#clList.cl-calm .cl-row + .cl-row::before{content:"";position:absolute;top:0;left:77px;right:16px;height:1px;background:rgba(255,255,255,.05);}
/* the school's official line: pinned on top, softly set apart */
#clList.cl-calm .cl-row.cl-off{margin:2px 8px 8px;padding:10px 8px;border-radius:16px;background:rgba(111,195,178,.07);border:1px solid rgba(111,195,178,.14);}
#clList.cl-calm .cl-row.cl-off + .cl-row::before{display:none;}

/* ═══════════ 3.CD — Accord Server a19 (Approve all · safe roster import) ═══════════ */
.gl-unit{display:flex;align-items:center;gap:10px;margin:12px 2px 4px;}
.gl-unit-n{flex:1;min-width:0;font-size:13.5px;font-weight:700;color:#D9D5CB;}
.gl-all{flex:0 0 auto;min-height:38px;padding:0 14px;border-radius:999px;border:1px solid rgba(199,187,255,.5);background:rgba(199,187,255,.1);color:#E4DDFF;font-family:inherit;font-size:13.5px;font-weight:700;cursor:pointer;}
.gl-names{max-height:240px;overflow:auto;display:flex;flex-direction:column;gap:6px;font-size:14.5px;color:#E8E4DA;margin:2px 2px 8px;}
.rs-partial{display:flex;flex-direction:column;gap:10px;margin:10px 0;padding:12px 14px;border-radius:14px;background:rgba(233,162,59,.08);border:1px solid rgba(233,162,59,.35);font-size:14.5px;line-height:1.45;color:#EDE6D6;}
.rs-partial b{color:#F7F4FF;}
.rs-partial .adm-primary{align-self:flex-start;}

/* ═══════════ 3.CH — CIRCLES (the new design) ═══════════ */
/* the people ring */
.cx-rs{flex-shrink:0;overflow:visible;font-family:var(--font-ui);}
.cx-rs .cx-track{stroke:rgba(255,255,255,.14);}
.cx-rs.live .cx-track{stroke:var(--rc);filter:drop-shadow(0 0 4px var(--rc));}
.cx-start .cx-rs .cx-track{stroke:rgba(199,187,255,.55);}
/* the Circles tab */
#main.tab-groups .accord-fab,#main.tab-groups .fab-hint{display:none!important;}
.cx-top{display:flex;align-items:center;gap:10px;padding:14px 16px 4px;}
.cx-top h1{flex:1;font-size:30px;font-weight:800;letter-spacing:-.02em;color:#F7F4FF;margin:0;}
.cx-newbtn{display:flex;align-items:center;gap:6px;height:42px;padding:0 16px 0 12px;border-radius:999px;border:0;background:#C7BBFF;color:#15111F;font-family:inherit;font-size:15px;font-weight:700;}
.cx-newbtn svg{width:18px;height:18px;}
.cx-seg{margin:10px 16px 4px;display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:16px;background:#0F131D;border:1px solid rgba(255,255,255,.07);}
.cx-seg button{position:relative;height:44px;border-radius:12px;border:0;background:transparent;font-family:inherit;font-size:15.5px;font-weight:650;color:#B3B0A8;}
.cx-seg button.on{background:#171C29;color:#F0EDE3;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);}
.cx-sdot{position:absolute;top:11px;margin-left:5px;width:8px;height:8px;border-radius:50%;background:#C7BBFF;}
.cx-gb{padding-bottom:12px;}
.cx-inv{margin:12px 16px 4px;padding:14px;border-radius:18px;background:linear-gradient(180deg,rgba(199,187,255,.10),rgba(199,187,255,.03));border:1px solid rgba(199,187,255,.28);}
.cx-inv-r{display:flex;gap:12px;align-items:center;}
.cx-inv p{margin:0;font-size:15px;line-height:1.4;color:#F0EDE3;}
.cx-inv-a{display:flex;gap:8px;margin-top:12px;padding-left:52px;}
.cx-pri,.cx-qu{height:42px;padding:0 18px;border-radius:999px;font-family:inherit;font-size:14.5px;font-weight:700;}
.cx-pri{border:0;background:#C7BBFF;color:#15111F;}
.cx-qu{border:1px solid rgba(255,255,255,.14);background:transparent;color:#F0EDE3;}
.cx-list{padding:6px 0 0;}
.cx-row{display:flex;gap:14px;align-items:flex-start;width:100%;padding:12px 16px 0;border:0;background:none;color:#F0EDE3;font-family:inherit;text-align:left;}
.cx-rm{flex:1;min-width:0;display:flex;flex-direction:column;padding:2px 0 13px;border-bottom:1px solid rgba(255,255,255,.07);}
.cx-rn{display:flex;align-items:baseline;gap:8px;}
.cx-rn b{flex:1;min-width:0;font-size:17px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cx-rn time{font-size:12.5px;color:#A9A59C;flex-shrink:0;}
.cx-rl{display:flex;align-items:center;gap:8px;margin-top:3px;}
.cx-rl span{flex:1;min-width:0;font-size:15px;color:#B3B0A8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cx-badge{flex-shrink:0;min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:#C7BBFF;color:#15111F;font-style:normal;font-size:12.5px;font-weight:800;display:grid;place-items:center;}
.cx-rp{display:flex;align-items:center;gap:6px;margin-top:7px;font-size:13.5px;white-space:nowrap;overflow:hidden;}
.cx-rp svg{flex:0 0 14px;width:14px;height:14px;}
.cx-rp span{color:#F0EDE3;opacity:.92;overflow:hidden;text-overflow:ellipsis;}
.cx-start .cx-rm{border-bottom:0;justify-content:center;min-height:56px;padding-bottom:0;}
.cx-start b{font-size:16.5px;color:#D2C8FF;}
.cx-start small{font-size:14px;color:#B3B0A8;margin-top:2px;}
.cx-sk{height:68px;margin:10px 16px;border-radius:16px;background:linear-gradient(90deg,rgba(255,255,255,.03),rgba(255,255,255,.07),rgba(255,255,255,.03));background-size:200% 100%;animation:cxsk 1.4s linear infinite;}
@keyframes cxsk{to{background-position:-200% 0;}}
@media (prefers-reduced-motion:reduce){.cx-sk{animation:none;}}
.cx-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:34px 28px 10px;}
.cx-empty h2{margin:6px 0 0;font-size:22px;font-weight:800;color:#F7F4FF;}
.cx-empty b{font-size:16px;color:#F0EDE3;}
.cx-empty p{margin:0;font-size:15px;line-height:1.5;color:#B3B0A8;max-width:330px;}
.cx-big{width:100%;max-width:420px;height:54px;margin-top:8px;border-radius:16px;border:0;background:#C7BBFF;color:#15111F;font-family:inherit;font-size:17px;font-weight:750;}
.cx-big:disabled{opacity:.45;}
.cx-h{margin:16px 16px 10px;font-size:15px;font-weight:700;color:#B3B0A8;}
.cx-gb .ic-card,.cx-gb #orgListWrap{margin-left:16px;margin-right:16px;}
.cx-gb #orgListWrap .ic-card{margin-left:0;margin-right:0;}
.cx-iempty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:30px 28px 6px;}
.cx-iempty span{font-size:34px;}
.cx-iempty b{font-size:16px;color:#F0EDE3;}
.cx-iempty p{margin:0;font-size:14.5px;color:#B3B0A8;}
.cx-iact{display:flex;gap:8px;margin:14px 16px 0;}
.cx-iact button{flex:1;min-height:48px;padding:0 10px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:transparent;color:#F0EDE3;font-family:inherit;font-size:14.5px;font-weight:700;}
.cx-inote{margin:16px 18px 0;font-size:14px;line-height:1.5;color:#A9A59C;}
/* inside a Circle */
#instDetail{--tm:#B9A7FF;}
.cx-head{display:flex;align-items:center;gap:8px;min-height:62px;padding:var(--st,0px) 12px 0 2px;flex-shrink:0;}
.cx-head .ch-back{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:transparent;border:0;color:#F0EDE3;}
.cx-head .ch-back svg{width:24px;height:24px;}
.cx-head .ch-back::before{display:none;}
.cx-hring{display:flex;}
.cx-tt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;}
.cx-name{font-size:18px;font-weight:750;color:#F7F4FF;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cx-meta{font-size:13.5px;color:#B3B0A8;}
.cx-kind{color:var(--tm);font-weight:700;}
.cx-tabs{display:grid;grid-template-columns:repeat(3,1fr);padding:0 8px;border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0;}
.cx-tabs button{position:relative;height:46px;border:0;background:none;font-family:inherit;font-size:15.5px;font-weight:650;color:#B3B0A8;display:flex;align-items:center;justify-content:center;gap:7px;}
.cx-tabs button.on{color:#F7F4FF;}
.cx-tabs button.on::after{content:'';position:absolute;left:22%;right:22%;bottom:-1px;height:3px;border-radius:3px 3px 0 0;background:var(--tm);}
.cx-n{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:color-mix(in srgb,var(--tm) 22%,transparent);color:var(--tm);font-size:12px;font-weight:800;display:grid;place-items:center;}
.cx-n[hidden]{display:none;}
.cx-wrap{flex:1;min-height:0;display:flex;flex-direction:column;}
.cx-pane{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;}
.cx-pane[hidden]{display:none!important;}
.cx-talk{display:flex;flex-direction:column;overflow:hidden;}
.cx-msgs.cc-msgs{flex:1;min-height:0;max-height:none;overflow-y:auto;display:flex;flex-direction:column;gap:0;padding:8px 16px 10px;}
.cx-msgs>:first-child{margin-top:auto;}
.cx-msgs .cu-empty{margin:auto;color:#B3B0A8;font-size:14.5px;}
.cx-day{align-self:center;margin:12px 0 6px;font-size:12.5px;font-weight:600;color:#A9A59C;}
.cx-m{display:flex;gap:11px;padding:7px 0;}
.cx-m.cont{padding-top:0;}
.cx-mav{flex:0 0 34px;width:34px!important;height:34px!important;font-size:14.5px!important;font-weight:800;color:#0C1120;}
.cx-msp{flex:0 0 34px;}
.cx-mb{min-width:0;flex:1;}
.cx-mh{display:flex;align-items:baseline;gap:8px;}
.cx-mh b{font-size:14.5px;font-weight:700;}
.cx-mh time{font-size:12px;color:#A9A59C;}
.cx-mt{font-size:16px;line-height:1.45;color:#F0EDE3;overflow-wrap:anywhere;margin-top:1px;}
.cx-notice{margin:8px 0;padding:12px 14px;border-radius:16px;background:color-mix(in srgb,var(--tm) 11%,#0D1220);border:1px solid color-mix(in srgb,var(--tm) 34%,transparent);}
.cx-nl{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--tm);}
.cx-nl svg{width:14px;height:14px;flex-shrink:0;}
.cx-nl time{margin-left:auto;font-weight:500;color:#A9A59C;}
.cx-notice p{margin:5px 0 0;font-size:16px;line-height:1.45;color:#F0EDE3;}
.cx-tempty{margin:auto;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:24px;}
.cx-tempty b{font-size:16.5px;color:#F0EDE3;}
.cx-tempty small{font-size:14px;color:#B3B0A8;max-width:280px;line-height:1.45;}
.cx-comp.cc-comp{flex-shrink:0;margin:0;gap:8px;padding:10px 10px calc(max(10px,var(--sb,0px)) + 2px);border-top:1px solid rgba(255,255,255,.07);background:#080A10;}
.cx-comp .compose-ta{font-size:16px!important;min-height:46px;padding:12px 18px!important;border-radius:23px!important;}
.cx-comp .cs{width:46px;height:46px;border-radius:50%;flex:0 0 46px;background:#C7BBFF;color:#15111F;}
.cx-ntog{flex-shrink:0;height:44px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:transparent;font-family:inherit;font-size:13.5px;font-weight:700;color:#B3B0A8;display:flex;align-items:center;gap:6px;}
.cx-ntog svg{width:15px;height:15px;}
.cx-ntog.on{color:#15111F;background:var(--tm);border-color:var(--tm);}
.cx-wrap .wc-undo{margin:6px 10px 0;}
/* Board */
.cx-board{padding:6px 16px 28px;}
.cx-sec{margin-top:16px;}
.cx-sec h3{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:15px;font-weight:700;color:#B3B0A8;}
.cx-sec h3 button{margin-left:auto;border:0;background:none;padding:6px 0;font-family:inherit;font-size:14.5px;font-weight:700;color:#D2C8FF;}
.cx-pin{padding:16px;border-radius:18px;background:color-mix(in srgb,var(--tm) 10%,#0D1220);border:1px solid color-mix(in srgb,var(--tm) 30%,transparent);}
.cx-pin p{margin:0;font-size:18px;line-height:1.45;font-weight:500;color:#F7F4FF;white-space:pre-wrap;overflow-wrap:anywhere;}
.cx-pin small{display:block;margin-top:10px;font-size:13px;color:#B3B0A8;}
.cx-none{margin:0;font-size:14.5px;line-height:1.5;color:#A9A59C;}
.cx-dash{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;margin-top:10px;border-radius:14px;border:1px dashed rgba(199,187,255,.45);background:transparent;color:#D2C8FF;font-family:inherit;font-size:15px;font-weight:700;}
.cx-sec h3+.cx-dash{margin-top:0;}
.cx-dash svg{width:15px;height:15px;}
.cx-cu{display:flex;align-items:center;gap:14px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.07);}
.cx-cu:last-of-type{border-bottom:0;}
.cx-dbox{flex:0 0 52px;height:56px;border-radius:14px;background:#0F131D;border:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;align-items:center;justify-content:center;}
.cx-dbox small{font-size:11.5px;font-weight:700;color:#F0C35A;text-transform:uppercase;}
.cx-dbox b{font-size:21px;font-weight:800;line-height:1.1;color:#F7F4FF;}
.cx-cut{flex:1;min-width:0;}
.cx-cut b{display:block;font-size:16px;font-weight:650;color:#F0EDE3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.cx-cut small{display:block;font-size:13.5px;color:#B3B0A8;margin-top:2px;}
.cx-sbtn{flex-shrink:0;min-height:38px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:transparent;color:#F0EDE3;font-family:inherit;font-size:13.5px;font-weight:700;white-space:nowrap;}
.cx-sbtn.ok{border-color:rgba(111,195,178,.5);color:#9FE0D2;}
.cx-q{padding:14px;margin-bottom:10px;border-radius:16px;background:#0F131D;border:1px solid rgba(255,255,255,.07);}
.cx-q small{font-size:13px;color:#B3B0A8;}
.cx-q p{margin:3px 0 0;font-size:16px;line-height:1.4;color:#F0EDE3;overflow-wrap:anywhere;}
.cx-qa{display:flex;gap:18px;margin-top:8px;}
.cx-qa button{border:0;background:none;padding:6px 0;font-family:inherit;font-size:14.5px;font-weight:700;color:#D2C8FF;}
/* People */
.cx-people{padding:14px 16px 28px;}
.cx-addp{width:100%;height:50px;border-radius:16px;border:0;background:#C7BBFF;color:#15111F;font-family:inherit;font-size:16px;font-weight:750;display:flex;align-items:center;justify-content:center;gap:8px;}
.cx-addp svg{width:20px;height:20px;}
.cx-ph{margin:18px 0 4px;font-size:15px;font-weight:700;color:#B3B0A8;}
.cx-pr{display:flex;align-items:center;gap:8px;border-bottom:1px solid rgba(255,255,255,.07);}
.cx-pm{flex:1;min-width:0;display:flex;align-items:center;gap:13px;padding:9px 0;border:0;background:none;color:#F0EDE3;font-family:inherit;text-align:left;}
.cx-pm:disabled{cursor:default;opacity:1;}
.cx-pav{flex:0 0 42px;width:42px!important;height:42px!important;font-size:16px!important;font-weight:800;color:#0C1120;}
.cx-pt{min-width:0;display:flex;flex-direction:column;}
.cx-pt b{font-size:16px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cx-pt small{font-size:13px;color:#B3B0A8;margin-top:1px;}
.cx-msgb{flex:0 0 44px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:transparent;display:grid;place-items:center;color:#C9C5BC;}
.cx-msgb svg{width:18px;height:18px;}
.cx-buzz{display:flex;align-items:center;gap:12px;margin-top:16px;padding:14px;border-radius:16px;background:#0F131D;border:1px solid rgba(255,255,255,.07);}
.cx-buzz>svg{flex:0 0 22px;width:22px;height:22px;color:#F0C35A;}
.cx-buzz div{flex:1;min-width:0;}
.cx-buzz b{display:block;font-size:15px;color:#F0EDE3;}
.cx-buzz small{display:block;font-size:13.5px;color:#B3B0A8;margin-top:2px;}
.cx-buzz button{border:0;background:none;padding:8px 0;font-family:inherit;font-size:14.5px;font-weight:700;color:#D2C8FF;}
.cx-pnote{margin:14px 2px 0;font-size:13.5px;line-height:1.5;color:#A9A59C;}
.cx-leave{width:100%;min-height:48px;margin-top:16px;border-radius:14px;border:1px solid rgba(255,156,143,.35);background:transparent;color:#FFB4A8;font-family:inherit;font-size:15px;font-weight:700;}
/* sheets used by Circles */
.cx-psh{display:flex;flex-direction:column;align-items:center;gap:8px;padding:4px 0 10px;}
.cx-psh .av{width:56px;height:56px;font-size:22px;color:#0C1120;}
.cx-psh b{font-size:18px;color:#F0EDE3;}
.cx-mrow{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:8px 4px;border:0;border-top:1px solid rgba(255,255,255,.07);background:none;color:#F0EDE3;font-family:inherit;font-size:16px;font-weight:600;text-align:left;}
.cx-mrow>svg{width:20px;height:20px;flex-shrink:0;color:#C9C5BC;}
.cx-mrow span{display:flex;flex-direction:column;}
.cx-mrow small{font-size:13px;font-weight:500;color:#B3B0A8;margin-top:2px;}
.cx-danger,.cx-danger>svg{color:#FFB4A8!important;}
.cx-radio{flex:0 0 20px;width:20px;height:20px;border-radius:50%;border:2px solid rgba(255,255,255,.3);}
.cx-mrow.on .cx-radio{border:6px solid #C7BBFF;}
.cx-note-in{font-size:16px;font-weight:500;line-height:1.45;resize:none;}
/* Start a Circle / Add people */
.cx-nc{display:flex;flex-direction:column;}
.cx-nch{display:flex;align-items:center;gap:6px;padding:calc(var(--st,0px) + 8px) 16px 4px 6px;flex-shrink:0;}
.cx-nch b{flex:1;font-size:17px;font-weight:700;color:#F7F4FF;}
.cx-nch span{font-size:13.5px;font-weight:600;color:#B3B0A8;}
.cx-x{width:44px;height:44px;border-radius:50%;border:0;background:none;color:#F0EDE3;display:grid;place-items:center;}
.cx-x svg{width:24px;height:24px;}
.cx-ncb{flex:1;min-height:0;overflow-y:auto;padding:0 16px 20px;}
.cx-prev{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 0 6px;text-align:center;}
.cx-prev h2{margin:4px 0 0;font-size:26px;font-weight:800;letter-spacing:-.015em;color:#F7F4FF;overflow-wrap:anywhere;}
.cx-prev h2.cx-ph2{color:#7C7973;}
.cx-prev small{font-size:14.5px;color:#B3B0A8;}
.cx-lab{display:block;margin:18px 0 8px;font-size:14.5px;font-weight:700;color:#B3B0A8;}
.cx-in{width:100%;height:52px;border-radius:14px;background:#0F131D;border:1px solid rgba(255,255,255,.14);padding:0 16px;color:#F7F4FF;font-family:inherit;font-size:17px;outline:none;}
.cx-in:focus{border-color:#C7BBFF;box-shadow:0 0 0 3px rgba(199,187,255,.15);}
.cx-in::placeholder{color:#8F8C85;}
.cx-kinds{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.cx-kt{display:flex;flex-direction:column;gap:3px;padding:13px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#0F131D;color:#F0EDE3;font-family:inherit;text-align:left;}
.cx-kt i{width:12px;height:12px;margin:2px 0 7px 2px;border-radius:50%;background:var(--kc);box-shadow:0 0 0 4px color-mix(in srgb,var(--kc) 22%,transparent);}
.cx-kt b{font-size:15.5px;font-weight:700;}
.cx-kt small{font-size:13px;line-height:1.35;color:#B3B0A8;}
.cx-kt.on{border-color:var(--kc);background:color-mix(in srgb,var(--kc) 12%,#0F131D);}
.cx-ncf{flex-shrink:0;padding:10px 16px calc(max(14px,var(--sb,0px)) + 4px);border-top:1px solid rgba(255,255,255,.06);background:#07090E;}
.cx-ncf .cx-big{max-width:none;margin-top:0;}
.cx-later{margin:8px 0 0;text-align:center;font-size:13.5px;color:#A9A59C;}
.cx-who{display:flex;align-items:center;gap:14px;padding:12px 0 4px;}
.cx-who h2{margin:0;font-size:21px;font-weight:800;color:#F7F4FF;overflow-wrap:anywhere;}
.cx-who small{display:block;margin-top:3px;font-size:14px;color:#B3B0A8;}
.cx-srch{display:flex;align-items:center;gap:10px;height:48px;margin:12px 0 6px;padding:0 16px;border-radius:999px;background:#0F131D;border:1px solid rgba(255,255,255,.14);color:#8F8C85;}
.cx-srch svg{width:18px;height:18px;flex-shrink:0;}
.cx-srch input{flex:1;min-width:0;height:100%;border:0;background:transparent;color:#F7F4FF;font-family:inherit;font-size:16px;outline:none;}
.cx-srch input::placeholder{color:#8F8C85;}
.cx-pick{display:flex;flex-direction:column;}
.cx-pk{display:flex;align-items:center;gap:13px;width:100%;padding:9px 0;border:0;border-bottom:1px solid rgba(255,255,255,.07);background:none;color:#F0EDE3;font-family:inherit;text-align:left;}
.cx-pk b{flex:1;min-width:0;font-size:16px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cx-ck{flex:0 0 28px;width:28px;height:28px;border-radius:50%;border:2px solid rgba(255,255,255,.24);display:grid;place-items:center;color:#15111F;}
.cx-ck svg{width:16px;height:16px;}
.cx-pk.on .cx-ck{background:#C7BBFF;border-color:#C7BBFF;}
.cx-pick .cx-none{padding:12px 0;}
.cx-note{margin:12px 0 0;font-size:13.5px;line-height:1.45;color:#A9A59C;}
.cx-phrow{display:flex;gap:8px;margin-top:10px;}
.cx-phrow .cx-in{flex:1;height:48px;font-size:16px;}
.cx-phrow button{flex-shrink:0;min-height:48px;padding:0 18px;border-radius:14px;border:1px solid rgba(255,255,255,.16);background:transparent;color:#F0EDE3;font-family:inherit;font-size:15px;font-weight:700;}
/* ═══════════ 3.CI — CALLS ═══════════ */
.ch-calls{display:flex;gap:6px;}
.si-sub{display:block;font-size:12px;font-weight:500;color:var(--dim,#A9A59C);margin-top:2px;}
.cl-layer{position:fixed;inset:0;z-index:995;display:flex;flex-direction:column;align-items:center;background:#06070C;color:#F0EDE3;overflow:hidden;
  max-width:520px;margin:0 auto;padding:var(--st,0px) 0 var(--sb,0px);opacity:0;transition:opacity .22s ease;--pc:#B9A7FF;font-family:var(--font-ui);}
.cl-layer.on{opacity:1;}
.cl-layer.min{visibility:hidden;pointer-events:none;opacity:0;}
.cl-aura{position:absolute;inset:0;background:radial-gradient(60% 42% at 50% 34%,color-mix(in srgb,var(--pc) 30%,transparent),transparent 72%),linear-gradient(180deg,#0A0C14,#05060A);pointer-events:none;}
.cl-top{position:relative;margin-top:40px;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:650;color:#B3B0A8;}
.cl-top i{width:8px;height:8px;border-radius:50%;background:var(--pc);}
.cl-who{position:relative;margin-top:56px;display:flex;flex-direction:column;align-items:center;gap:12px;padding:0 20px;text-align:center;}
.cl-who-in{margin-top:30px;}.cl-who-live{margin-top:34px;}.cl-who-end{margin-top:90px;}
.cl-rings{position:relative;width:236px;height:236px;display:grid;place-items:center;}
.cl-rings .r{position:absolute;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--pc) 60%,transparent);}
.cl-rings .r1{inset:30px;opacity:.75}.cl-rings .r2{inset:8px;opacity:.38}.cl-rings .r3{inset:-14px;opacity:.15}
.cl-rings.ringing .r{animation:clPulse 2.4s ease-out infinite;}
.cl-rings.ringing .r2{animation-delay:.35s}.cl-rings.ringing .r3{animation-delay:.7s}
@keyframes clPulse{0%{transform:scale(.92);opacity:.85}70%{opacity:.12}100%{transform:scale(1.12);opacity:0}}
@media (prefers-reduced-motion:reduce){.cl-rings.ringing .r{animation:none}}
.cl-av{position:relative;border-radius:50%;background:var(--pc);display:grid;place-items:center;font-weight:800;color:#0C1120;overflow:hidden;box-shadow:0 0 60px color-mix(in srgb,var(--pc) 45%,transparent);}
.cl-av img{width:100%;height:100%;object-fit:cover;}
.cl-name{font-size:29px;font-weight:800;letter-spacing:-.01em;max-width:100%;overflow-wrap:anywhere;}
.cl-st{font-size:16px;color:#B3B0A8;}
.cl-num{font-size:15px;color:#B3B0A8;letter-spacing:.04em;}
.cl-topic{display:inline-flex;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);font-size:14.5px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.cl-urgent{display:inline-flex;padding:5px 12px;border-radius:999px;background:rgba(242,118,107,.16);color:#FFB0A8;font-size:13px;font-weight:800;}
.cl-note{position:relative;margin:18px 36px 0;text-align:center;font-size:14px;line-height:1.45;color:#B3B0A8;}
.cl-sp{flex:1;}
.cl-acts{position:relative;display:flex;gap:56px;margin-bottom:34px;}
.cl-act,.cl-hang{position:relative;display:flex;flex-direction:column;align-items:center;gap:9px;font-size:14px;font-weight:600;color:#B3B0A8;}
.cl-hang{margin-bottom:26px;}
.cl-cb{width:76px;height:76px;border-radius:50%;border:0;display:grid;place-items:center;cursor:pointer;}
.cl-cb svg{width:32px;height:32px;}
.cl-cb.no{background:#F2766B;color:#2A0B08;}.cl-cb.ok{background:#6FD3B5;color:#06271E;}
.cl-v-incoming .cl-cb.ok{animation:clNudge 1.6s ease-in-out infinite;}
@keyframes clNudge{0%,100%{transform:none}50%{transform:translateY(-4px)}}
@media (prefers-reduced-motion:reduce){.cl-v-incoming .cl-cb.ok{animation:none}}
.cl-reasons{position:relative;width:100%;padding:0 16px;margin-bottom:22px;}
.cl-reasons small{display:block;text-align:center;font-size:13px;color:#A9A59C;margin-bottom:10px;}
.cl-reasons small.cl-warn{color:#FFB0A8;}
.cl-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;}
.cl-chips button{min-height:40px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.04);color:#F0EDE3;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;}
.cl-selfprev{position:absolute;right:16px;top:calc(var(--st,0px) + 84px);width:96px;height:132px;border-radius:16px;object-fit:cover;transform:scaleX(-1);border:2px solid rgba(255,255,255,.3);background:#111;}
/* in a call */
.cl-bar{position:relative;z-index:3;width:100%;display:flex;align-items:flex-start;gap:8px;padding:14px 14px 0;}
.cl-bar-v{padding-bottom:30px;background:linear-gradient(180deg,rgba(0,0,0,.6),transparent);}
.cl-min{width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.08);color:#F0EDE3;display:grid;place-items:center;flex-shrink:0;cursor:pointer;}
.cl-min svg{width:22px;height:22px;}
.cl-bart{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px;padding-right:44px;}
.cl-bar-v .cl-bart{align-items:flex-start;padding-right:0;}
.cl-bart b{font-size:18px;font-weight:750;}
.cl-timer{font-size:17px;font-weight:700;font-variant-numeric:tabular-nums;}
.cl-line{display:flex;align-items:center;gap:7px;font-size:13.5px;color:#C9C5BC;}
.cl-line::before{content:'';width:8px;height:8px;border-radius:50%;background:#8F8C85;}
.cl-line[data-q="good"]::before{background:#6FD3B5}.cl-line[data-q="fair"]::before{background:#F0C35A}.cl-line[data-q="weak"]::before{background:#F2766B}
.cl-peerstate{font-size:14.5px;color:#B3B0A8;min-height:20px;}
.cl-banner{position:relative;z-index:3;margin-top:14px;padding:10px 16px;border-radius:14px;background:rgba(10,12,18,.82);border:1px solid rgba(255,255,255,.14);font-size:14.5px;font-weight:600;text-align:center;}
.cl-notice{position:absolute;z-index:4;left:50%;top:calc(var(--st,0px) + 120px);transform:translateX(-50%);max-width:calc(100% - 32px);padding:10px 16px;border-radius:14px;background:rgba(10,12,18,.86);border:1px solid rgba(255,255,255,.14);font-size:14px;text-align:center;}
.cl-ctrl{position:relative;z-index:3;width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:0 20px;margin-bottom:20px;}
.cl-ctrl-v{grid-template-columns:repeat(5,1fr);padding:0 10px;}
.cl-c{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:#C9C5BC;}
.cl-c button{position:relative;width:60px;height:60px;border-radius:50%;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);display:grid;place-items:center;color:#F0EDE3;cursor:pointer;}
.cl-ctrl-v .cl-c button{width:54px;height:54px;background:rgba(20,22,30,.6);backdrop-filter:blur(10px);}
.cl-c button svg{width:24px;height:24px;}
.cl-c.on button{background:#F0EDE3;color:#0C1120;}
.cl-dot{position:absolute;top:6px;right:6px;width:11px;height:11px;border-radius:50%;background:#C7BBFF;box-shadow:0 0 0 2px #06070C;}
.cl-dot[hidden]{display:none;}
.cl-video .cl-hang{z-index:3;}
.cl-video::after{content:'';position:absolute;left:0;right:0;bottom:0;height:300px;background:linear-gradient(0deg,rgba(0,0,0,.7),transparent);pointer-events:none;z-index:2;}
.cl-remote{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#0B0E15;z-index:0;}
.cl-self{position:absolute;z-index:3;right:14px;top:calc(var(--st,0px) + 90px);width:104px;height:146px;border-radius:16px;object-fit:cover;transform:scaleX(-1);border:2px solid rgba(255,255,255,.35);background:#141820;box-shadow:0 10px 30px rgba(0,0,0,.45);}
.cl-camoff{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:radial-gradient(60% 42% at 50% 40%,color-mix(in srgb,var(--pc) 26%,transparent),transparent 72%),#07080E;font-size:15px;color:#C9C5BC;}
.cl-camoff[hidden]{display:none;}
.cl-sound{position:absolute;z-index:6;left:50%;top:45%;transform:translateX(-50%);min-height:48px;padding:0 20px;border-radius:999px;border:0;background:#C7BBFF;color:#15111F;font-family:inherit;font-size:15px;font-weight:750;cursor:pointer;}
.cl-sound[hidden]{display:none;}
/* chat during a call */
.cl-chat{position:absolute;z-index:7;left:0;right:0;bottom:0;max-height:62%;display:flex;flex-direction:column;border-radius:22px 22px 0 0;background:#0D1019;border-top:1px solid rgba(255,255,255,.12);box-shadow:0 -20px 50px rgba(0,0,0,.5);padding-bottom:var(--sb,0px);}
.cl-chat[hidden]{display:none;}
.cl-chath{display:flex;align-items:center;padding:12px 10px 8px 18px;}
.cl-chath b{flex:1;font-size:16px;}
.cl-chath button{width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.07);color:#F0EDE3;display:grid;place-items:center;cursor:pointer;}
.cl-chath button svg{width:20px;height:20px;}
.cl-chatl{flex:1;min-height:120px;overflow-y:auto;padding:4px 14px 8px;display:flex;flex-direction:column;gap:6px;}
.cl-cm{align-self:flex-start;max-width:82%;padding:9px 13px;border-radius:16px;background:#1A1E2A;font-size:15.5px;line-height:1.4;overflow-wrap:anywhere;}
.cl-cm.me{align-self:flex-end;background:#2A2B48;}
.cl-cempty{margin:auto;color:#A9A59C;font-size:14px;}
.cl-chatf{display:flex;gap:8px;padding:8px 12px;}
.cl-chatf input{flex:1;min-width:0;height:46px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:#141824;color:#F7F4FF;padding:0 16px;font-family:inherit;font-size:16px;outline:none;}
.cl-chatf input:focus{border-color:#C7BBFF;}
.cl-chatf button{width:46px;height:46px;border-radius:50%;border:0;background:#C7BBFF;color:#15111F;display:grid;place-items:center;cursor:pointer;}
.cl-chatf button svg{width:20px;height:20px;}
.cl-chatn{display:block;padding:0 18px 10px;font-size:12.5px;color:#A9A59C;}
/* pocket lock */
.cl-lock{position:absolute;inset:0;z-index:8;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;padding:0 24px calc(max(40px,var(--sb,0px)) + 20px);background:rgba(4,5,9,.97);}
.cl-lock[hidden]{display:none;}
.cl-lock b{font-size:18px;}.cl-lock small{font-size:14px;color:#B3B0A8;margin-bottom:22px;}
.cl-slide{position:relative;width:100%;max-width:320px;height:64px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);display:flex;align-items:center;}
.cl-slide em{position:absolute;inset:0;display:grid;place-items:center;font-style:normal;font-size:15px;font-weight:650;color:#C9C5BC;pointer-events:none;}
.cl-knob{position:relative;z-index:1;margin-left:4px;width:56px;height:56px;border-radius:50%;background:#F0EDE3;color:#0C1120;display:grid;place-items:center;touch-action:none;cursor:grab;}
.cl-knob svg{width:22px;height:22px;}
.cl-knob:focus-visible{outline:3px solid #C7BBFF;outline-offset:3px;}
/* the end */
.cl-card{position:relative;margin:24px 22px 0;width:calc(100% - 44px);padding:18px;border-radius:20px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.14);text-align:center;}
.cl-card b{display:block;font-size:19px;}
.cl-card p{margin:6px 0 0;font-size:14.5px;line-height:1.45;color:#C9C5BC;}
.cl-btns{position:relative;display:flex;flex-direction:column;gap:10px;width:calc(100% - 44px);margin-bottom:30px;}
.cl-btn{min-height:54px;border-radius:16px;font-family:inherit;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;}
.cl-btn svg{width:20px;height:20px;}
.cl-btn.pri{border:0;background:#C7BBFF;color:#15111F;}
.cl-btn.q{border:1px solid rgba(255,255,255,.16);background:transparent;color:#F0EDE3;}
.cl-btn.u{border:1px solid rgba(242,118,107,.55);background:transparent;color:#FFB0A8;}
/* back in Accord while the call keeps going */
.cl-pill{position:fixed;z-index:996;left:50%;top:calc(var(--st,0px) + 66px);transform:translateX(-50%);display:flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border-radius:999px;border:0;background:#1A1E2A;color:#F0EDE3;font-family:var(--font-ui);font-size:14px;box-shadow:0 8px 24px rgba(0,0,0,.45),0 0 0 1px color-mix(in srgb,var(--pc) 50%,transparent);cursor:pointer;}
.cl-pill i{width:9px;height:9px;border-radius:50%;background:#6FD3B5;animation:clLive 1.6s ease-in-out infinite;}
@keyframes clLive{50%{opacity:.35}}
@media (prefers-reduced-motion:reduce){.cl-pill i{animation:none}}
.cl-pill b{font-variant-numeric:tabular-nums;}
.cl-pill em{font-style:normal;color:#C7BBFF;font-weight:700;}
/* calls in the chat */
.call-card{align-self:center;display:flex;align-items:center;gap:12px;width:max-content;max-width:100%;margin:8px auto;padding:10px 14px 10px 10px;border-radius:16px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.13);}
.call-card .cc-ic{flex:0 0 38px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(111,211,181,.14);color:#6FD3B5;font-style:normal;}
.call-card .cc-ic svg{width:18px;height:18px;}
.call-card.miss .cc-ic{background:rgba(242,118,107,.15);color:#FF9C8F;}
.call-card.miss-out .cc-ic,.call-card.dec .cc-ic{background:rgba(255,255,255,.07);color:#C9C5BC;}
.call-card .cc-tx{min-width:0;display:flex;flex-direction:column;}
.call-card b{font-size:15px;font-weight:700;color:#F0EDE3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.call-card small{font-size:12.5px;color:#B3B0A8;margin-top:1px;white-space:nowrap;}
.call-card .cc-cb{flex-shrink:0;margin-left:6px;min-height:36px;padding:0 13px;border-radius:999px;border:0;background:#C7BBFF;color:#15111F;font-family:inherit;font-size:13px;font-weight:800;cursor:pointer;}
#chat #msgs .turn:has(> .call-card){align-self:center;align-items:center;width:max-content;max-width:94%;}
#chat #msgs .turn:has(> .call-card) .turn-meta{display:none;}