/* WowChat, in the WowApps visual language: Inter, near-black actions, lime as the single accent. */
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url("/fonts/inter-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --page:#FDFDFD; --panel:#FFFFFF; --ink:#070707; --text:#2E2E2E; --muted:#6E6E6E;
  --line:#E5E7EB; --line-strong:#D2D2D2;
  --green:#347421; --green-bg:#EFF9E6; --lime:#D6EF67; --lime-edge:#C6DE5A; --lime-deep:#A4E53D;
  --amber:#B87800; --amber-bg:#FFF6DD; --red:#B42318; --red-bg:#FDECEA;
  --radius:6px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--page);color:var(--text);font:400 15px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
h1,h2,h3{color:var(--ink);margin:0;letter-spacing:-.01em;line-height:1.25}
a{color:var(--green);text-underline-offset:2px}
a:hover{color:var(--ink)}
code{font:500 12.5px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--text)}
.hidden{display:none!important}
.small{font-size:13px;color:var(--muted)}

/* top bar */
.bar{background:var(--panel);border-bottom:1px solid var(--line)}
.bar-in{max-width:1120px;margin:0 auto;padding:0 24px;min-height:60px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-size:22px;letter-spacing:-.02em}
.brand img{width:34px;height:34px;display:block;border-radius:7px}
.brand b{font-weight:700}.brand span{font-weight:400}
.brand:hover{color:var(--ink)}
.bar-end{margin-left:auto;display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:13.5px;color:var(--muted)}

/* controls */
button{font:500 14px/1 Inter,ui-sans-serif,system-ui,sans-serif;border:1px solid var(--ink);border-radius:var(--radius);background:var(--ink);color:#fff;height:38px;padding:0 16px;cursor:pointer;transition:background .12s,border-color .12s}
button:hover{background:#2a2a2a;border-color:#2a2a2a}
button.sec,button.ghost{background:var(--panel);color:var(--ink);border-color:var(--line-strong)}
button.sec:hover,button.ghost:hover{background:#F5F5F5;border-color:#9a9a9a}
button.lime{background:var(--lime);color:var(--ink);border-color:var(--lime-edge)}
button.lime:hover{background:#cfe85a}
button.danger{background:var(--panel);color:var(--red);border-color:#E7B7B2}
button.danger:hover{background:var(--red-bg)}
button.quiet{background:transparent;color:var(--ink);border-color:transparent;padding:0 8px;height:30px;text-decoration:underline;text-underline-offset:3px}
button.quiet:hover{background:transparent;color:var(--green)}
button:disabled{opacity:.45;cursor:not-allowed}
:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
input,textarea,select{width:100%;font:400 15px/1.4 Inter,ui-sans-serif,system-ui,sans-serif;color:var(--ink);background:var(--panel);border:1px solid var(--line-strong);border-radius:var(--radius);padding:9px 11px;min-height:38px}
textarea{min-height:88px;resize:vertical}
input:focus,textarea:focus,select:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 3px rgba(164,229,61,.45)}
input::placeholder,textarea::placeholder{color:#9A9A9A}
label.f{display:block;margin:16px 0 6px;font-weight:500;font-size:14px;color:var(--ink)}
.body>label.f:first-child{margin-top:0}
.mask{-webkit-text-security:disc;text-security:disc}

/* status */
.st{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--text)}
.st::before{content:"";width:8px;height:8px;border-radius:50%;background:#B5B5B5;flex:none}
.st.ok{color:var(--green)}.st.ok::before{background:#4C9A2A}
.st.wait{color:var(--amber)}.st.wait::before{background:#F0B429}
.st.no{color:var(--red)}.st.no::before{background:#D64545}

/* footer */
.foot{max-width:1120px;margin:56px auto 40px;padding:20px 24px 0;border-top:1px solid var(--line);display:flex;gap:24px;flex-wrap:wrap;font-size:13px;color:var(--muted)}
.foot a{color:var(--muted)}.foot a:hover{color:var(--ink)}
.foot span{margin-right:auto}

/* long-form pages (privacy, data deletion) */
.prose{max-width:720px;margin:0 auto;padding:48px 24px 0}
.prose h1{font-size:32px;font-weight:700;letter-spacing:-.02em;margin-bottom:8px}
.prose h2{font-size:19px;font-weight:600;margin:36px 0 8px}
.prose p,.prose li{max-width:68ch}
.prose li{margin:6px 0}
.prose .meta{color:var(--muted);font-size:14px;margin:0 0 24px}
.prose .box{border:1px solid var(--line);border-left:3px solid var(--lime-deep);background:var(--panel);padding:12px 16px;border-radius:var(--radius)}

@media(max-width:640px){.bar-in,.foot{padding-left:16px;padding-right:16px}.prose{padding:32px 16px 0}.prose h1{font-size:26px}}