:root{--bg: #08090c;--bg-elev: #0f1116;--bg-face: #08090c;--surface: rgba(255, 255, 255, .045);--surface-2: rgba(255, 255, 255, .08);--stroke: rgba(255, 255, 255, .1);--text: #f2f4f8;--text-dim: #9aa1af;--text-faint: #646c7c;--accent: #38d3ee;--accent-2: #ff5f8f;--accent-soft: rgba(56, 211, 238, .14);--accent-2-soft: rgba(255, 95, 143, .14);--caption-bg: rgba(10, 12, 18, .55);--grad-sig: linear-gradient(120deg, var(--eye-a) 0%, var(--accent) 45%, var(--accent-2) 100%);--eye-a: #7ef0ff;--eye-b: #38d3ee;--brow: rgba(120, 220, 240, .75);--blush: #ff9db1;--face-glow: rgba(56, 211, 238, .4);--ok: #4ade80;--warn: #fbbf24;--err: #f87171;--r-sm: 12px;--r-md: 18px;--r-lg: 26px;--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px);--sar: env(safe-area-inset-right, 0px);--font: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, sans-serif;--display: "Space Grotesk", "Inter", sans-serif;--mono: "Space Mono", ui-monospace, "SF Mono", Menlo, monospace}[data-theme=dia],[data-theme=ivory]{--bg: #f4f5f8;--bg-elev: #ffffff;--bg-face: #eef0f4;--surface: rgba(11, 13, 18, .045);--surface-2: rgba(11, 13, 18, .08);--stroke: rgba(11, 13, 18, .16);--text: #0b0d12;--text-dim: #4a5262;--text-faint: #8b93a7;--accent: #fb8500;--accent-2: #0e9cb5;--accent-soft: rgba(251, 133, 0, .12);--accent-2-soft: rgba(14, 156, 181, .12);--caption-bg: rgba(255, 255, 255, .78);--ok: #16a34a;--warn: #d97706;--err: #dc2626}[data-theme=dia] .panel,[data-theme=ivory] .panel{border-color:#0b0d122e;box-shadow:3px 3px #0b0d12e6}[data-theme=dia] .panel.glow-accent,[data-theme=ivory] .panel.glow-accent{box-shadow:3px 3px #0b0d12e6,0 0 22px var(--face-glow)}[data-theme=dia] .btn.primary,[data-theme=ivory] .btn.primary{box-shadow:2.5px 2.5px #0b0d12e6}[data-theme=dia] .face-chip,[data-theme=ivory] .face-chip{box-shadow:3px 3px #0b0d12e6}[data-theme=dia] .navrail,[data-theme=ivory] .navrail{border-right-color:#0b0d1229}[data-theme=dia] .demo-badge,[data-theme=ivory] .demo-badge{box-shadow:2.5px 2.5px #0b0d12e6}[data-theme=operator]{--bg: #0d0b07;--bg-elev: #14110a;--bg-face: #0d0b07;--accent: #ffb454;--accent-2: #ff7a5c;--accent-soft: rgba(255, 180, 84, .14);--accent-2-soft: rgba(255, 122, 92, .14);--stroke: rgba(255, 220, 160, .1)}[data-theme=rose]{--bg: #130b11;--bg-elev: #1b1018;--bg-face: #130b11;--accent: #ff8fb8;--accent-2: #a06bff;--accent-soft: rgba(255, 143, 184, .16);--accent-2-soft: rgba(160, 107, 255, .14);--stroke: rgba(255, 195, 218, .1)}[data-skin=azul]{--accent: #0e9cb5;--accent-soft: rgba(14, 156, 181, .16);--eye-a: #7ef0ff;--eye-b: #38d3ee;--brow: rgba(120, 220, 240, .75);--blush: #ff9db1;--face-glow: rgba(56, 211, 238, .4)}[data-skin=rosa-quartzo]{--accent: #e0578f;--accent-soft: rgba(224, 87, 143, .16);--eye-a: #ffd9e8;--eye-b: #ff7fb2;--brow: rgba(255, 175, 205, .8);--blush: #ffb3c9;--face-glow: rgba(255, 127, 178, .42)}[data-skin=violeta]{--accent: #7c4dff;--accent-soft: rgba(124, 77, 255, .16);--eye-a: #e4ccff;--eye-b: #a06bff;--brow: rgba(190, 150, 255, .8);--blush: #ff9db1;--face-glow: rgba(160, 107, 255, .42)}[data-skin=esmeralda]{--accent: #12a97a;--accent-soft: rgba(18, 169, 122, .16);--eye-a: #b8ffd9;--eye-b: #34d399;--brow: rgba(130, 240, 190, .75);--blush: #ffb3a1;--face-glow: rgba(52, 211, 153, .4)}[data-skin=ambar]{--accent: #fb8500;--accent-soft: rgba(251, 133, 0, .16);--eye-a: #ffe2b0;--eye-b: #ffab3d;--brow: rgba(255, 190, 110, .8);--blush: #ff9d9d;--face-glow: rgba(255, 171, 61, .42)}[data-skin=coral]{--accent: #f0563c;--accent-soft: rgba(240, 86, 60, .16);--eye-a: #ffcfc4;--eye-b: #ff7a5c;--brow: rgba(255, 160, 140, .8);--blush: #ffb3c9;--face-glow: rgba(255, 122, 92, .42)}[data-skin=ciano-gelo]{--accent: #1fa8c9;--accent-soft: rgba(31, 168, 201, .16);--eye-a: #e6fbff;--eye-b: #9beaff;--brow: rgba(190, 240, 255, .8);--blush: #ff9db1;--face-glow: rgba(155, 234, 255, .38)}[data-skin=grafite]{--accent: #5a6272;--accent-soft: rgba(90, 98, 114, .16);--eye-a: #e8ecf4;--eye-b: #8b93a7;--brow: rgba(200, 208, 224, .7);--blush: #c9a0ae;--face-glow: rgba(139, 147, 167, .35)}[data-skin=aurora]{--accent: #a06bff;--accent-soft: rgba(160, 107, 255, .16);--eye-a: #7ef0ff;--eye-b: #38d3ee;--brow: rgba(150, 230, 255, .8);--blush: #ff9db1;--face-glow: rgba(255, 95, 143, .35);--eye-aurora: 1}[data-skin=dourado]{--accent: #c99a12;--accent-soft: rgba(201, 154, 18, .16);--eye-a: #fff3c4;--eye-b: #f5c542;--brow: rgba(255, 225, 140, .8);--blush: #ffb3a1;--face-glow: rgba(245, 197, 66, .4)}html[data-sku=cuidar]{font-size:19px}html[data-sku=cuidar] .btn{padding:14px 22px;font-size:1.05em;border-radius:14px}html[data-sku=cuidar] .chip{font-size:.95em;padding:6px 14px}html[data-sku=cuidar] .input{padding:13px 16px;font-size:1.05em}html[data-sku=cuidar] .caption{font-size:1.15em;line-height:1.5}html[data-sku=tdah] .pill{opacity:.85}html[data-sku=tdah] .navrail{gap:10px}html[data-sku=tdah] .stage-aurora{opacity:.5}html[data-sku=familia] .nav-btn.active{box-shadow:0 0 0 1.5px var(--accent) inset}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);overscroll-behavior:none;transition:background .3s ease,color .3s ease}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(1100px 640px at 12% -12%,color-mix(in srgb,var(--accent) 7%,transparent),transparent 62%),radial-gradient(900px 620px at 96% 108%,color-mix(in srgb,var(--accent-2) 6%,transparent),transparent 62%)}::selection{background:color-mix(in srgb,var(--accent) 40%,transparent)}.app{position:relative;z-index:1;height:100%;display:grid;grid-template-columns:72px 1fr}.app.compact{grid-template-columns:1fr;grid-template-rows:1fr auto}.screen{min-width:0;min-height:0;overflow:hidden auto;padding:calc(var(--sat) + 16px) 20px calc(var(--sab) + 20px)}.screen.no-pad{padding:0;overflow:hidden;height:100%}h1.screen-title{font-family:var(--display);font-size:26px;font-weight:700;letter-spacing:-.02em;margin:2px 0 4px}.screen-sub{font-size:13.5px;color:var(--text-dim);margin:0 0 18px}.navrail{display:flex;flex-direction:column;align-items:center;gap:6px;padding:calc(var(--sat) + 14px) 8px calc(var(--sab) + 14px);border-right:1px solid var(--stroke);background:var(--bg-elev)}.app.compact .navrail{flex-direction:row;justify-content:flex-start;border-right:none;border-top:1px solid var(--stroke);padding:8px 10px calc(var(--sab) + 8px);order:2;overflow-x:auto;scrollbar-width:none}.app.compact .navrail::-webkit-scrollbar{display:none}.app.compact .nav-btn{flex:none;min-width:58px}.nav-btn{width:56px;min-height:54px;border-radius:var(--r-sm);border:1px solid transparent;background:transparent;color:var(--text-dim);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;padding:6px 2px;transition:background .2s,color .2s,transform .15s,border-color .2s,box-shadow .25s}.nav-btn svg{width:22px;height:22px}.nav-btn span.lbl{font-size:9.5px;letter-spacing:.04em;font-weight:600}.nav-btn:active{transform:scale(.92)}.nav-btn.active{color:var(--accent);background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 45%,transparent);box-shadow:0 0 18px color-mix(in srgb,var(--accent) 22%,transparent)}.nav-spacer{flex:1}.app.compact .nav-spacer{display:none}.stage{position:relative;height:100%;display:flex;flex-direction:column;background:var(--bg-face);overflow:hidden}.stage-aurora{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none}.stage-face{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;z-index:2}.stage-hud{position:absolute;top:calc(var(--sat) + 14px);left:16px;right:16px;display:flex;align-items:center;gap:10px;z-index:5}.stage-bottom{position:absolute;bottom:calc(var(--sab) + 20px);left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:14px;z-index:5;pointer-events:none}.stage-bottom>*{pointer-events:auto}.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:color-mix(in srgb,var(--bg-elev) 72%,transparent);border:1px solid var(--stroke);backdrop-filter:blur(14px);font-size:13px;color:var(--text-dim);white-space:nowrap}.pill .dot{width:8px;height:8px;border-radius:50%;background:var(--text-faint)}.pill.listening .dot{background:var(--accent);animation:pulse 1.4s infinite}.pill.thinking .dot{background:var(--warn);animation:pulse .9s infinite}.pill.speaking .dot{background:var(--ok);animation:pulse .7s infinite}.pill.error .dot{background:var(--err)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}.caption{max-width:min(680px,88vw);text-align:center;font-size:17px;line-height:1.45;color:var(--text);background:var(--caption-bg);border:1px solid var(--stroke);border-radius:var(--r-md);padding:10px 18px;backdrop-filter:blur(16px)}.caption .who{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);margin-bottom:2px}.mic-row{display:flex;align-items:center;gap:18px}.mic-btn{width:72px;height:72px;border-radius:50%;border:1px solid var(--stroke);background:var(--surface-2);color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(14px);transition:transform .15s,box-shadow .3s,background .3s}.mic-btn svg{width:26px;height:26px}.mic-btn:active{transform:scale(.93)}.mic-btn.hot{background:var(--accent);color:#04222b;box-shadow:0 0 0 8px var(--accent-soft),0 0 44px var(--accent-soft)}.mic-side{width:44px;height:44px;border-radius:50%;border:1px solid var(--stroke);background:var(--surface);color:var(--text-dim);display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(12px);transition:color .2s,border-color .2s,transform .15s}.mic-side svg{width:19px;height:19px}.mic-side:active{transform:scale(.9)}.mic-side.on{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 50%,transparent)}.meter{display:flex;align-items:flex-end;gap:3px;height:30px}.meter i{width:4px;border-radius:2px;background:var(--accent);opacity:.85;min-height:3px}.panel{background:var(--surface);border:1px solid var(--stroke);border-radius:var(--r-md);padding:16px;margin-bottom:14px;transition:border-color .25s,box-shadow .25s}.panel:hover{border-color:color-mix(in srgb,var(--accent) 25%,var(--stroke))}.panel h3{margin:0 0 12px;font-size:12.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--text-dim);font-weight:600;display:flex;align-items:center;gap:8px}.panel h3 svg{width:15px;height:15px;color:var(--accent)}.panel.glow-accent{border-color:color-mix(in srgb,var(--accent) 35%,transparent);box-shadow:0 0 30px color-mix(in srgb,var(--accent) 10%,transparent)}.h-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.grow{flex:1;min-width:0}.btn{border:1px solid var(--stroke);background:var(--surface-2);color:var(--text);font-family:var(--font);font-size:14.5px;font-weight:500;border-radius:var(--r-sm);padding:12px 16px;min-height:46px;cursor:pointer;transition:transform .12s,background .2s,border-color .2s,box-shadow .25s;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn svg{width:17px;height:17px}.btn:active{transform:scale(.96)}.btn.primary{background:var(--grad-sig);background-size:180% 180%;border-color:transparent;color:#04222b;font-weight:700;box-shadow:0 0 24px color-mix(in srgb,var(--accent) 25%,transparent)}.btn.primary:hover{background-position:90% 50%}.btn.ghost{background:transparent}.btn.danger{color:var(--err);border-color:#f8717159}.btn.sm{min-height:38px;padding:8px 12px;font-size:13px;border-radius:10px}.btn:disabled{opacity:.45;pointer-events:none}.input,.textarea,select.input{width:100%;background:var(--bg-elev);border:1px solid var(--stroke);color:var(--text);font-family:var(--font);font-size:15px;border-radius:var(--r-sm);padding:12px 14px;min-height:46px;outline:none;transition:border-color .2s,box-shadow .2s}.input:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.field{margin-bottom:14px}.field>label{display:block;font-size:12.5px;color:var(--text-dim);margin-bottom:6px}.seg{display:inline-flex;background:var(--bg-elev);border:1px solid var(--stroke);border-radius:var(--r-sm);padding:3px;gap:2px;flex-wrap:wrap}.seg button{border:none;background:transparent;color:var(--text-dim);font-family:var(--font);font-size:13.5px;font-weight:500;padding:9px 14px;min-height:40px;border-radius:9px;cursor:pointer;transition:background .15s,color .15s}.seg button.on{background:var(--accent);color:#04222b;font-weight:600}.slider{-webkit-appearance:none;appearance:none;width:100%;height:30px;background:transparent}.slider::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:var(--surface-2)}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;border-radius:50%;background:var(--accent);margin-top:-10px;border:none;box-shadow:0 2px 10px #0006,0 0 12px var(--accent-soft)}.toggle{position:relative;width:52px;height:32px;border-radius:999px;border:1px solid var(--stroke);background:var(--surface-2);cursor:pointer;transition:background .2s,border-color .2s;flex:none}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:var(--text-dim);transition:transform .2s,background .2s}.toggle.on{background:var(--accent-soft);border-color:var(--accent)}.toggle.on:after{transform:translate(20px);background:var(--accent);box-shadow:0 0 10px var(--accent-soft)}.chip{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;padding:6px 11px;border-radius:999px;background:var(--surface-2);border:1px solid var(--stroke);color:var(--text-dim)}.chip.ok{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 40%,transparent)}.chip.warn{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 40%,transparent)}.chip.err{color:var(--err);border-color:color-mix(in srgb,var(--err) 40%,transparent)}.chip.accent{color:var(--accent);border-color:var(--accent)}.chip.pink{color:var(--accent-2);border-color:color-mix(in srgb,var(--accent-2) 45%,transparent)}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px;align-items:start}.list-item{padding:13px 4px;border-bottom:1px solid var(--stroke);display:flex;gap:12px;align-items:baseline}.list-item:last-child{border-bottom:none}.mono{font-family:var(--mono);font-size:12px}.dim{color:var(--text-dim)}.faint{color:var(--text-faint)}.small{font-size:12.5px}a{color:var(--accent);text-decoration:none}.grad-text{background:var(--grad-sig);-webkit-background-clip:text;background-clip:text;color:transparent}.face-chip{background:var(--bg-face);border-radius:var(--r-md);padding:6px 4px;overflow:hidden}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--surface-2);border-radius:4px}::-webkit-scrollbar-track{background:transparent}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes glow-drift{0%,to{opacity:.5;transform:translate(0) scale(1)}50%{opacity:.9;transform:translate(3%,-4%) scale(1.08)}}@keyframes eye-aurora-shift{0%{stop-color:#7ef0ff}33%{stop-color:#c4b5fd}66%{stop-color:#ff9db1}to{stop-color:#7ef0ff}}@keyframes eye-aurora-shift-b{0%{stop-color:#38d3ee}33%{stop-color:#a06bff}66%{stop-color:#ff5f8f}to{stop-color:#38d3ee}}.eye-aurora-a{animation:eye-aurora-shift 6s ease-in-out infinite}.eye-aurora-b{animation:eye-aurora-shift-b 6s ease-in-out infinite}.app.immersive{grid-template-columns:1fr}.app.immersive .navrail{display:none}.app.lowpower{filter:brightness(.82)}.stage-face svg{max-width:min(92vw,150vh);max-height:100%}.stage-hud>*{pointer-events:auto}.mic-btn.off{opacity:.85}.pill.acting .dot{background:var(--warn);animation:spin-dot 1s linear infinite}.grid-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:10px}.tile{border:1px solid var(--stroke);background:var(--surface);border-radius:var(--r-sm);padding:12px 8px;min-height:74px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--text);font-family:var(--font);font-size:12.5px;cursor:pointer;transition:transform .12s,border-color .2s,background .2s}.tile:active{transform:scale(.94)}.tile.on{border-color:var(--accent);background:var(--accent-soft)}.tile .ico{font-size:21px;color:var(--accent);font-style:normal}.loglist{font-family:var(--mono);font-size:11.8px;line-height:1.65;max-height:46vh;overflow-y:auto;-webkit-user-select:text;user-select:text}.loglist .t{color:var(--text-faint);margin-right:8px}.loglist .k-voice{color:var(--accent)}.loglist .k-tool{color:var(--warn)}.loglist .k-expr{color:#c084fc}.loglist .k-net{color:var(--ok)}.loglist .k-err{color:var(--err)}.loglist .k-app{color:var(--text-dim)}.overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:var(--bg)}.overlay .clock{position:absolute;bottom:calc(var(--sab) + 40px);font-size:15px;letter-spacing:.35em;color:var(--text-faint)}.overlay.screensaver{background:#05060a;animation:fade-in 1.2s ease}.overlay.screensaver .drift{width:min(70vw,90vh);animation:drift 26s ease-in-out infinite alternate;opacity:.85}.wake{animation:fade-out .9s ease 1.5s forwards;pointer-events:none}.wake .logo{font-size:42px;font-weight:800;letter-spacing:.4em;padding-left:.4em;color:var(--text);animation:glow-pulse 1.6s ease infinite}html[data-sku=cuidar] .nav-btn svg{width:27px;height:27px}@keyframes spin-dot{0%{transform:scale(1)}50%{transform:scale(1.5)}to{transform:scale(1)}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes drift{0%{transform:translate(-4%,-3%) scale(.92)}50%{transform:translate(3%,2%) scale(.85)}to{transform:translate(-2%,4%) scale(.95)}}@keyframes glow-pulse{0%,to{text-shadow:0 0 24px var(--accent-soft);opacity:.85}50%{text-shadow:0 0 60px var(--accent);opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{to{opacity:0;visibility:hidden}}