:root{--text:#6a6480;--text-h:#191527;--bg:#f6f5fb;--card:#fff;--border:#e7e4f0;--accent:#8b5cf6;--accent-text:#fff;--lime:#84cc16;--lime-ink:#4d7c0f;--lime-text:#1a2e05;--bubble-kid:#eeecf8;--error:#dc2626;--sans:system-ui, "Segoe UI", Roboto, sans-serif;font:16px/1.5 var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#a09bbb;--text-h:#f1eff8;--bg:#0f0e16;--card:#1a1826;--border:#2a2740;--accent:#a78bfa;--lime:#a3e635;--lime-ink:#bef264;--lime-text:#16250a;--bubble-kid:#2b2842}}:root[data-theme=light]{--text:#6a6480;--text-h:#191527;--bg:#f6f5fb;--card:#fff;--border:#e7e4f0;--accent:#8b5cf6;--lime:#84cc16;--lime-ink:#4d7c0f;--lime-text:#1a2e05;--bubble-kid:#eeecf8}:root[data-theme=dark]{--text:#a09bbb;--text-h:#f1eff8;--bg:#0f0e16;--card:#1a1826;--border:#2a2740;--accent:#a78bfa;--lime:#a3e635;--lime-ink:#bef264;--lime-text:#16250a;--bubble-kid:#2b2842}*{box-sizing:border-box}body{margin:0}h1,h2{color:var(--text-h);margin:0;font-weight:600}.floating-face{--feature-ink:#3f315a;--face-scale:min(1, calc((100vw - 36px) / var(--face-size)), calc((100vh - 310px) / var(--face-size)));width:var(--face-size);aspect-ratio:1.34;max-width:calc(100vw - 28px);color:var(--feature-ink);isolation:isolate;border:1px solid #ffffff9e;border-radius:34% 29% 35% 31%/31% 35% 29% 37%;transition:background .55s,border-color .4s,box-shadow .4s;animation:5s ease-in-out infinite face-float;position:relative;overflow:hidden;box-shadow:0 24px 55px #43306c30,0 7px 15px #43306c1a,inset 0 1px #ffffffc2}.skin-surface,.skin-surface:before,.skin-surface:after{content:"";pointer-events:none;position:absolute;inset:0}.skin-surface{z-index:-1;border-radius:inherit;transition:opacity .45s;overflow:hidden}.skin-surface:before,.skin-surface:after{transition:opacity .45s,background .55s}.skin--clean .skin-surface{background:radial-gradient(circle at 28% 15%,#ffffffeb,#0000 30%),radial-gradient(circle at 78% 82%,#a687ef3d,#0000 33%),linear-gradient(145deg,#ffd3e2 0%,#e8c9ff 48%,#b7cfff 100%)}.skin--clean .skin-surface:after{background:linear-gradient(115deg,#0000 34%,#ffffff2e 46%,#0000 58%);animation:7s ease-in-out infinite skin-shimmer;transform:translate(-65%)}.skin--reptile{--feature-ink:#253f41}.skin--reptile .skin-surface{background-color:#6fb787;background-image:radial-gradient(at 50% 4%,#ffffff47 0 8%,#0000 9%),radial-gradient(at 50% 104%,#19443438 0 8%,#0000 9%),linear-gradient(145deg,#d5ffb3a6,#0000 48%),linear-gradient(315deg,#1c6a5873,#0000 56%);background-position:0 0,23px 17px,0 0,0 0;background-size:46px 34px,46px 34px,100% 100%,100% 100%}.skin--reptile .skin-surface:after{opacity:.25;mix-blend-mode:overlay;background:repeating-radial-gradient(#0000 0 9px,#fff3 10px 11px) 0 0/46px 34px}.skin--dragon{--feature-ink:#261f45}.skin--dragon .skin-surface{background:radial-gradient(circle at 72% 24%,#5ef1ff7a,#0000 18%),radial-gradient(circle at 23% 76%,#ff62cf57,#0000 22%),linear-gradient(145deg,#332565 0%,#563780 47%,#142f59 100%)}.skin--dragon .skin-surface:before{opacity:.68;filter:drop-shadow(0 3px 2px #0003);background-color:#0000;background-image:radial-gradient(at 50% 100%,#0000 0 45%,#a57bff80 46% 50%,#0000 52%),radial-gradient(at 50% 0,#0000 0 45%,#0e0d2f9e 46% 52%,#0000 54%);background-position:0 0,26px 21px;background-repeat:repeat,repeat;background-size:52px 42px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.skin--dragon .skin-surface:after{background:linear-gradient(108deg,#0000 25%,#91ffff40 45%,#0000 62%);animation:5.5s ease-in-out infinite skin-shimmer;transform:translate(-80%)}.skin--fish{--feature-ink:#17445c}.skin--fish .skin-surface{background:radial-gradient(circle at 18% 18%,#ffffffc7 0 1.3%,#0000 1.6%),radial-gradient(circle at 86% 72%,#ffffff7a 0 1%,#0000 1.3%),linear-gradient(145deg,#8ff1de 0%,#45c5d9 48%,#3185c1 100%)}.skin--fish .skin-surface:before{opacity:.5;background:radial-gradient(at 50% 100%,#0000 0 54%,#ffffffb8 55% 58%,#0000 60%) 0 0/44px 30px;animation:8s linear infinite water-drift;inset:-20%}.skin--fish .skin-surface:after{background:repeating-linear-gradient(102deg,#0000 0 52px,#ffffff29 58px,#0000 68px);animation:6s ease-in-out infinite underwater-light}.skin--furry{--feature-ink:#563749}.skin--furry .skin-surface{background:radial-gradient(circle at 25% 18%,#fffc,#0000 22%),linear-gradient(145deg,#f8c3a5,#df8ea6 52%,#ad739e)}.skin--furry .skin-surface:before{opacity:.5;filter:blur(1.2px);background:repeating-radial-gradient(at 50% -4px,#0000 0 7px,#ffffff52 8px 11px,#0000 12px 18px) 0 0/22px 30px;inset:-8%;transform:rotate(-4deg)}.skin--furry .skin-surface:after{opacity:.28;filter:blur(2px);background:repeating-linear-gradient(83deg,#0000 0 12px,#52264947 13px,#0000 15px 25px)}.skin--transparent{box-shadow:none;border-color:#0000}.skin--transparent .skin-surface{opacity:0}.face-features{filter:drop-shadow(0 5px 5px #1e16361f);animation:5s ease-in-out infinite feature-hover;position:absolute;inset:0}.eye{aspect-ratio:1.17;width:31%;transition:transform .48s cubic-bezier(.2,.8,.2,1),top .48s;position:absolute;top:27%}.eye--left{left:16%}.eye--right{right:16%}.eye svg,.eyebrow svg,.mouth svg{width:100%;height:100%;display:block;overflow:visible}.eye__orb{transform-box:fill-box;transform-origin:50%;transition:opacity .18s,transform .48s cubic-bezier(.2,.8,.2,1)}.eye__pupil{transform-box:fill-box;transform-origin:50%;transition:transform .46s cubic-bezier(.2,.8,.2,1)}.eye__lid{transform-box:fill-box;transform-origin:50%;opacity:0;transition:opacity .24s,transform .42s}.eye__lid--top{transform:translateY(-42px)}.eye__lid--bottom{transform:translateY(42px)}.eye__happy-line,.eye__sleep-line{opacity:0;transition:opacity .22s,transform .42s}.eyebrow{width:29%;height:13%;transition:transform .5s cubic-bezier(.2,.8,.2,1),top .5s;position:absolute;top:13%}.eyebrow--left{left:16%}.eyebrow--right{right:16%;transform:scaleX(-1)}.mouth{width:41%;height:34%;transition:transform .45s cubic-bezier(.2,.8,.2,1),bottom .45s;position:absolute;bottom:10%;left:50%;transform:translate(-50%)}.mouth__shape{opacity:0;transform-box:fill-box;transform-origin:50%;transition:opacity .22s,transform .45s cubic-bezier(.2,.8,.2,1)}.state--idle .mouth__shape--idle,.state--listening .mouth__shape--listening,.state--thinking .mouth__shape--thinking,.state--talking .mouth__shape--talking,.state--happy .mouth__shape--happy,.state--sad .mouth__shape--sad,.state--surprised .mouth__shape--surprised,.state--sleeping .mouth__shape--sleeping{opacity:1}.can-blink.state--idle .eye__lid--top{animation:5.4s infinite auto-blink}.state--listening .eye{transform:scale(1.06)}.state--listening .eye__pupil{transform:translateY(-2px)scale(1.05)}.state--listening .eyebrow--left{transform:translateY(-10px)rotate(-4deg)}.state--listening .eyebrow--right{transform:scaleX(-1)translateY(-10px)rotate(-4deg)}.state--listening .mouth{transform:translate(-50%)scale(.9)}.state--thinking .eye__pupil{transform:translate(15px,-15px)scale(.9)}.state--thinking .eyebrow--left{transform:translateY(-8px)rotate(-9deg)}.state--thinking .eyebrow--right{transform:scaleX(-1)translateY(4px)rotate(9deg)}.state--thinking .mouth{transform:translate(-38%)rotate(-5deg)scale(.84)}.state--thinking .eye--right{transform:scale(.96)}.state--talking .eye__pupil{animation:3.4s ease-in-out infinite talk-glance}.state--talking .eyebrow--left{animation:2.2s ease-in-out infinite brow-talk-left}.state--talking .eyebrow--right{animation:2.2s ease-in-out infinite brow-talk-right}.state--talking .mouth{animation:1.05s ease-in-out infinite mouth-bob}.state--talking .mouth__talk-open{transform-box:fill-box;transform-origin:50%;animation:.72s ease-in-out infinite talk-open}.state--talking .mouth__talk-tongue,.state--talking .mouth__talk-teeth{animation:.72s ease-in-out infinite talk-detail}.state--happy .eye__orb,.state--happy .eye__lid{opacity:0}.state--happy .eye__happy-line{opacity:1}.state--happy .eyebrow--left{transform:translateY(-3px)rotate(-6deg)}.state--happy .eyebrow--right{transform:scaleX(-1)translateY(-3px)rotate(-6deg)}.state--happy .mouth{transform:translate(-50%)translateY(-2px)scale(1.07)}.state--sad .eye__lid--top{opacity:1;transform:translateY(-4px)rotate(7deg)}.state--sad .eye--right .eye__lid--top{transform:translateY(-4px)rotate(-7deg)}.state--sad .eye__pupil{transform:translateY(10px)scale(.88)}.state--sad .eyebrow--left{transform:translateY(7px)rotate(15deg)}.state--sad .eyebrow--right{transform:scaleX(-1)translateY(7px)rotate(15deg)}.state--sad .mouth{bottom:7%;transform:translate(-50%)scale(.9)}.state--surprised .eye{transform:scale(1.11)}.state--surprised .eye__pupil{transform:scale(.86)}.state--surprised .eyebrow--left{transform:translateY(-17px)}.state--surprised .eyebrow--right{transform:scaleX(-1)translateY(-17px)}.state--surprised .mouth{bottom:6%;transform:translate(-50%)scale(.96)}.state--sleeping{animation:4.5s ease-in-out infinite sleepy-breathe}.state--sleeping .face-features{animation:none}.state--sleeping .eye__orb,.state--sleeping .eye__lid{opacity:0}.state--sleeping .eye__sleep-line{opacity:1}.state--sleeping .eye{transform:translateY(5px)}.state--sleeping .eyebrow--left{transform:translateY(5px)rotate(5deg)}.state--sleeping .eyebrow--right{transform:scaleX(-1)translateY(5px)rotate(5deg)}.state--sleeping .mouth{transform:translate(-50%)scale(.78)}@keyframes face-float{0%,to{transform:translateY(0)rotate(-.35deg)}50%{transform:translateY(-9px)rotate(.35deg)}}@keyframes feature-hover{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes auto-blink{0%,43%,47%,to{opacity:0;transform:translateY(-42px)}44.2%,45.8%{opacity:1;transform:translateY(7px)}}@keyframes skin-shimmer{0%,25%{transform:translate(-70%)}70%,to{transform:translate(75%)}}@keyframes water-drift{to{transform:translate(44px,30px)}}@keyframes underwater-light{0%,to{opacity:.45;transform:translate(-7%)skew(-6deg)}50%{opacity:.8;transform:translate(8%)skew(3deg)}}@keyframes talk-open{0%,to{transform:scaleY(.78)}35%{transform:scale(.82,1.08)}68%{transform:scale(1.05,.58)}}@keyframes talk-detail{0%,to{opacity:.92;transform:translateY(-2px)}35%{opacity:.78;transform:translateY(5px)}68%{opacity:.45;transform:translateY(-5px)}}@keyframes mouth-bob{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(3px)}}@keyframes talk-glance{0%,22%,to{transform:translate(0)}36%,58%{transform:translate(5px,-2px)}72%,86%{transform:translate(-4px,1px)}}@keyframes brow-talk-left{0%,to{transform:translateY(0)rotate(0)}48%{transform:translateY(-4px)rotate(-3deg)}}@keyframes brow-talk-right{0%,to{transform:scaleX(-1)translateY(0)rotate(0)}48%{transform:scaleX(-1)translateY(-3px)rotate(3deg)}}@keyframes sleepy-breathe{0%,to{transform:translateY(4px)scale(1)}50%{transform:translateY(-2px)scale(1.012)}}@media (width<=720px){.floating-face{width:min(var(--face-size), calc(100vw - 34px), 46vh);border-radius:31% 26% 33% 28%/28% 34% 27% 35%}}@media (height<=760px) and (width>=721px){.floating-face{width:min(var(--face-size), 43vh)}}@media (prefers-reduced-motion:reduce){.floating-face,.face-features,.skin-surface:before,.skin-surface:after,.eye__lid,.eye__pupil,.eyebrow,.mouth,.mouth *{animation:none!important}}.floating-face--bare{box-shadow:none;background:0 0;border:none;overflow:visible}.fullskin{position:absolute;inset:0;overflow:hidden}.fullskin .skin-surface{z-index:0;border-radius:0;position:absolute;inset:0}.fullskin{background-position:50%;background-size:cover}.floating-face--bare .face-features{filter:drop-shadow(0 1px 7px #ffffffe6)}.center{place-items:center;min-height:100svh;padding:24px;display:grid}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:12px;width:320px;max-width:100%;padding:28px;display:flex;box-shadow:0 10px 30px #00000014}.card h1{text-align:center;font-size:26px}input{border:1px solid var(--border);background:var(--bg);color:var(--text-h);font:inherit;border-radius:8px;padding:10px 12px}button{background:var(--accent);color:var(--accent-text);font:inherit;cursor:pointer;border:none;border-radius:8px;padding:8px 14px;font-weight:600}button:disabled{opacity:.6;cursor:default}button.link{color:var(--accent);background:0 0;padding:6px;font-weight:500}.muted{color:var(--text)}.error{color:var(--error);font-size:14px}.app header{border-bottom:1px solid var(--border);background:var(--card);align-items:center;gap:12px;padding:12px 20px;display:flex}.app header .link{margin-left:auto}.app main{gap:10px;max-width:900px;margin:0 auto;padding:24px;display:grid}.badge{letter-spacing:.5px;background:var(--accent);color:var(--accent-text);border-radius:999px;padding:3px 8px;font-size:12px;font-weight:700}.panel{background:var(--card);border:1px solid var(--border);border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.ok{color:var(--lime-ink);font-size:14px}.toggle,.chip{cursor:pointer;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:999px;font-weight:700}.toggle{padding:8px 16px}.chip{padding:3px 10px;font-size:13px}.toggle.on,.chip.on{background:var(--lime);color:var(--lime-text);border-color:#0000}.tablewrap{background:var(--card);border:1px solid var(--border);border-radius:12px;overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:12px 16px}th{color:var(--text);font-size:13px;font-weight:600}tr:last-child td{border-bottom:none}.rowbetween{justify-content:space-between;align-items:center;gap:12px;display:flex}h3{color:var(--text-h);margin:0}.childcard{background:var(--card);border:1px solid var(--border);border-radius:12px;gap:14px;padding:16px;display:grid}.grid2{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.grid2 label,.childcard label{color:var(--text);gap:4px;font-size:13px;display:grid}select{border:1px solid var(--border);background:var(--bg);color:var(--text-h);font:inherit;border-radius:8px;padding:9px 12px}code{background:var(--bg);word-break:break-all;border-radius:6px;padding:2px 6px;font-size:13px}@media (width<=560px){.grid2{grid-template-columns:1fr}}.memories{border-top:1px solid var(--border);gap:10px;padding-top:12px;display:grid}.memories ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.memories li{background:var(--bg);border:1px solid var(--border);border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex}.memories li span{color:var(--text-h);flex:1;font-size:14px}.memories li em{white-space:nowrap;font-size:12px;font-style:normal}.tabs{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:4px;display:flex}.tab{color:var(--text);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;padding:10px 14px;font-weight:500}.tab:hover{color:var(--text-h)}.tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.card-wide{background:var(--card);border:1px solid var(--border);border-radius:12px;gap:8px;padding:16px 20px;display:grid}.bar{background:var(--bg);border:1px solid var(--border);border-radius:999px;height:10px;overflow:hidden}.bar-fill{background:var(--accent);height:100%;transition:width .3s}.bar-fill.alt{background:var(--lime)}.chat{flex-direction:column;gap:6px;max-height:min(62vh,540px);margin-top:8px;display:flex;overflow-y:auto}.msg{border-radius:12px;align-self:flex-start;gap:2px;max-width:85%;padding:8px 12px;font-size:14px;display:grid}.msg em{font-size:11px;font-style:normal}.msg span{overflow-wrap:anywhere}.msg.kid{background:var(--bubble-kid);border:1px solid var(--border);color:var(--text-h);align-self:flex-end}.msg.pet{background:var(--accent);color:#fff;align-self:flex-start}.msg.pet em{color:#ffffffbf}.tones{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;display:grid}.tone{text-align:left;background:var(--bg);color:var(--text);border:1px solid var(--border);gap:2px;padding:10px 12px;display:grid}.tone em{font-size:12px;font-style:normal}.tone.active{border-color:var(--accent);color:var(--text-h);box-shadow:0 0 0 1px var(--accent)}.planes{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;display:grid}.plan{background:var(--card);border:1px solid var(--border);border-radius:12px;gap:8px;padding:18px;display:grid}.plan .precio{color:var(--text-h);font-size:26px;font-weight:700}.plan .precio em{color:var(--text);font-size:13px;font-style:normal;font-weight:400}.plan .creditos{color:var(--accent);font-weight:600}.plan ul{gap:4px;margin:0;padding-left:18px;font-size:14px;display:grid}.faq{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:12px 16px}.faq summary{cursor:pointer;color:var(--text-h);font-weight:500}.faq p{margin-top:8px;font-size:14px}.intro-overlay{z-index:50;background:#0000008c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.intro-card{background:var(--card);border:1px solid var(--border);border-radius:16px;gap:14px;width:100%;max-width:440px;padding:24px;display:grid;box-shadow:0 20px 60px #0006}.intro-card h2{font-size:20px}.intro-steps{background:var(--bg);border:1px solid var(--border);border-radius:10px;gap:8px;padding:14px 16px;display:grid}.intro-steps ol{gap:6px;margin:0;padding-left:20px;font-size:14px;display:grid}.intro-skip{color:var(--text);align-items:center;gap:8px;font-size:14px;display:flex}.intro-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.kidmode{-webkit-user-select:none;user-select:none;touch-action:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.talk-zone{z-index:1;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:26px;display:flex;position:absolute;inset:0}.kid-label{z-index:2;color:#2b2350;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff9e;border-radius:999px;padding:6px 16px;font-size:18px}.kid-exit,.kid-palette{z-index:4;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff6;border:none;border-radius:50%;width:44px;height:44px;font-size:20px;position:absolute;top:14px}.kid-exit{right:14px}.kid-palette{right:66px}.skin-row{z-index:4;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x;gap:12px;padding:8px 16px;display:flex;position:absolute;bottom:18px;left:0;right:0;overflow-x:auto}.skin-row::-webkit-scrollbar{display:none}.skin-dot{cursor:pointer;background-position:50%;background-size:cover;background-color:var(--bubble-kid);border:3px solid #ffffffbf;border-radius:50%;flex:none;width:50px;height:50px;padding:0;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000047}.skin-dot .skin-surface{position:absolute;inset:0}.skin-dot.active{border-color:var(--lime);box-shadow:0 0 0 3px var(--lime)}.dash{min-height:100svh;display:flex}.side{background:var(--card);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;align-self:flex-start;gap:6px;width:240px;height:100svh;padding:18px 14px;display:flex;position:sticky;top:0;overflow-y:auto}.side-head{justify-content:space-between;align-items:center;display:flex}.hamb{color:var(--text-h);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:22px;line-height:1;display:none}.brand{color:var(--text-h);align-items:center;gap:8px;font-size:18px;font-weight:700;display:flex}.brand span{font-size:22px}.side-sub{color:var(--text);letter-spacing:.3px;margin-bottom:14px;font-size:12px}.side-nav{flex-direction:column;flex:1;gap:8px;margin-top:4px;display:flex}.side-item{text-align:left;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:9px 12px;font-size:15px;font-weight:500;transition:background .15s,box-shadow .2s;display:flex}.side-item:hover{background:var(--bg);color:var(--text-h)}.side-item.active{background:var(--accent);color:#fff;box-shadow:0 8px 22px -6px var(--accent)}.side-ico{text-align:center;width:20px;font-size:16px}.side-foot{flex-direction:column;gap:8px;margin-top:12px;display:flex}.side-kid{color:var(--lime-text);cursor:pointer;background:linear-gradient(135deg,#84cc16,#a3e635);border:none;border-radius:10px;padding:10px;font-weight:800;box-shadow:0 8px 22px -6px #84cc16a6}.side-logout{color:var(--text);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:10px;padding:9px}.side-logout:hover{color:var(--text-h)}.dash-main{flex-direction:column;flex:1;min-width:0;display:flex}.dash-top{border-bottom:1px solid var(--border);padding:18px 28px}.dash-top h2{font-size:22px}.dash-body{width:100%;max-width:1000px;padding:24px 28px}@media (width<=820px){.dash{flex-direction:column}.side{border-right:none;border-bottom:1px solid var(--border);z-index:20;background:var(--card);flex-direction:column;width:100%;height:auto;padding:0;position:sticky;top:0;overflow:visible}.side-head{width:100%;padding:12px 16px}.hamb{display:inline-flex}.side-sub{display:none}.side-nav{gap:6px;margin-top:0;padding:0 12px 12px;display:none}.side.open .side-nav{display:flex}.side-foot{z-index:30;background:var(--card);border-top:1px solid var(--border);flex-direction:row;gap:8px;margin:0;padding:10px 14px;position:fixed;bottom:0;left:0;right:0}.side-foot .side-kid{flex:1}.dash-main{padding-bottom:78px}.dash-body{padding:18px 16px}}.chatv{flex-direction:column;gap:8px;max-height:min(62vh,560px);padding:4px 2px;display:flex;overflow-y:auto}.cday{color:var(--text);background:var(--bubble-kid);border-radius:999px;align-self:center;margin:8px 0 2px;padding:3px 12px;font-size:11px;font-weight:700}.cturn{align-items:flex-end;gap:8px;display:flex}.cturn.me{flex-direction:row-reverse}.cav{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:30px;height:30px;font-size:15px;display:grid}.cbub{border-radius:14px;max-width:78%;padding:8px 12px;font-size:14px;line-height:1.4}.cbub>span{overflow-wrap:anywhere}.cturn.bot .cbub{background:var(--accent);color:#fff;border-bottom-left-radius:4px}.cturn.me .cbub{background:var(--bubble-kid);color:var(--text-h);border:1px solid var(--border);border-bottom-right-radius:4px}.ctime{opacity:.65;margin-top:3px;font-size:10px;display:block}.skinpick{flex-wrap:wrap;gap:10px;display:flex}.picdot{cursor:pointer;background-position:50%;background-size:cover;background-color:var(--bubble-kid);border:3px solid var(--border);border-radius:50%;width:46px;height:46px;padding:0}.picdot.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.plan.active{border-color:var(--lime);box-shadow:0 0 0 1px var(--lime)}.plan-activo{color:var(--lime-ink);flex-direction:column;gap:2px;padding:8px 0 2px;font-weight:800;display:flex}.voicepick{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;display:grid}.voice-item{cursor:pointer;background:var(--bg);border:1px solid var(--border);color:var(--text-h);border-radius:10px;align-items:center;gap:8px;padding:8px 10px;font-size:14px;display:flex}.voice-item.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.voice-play{background:var(--accent);color:#fff;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;padding:0;font-size:11px;display:grid}.model-current{color:var(--text);font-size:13px}.model-current code{color:var(--accent);font-weight:600}.modellist{gap:6px;max-height:340px;margin-top:4px;display:grid;overflow-y:auto}.model-row{text-align:left;cursor:pointer;background:var(--bg);border:1px solid var(--border);color:var(--text-h);border-radius:10px;gap:2px;padding:9px 12px;font-weight:500;display:grid}.model-row:hover{border-color:var(--accent)}.model-row.active{border-color:var(--lime);box-shadow:0 0 0 1px var(--lime)}.model-name{font-size:14px}.model-name .fav{color:var(--lime-ink);font-size:11px;font-style:normal;font-weight:700}.model-id{color:var(--text);font-family:ui-monospace,monospace;font-size:11px}.model-price{color:var(--text);font-variant-numeric:tabular-nums;font-size:11px}.model-name .razona{color:var(--text);font-size:11px;font-style:normal;font-weight:600}
