:root{font:16px 'Segoe UI',sans-serif;color:#edf1f8;background:#0e1730}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;gap:22px;padding:20px max(24px,calc((100vw - 1040px)/2));border-bottom:1px solid #26334f;background:#141c33}header img{height:78px;width:auto}header span{font-size:11px;color:#a6b5cb;line-height:1.7}header b{color:#e8eef8;font-weight:500;font-size:14px}header small{margin-left:auto;color:#c8a76a;font-size:10px;letter-spacing:.15em}main{max-width:680px;margin:0 auto;padding:38px 22px 34px}.eyebrow{font-size:10px;color:#c8a76a;letter-spacing:.18em}h1{font:42px Georgia,serif;margin:16px 0}.intro{color:#9faec5;font-size:15px;margin:0 0 28px}.recorder{background:#141e36;border:1px solid #2b3954;border-radius:14px;padding:28px}.status{display:flex;align-items:center;gap:10px;font-size:12px;color:#abbad0}#dot{width:8px;height:8px;border-radius:50%;background:#78869d}#dot.active{background:#e5bc65;box-shadow:0 0 0 5px #e5bc6515}#context{margin-left:auto;font-size:10px;color:#8798b4}.person{margin:28px 0 20px}.person label{display:block;font-size:13px;margin-bottom:9px}.person label span{color:#8192ac;font-size:11px;margin-left:6px}.person small{display:block;color:#8192ac;font-size:10px;margin-top:7px}input:not([type=checkbox]){background:#0e1730;border:1px solid #354461;color:#edf1f8;padding:13px 14px;font:15px 'Segoe UI',sans-serif;border-radius:6px;width:100%}.consent{display:flex;gap:11px;font-size:12px;line-height:1.6;color:#afbdd1;margin:22px 0}input[type=checkbox]{accent-color:#d5b777;width:18px;height:18px;flex-shrink:0;margin-top:2px}button,.button{font:600 14px 'Segoe UI',sans-serif;padding:13px 22px;border-radius:7px;border:1px solid #c8a76a;background:#c8a76a;color:#142039;cursor:pointer;text-decoration:none}#start{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:78px;font-size:23px;padding:22px 26px;box-shadow:0 5px 22px #0002}#start span{font-size:29px;font-weight:400}button:disabled{opacity:.42;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #e1c68d;outline-offset:4px}.secondary{background:transparent;color:#d8e3f2;border-color:#40516e}.actions{display:flex;gap:12px}.actions>*{flex:1;text-align:center}.message{font-size:12px;line-height:1.6;color:#9db0cb;margin:18px 0 0}.message.error{color:#f3a29a}.timer{font-size:68px;font-weight:300;font-variant-numeric:tabular-nums;text-align:center;margin:28px 0 20px}.meter{height:7px;border-radius:6px;overflow:hidden;background:#293650}#level{height:100%;width:0;background:#d5b777;transition:width .08s linear}.hint{font-size:11px;line-height:1.6;color:#879ab7}.hint+.actions{margin-top:24px}h2{font:24px Georgia,serif}audio{width:100%;margin-bottom:18px}#result{border-top:1px solid #30415c;margin-top:24px;padding-top:6px}details{margin-top:22px;font-size:12px;color:#9eafc7;line-height:1.7}summary{cursor:pointer;color:#b9c7db}footer{color:#71829e;text-align:center;font-size:10px;padding:20px;border-top:1px solid #202d48}[hidden]{display:none!important}@media(max-width:600px){header{padding:16px 20px;gap:16px}header img{height:65px}header small{font-size:8px}header span{font-size:10px}header b{font-size:12px}main{padding:26px 18px}h1{font-size:34px}.recorder{padding:22px}#context{display:none}#start{font-size:21px;min-height:76px}.actions{flex-wrap:wrap}}
#start:not(:disabled){animation:breathe 3s ease-in-out infinite}@keyframes breathe{0%,100%{box-shadow:0 0 0 0 #d7b87515}50%{box-shadow:0 0 0 7px #d7b87518}}@media(prefers-reduced-motion:reduce){#start:not(:disabled){animation:none}#level{transition:none}}.view-actions{display:flex;justify-content:flex-end;gap:14px;margin-top:18px}.text-button{font-size:11px;background:none;border:0;color:#cbb485;padding:4px}#widget{position:fixed;right:24px;bottom:24px;z-index:10;background:#16213b;border:1px solid #b59c65;border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px;box-shadow:0 8px 35px #0005}#widget span{font-size:11px;color:#d6be85}#widget b{font-size:22px;font-variant-numeric:tabular-nums}#widget button{font-size:11px;padding:8px}.compact-view .recorder{display:none}.compact-view h1{font-size:32px}.compact-view .intro{max-width:450px}@media(max-width:600px){#widget{left:12px;right:12px;bottom:12px;justify-content:space-between;gap:6px}}
/* CTA dourado da marca: preserva a cor mesmo antes do consentimento. */
#start{background:linear-gradient(110deg,#d8b96e 0%,#e9cf8b 52%,#d6b46b 100%);border-color:#e7cc87;color:#12213d;box-shadow:0 3px 12px #0002;font-weight:650}
#start:disabled{opacity:1;background:#d2b473;border-color:#d2b473;color:#26334b;box-shadow:none;cursor:not-allowed}
#start:not(:disabled):hover{background:linear-gradient(110deg,#e0c17a,#eed99e 52%,#dfc07c)}
#start:not(:disabled){animation:breathe 3.8s ease-in-out infinite}
@keyframes breathe{0%,100%{box-shadow:0 3px 12px #0002,0 0 0 0 #d7b87500}50%{box-shadow:0 3px 12px #0002,0 0 0 4px #d7b87512}}
#dot.active{background:#dc786e;box-shadow:0 0 0 4px #dc786e14}
@media(prefers-reduced-motion:reduce){#start:not(:disabled){animation:none}}
/* Botão principal em cápsula; pulsação apenas quando pronto para iniciar. */
#start{border-radius:999px;background:linear-gradient(110deg,#cba34d 0%,#ecd388 50%,#cba34d 100%);border-color:#dfbf70;color:#10203b}
#start:disabled{border-radius:999px;background:#caaa65;border-color:#d1b170;color:#1b2b45}
#start:not(:disabled):hover{background:linear-gradient(110deg,#d5b25e 0%,#f0db9c 50%,#d5b25e 100%)}
#start:not(:disabled){animation:breathe 3.2s ease-in-out infinite}
@keyframes breathe{0%,100%{box-shadow:0 3px 14px #0002,0 0 0 0 #dfbf7020}50%{box-shadow:0 3px 14px #0002,0 0 0 7px #dfbf7030}}
@media(prefers-reduced-motion:reduce){#start:not(:disabled){animation:none}}
.brand-title b{font:26px Georgia,serif;letter-spacing:.02em;color:#ead498}.brand-title{font-size:12px!important;line-height:1.5!important}#lookup{margin-top:12px;padding:10px 18px}#person-result{padding:16px;margin-top:12px;border:1px solid #526448;border-radius:8px;background:#24332644}#person-result strong{display:block;font-size:17px}#person-code{color:#b6c8ad}.person .consent{margin-bottom:0}#lookup-status.error{color:#f0a79e}
/* Mesma família visual da demonstração aprovada; fontes locais do documento. */
:root{font-family:"Calibri","Carlito","Segoe UI",system-ui,sans-serif;--ground:#0E1730;--panel:#141C33;--line:#2C3A5E;--ink:#FFFFFF;--muted:#C8D2E4;--quiet:#93A1BF;--accent:#8DB8FF;background:var(--ground);color:var(--ink)}
body{-webkit-font-smoothing:antialiased}
header{min-height:104px;padding:10px max(24px,calc((100vw - 1312px)/2));gap:20px;background:var(--panel);background-image:radial-gradient(900px 160px at 85% 0%,rgba(76,141,255,.16),transparent 70%);border-bottom:1px solid var(--line);box-shadow:0 1px 0 #ffffff08}
header img{height:84px}.brand-title{border-left:1px solid var(--line);padding-left:18px;color:var(--quiet)!important;font-size:11px!important}.brand-title b{font:700 23px "Cambria","Caladea",Georgia,serif;color:#FFFFFF;letter-spacing:.01em}header small{color:#F2C661;font-size:10px;letter-spacing:.12em;border:1px solid #584c2a;background:#3a301433;padding:5px 9px;border-radius:6px}
main{max-width:820px;padding:35px 24px 30px}.eyebrow{display:flex;gap:10px;align-items:center;color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.14em;margin:0 0 10px}.eyebrow:before{content:"";width:22px;height:2px;background:#F2C661;border-radius:1px}h1{font:700 32px/1.15 "Cambria","Caladea",Georgia,serif;letter-spacing:0;margin:0 0 10px}.intro{color:var(--muted);font-size:15px;line-height:1.45;margin:0 0 26px}
.recorder{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:26px 28px;box-shadow:0 1px 2px #0004,0 8px 24px -16px #0009}.status{font-size:13px;color:var(--muted);padding-bottom:18px;border-bottom:1px solid #22304F}.status b{font-weight:500}#context{font-size:11px;color:var(--quiet)}.person{margin-top:22px}.person label{font-size:14px;font-weight:600}.person small,.hint{font-size:12px;color:var(--quiet)}input:not([type=checkbox]){background:var(--ground);border:1px solid var(--line);border-radius:8px;min-height:46px;font:15px "Calibri","Carlito","Segoe UI",sans-serif;color:#fff;padding:12px 14px}input:not([type=checkbox]):focus{border-color:var(--accent)}button,.button{font-family:"Calibri","Carlito","Segoe UI",sans-serif;font-size:15px;min-height:44px}.secondary{background:transparent;border-color:var(--line);color:var(--muted);border-radius:8px}.secondary:hover:not(:disabled){background:#1A2443;border-color:var(--accent)}#lookup{font-weight:600;padding:9px 17px}#person-result{background:#153A2B55;border-color:#315849;border-radius:8px;padding:16px 18px}#person-result strong{font:700 20px "Cambria","Caladea",Georgia,serif}#person-code{font-size:12px}.consent{font-size:14px;line-height:1.45;color:var(--muted);gap:12px}#person-result .consent{font-size:13px}#start{font-family:"Calibri","Carlito","Segoe UI",sans-serif;font-size:24px;font-weight:700;min-height:78px;padding:20px 27px}.message{font-size:13px;color:var(--quiet);margin-top:16px}details{font-size:13px;color:var(--quiet);margin-top:20px}summary{color:var(--muted)}footer{border-color:#22304F;color:var(--quiet);font-size:11px}h2{font:700 23px "Cambria","Caladea",Georgia,serif}
@media(max-width:600px){header{padding:12px 16px;gap:12px;min-height:90px}header img{height:68px}.brand-title{padding-left:12px}.brand-title b{font-size:20px}header small{padding:4px 6px;font-size:8px}main{padding:26px 16px}h1{font-size:28px}.recorder{padding:20px}.consent{font-size:13px}#start{font-size:22px}.intro{font-size:14px}}
/* Valores literais da demonstração aprovada (publicacao-demo/index.html). */
:root{--ground:#0E1730;--panel:#141C33;--panel-2:#1A2443;--line:#2C3A5E;--line-2:#22304F;--ink:#FFFFFF;--ink-2:#C8D2E4;--ink-3:#93A1BF;--brand:#4C8DFF;--brand-text:#8DB8FF;--gold:#F2C661;--font:"Calibri","Carlito","Segoe UI",system-ui,sans-serif;--font-display:"Cambria","Caladea",Georgia,"Times New Roman",serif;font-family:var(--font);color:var(--ink);background:var(--ground)}
body{background:var(--ground);font-family:var(--font);line-height:1.45;-webkit-font-smoothing:antialiased}
header{background:var(--panel);background-image:radial-gradient(900px 160px at 85% 0%,rgba(76,141,255,.16),transparent 70%);border-bottom:1px solid var(--line);padding:10px 24px;min-height:104px;gap:20px;box-shadow:0 1px 0 rgba(255,255,255,.03)}
header img{height:84px;width:auto;flex:0 0 auto;object-fit:contain}
header .brand-title{display:block;border-left:1px solid var(--line);padding:7px 0 7px 20px;font:700 24px/1.12 var(--font-display)!important;letter-spacing:-.02em;color:var(--ink)!important;max-width:none}
header small{margin-left:auto;color:var(--gold);font:10px var(--font);letter-spacing:.1em}
main{background:transparent}.recorder{background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 1px 2px rgba(0,0,0,.25),0 8px 24px -16px rgba(0,0,0,.6)}
h1,h2{font-family:var(--font-display)}input:not([type=checkbox]){background:var(--ground);border-color:var(--line);color:var(--ink);font-family:var(--font)}button,.button{font-family:var(--font)}footer{background:#0A1126;border-top:1px solid var(--line);color:var(--ink-3)}
@media(max-width:600px){header{padding:12px 16px;gap:14px;min-height:96px}header img{height:72px}header .brand-title{font-size:22px!important;padding-left:14px;max-width:220px}header small{display:none}}

/* Ouro da marca mais sóbrio, sem faixa central pálida. */
#start{background:linear-gradient(110deg,#c19a46 0%,#d5b364 52%,#c39c48 100%);border-color:#d9b968;color:#101e35}
#start:disabled{background:#b39657;border-color:#bda064;color:#1b283d}
#start:not(:disabled):hover{background:linear-gradient(110deg,#cba44e,#dfbd70 52%,#cba44e)}
.recording-notice{font-size:13px;color:var(--ink-2);line-height:1.5;margin:24px 0 18px}
.person-visual{display:flex;align-items:center;gap:16px}.portrait{width:64px;height:64px;flex:0 0 64px;border-radius:50%;overflow:hidden;background:#253a4c;border:1px solid #597361;display:grid;place-items:center;color:#d8c28c;font-size:22px}.portrait img{width:100%;height:100%;object-fit:cover}.person-label{min-width:0}.person-label strong{overflow-wrap:anywhere}
#login-form{display:grid;gap:16px}#login-form label{display:grid;gap:8px;font-size:14px}#login-form button{margin-top:6px}#person-status,#save-status,#error,#recover-status{font-size:13px;line-height:1.5}#error,#login-status{color:#efa99e}#capture-state{margin-top:25px;color:#d6bc7f}#history>div{border-bottom:1px solid var(--line);padding:14px 0;font-size:13px}#history button{margin:8px 8px 0 0;font-size:12px}#logout{margin-top:24px}#local-result{margin-top:24px}#local-download{display:inline-block}#recovered-player{width:100%;margin-top:18px}#recovered-download{display:block;margin-top:10px;color:#d8be7d}#timer{font-size:46px;margin:20px 0}

.person-photo{display:inline-flex;width:52px;height:52px;flex:0 0 52px;border-radius:50%;align-items:center;justify-content:center;background:#293650;color:#d4bc81;overflow:hidden;margin-right:12px;vertical-align:middle;font-size:16px}.person-photo img{width:100%;height:100%;object-fit:cover}#person-results button{display:flex;align-items:center;width:100%;text-align:left;margin-top:8px}#person-name{display:flex;align-items:center}

.metadata-row,.member-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:18px 0;border-bottom:1px solid #293650}.metadata-row small{display:block;min-width:220px;color:#b3bed0}.metadata-row select,.member-row select{padding:10px;background:#141c34;color:#fff;border:1px solid #344260;border-radius:8px}.member-row input[type=checkbox]{width:20px;height:20px}#role-dashboard{margin-bottom:28px}#admin-content{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit}#admin-tools{margin-top:28px}