@import"https://fonts.googleapis.com/css2?family=Gabarito:wght@500;600;700;800&family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--color-ground: #FBF9F6;--color-panel: #F3EFEA;--color-surface: #FFFFFF;--color-line: #DCD6CE;--color-line-subtle: #ECE7E0;--color-ink: #16161A;--color-ink-2: #5A5760;--color-accent: #B4472A;--color-accent-tint: #F7E4DC;--color-on-accent: #FFFFFF;--color-success: #2F7A4F;--color-success-tint: #E3F0E7;--color-success-text: #245E3D;--color-warning: #8F5B00;--color-warning-tint: #F6EBD6;--color-warning-text: #6E4600;--font-heading: "Gabarito", "Space Grotesk", ui-sans-serif, sans-serif;--font-body: "IBM Plex Sans", ui-sans-serif, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 999px;--stroke: 1.5px;--focus-ring: 0 0 0 2px var(--color-ground), 0 0 0 4px var(--color-accent)}[data-theme=dark]{--color-ground: #141416;--color-panel: #1F1E22;--color-surface: #1F1E22;--color-line: #34323A;--color-line-subtle: #26252B;--color-ink: #F3EFEA;--color-ink-2: #A9A6AE;--color-accent: #F08A68;--color-accent-tint: #3A2420;--color-on-accent: #16161A;--color-success: #6CC495;--color-success-tint: #1C3326;--color-success-text: #8AD5AC;--color-warning: #E8B04B;--color-warning-tint: #3A2E14;--color-warning-text: #F0C878}@keyframes nog-wave{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}@keyframes nog-ring{0%{transform:scale(1);opacity:.5}to{transform:scale(1.35);opacity:0}}@keyframes nog-dots{0%,to{opacity:.25}50%{opacity:1}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--color-ground);color:var(--color-ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased}.nog-button{font-family:var(--font-body);font-size:16px;font-weight:600;line-height:normal;padding:var(--space-3) 20px;border-radius:var(--radius-sm);border:var(--stroke) solid;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.nog-button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.nog-button--hero{padding:14px 22px}.nog-button--small{padding:var(--space-2) 14px;font-size:15px;font-weight:500}.nog-button--primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-accent)}.nog-button--primary:hover{background:var(--color-ink);border-color:var(--color-ink)}.nog-button--secondary{background:transparent;border-color:var(--color-ink);color:var(--color-ink)}.nog-button--secondary:hover{background:var(--color-panel)}.nog-field{display:flex;flex-direction:column;gap:var(--space-2)}.nog-field__label{font-size:15px;font-weight:600}.nog-field__input{font-family:var(--font-body);font-size:16px;padding:var(--space-3) 14px;border-radius:var(--radius-sm);border:var(--stroke) solid var(--color-ink);background:var(--color-surface);color:var(--color-ink);outline:none}.nog-field__input:focus{box-shadow:var(--focus-ring)}[data-theme=dark] .nog-field__input{border-color:var(--color-ink-2);background:var(--color-panel)}.nog-field__helper{font-size:13px;color:var(--color-ink-2)}.nog-card{background:var(--color-panel);border-radius:var(--radius-md);padding:20px;display:flex;flex-direction:column;gap:6px}.nog-card--on-panel{background:transparent;border:var(--stroke) solid var(--color-line)}.nog-card__title{font-family:var(--font-heading);font-weight:600;font-size:18px;letter-spacing:-.02em}.nog-card__body{font-size:15px;line-height:1.55;color:var(--color-ink-2)}.nog-pill{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-body);font-size:13px;font-weight:600;line-height:normal;padding:5px var(--space-3);border-radius:var(--radius-full);white-space:nowrap}.nog-pill--small{font-size:12px;padding:var(--space-1) 10px}.nog-pill__dot{width:7px;height:7px;border-radius:50%;flex:none}.nog-pill--local{background:var(--color-success-tint);color:var(--color-success-text)}.nog-pill--local .nog-pill__dot{background:var(--color-success)}.nog-pill--asks{background:var(--color-warning-tint);color:var(--color-warning-text)}.nog-pill--asks .nog-pill__dot{background:var(--color-warning)}.nog-pill--web{border:var(--stroke) solid var(--color-ink);color:var(--color-ink)}.nog-wordmark{font-family:var(--font-heading);letter-spacing:-.035em;line-height:normal;color:var(--color-ink);white-space:nowrap}.nog-wordmark__strong{font-weight:700}.nog-wordmark__soft{font-weight:500;color:var(--color-ink-2)}.nog-mark{display:inline-block;flex:none}.nog-mark--colour{--nog-mark-fill: var(--color-accent);--nog-mark-knock: var(--color-ground)}.nog-mark--mono{--nog-mark-fill: var(--color-ink);--nog-mark-knock: var(--color-ground)}.nog-mark--reversed{--nog-mark-fill: var(--color-ground);--nog-mark-knock: var(--color-ink)}.nog-topnav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:var(--stroke) solid var(--color-line);flex-wrap:wrap}.nog-topnav__brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.nog-topnav__links{display:flex;align-items:center;gap:28px;font-size:15px;flex-wrap:wrap}.nog-topnav__link{font-weight:500;color:var(--color-ink);text-decoration:none}.nog-topnav__link:hover{color:var(--color-accent)}.nog-topnav__link:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}.nog-voicecard{background:var(--color-surface);border:var(--stroke) solid var(--color-ink);border-radius:var(--radius-md);padding:var(--space-5);display:flex;flex-direction:column;gap:20px;color:var(--color-ink)}.nog-voicecard__head{display:flex;flex-direction:column;gap:var(--space-1)}.nog-voicecard__name{font-family:var(--font-heading);font-weight:700;font-size:22px;letter-spacing:-.025em}.nog-voicecard__purpose{font-size:15px;line-height:1.5;color:var(--color-ink-2)}.nog-voicecard__meta{display:flex;gap:var(--space-2);flex-wrap:wrap}.nog-voicecard__reads{font-family:var(--font-mono);font-size:12px;color:var(--color-ink-2);padding:6px 0}.nog-voicecard__exchange{border-top:var(--stroke) solid var(--color-line);padding-top:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);font-size:15px;line-height:1.5}.nog-voicecard__turn{display:grid;grid-template-columns:52px minmax(0,1fr);gap:var(--space-2)}.nog-voicecard__speaker{font-family:var(--font-mono);font-size:12px;color:var(--color-ink-2);padding-top:2px}.nog-voicecard__speaker--voice{color:var(--color-accent)}.nog-bubble{max-width:80%;padding:var(--space-3) var(--space-4);font-size:15px;line-height:1.5}.nog-bubble--compact{padding:var(--space-3) 14px}.nog-bubble--owner{align-self:flex-end;background:var(--color-ink);color:var(--color-ground);border-radius:var(--radius-md) var(--radius-md) calc(var(--radius-sm) / 2) var(--radius-md)}[data-theme=dark] .nog-bubble--owner{color:var(--color-on-accent)}.nog-bubble--voice{align-self:flex-start;background:var(--color-panel);color:var(--color-ink);border-radius:var(--radius-md) var(--radius-md) var(--radius-md) calc(var(--radius-sm) / 2)}.nog-mic{display:flex;flex-direction:column;gap:10px;align-items:center}.nog-mic__button{position:relative;width:72px;height:72px;padding:0;border-radius:50%;border:var(--stroke) solid transparent;background:transparent;color:var(--color-ink);display:flex;align-items:center;justify-content:center;cursor:pointer}.nog-mic--large .nog-mic__button{width:88px;height:88px}.nog-mic__button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.nog-mic__button:disabled{cursor:default}.nog-mic__ring{position:absolute;inset:calc(-1 * var(--stroke));border-radius:50%;border:2px solid var(--color-accent);animation:nog-ring 1.6s ease-out infinite;pointer-events:none}.nog-mic__label{font-size:13px;font-weight:600;text-align:center}.nog-mic--idle .nog-mic__button{border-color:var(--color-ink)}.nog-mic--listening .nog-mic__button{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-accent)}.nog-mic--listening .nog-mic__label{color:var(--color-accent)}.nog-mic--muted .nog-mic__button{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-ground)}[data-theme=dark] .nog-mic--muted .nog-mic__button{color:var(--color-on-accent)}.nog-mic--offline .nog-mic__button{border-style:dashed;border-color:var(--color-ink-2);color:var(--color-ink-2)}.nog-mic--offline .nog-mic__label{color:var(--color-ink-2)}.nog-segmented{display:grid;gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius-sm);background:var(--color-panel)}.nog-segmented__option{display:flex;align-items:center;justify-content:center;gap:6px;padding:var(--space-2) 6px;border-radius:calc(var(--radius-sm) * .75);white-space:nowrap;border:var(--stroke) solid transparent;background:transparent;font-family:var(--font-body);font-size:14px;font-weight:500;line-height:normal;color:var(--color-ink-2);cursor:pointer}.nog-segmented__option:focus-visible{outline:none;box-shadow:var(--focus-ring)}.nog-segmented__option[aria-checked=true]{background:var(--color-surface);border-color:var(--color-ink);font-weight:600;color:var(--color-ink)}[data-theme=dark] .nog-segmented__option[aria-checked=true]{background:var(--color-ground)}.nog-level{display:flex;align-items:center;gap:3px}.nog-level__bar{width:4px;border-radius:var(--radius-full);transform-origin:center;animation-name:nog-wave;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.nog-level--listening .nog-level__bar{background:var(--color-accent);animation-duration:.9s}.nog-level--speaking .nog-level__bar{background:var(--color-ink);animation-duration:1.4s}.nog-dots{display:flex;gap:6px;height:28px;align-items:center}.nog-dots__dot{width:8px;height:8px;border-radius:50%;background:var(--color-ink);animation:nog-dots 1.2s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.nog-level__bar{transform:scaleY(.6)}}.nog-iconbutton{width:48px;height:48px;padding:0;display:inline-flex;align-items:center;justify-content:center;flex:none;border-radius:var(--radius-sm);border:var(--stroke) solid transparent;background:transparent;color:var(--color-ink);cursor:pointer}.nog-iconbutton--small{width:40px;height:40px}.nog-iconbutton:focus-visible{outline:none;box-shadow:var(--focus-ring)}.nog-iconbutton:disabled{cursor:default}.nog-iconbutton--accent{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-accent)}.nog-iconbutton--accent:hover:not(:disabled){background:var(--color-ink);border-color:var(--color-ink)}.nog-iconbutton--outline{border-color:var(--color-ink)}.nog-iconbutton--outline:hover:not(:disabled),.nog-iconbutton--ghost:hover:not(:disabled){background:var(--color-panel)}.nog-iconbutton--offline{border-style:dashed;border-color:var(--color-ink-2);color:var(--color-ink-2)}.nog-sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;justify-content:flex-end}.nog-sheet__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-ground);opacity:.75}.nog-sheet__panel{position:relative;max-height:90vh;overflow-y:auto;width:100%;max-width:640px;margin:0 auto;background:var(--color-ground);color:var(--color-ink);border-top:var(--stroke) solid var(--color-line);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--space-4) var(--space-5) var(--space-6)}.nog-sheet__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.nog-sheet__title{margin:0;font-family:var(--font-heading);font-weight:600;font-size:24px;line-height:1.25;letter-spacing:-.02em}.nog-sheet__body{display:flex;flex-direction:column;gap:var(--space-5)}.nog-separator{align-self:center;font-family:var(--font-mono);font-size:11px;color:var(--color-ink-2);padding:var(--space-1) 0}.nog-circle{display:flex;flex-direction:column;gap:6px;align-items:center;width:64px}.nog-circle__button{width:52px;height:52px;padding:0;border-radius:50%;border:var(--stroke) solid var(--color-ink);background:transparent;color:var(--color-ink);display:flex;align-items:center;justify-content:center;cursor:pointer}.nog-circle__button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.nog-circle--ink .nog-circle__button{background:var(--color-ink);color:var(--color-ground)}[data-theme=dark] .nog-circle--ink .nog-circle__button{color:var(--color-on-accent)}.nog-circle__label{font-size:12px;font-weight:600}html,body,#root{height:100%}body{font-size:17px;line-height:1.6}.app,.app-chat{min-height:100%;max-width:640px;margin:0 auto;display:flex;flex-direction:column}.app-header,.app-chat__header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4) var(--space-4);padding-top:max(var(--space-3),env(safe-area-inset-top));border-bottom:var(--stroke) solid var(--color-line)}.app-chat__header{position:sticky;top:0;background:var(--color-ground);z-index:1}.app-header__title{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.app-voice-name{font-family:var(--font-heading);font-weight:700;font-size:19px;letter-spacing:-.02em;line-height:1.2}.app-caption{font-size:13px;line-height:1.4;color:var(--color-ink-2)}.app-caption--offline{color:var(--color-warning-text)}.app-label{font-size:15px;font-weight:600}.app-mono{font-family:var(--font-mono);font-size:14px;word-break:break-all}.app-h1{margin:0;font-family:var(--font-heading);font-weight:600;font-size:24px;line-height:1.25;letter-spacing:-.02em}.app-error{margin:0;font-size:15px;color:var(--color-warning-text)}.app-empty{margin:0;padding:var(--space-6) var(--space-5);color:var(--color-ink-2)}.app-stack{display:flex;flex-direction:column;gap:var(--space-4)}.app-stack--tight{gap:var(--space-2)}.app-row{display:flex;gap:var(--space-3);flex-wrap:wrap;align-items:center}.app-row--between{justify-content:space-between}.app-pair{max-width:420px;margin:0 auto;padding:var(--space-7) var(--space-5);display:flex;flex-direction:column;gap:var(--space-6)}.app-pair__brand{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2)}.app-picker{padding:var(--space-5) var(--space-4) var(--space-7);display:flex;flex-direction:column;gap:var(--space-5)}.app-voice{display:block;width:100%;padding:0;border:0;background:none;text-align:left;font:inherit;color:inherit;cursor:pointer;border-radius:var(--radius-md)}.app-voice:focus-visible{outline:none;box-shadow:var(--focus-ring)}.app-voice:disabled{cursor:default;opacity:.6}.app-chat__list{flex:1;display:flex;flex-direction:column;gap:10px;padding:var(--space-5) var(--space-4)}.app-chat__end{scroll-margin-bottom:calc(var(--space-8) + var(--space-6))}.app-meta{display:flex;align-items:center;gap:var(--space-1);align-self:flex-start;font-family:var(--font-mono);font-size:11px;color:var(--color-ink-2)}.app-meta .nog-iconbutton[aria-pressed=true]{color:var(--color-accent)}.app-adviser,.app-consent{font-size:15px;line-height:1.55}.app-preview{margin:0;padding:var(--space-3);max-height:160px;overflow:auto;white-space:pre-wrap;font-family:var(--font-mono);font-size:12px;background:var(--color-ground);border:var(--stroke) solid var(--color-line);border-radius:var(--radius-sm)}.app-composer{position:sticky;bottom:0;display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4);padding-bottom:max(var(--space-3),env(safe-area-inset-bottom));background:var(--color-ground);border-top:var(--stroke) solid var(--color-line)}.app-composer__field{flex:1;min-width:0;font-family:var(--font-body);font-size:16px;padding:var(--space-3) 14px;border:var(--stroke) solid var(--color-ink-2);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-ink);outline:none}.app-composer__field:focus{box-shadow:var(--focus-ring)}.app-talk{min-height:100%;max-width:640px;margin:0 auto;display:flex;flex-direction:column}.app-talk__body{flex:1;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5) 20px}.app-talk__turn{display:flex;flex-direction:column;gap:6px}.app-talk__who{font-family:var(--font-mono);font-size:12px;color:var(--color-ink-2)}.app-talk__reply{font-size:17px;line-height:1.5}.app-talk__caption{font-family:var(--font-heading);font-weight:600;font-size:26px;line-height:1.2;letter-spacing:-.02em}.app-talk__footer{position:sticky;bottom:0;display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-2) 20px 28px;padding-bottom:max(28px,env(safe-area-inset-bottom));background:var(--color-ground)}.app-talk__level{height:36px;display:flex;align-items:center;justify-content:center}.app-talk__controls{display:flex;align-items:center;justify-content:space-between;width:100%}.app-talk__processing{text-align:center;font-size:12px}