:root{
  --bg:#07061a; --bg2:#0d0b26; --fg:#f2f1ff; --muted:#a9a7c9; --line:rgba(255,255,255,.1);
  --card:rgba(255,255,255,.04); --accent:#8b5cf6; --teal:#2dd4bf; --btn-fg:#fff;
  --btn:linear-gradient(135deg,#5b4be6,#8a4fe8); --glow:rgba(139,92,246,.45);
  --ph:rgba(255,255,255,.03); --ph-line:rgba(255,255,255,.22);
  --hero-pad:0px; --hero-r:0px;
  --font:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",system-ui,Helvetica,Arial,sans-serif;
}
@media (prefers-color-scheme:light){:root{
  --bg:#f6f5fb; --bg2:#ecebf6; --fg:#14122b; --muted:#5a5878; --line:rgba(20,18,43,.12);
  --card:#fff; --btn-fg:#fff; --glow:rgba(109,92,246,.35);
  --ph:rgba(20,18,43,.03); --ph-line:rgba(20,18,43,.25);
  --hero-pad:12px; --hero-r:28px;
}}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font);line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
:focus-visible{outline:2px solid var(--teal);outline-offset:3px;border-radius:6px}
.skip{position:absolute;left:12px;top:-60px;background:#fff;color:#000;padding:8px 14px;border-radius:8px;z-index:20}
.skip:focus{top:12px}
.wrap{width:min(1120px,100% - 48px);margin-inline:auto}
.narrow{width:min(720px,100% - 48px)}

/* hero (always dark: it's the artwork) */
.hero{position:relative;min-height:min(100svh,720px);margin:var(--hero-pad);border-radius:var(--hero-r);overflow:hidden;background:#07061a;color:#f2f1ff;display:flex;flex-direction:column;isolation:isolate}
.hero-art,.hero-art img{position:absolute;inset:0;width:100%;height:100%}
.hero-art img{object-fit:cover;object-position:70% 60%;z-index:-2}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,6,26,.85) 0%,rgba(7,6,26,.45) 38%,transparent 62%),linear-gradient(0deg,var(--bg) 0,transparent 22%);pointer-events:none}
@media (prefers-color-scheme:light){.hero::after{background:linear-gradient(90deg,rgba(7,6,26,.85) 0%,rgba(7,6,26,.45) 38%,transparent 62%)}}
.nav{display:flex;justify-content:space-between;align-items:center;width:min(1120px,100% - 48px);margin:0 auto;padding:22px 0}
.brand{display:flex;align-items:center;gap:10px;min-height:44px;font-weight:650;font-size:1.05rem;text-decoration:none;letter-spacing:-.01em}
.nav-link{font-size:.92rem;color:#d6d4f2;text-decoration:none;padding:12px 18px;border:1px solid rgba(255,255,255,.18);border-radius:99px;backdrop-filter:blur(8px);background:rgba(7,6,26,.3)}
.nav-link:hover{background:rgba(255,255,255,.1)}
.hero-copy{width:min(1120px,100% - 48px);margin:0 auto;padding:clamp(16px,4vh,48px) 0 clamp(48px,9vh,96px)}
h1{font-size:clamp(2.4rem,5.6vw,4.6rem);line-height:1.04;letter-spacing:-.035em;margin:0 0 20px;font-weight:700}
.lede{max-width:34ch;font-size:clamp(1.02rem,1.5vw,1.2rem);color:#cfcdee;margin:0 0 34px}
.cta{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:10px;padding:15px 28px;border-radius:99px;background:var(--btn);color:var(--btn-fg);font-weight:600;font-size:1.05rem;text-decoration:none;box-shadow:0 8px 40px -8px var(--glow),inset 0 1px 0 rgba(255,255,255,.25);transition:transform .2s,box-shadow .2s}
.btn:hover{transform:translateY(-1px);box-shadow:0 12px 48px -6px var(--glow),inset 0 1px 0 rgba(255,255,255,.3)}
.ver{font-size:.9rem;color:#cfcdee}
.fine{margin:16px 0 0;font-size:.86rem;color:#b4b2d6}

/* sections */
section{padding:clamp(48px,7vw,96px) 0}
.eyebrow{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:600;width:min(1120px,100% - 48px);margin:0 auto 48px}
.narrow .eyebrow{width:auto}
.features{padding-bottom:clamp(40px,6vw,80px)}
.feature{width:min(1120px,100% - 48px);margin:0 auto clamp(48px,7vw,88px);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,72px);align-items:center}
.feature.flip{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.feature.flip .f-text{order:2}
h2{font-size:clamp(1.9rem,4vw,3.2rem);line-height:1.1;letter-spacing:-.03em;margin:0 0 16px;font-weight:700}
h3{font-size:clamp(1.3rem,2.2vw,1.7rem);letter-spacing:-.02em;margin:0 0 10px;font-weight:650;line-height:1.2}
.f-text p,.f-text p{font-size:1.08rem;max-width:36ch}

.faq h2.eyebrow{margin-bottom:24px}
details{border-bottom:1px solid var(--line);padding:4px 0}
summary{cursor:pointer;min-width:0;list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px 0;font-size:1.12rem;font-weight:600}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font-size:1.4rem;color:var(--muted);transition:transform .2s}
details[open] summary::after{transform:rotate(45deg)}
details p{padding:0 0 20px;max-width:60ch}
.foot{border-top:1px solid var(--line);padding:32px 0;color:var(--muted);font-size:.9rem}
.foot .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.foot a{text-underline-offset:3px}

/* motion */
@media (scripting:enabled){.reveal{opacity:0;transform:translateY(16px);transition:opacity .7s ease,transform .7s ease}.reveal.in{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.btn{transition:none}}

/* tablet / phone */
@media (max-width:820px){
  .hero{min-height:0}
  .hero-art{position:relative;order:2;height:auto;aspect-ratio:6/5;inset:auto}
  .hero-art img{object-position:center}
  .hero::after{background:linear-gradient(0deg,var(--bg) 0,transparent 12%)}
  @media (prefers-color-scheme:light){.hero::after{background:none}}
  .hero-copy{order:1;margin:0 auto;padding:16px 0 28px;text-align:center}
  h1,.lede{margin-inline:auto}.lede{margin-bottom:28px}
  .cta{justify-content:center}
  .feature,.feature.flip{grid-template-columns:minmax(0,1fr)}
  .feature.flip .f-text{order:0}
  .f-text p{max-width:none}
  }
@media (min-width:821px) and (max-width:1000px){h1{font-size:clamp(2.2rem,5vw,3.4rem)}}
@media (min-width:2000px){.hero{min-height:780px}.hero-art img{object-position:60% 60%}}

/* product mock-ups: illustrations in the app's real look (colours from TooblTheme in TooblApp.swift).
   Sized in em so they scale like a screenshot: 1em = 12px at an 800px-wide frame. */
.shot{margin:0;container-type:inline-size;border-radius:14px;overflow:hidden;border:1px solid var(--line);box-shadow:0 30px 80px -30px var(--glow);position:relative;aspect-ratio:16/10;background:#0b0a22}
.m{--canvas:#fff;--header:#f3f3f3;--toolbar:#fbfbfb;--sidebar:#f3f3f3;--address:#fff;--field:#fff;--strip:linear-gradient(#e0e6ef,#e8ecf2);--taskbar:#e9eef7;--hover:#eaeaea;--mline:#dfdfdf;--text:#1a1a1a;--sec:#656568;--blue:#1a78d9;--sel:#cce8ff;--mat:rgba(246,246,246,.82);--zone:rgba(0,0,0,.1);--zline:rgba(0,0,0,.12);
  position:absolute;inset:0;font-size:1.5cqw;line-height:1.2;color:var(--text);font-family:var(--font);user-select:none;overflow:hidden}
@media (prefers-color-scheme:dark){.m{--canvas:#202020;--header:#282828;--toolbar:#2c2c2c;--sidebar:#202020;--address:#333;--field:#1e1e1e;--strip:linear-gradient(#1f232b,#23272e);--taskbar:#202530;--hover:#353535;--mline:#3a3a3a;--text:#f3f3f3;--sec:#a4a4ab;--blue:#4aa3ff;--sel:#23445d;--mat:rgba(44,44,46,.8);--zone:rgba(255,255,255,.12);--zline:rgba(255,255,255,.14)}}
.ex{background:var(--canvas);display:flex;flex-direction:column}
.tabs{display:flex;align-items:flex-end;height:3.33em;background:var(--strip);border-bottom:1px solid var(--mline)}
.lg{width:1.67em;height:1.67em;align-self:center;margin:0 .67em 0 1em;flex:none}
.tl{display:flex;align-items:flex-end;padding-top:.5em;min-width:0;flex:0 1 auto}
.tab{position:relative;display:flex;align-items:center;gap:.6em;flex:0 1 15.8em;min-width:0;width:15.8em;height:2.83em;padding:0 .5em 0 .9em;color:var(--text);white-space:nowrap}
.tab b{font-weight:400;flex:1;overflow:hidden;text-overflow:ellipsis}
.tab.on{background:var(--toolbar);border-radius:.67em .67em 0 0;box-shadow:0 -.04em .2em rgba(0,0,0,.14)}.tab.on b{font-weight:500}
.tab:not(.on):not(.nd)::after{content:"";position:absolute;right:0;top:50%;height:1.33em;width:1px;margin-top:-.67em;background:var(--mline)}
.x{width:1.65em;height:1.65em;display:grid;place-items:center;color:var(--sec)}.x .ic{width:.7em;height:.7em}
.plus{width:2.5em;height:2.33em;display:grid;place-items:center;margin:.33em 0 0 .33em;align-self:flex-start;flex:none}.plus .ic{width:1em;height:1em}
.sp{flex:1}
.wbtn{width:3.67em;height:2.67em;display:grid;place-items:center;align-self:center;flex:none}.wbtn .ic{width:.9em;height:.9em}
.cmd{display:flex;align-items:center;gap:.25em;height:3em;padding:0 1.1em;background:var(--toolbar)}
.cb{display:flex;align-items:center;gap:.5em;padding:0 .67em;height:2.33em;white-space:nowrap}
.adr{display:flex;align-items:center;gap:.67em;height:3.33em;padding:0 1em;background:var(--toolbar);border-bottom:1px solid var(--mline)}
.nv{width:2.33em;height:2.33em;display:grid;place-items:center;flex:none}.nv.dim{opacity:.35}
.fld{display:flex;align-items:center;gap:.5em;flex:1;height:2.5em;padding:0 .9em;background:var(--field);border:1px solid var(--mline);border-radius:.58em;white-space:nowrap;overflow:hidden}
.fld.sr{flex:none;width:27%;color:var(--sec)}
.fo{width:1.58em;height:1.42em;flex:none}.fo.big{width:2.5em;height:2.25em}
.ic{width:1.1em;height:1.1em;flex:none}.blue{color:var(--blue)}
.bd{flex:1;display:flex;min-height:0;position:relative}
.sb{width:19%;background:var(--sidebar);border-right:1px solid var(--mline);padding:1em .6em;overflow:hidden}
.sb ul{list-style:none;margin:0;padding:0}.sb hr{border:0;height:1px;background:var(--mline);margin:.8em 1em}
.sb li.on{background:var(--sel)}
.sb .wi{display:inline-flex;width:1.1em}.sb .cv{display:inline-flex;margin-left:-.5em;width:.7em;color:var(--sec)}.sb .cv .ic{width:.7em;height:.7em}
.sb li{display:flex;align-items:center;gap:.75em;height:2.35em;padding:0 .9em;border-radius:.33em;white-space:nowrap}
.sb h4{display:flex;justify-content:space-between;margin:0;padding:.2em 1em .4em;font-size:.83em;font-weight:600;color:var(--sec)}
.det{flex:1;padding:0 1.1em;overflow:hidden}
.hd,.rw{display:grid;grid-template-columns:4.2fr 2.7fr 2fr 1.2fr;align-items:center;gap:.5em}
.hd{height:2.75em;color:var(--sec);border-bottom:1px solid var(--mline)}
.rw{height:1.95em;margin-top:.1em;padding:0 .3em;border-radius:.25em;white-space:nowrap;overflow:hidden}.rw.on{background:var(--sel)}
.nm{display:flex;align-items:center;gap:.7em}.r{text-align:right}.hd .r,.rw .r{text-align:right}
.fi{width:1.3em;height:1.64em;flex:none;margin:0 .15em}
span.doc{width:1.2em;height:1.5em;border-radius:.2em;background:var(--canvas);border:1px solid var(--sec);margin:0 .2em;flex:none;opacity:.8}
.stat{height:2.25em;display:flex;align-items:center;padding:0 1em;background:var(--header);border-top:1px solid var(--mline);font-size:.92em;color:var(--sec)}
.wcard{position:absolute;right:3%;bottom:6%;width:33%;background:var(--toolbar);border:1px solid var(--mline);border-radius:.9em;padding:1.2em;box-shadow:0 1.4em 3em -1em rgba(0,0,0,.45)}
.wcard h5{margin:0;font-size:1.2em;font-weight:600}.wcard p{margin:.2em 0 .8em;color:var(--sec);font-size:.9em}
.wcard ul{list-style:none;margin:0;padding:0}.wcard li{display:flex;align-items:center;gap:.6em;height:1.9em}
.pb{display:block;text-align:center;background:#1a6fd0;color:#fff;font-weight:500;padding:.65em;border-radius:.6em;margin-top:.8em}
/* snap scene */
.desk{background:#0b0a22 url(assets/hero-1400.webp) 65% 35%/cover}
.w1{position:absolute;left:5%;top:7%;width:55%;height:62%;background:var(--canvas);border-radius:.9em;overflow:hidden;box-shadow:0 1.4em 3em -.6em rgba(0,0,0,.6);display:flex;flex-direction:column}
.wb{flex:1;padding:0 .4em;overflow:hidden}.pick{position:absolute;left:12.5%;top:19%;display:grid;grid-template-columns:repeat(3,7.7em);gap:.83em;padding:.92em;background:var(--mat);backdrop-filter:blur(18px);border:1px solid var(--zline);border-radius:1em;box-shadow:0 1em 2.4em rgba(0,0,0,.4)}
.pill{position:absolute;left:.67em;top:50%;margin-top:-1.1em;display:flex;align-items:center;gap:.35em;height:2.17em;padding:0 .9em;border-radius:99px;background:var(--hover);border:1px solid var(--mline);font-size:.92em;font-weight:500;color:var(--sec)}.pill .ic{width:.8em;height:.8em}
.w1 .hd,.w1 .rw{grid-template-columns:4fr 2.6fr}.w1 .hd span:nth-child(n+3),.w1 .rw span:nth-child(n+3){display:none}
.prev{position:absolute;left:50.4%;top:1.2%;width:48.4%;height:83.6%;border-radius:.9em;background:rgba(10,132,255,.16);border:.13em solid rgba(10,132,255,.55);backdrop-filter:blur(6px)}
.lay{position:relative;display:block;height:4.83em}
.lay i{position:absolute;box-sizing:border-box;border-radius:.33em;background:var(--zone);border:.04em solid var(--zline);margin:.12em}.lay i.hot{background:#0a84ff;border-color:#0a84ff}
.bar{position:absolute;left:0;right:0;bottom:0;height:4.35em;background:var(--taskbar);border-top:1px solid var(--mline);display:flex;align-items:center;justify-content:center}
.bc{display:flex;align-items:center;gap:.35em}.br{position:absolute;right:0;top:0;bottom:0;display:flex;align-items:center;gap:.5em}
.bt{display:grid;place-items:center;min-width:3em;height:3em;border-radius:.5em;position:relative}.bt .ic{width:1.3em;height:1.3em}.bt img{width:2.2em;height:2.2em}
.bt.snap{background:var(--hover);outline:.12em solid #0a84ff;outline-offset:-.12em}
.tsr{display:flex;align-items:center;gap:.4em;width:10.2em;height:2.85em;padding:0 .8em;background:var(--address);border-radius:1.5em;color:var(--sec)}
.ap{width:2.2em;height:2.2em;border-radius:.55em}.ap.c1{background:#34a1ff}.ap.c2{background:#ff7a59}.ap.c3{background:#6dd58c}
.un{position:absolute;bottom:.15em;left:50%;margin-left:-.3em;width:.6em;height:.25em;border-radius:1em;background:var(--sec);opacity:.6}.un.on{opacity:1}
.clk{display:flex;flex-direction:column;align-items:flex-end;font-size:.83em;line-height:1.3;padding:0 .5em}.clk b{font-weight:400}
.sd{width:.55em;align-self:stretch;border-left:1px solid var(--mline);margin-left:.3em}
@media (max-width:820px){.shot{border-radius:12px}}
.sprite{position:absolute}
.sb li em{margin-left:auto;font-style:normal;font-size:.8em;color:var(--sec)}.sb li.dim{color:var(--sec);font-size:.92em}
.chev{display:inline-flex;width:.8em;color:var(--sec)}.chev .ic{width:.8em;height:.8em}
.z-0-0-25-100{left:0%;top:0%;width:25%;height:100%}
.z-0-0-33_33-100{left:0%;top:0%;width:33.33%;height:100%}
.z-0-0-50-100{left:0%;top:0%;width:50%;height:100%}
.z-0-0-50-50{left:0%;top:0%;width:50%;height:50%}
.z-0-0-66_67-100{left:0%;top:0%;width:66.67%;height:100%}
.z-0-50-50-50{left:0%;top:50%;width:50%;height:50%}
.z-25-0-50-100{left:25%;top:0%;width:50%;height:100%}
.z-33_33-0-33_33-100{left:33.33%;top:0%;width:33.33%;height:100%}
.z-50-0-50-100{left:50%;top:0%;width:50%;height:100%}
.z-50-0-50-50{left:50%;top:0%;width:50%;height:50%}
.z-50-50-50-50{left:50%;top:50%;width:50%;height:50%}
.z-66_67-0-33_33-100{left:66.67%;top:0%;width:33.33%;height:100%}
.z-75-0-25-100{left:75%;top:0%;width:25%;height:100%}
.nf-main{min-height:100svh;display:grid;place-content:center;justify-items:center;text-align:center;gap:6px;padding:24px}
.nf-main h1{font-size:clamp(1.8rem,5vw,2.6rem);margin:14px 0 4px}.nf-main .lede{color:var(--muted);margin:0 0 24px}

/* safety nets */
body{overflow-wrap:anywhere}
@keyframes reveal-safe{to{opacity:1;transform:none}}
@media (scripting:enabled){.reveal:not(.in){animation:reveal-safe 0s 3s forwards}}
@media print{
  :root{--bg:#fff;--fg:#000;--muted:#333;--line:#999;--card:#fff}
  body{background:#fff;color:#000}
  .hero{background:none;color:#000;min-height:0;margin:0;border-radius:0;display:block}
  .hero-art,.hero::after,.nav-link{display:none}
  .hero-copy{margin:0 auto;padding:16px 0}
  .lede,.ver,.fine{color:#222}
  .btn{background:none;color:#000;border:1px solid #000;box-shadow:none}
  .reveal{opacity:1!important;transform:none!important;animation:none!important;transition:none!important}
  .shot{box-shadow:none;break-inside:avoid;border-color:#999}
  details{break-inside:avoid}details>*{display:block}
}
@media (forced-colors:active){
  .btn,.nav-link{border:2px solid ButtonText;background:ButtonFace;color:ButtonText;forced-color-adjust:none}
  .hero-art{opacity:.6}
  .hero::after{display:none}
  .hero{color:CanvasText;background:Canvas}
  .hero-copy,.lede,.ver,.fine,.brand{color:CanvasText}
}
.f-text .note-s{font-size:.88rem;margin-top:14px;opacity:.9}

/* support chat */
:root{--panel:#14122e;--field:rgba(255,255,255,.06);--danger:#ff8a8a;--warn:#ffc46b}
@media (prefers-color-scheme:light){:root{--panel:#fff;--field:#fff;--danger:#b3261e;--warn:#8a5a00}}
.support [hidden]{display:none!important}
.support{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:50;font-family:var(--font)}
.sp-bubble{width:56px;height:56px;border-radius:50%;border:0;cursor:pointer;display:grid;place-items:center;background:var(--btn);color:#fff;box-shadow:0 10px 36px -8px var(--glow),inset 0 1px 0 rgba(255,255,255,.25);transition:transform .2s}
.sp-bubble:hover{transform:translateY(-2px)}
.sp-panel{position:fixed;inset:auto;margin:0;right:max(16px,env(safe-area-inset-right));bottom:calc(max(16px,env(safe-area-inset-bottom)) + 70px);width:min(380px,100vw - 32px);max-height:calc(100svh - 110px);overflow:auto;background:var(--panel);color:var(--fg);border:1px solid var(--line);border-radius:20px;box-shadow:0 30px 80px -20px rgba(0,0,0,.55);padding:18px 18px 16px}
.sp-panel::backdrop{background:transparent}
@media (prefers-reduced-motion:no-preference){.sp-panel:not([hidden]){animation:sp-in .22s ease}}
@keyframes sp-in{from{opacity:0;transform:translateY(8px)}}
.sp-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.sp-head h2{font-size:1.15rem;margin:0;letter-spacing:-.01em}
.sp-x{width:44px;height:44px;margin:-8px -10px -8px 0;border:0;background:none;color:var(--muted);border-radius:50%;cursor:pointer;display:grid;place-items:center}
.sp-x:hover{background:var(--field);color:var(--fg)}
.sp-intro,.sp-note{color:var(--muted);font-size:.86rem;margin:0 0 14px;line-height:1.5}
.sp-note{margin:12px 0 0;font-size:.78rem}
.sp-f{margin-bottom:12px}
.sp-f label{display:block;font-size:.82rem;font-weight:600;margin-bottom:5px}
.sp-f input,.sp-f select,.sp-f textarea{width:100%;font:inherit;font-size:16px;color:var(--fg);background:var(--field);border:1px solid var(--line);border-radius:10px;padding:10px 12px;min-height:44px}
.sp-f textarea{resize:vertical;min-height:110px;max-height:40svh}
.sp-f [aria-invalid=true]{border-color:var(--danger)}
.sp-fe{color:var(--danger);font-size:.8rem;margin:5px 0 0}
.sp-meta{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.sp-meta .sp-fe{flex:1}
.sp-count{margin-left:auto;font-size:.76rem;color:var(--muted);margin-top:5px;white-space:nowrap}.sp-count.warn{color:var(--warn)}
.sp-hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.sp-err{background:rgba(255,100,100,.12);border:1px solid var(--danger);color:var(--danger);border-radius:10px;padding:10px 12px;font-size:.86rem;margin:0 0 12px}
.sp-send{width:100%;min-height:46px;border:0;border-radius:99px;background:var(--btn);color:#fff;font:inherit;font-weight:600;cursor:pointer}
.sp-send:disabled{opacity:.6;cursor:progress}
.sp-done{text-align:center;padding:10px 0 4px}.sp-done h3{margin:8px 0 6px}.sp-done p{margin:0 0 8px;color:var(--muted)}.sp-ref{color:var(--fg)!important}.sp-done .sp-send{margin-top:14px}
.sp-done:focus{outline:none}
@media (max-width:520px){.sp-panel{left:8px;right:8px;bottom:8px;width:auto;max-width:none;max-height:calc(100svh - 16px);border-radius:18px}}
@media print{.support{display:none}}
@media (forced-colors:active){.sp-bubble,.sp-send{border:2px solid ButtonText;forced-color-adjust:none;background:ButtonFace;color:ButtonText}.sp-panel{border:2px solid CanvasText}}