:root{--bg:#f5f7fb;--card:#fff;--text:#132233;--sub:#536477;--border:#dde4ec;--accent:#1765c1;--accentbg:#eaf3ff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 system-ui,-apple-system,"Noto Sans Gujarati",sans-serif}header{background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:14px max(22px,calc((100vw - 1100px)/2));gap:12px}.brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:800;color:var(--accent)}.brand small{font-size:12px;font-weight:500;color:var(--sub);display:block;margin-top:-8px}main{max-width:1100px;padding:28px 20px 70px;margin:auto}.hero{padding:22px 0 28px}.hero h1{font-size:clamp(28px,4vw,43px);letter-spacing:-1px;margin:6px 0}.hero p{color:var(--sub);max-width:720px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:var(--accent)}.columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:24px;min-width:0;box-shadow:0 2px 9px #152c4508}.card h2,.card h3{margin-top:0}.muted,.card p,.panelHead p{color:var(--sub)}form{display:grid;gap:14px}label{font-size:13px;font-weight:650;display:grid;gap:5px}input:not([type=checkbox]),select,textarea{border:1px solid #bcc9d8;border-radius:8px;padding:11px;background:#fff;color:var(--text);width:100%;min-width:0;font:inherit}input:focus,select:focus,textarea:focus{outline:2px solid #a2cdf6;border-color:var(--accent)}button{border:0;border-radius:9px;padding:10px 16px;background:var(--accent);color:white;font-weight:700;cursor:pointer}button:hover{filter:brightness(.94)}button:disabled{opacity:.5;cursor:default}button.secondary{background:#e3edff;color:#184c84}button.outline{background:white;border:1px solid var(--border);color:var(--text)}fieldset{border:1px solid var(--border);border-radius:8px;display:grid;grid-template-columns:repeat(2,1fr);gap:9px}fieldset label{display:flex;align-items:center;gap:6px}.panelHead{display:flex;justify-content:space-between;align-items:center}.panelHead h2{margin-bottom:0}#notice:not(:empty){background:#fff7df;border:1px solid #eedaa7;padding:12px 16px;border-radius:9px;margin:15px 0}.secret{overflow-wrap:anywhere;font-family:monospace;background:#f3f6fb;padding:10px;border-radius:8px;margin-top:10px}.secret:empty{display:none}.userRow,.keyRow{border-bottom:1px solid var(--border);padding:12px 0}.userRow small,.keyRow small{display:block;color:var(--sub)}.userActions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:7px}.userActions select{width:auto;max-width:100%}#adminView{margin-top:35px}footer{text-align:center;font-size:12px;color:var(--sub);padding:24px} [hidden]{display:none!important}@media(max-width:720px){.columns,.tiles{grid-template-columns:1fr}.card{padding:18px}header{padding:12px 20px}main{padding:15px}.hero{padding:8px 0 16px}}

.usageCard{margin-top:18px}

/* Refined user-facing dashboard and reusable voice-rule cards (v0.3). */
:root{--bg:#f3f6fc;--accent:#175ce0;--border:#dce5f3;--sub:#5c6d87}
header{box-shadow:0 1px 12px #1c3f7310;position:sticky;top:0;z-index:3}
.primaryNav{background:white;border-bottom:1px solid var(--border);display:flex;gap:7px;justify-content:center;flex-wrap:wrap;padding:8px}
.primaryNav a{font-size:12px;color:#415d87;text-decoration:none;padding:8px 11px;border-radius:10px;font-weight:700}
.primaryNav a:hover,.primaryNav a:focus{background:#edf3ff;color:var(--accent)}
.hero{background:linear-gradient(114deg,#ecf3ff,#fafcff);border:1px solid #dce7fa;border-radius:24px;padding:30px;margin:0 0 24px;position:relative;overflow:hidden}
.hero:after{content:'◉';position:absolute;right:22px;top:-95px;color:#d8e5ff;font-size:280px;z-index:0;pointer-events:none}
.hero>*{position:relative;z-index:1}.hero p{max-width:670px}.card{box-shadow:0 6px 22px #162d500b;border-radius:18px}
.card button{transition:filter .16s,transform .16s}.card button:hover{transform:translateY(-1px)}
.tiles .card{border-top:3px solid #4485ec}.featureHeading{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px}
.featureHeading h2{margin:0}.featureIcon{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:#edf3ff;font-size:24px;flex-shrink:0}
#personalSpeechSettings{margin-top:18px}.rulesList{margin-top:14px;display:grid;gap:8px}.personalRule{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;background:#f7faff;border:1px solid #e1eafb;border-radius:12px;overflow-wrap:anywhere}
.personalRule strong{display:block}.personalRule small{display:block;color:var(--sub)}.personalRule button{flex-shrink:0}
html{scroll-behavior:smooth;scroll-padding-top:115px}
@media(max-width:720px){.primaryNav{justify-content:flex-start;overflow:auto;flex-wrap:nowrap}.primaryNav a{white-space:nowrap}.hero{padding:22px}.hero:after{display:none}}