:root{color:#183c3a;font-synthesis:none;background:#f4f4ee;font-family:system-ui,-apple-system,sans-serif;font-size:18px}*{box-sizing:border-box}body{margin:0}main{max-width:1000px;margin:auto;padding:28px}header{justify-content:space-between;align-items:center;gap:18px;display:flex}.header-actions{align-items:center;gap:.65rem;display:flex}.login-card{background:#fff;border-radius:1.25rem;max-width:34rem;margin:8vh auto;padding:2rem;box-shadow:0 12px 40px #1937301f}.login-card h1{margin-top:.35rem}.context-list{gap:.7rem;margin:1.25rem 0;display:grid}.demo-banner{color:#604d12;background:#fff4cf;border-radius:.75rem;padding:.75rem 1rem;font-weight:700}.brand{color:#183c3a;font-size:22px;text-decoration:none}button{font:inherit;color:#fff;cursor:pointer;background:#235d55;border:0;border-radius:14px;min-height:48px;padding:14px 23px}button:hover{background:#17463f}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #ad702a}button:disabled{opacity:.45;cursor:not-allowed}.quiet{color:#315b56;background:0 0;border:1px solid #bbc9bf;border-radius:14px;padding:12px 18px;text-decoration:none}.ops-shell{background:#f4f4ee;grid-template-columns:250px 1fr;max-width:none;min-height:100vh;margin:0;padding:0;display:grid}.ops-shell aside{color:#fff;background:#183c3a;padding:28px 18px}.ops-shell aside .brand{color:#fff;padding:0 10px;display:block}.ops-shell aside nav{gap:5px;display:grid}.ops-shell aside nav button{text-align:left;color:#dce8e1;background:0 0;border-radius:8px;width:100%;min-height:40px;padding:9px 10px}.ops-shell aside nav button.selected{color:#183c3a;background:#fffdf8}.ops-workspace{background:0 0;border-radius:0;width:min(1500px,100vw - 250px);margin:0}.ops-workspace>header{margin-bottom:24px}.ops-workspace h1{margin:4px 0;font-size:32px}.ops-cards{grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:14px;margin-bottom:24px;display:grid}.ops-cards article{background:#fff;border:1px solid #dce1d8;border-radius:14px;padding:18px}.ops-cards strong{margin-top:8px;font-size:25px;display:block}.ops-table{background:#fff;border:1px solid #dce1d8;border-radius:14px;overflow-x:auto}.ops-table table{border-collapse:collapse;width:100%;font-size:15px}.ops-table th,.ops-table td{text-align:left;vertical-align:top;border-bottom:1px solid #e6e9e2;padding:12px 14px}.ops-table th{color:#5e736a;text-transform:uppercase;letter-spacing:.04em;font-size:12px}.ops-budget{margin-top:24px}.ops-budget-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-bottom:16px;display:grid}.ops-budget-grid label{gap:6px;font-size:14px;display:grid}.ops-budget-grid input{box-sizing:border-box;width:100%}.ops-workspace pre{background:#fff;border:1px solid #dce1d8;border-radius:14px;padding:18px;font-size:13px;overflow:auto}.conversation{text-align:center;max-width:680px;margin:65px auto}.eyebrow{letter-spacing:.06em;color:#5e736a;font-size:14px}h1{margin:18px 0;font-size:clamp(32px,5vw,48px);font-weight:550}.intro{color:#586d65;font-size:21px}.voice-orb{color:#397664;background:#dce9df;border-radius:50%;place-items:center;width:180px;height:180px;margin:36px auto;font-size:78px;display:grid;box-shadow:0 0 0 18px #eaf0e7}.voice-orb.listening,.voice-orb.speaking{animation:2.5s ease-in-out infinite breathe}.voice-status{min-height:30px;font-size:23px}.status-card{background:#fffdf8;border:2px solid #c4d5c9;border-radius:18px;gap:7px;max-width:520px;min-height:96px;margin:0 auto 26px;padding:17px 22px;font-size:18px;display:grid}.status-card strong{font-size:24px}.status-card.listening{background:#edf7ef;border-color:#397664}.status-card.thinking,.status-card.connecting{background:#fff4df;border-color:#ad702a}.status-card.speaking{background:#edf5fb;border-color:#366894}.audio-ok{color:#235d55;font-weight:700}.talk{border-radius:22px;min-width:min(100%,360px);min-height:76px;padding:22px 40px;font-size:25px}.small,small{color:#61726b;font-size:14px;line-height:1.7}.small{margin-top:30px}.controls{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.conversation-controls button{min-width:200px;min-height:62px;font-size:19px}.stop,.danger{background:#704a3b}.admin,.ops-workspace,.setup{background:#fffdf8;border-radius:24px;margin:40px auto;padding:32px}nav{flex-wrap:wrap;gap:8px;margin:24px 0;display:flex}nav button{color:#23483e;background:#e8eee5}nav .selected{color:#fff;background:#235d55}form{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end;gap:16px;margin:22px 0;display:grid}label{gap:8px;font-size:16px;display:grid}input,select,textarea{font:inherit;background:#fff;border:1px solid #bbc9bf;border-radius:9px;width:100%;max-width:100%;padding:12px}textarea{resize:vertical;min-height:110px}fieldset{border:1px solid #bbc9bf;border-radius:12px;padding:14px}legend{padding:0 7px}.settings-form,.record-form{background:#fafbf7;border:1px solid #dce1d8;border-radius:16px;grid-template-columns:repeat(2,minmax(0,1fr));padding:20px}.wide{grid-column:1/-1}.field-note{color:#5c6e67;margin:-3px 0 2px;font-size:14px}.check-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:4px 15px;display:grid}.check-grid .toggle{margin:6px 0}.privacy-note{background:#edf7ef;border-left:5px solid #397664;padding:16px;line-height:1.55}.archived{opacity:.72}.archived>h3:after{content:" — gearchiveerd";color:#61726b;font-size:15px;font-weight:400}article{border-top:1px solid #dce1d8;padding:22px 0}.toggle{align-items:center;gap:12px;margin:18px 0;display:flex}.toggle input{width:22px;height:22px}.error,.warning{background:#fae4d8;border-radius:10px;padding:16px}.sr-only{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}details{overflow-wrap:anywhere;margin:12px 0}h2{font-size:25px}h3{font-size:21px}@keyframes breathe{50%{transform:scale(1.05)}}@media (prefers-reduced-motion:reduce){*{animation:none!important}}@media (width<=600px){main{padding:18px}.conversation{margin-top:40px}.admin,.ops-workspace,.setup{padding:20px}form{grid-template-columns:1fr}.settings-form,.record-form{grid-template-columns:1fr;padding:15px}.wide{grid-column:auto}.brand{font-size:18px}.quiet{padding:10px}.talk,.conversation-controls button{width:100%}.ops-shell{display:block}.ops-shell aside{padding:18px}.ops-shell aside nav{flex-wrap:nowrap;margin-bottom:0;display:flex;overflow-x:auto}.ops-shell aside nav button{min-width:max-content}.ops-workspace{width:100%}}
