@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@500;700;800&family=JetBrains+Mono:wght@600&display=swap";:root{--v-blue:#07a1c2;--v-red:#e44634;--v-orange:#f2a23e;--v-green:#65b03b;--v-dark:#0a3d4f;--v-mid:#07697d;--n50:#f7f9fb;--n100:#edf2f5;--n200:#dde4e9;--n300:#c2ccd3;--n400:#94a3ad;--n500:#6b7b86;--n600:#4c5b65;--n700:#2f3b44;--n800:#1a2329;--glass-bg:#ffffffbf;--glass-border:#fff6;--v-red-a05:#e446340d;--v-red-a06:#e446340f;--v-red-a07:#e4463412;--v-red-a08:#e4463414;--v-red-a12:#e446341f;--v-red-a14:#e4463424;--v-red-a15:#e4463426;--v-red-a18:#e446342e;--v-red-a20:#e4463433;--v-red-a38:#e4463461;--v-green-a04:#65b03b0a;--v-green-a05:#65b03b0d;--v-green-a07:#65b03b12;--v-green-a08:#65b03b14;--v-green-a10:#65b03b1a;--v-green-a12:#65b03b1f;--v-green-a15:#65b03b26;--v-green-a16:#65b03b29;--v-green-a20:#65b03b33;--v-green-a25:#65b03b40;--v-green-a40:#65b03b66;--v-blue-a06:#07a1c20f;--v-blue-a07:#07a1c212;--v-blue-a08:#07a1c214;--v-blue-a10:#07a1c21a;--v-blue-a15:#07a1c226;--v-blue-a18:#07a1c22e;--v-blue-a20:#07a1c233;--v-blue-a55:#07a1c28c;--v-blue-a70:#07a1c2b3;--v-blue-a90:#07a1c2e6;--v-orange-a08:#f2a23e14;--v-orange-a10:#f2a23e1a;--v-orange-a20:#f2a23e33;--v-orange-a80:#f2a23ecc;--font-display:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,sans-serif;--font-body:"DM Sans",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono","SF Mono",Consolas,monospace;--bg-body:linear-gradient(135deg,#07a1c2 0%,#0a3d4f40 100%);--bg-header:#fff;--bg-msg-ai:var(--glass-bg);--bg-card:#fff;--bg-input:#fffffff2;--color-text:var(--n800);--border-header:var(--n200);--fs-10:10px;--fs-12:12px;--fs-14:14px;--fs-16:16px;--fs-18:18px;--fs-20:20px;--fs-22:22px;--fs-24:24px;--fs-26:26px;--fs-30:30px;--fs-36:36px;--row-hover:#0a3d4f0f}@media (width<=480px){:root{--fs-10:12px;--fs-12:14px;--fs-14:16px;--fs-16:18px}}body.dark{--bg-body:linear-gradient(135deg,#0a3d4f 0%,#051820 100%);--bg-header:#0d2d3d;--bg-msg-ai:#ffffff12;--bg-card:#0f3040;--bg-input:#ffffff1a;--color-text:#edf2f5;--glass-bg:#ffffff12;--glass-border:#07a1c24d;--border-header:#07a1c233;--row-hover:#ffffff12;--n50:#0f3040;--n100:#1a3d50;--n200:#1e4a60;--n300:#2a5a72;--n400:#4a7d8f;--n500:#7ab3c4;--n600:#a0cdd8;--n700:#c8e4ec;--n800:#edf2f5;--v-red:#f2766b}body.dark #condo-switcher.status-error:hover{background:#e44634}body.dark input::placeholder,body.dark textarea::placeholder{color:var(--n500);opacity:1}body.dark .config-card h2{color:#edf2f5!important}body.dark .config-tab{color:#7ab3c4}body.dark .config-tab.active{color:#edf2f5;background:#1a3d50;box-shadow:0 2px 8px #0000004d}body.dark .config-tabs{background:#0d2d3d}body.dark .token-group{background:#0f3040;border-color:#1e4a60}body.dark .field input{color:#edf2f5;background:#1a3d50;border-color:#2a5a72}body.dark .field input::placeholder{color:#4a7d8f}body.dark .field label{color:#7ab3c4}body.dark .setting-row{border-color:#1e4a60}body.dark .setting-label{color:#edf2f5}body.dark .setting-desc{color:#7ab3c4}body.dark .help-q{color:#a0cdd8;background:#0f3040;border-color:#1e4a60}body.dark .help-q:hover{border-color:var(--v-blue);color:var(--v-blue);background:#1a3d50}body.dark .condo-btn{border-color:var(--v-blue);color:#7ab3c4;background:#0f3040}body.dark .condo-btn:hover{background:var(--v-blue);color:#fff}body.dark input[type=text]{color:#edf2f5}body.dark #pref-signature{color:#edf2f5!important;background:#1a3d50!important;border-color:#2a5a72!important}body.dark #condo-switcher{background:#0f3040}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-body);background:var(--bg-body);background-attachment:fixed;flex-direction:column;height:100dvh;margin:0;transition:background .3s;display:flex;overflow:hidden}#start-screen{z-index:9999;background:linear-gradient(135deg,#0a3d4f,#051820,#0a3d4f) 0 0/300% 300%;justify-content:center;align-items:center;animation:28s infinite bg-breathe;display:flex;position:fixed;inset:0}@keyframes card-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.start-card{text-align:center;-webkit-backdrop-filter:blur(14px);background:#ffffff17;border:1px solid #ffffff2e;border-radius:24px;width:280px;padding:36px 32px;animation:.22s both card-in}#init-btn{background:var(--v-blue);color:#fff;width:100%;font-family:var(--font-body);font-size:var(--fs-16);cursor:pointer;border:none;border-radius:12px;margin-bottom:10px;padding:14px 24px;font-weight:700;transition:background .18s,transform .15s,box-shadow .18s;display:block;box-shadow:0 4px 16px #07a1c252}#init-btn:hover{background:#088ca9;transform:translateY(-1px);box-shadow:0 6px 20px #07a1c266}#record-btn{color:#ffffffbf;cursor:pointer;font-family:var(--font-body);font-size:var(--fs-12);background:0 0;border:1.5px solid #ffffff47;border-radius:10px;justify-content:center;align-items:center;gap:6px;width:100%;padding:9px 16px;font-weight:600;transition:all .2s;display:flex}#record-btn:hover{color:#fff;background:#ffffff14;border-color:#ffffff80}#record-badge{color:#fff;font-size:var(--fs-12);z-index:8000;font-weight:700;font-family:var(--font-mono);letter-spacing:.05em;background:#e44634;border-radius:20px;align-items:center;gap:6px;padding:5px 14px;animation:1.5s infinite pulse-mic;display:none;position:fixed;top:14px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #e4463466}#record-badge.active{display:flex}#stop-record-btn{color:#fff;font-family:var(--font-body);font-size:var(--fs-14);cursor:pointer;background:#e44634;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:8px;padding:8px 16px;font-weight:700;display:none}#stop-record-btn.active{display:flex}#intro-overlay{z-index:9998;color:#fff;text-align:center;background:linear-gradient(135deg,#0a3d4f,#051820,#0a3d4f) 0 0/300% 300%;flex-direction:column;justify-content:center;align-items:center;animation:28s infinite bg-breathe;display:none;position:fixed;inset:0}#screen-lock{animation:28s infinite bg-breathe}.loader-ring{border:5px solid #07a1c226;border-top:5px solid var(--v-blue);border-radius:50%;width:80px;height:80px;margin-bottom:20px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#terms-modal{z-index:9997;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a3d4fb3;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0;overflow-y:auto}#terms-modal.show{display:flex}.terms-card{background:#fff;border-radius:20px;width:100%;max-width:420px;max-height:calc(100dvh - 40px);padding:24px 28px;animation:.3s slideUp;overflow-y:auto;box-shadow:0 25px 70px #0a3d4f4d}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.terms-card h3{font-family:var(--font-display);color:var(--v-dark);font-weight:800;font-size:var(--fs-18);margin:0 0 12px}.terms-card p{font-size:var(--fs-14);color:var(--n600);margin:0 0 20px;line-height:1.6}.terms-card .terms-badge{font-size:var(--fs-12);color:#1a4a5a;box-sizing:border-box;background:#edf7fb;border:1.5px solid #b3dde8;border-radius:10px;width:100%;margin-bottom:20px;padding:14px 16px;line-height:1.8;display:block}.terms-card .terms-badge p{align-items:flex-start;gap:6px;margin:0 0 4px;display:flex}.terms-card .terms-badge p:last-child{margin-bottom:0}.terms-card .terms-badge .material-icons{font-size:var(--fs-14);color:#07a1c2;flex-shrink:0;margin-top:1px}.terms-feature-list{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.terms-feature{background:#edf7fb;border:1.5px solid #b3dde8;border-radius:12px;align-items:flex-start;gap:12px;padding:13px 15px;display:flex}.terms-feature .material-icons{font-size:var(--fs-20);color:#07a1c2;flex-shrink:0}.terms-feature div{flex-direction:column;gap:2px;display:flex}.terms-feature strong{font-size:var(--fs-14);color:var(--v-dark);font-weight:700}.terms-feature span{font-size:var(--fs-12);color:var(--n600);line-height:1.45}.terms-legal-links{flex-direction:column;gap:8px;margin-bottom:18px;display:flex}.terms-legal-links a{font-size:var(--fs-14);color:var(--v-blue);border:1.5px solid var(--n200);border-radius:10px;align-items:center;gap:8px;padding:11px 14px;font-weight:600;text-decoration:none;transition:all .18s;display:flex}.terms-legal-links a:hover{background:var(--v-blue);color:#fff;border-color:var(--v-blue)}.terms-legal-links a:hover .material-icons{color:#fff}.terms-legal-links a .material-icons{font-size:var(--fs-18)}.promo-card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:16px;max-width:300px;overflow:hidden;box-shadow:0 8px 24px #0a3d4f2e}.promo-header{color:#fff;background:linear-gradient(135deg,#07a1c2 0%,#0a3d4f 100%);align-items:center;gap:6px;padding:8px 12px;display:flex}.promo-header .material-icons{font-size:var(--fs-16)}.promo-tag{font-size:var(--fs-10);letter-spacing:.12em;text-transform:uppercase;font-weight:800}.promo-body{line-height:0}.promo-img-link{display:block;position:relative}.promo-img-link img{object-fit:contain;background:var(--bg-card);width:100%;max-height:420px;display:block}.promo-img-zoom{font-size:var(--fs-18);color:#fff;background:#00000073;border-radius:6px;padding:3px;position:absolute;top:8px;right:8px}.promo-html,.promo-text{padding:14px 16px;line-height:1.5}.promo-title{font-family:var(--font-display);font-weight:800;font-size:var(--fs-16);color:var(--v-blue);margin-bottom:6px}.promo-body-text{font-size:var(--fs-14);color:var(--color-text)}.promo-cta{background:var(--v-mid);color:#fff;font-family:var(--font-body);font-size:var(--fs-14);align-items:center;gap:8px;padding:12px 14px;font-weight:700;text-decoration:none;transition:filter .15s;display:flex}.promo-cta:hover{filter:brightness(1.06)}#health-overlay{z-index:9990;pointer-events:none;display:none;position:fixed;inset:0}#health-overlay.show{display:block}#health-overlay .ho-takeover{cursor:pointer;pointer-events:auto;position:absolute;inset:0;overflow:hidden}#health-overlay.collapsed .ho-takeover{display:none}#health-overlay .ho-tint{-webkit-backdrop-filter:blur(2px);background:#0518208c;position:absolute;inset:0}#health-overlay .ho-cat{object-fit:contain;opacity:.72;width:100%;height:100%;position:absolute;inset:0}@media (width>=760px){#health-overlay .ho-cat{object-fit:cover;object-position:center 82%}}#health-overlay .ho-banner{-webkit-backdrop-filter:blur(9px);color:#fff;pointer-events:auto;background:#05182085;border-bottom:1px solid #ffffff1f;align-items:flex-start;padding:16px 20px;display:flex;position:absolute;top:0;left:0;right:0}#health-overlay .ho-col{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}#health-overlay .ho-badge{font-size:var(--fs-12);letter-spacing:.06em;text-transform:uppercase;color:#bdeaf5;font-weight:700}#health-overlay .ho-msg{font-size:var(--fs-16);font-weight:500;line-height:1.4}#health-overlay .ho-diag{font-size:var(--fs-12);color:#ffffffb8;align-items:center;gap:7px;margin-top:2px;display:flex}#health-overlay .ho-dot{background:#7fe0a0;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1.8s infinite health-pulse;box-shadow:0 0 #7fe0a0b3}@keyframes health-pulse{0%{box-shadow:0 0 #7fe0a099}70%{box-shadow:0 0 0 9px #7fe0a000}to{box-shadow:0 0 #7fe0a000}}#update-banner{z-index:9980;-webkit-backdrop-filter:blur(12px);color:#fff;max-width:min(420px,92vw);font-family:var(--font-body);font-size:var(--fs-12);background:#0a3d4ff0;border-radius:14px;align-items:center;gap:12px;padding:12px 16px;line-height:1.4;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #0000004d}#update-banner button{color:#fff;font-family:var(--font-body);font-size:var(--fs-12);cursor:pointer;background:#07a1c2;border:none;border-radius:9px;flex-shrink:0;padding:8px 14px;font-weight:700}.pivot-row{border-radius:6px;transition:background .12s}.pivot-row:hover,.pivot-row:active{background:var(--row-hover)}.pivot-row .pivot-chev{transition:transform .12s;display:inline-block}.pivot-row:hover .pivot-chev{transform:translate(3px)}#bulk-dropzone{text-align:center;border:1.5px dashed var(--glass-border);font-size:var(--fs-12);color:var(--color-text);cursor:pointer;background:var(--bg-input);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;margin-top:8px;padding:14px;transition:all .18s;display:flex}#bulk-dropzone .material-icons{color:var(--v-blue)}#bulk-dropzone:hover,#bulk-dropzone:focus{border-color:var(--v-blue);background:#07a1c20f;outline:none}#bulk-dropzone.dragover{border-color:var(--v-blue);background:#07a1c21f;border-style:solid}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(25px)saturate(180%);backdrop-filter:blur(25px)saturate(180%);border:1px solid var(--glass-border)}#pref-pin::placeholder{letter-spacing:normal;font-family:var(--font-body);font-size:var(--fs-14);opacity:.5}.header{background:var(--bg-header);border-bottom:1px solid var(--border-header);justify-content:space-between;align-items:center;gap:10px;padding:12px 20px;transition:background .3s;display:flex;box-shadow:0 2px 10px #0a3d4f0f}.brand-logo{object-fit:contain;flex-shrink:0;width:44px;height:44px;transition:filter .3s}@media (width>=480px){.brand-logo{width:60px;height:60px}}body.dark .brand-logo{filter:brightness(0)invert()}#condo-switcher{border:1.5px solid var(--v-blue);cursor:pointer;font-family:var(--font-body);font-size:var(--fs-14);color:var(--v-blue);background:#fff;border-radius:10px;flex:1;align-items:center;gap:6px;max-width:220px;padding:8px 14px;font-weight:700;transition:all .2s;display:none;overflow:hidden}#condo-switcher:hover{background:var(--v-blue);color:#fff}#condo-switcher.status-ok{border-color:var(--v-green);color:var(--v-green)}#condo-switcher.status-ok:hover{background:var(--v-green);color:#fff}#condo-switcher.status-warn{border-color:var(--v-orange);color:var(--v-orange)}#condo-switcher.status-warn:hover{background:var(--v-orange);color:#fff}#condo-switcher.status-error{border-color:var(--v-red);color:var(--v-red)}#condo-switcher.status-error:hover{background:var(--v-red);color:#fff}#condo-switcher:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}#condo-switcher:disabled:hover{color:var(--v-blue);background:#fff}#condo-switcher .material-icons{font-size:var(--fs-16);flex-shrink:0}#condo-switcher-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.header-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.config-btn-wrap{display:inline-flex;position:relative}.config-btn{cursor:pointer;background:var(--v-blue);color:#fff;border:none;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.wa-btn-wrap{display:inline-flex;position:relative}.wa-btn{cursor:pointer;color:#fff;background:#25d366;border:none;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:background .18s,transform .15s;display:flex}.wa-btn:hover{background:#1da851;transform:translateY(-1px)}.wa-btn .material-icons{font-size:var(--fs-22)}.wa-badge{background:var(--v-red);color:#fff;min-width:18px;height:18px;font-size:11px;font-weight:700;font-family:var(--font-body);box-shadow:0 0 0 2px var(--bg-header);pointer-events:none;border-radius:9px;justify-content:center;align-items:center;padding:0 5px;display:flex;position:absolute;top:-5px;right:-5px}.config-footer{text-align:center;border-top:1px solid var(--n200);font-size:var(--fs-12);color:var(--n400);font-family:var(--font-mono);letter-spacing:.04em;margin-top:8px;padding:14px 0 0}#chat-window{flex-direction:column;flex-grow:1;gap:16px;padding:20px;display:flex;overflow-y:auto}.msg{max-width:85%;font-size:var(--fs-14);font-family:var(--font-body);border-radius:20px;padding:14px 18px}.msg.user{background:var(--v-blue);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.msg.ai{background:var(--bg-msg-ai);color:var(--color-text);border:1px solid var(--glass-border);border-bottom-left-radius:4px;align-self:flex-start;padding-bottom:34px;transition:background .3s;position:relative}.msg.ai.msg-wide{max-width:93.5%}@media (width<=640px){.msg.ai,.msg.ai.msg-wide{max-width:100%}.msg.ai.msg-wide{width:100%}}.copy-btn{cursor:pointer;color:var(--n500);font-size:var(--fs-12);font-family:var(--font-body);background:0 0;border:none;border-radius:8px;align-items:center;gap:3px;padding:3px 7px;transition:all .2s;display:flex;position:absolute;bottom:7px;right:10px}.copy-btn:hover{background:var(--n200);color:var(--v-blue)}.copy-btn .material-icons{font-size:var(--fs-14)}[data-tooltip]{position:relative}[data-tooltip]:hover:after{content:attr(data-tooltip);background:var(--v-dark);color:#fff;font-size:var(--fs-12);font-family:var(--font-body);white-space:nowrap;z-index:999;pointer-events:none;border-radius:8px;padding:5px 10px;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}[data-tooltip]:hover:before{content:"";border:5px solid #0000;border-top-color:var(--v-dark);z-index:999;pointer-events:none;position:absolute;bottom:calc(100% + 1px);left:50%;transform:translate(-50%)}.condo-btn{border:1.5px solid var(--v-blue);color:var(--v-blue);cursor:pointer;font-family:var(--font-body);font-size:var(--fs-14);background:#fff;border-radius:10px;margin:5px;padding:10px 20px;font-weight:700;transition:all .2s}.condo-btn:hover{background:var(--v-blue);color:#fff;box-shadow:0 4px 12px #07a1c247}.input-container{padding:16px 20px;padding-bottom:calc(16px + env(safe-area-inset-bottom));z-index:10;background:0 0;position:relative}.input-bar{background:var(--bg-input);border-radius:28px;gap:10px;padding:6px;transition:opacity .3s;display:flex}.input-bar.locked{opacity:.45;pointer-events:none}input[type=text],input[type=password]{font-size:var(--fs-16);font-family:var(--font-body);color:var(--v-dark);background:0 0;border:none;outline:none;flex-grow:1;padding:10px 18px}#send-btn{background:var(--v-blue);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex;box-shadow:0 4px 12px #07a1c247}#send-btn:hover{background:#088ca9;transform:translateY(-1px)}#mic-btn{cursor:pointer;width:38px;height:38px;color:var(--n400);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}#mic-btn:hover{color:var(--v-blue);background:var(--n100)}#mic-btn.listening{color:var(--v-red);animation:1s infinite pulse-mic}@keyframes pulse-mic{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}#config-panel{z-index:100;flex-direction:column;padding:24px 16px;display:none;position:fixed;inset:0;overflow-y:auto}@media (width>=480px){#config-panel{padding:40px 24px}}.config-card{background:var(--bg-card);width:100%;max-width:480px;color:var(--color-text);border-radius:20px;margin:0 auto;padding:28px;transition:background .3s;box-shadow:0 25px 70px #0a3d4f38}.config-tabs{background:var(--n100);border-radius:10px;gap:4px;margin-bottom:20px;padding:4px;display:flex}.config-tab{font-family:var(--font-body);font-size:var(--fs-12);color:var(--n600);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:7px 4px;font-weight:600;transition:all .2s}.config-tab.active{color:var(--v-dark);background:#fff;box-shadow:0 2px 8px #0a3d4f1a}.config-pane{display:none}.config-pane.active{display:block}.token-group{background:var(--n50);border:1px solid var(--n200);border-radius:12px;margin-bottom:14px;padding:18px;position:relative}.field{margin-top:8px}.field label{font-size:var(--fs-12);color:var(--n500);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:4px;font-weight:600;display:flex}.field input{width:100%;font-family:var(--font-body);font-size:var(--fs-14);color:var(--v-dark);box-sizing:border-box;background:#fff;border:1.5px solid #0a3d4f24;border-radius:6px;margin-top:4px;padding:10px 12px;transition:border-color .2s}.field input:focus{border-color:var(--v-blue);outline:none}.delete-icon{color:var(--v-red);cursor:pointer;position:absolute;top:15px;right:15px}.btn-save{background:var(--v-green);color:#fff;width:100%;font-family:var(--font-body);font-size:var(--fs-14);cursor:pointer;border:none;border-radius:10px;margin-top:4px;padding:14px 24px;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #65b03b47}.btn-logout{color:var(--color-text);border:1.5px solid var(--n300);font-family:var(--font-body);font-size:var(--fs-12);cursor:pointer;white-space:nowrap;background:0 0;border-radius:10px;flex-shrink:0;margin-left:16px;padding:8px 18px;font-weight:700;transition:all .2s}.btn-logout:hover{color:var(--v-red);border-color:var(--v-red);background:#e031310f}.setting-row{border-bottom:1px solid var(--n200);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.setting-row:last-child{border-bottom:none}.setting-label{font-size:var(--fs-14);color:var(--color-text);font-weight:600}.setting-desc{font-size:var(--fs-12);color:var(--n600);margin-top:2px}.toggle{flex-shrink:0;width:44px;height:24px;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle-slider{background:var(--n300);cursor:pointer;border-radius:24px;transition:all .3s;position:absolute;inset:0}.toggle-slider:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;top:3px;left:3px}.toggle input:checked+.toggle-slider{background:var(--v-blue)}.toggle input:checked+.toggle-slider:before{transform:translate(20px)}.help-section{margin-bottom:18px}.help-section h4{font-family:var(--font-display);font-size:var(--fs-14);color:var(--v-blue);text-transform:uppercase;letter-spacing:.05em;margin:0 0 8px;font-weight:700}.help-section p{font-size:var(--fs-12);color:var(--n600);margin:0 0 10px;line-height:1.6}.help-q{background:var(--n50);border:1px solid var(--n200);font-size:var(--fs-12);color:var(--n700);cursor:pointer;border-radius:8px;align-items:center;gap:6px;margin-bottom:6px;padding:8px 12px;transition:all .2s;display:flex}.help-q:hover{background:var(--n100);border-color:var(--v-blue);color:var(--v-blue)}.help-q .material-icons{font-size:var(--fs-14);color:var(--v-blue)}.btn-demo{background:var(--v-dark);color:#fff;width:100%;font-family:var(--font-body);font-size:var(--fs-14);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-top:16px;padding:12px;font-weight:700;transition:all .2s;display:flex}.btn-demo:hover{background:var(--v-mid)}.typing-dots{align-items:center;gap:4px;padding:4px 0;display:inline-flex}.typing-dots span{background:#ffffffbf;border-radius:50%;width:6px;height:6px;animation:1.2s infinite dot-bounce}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes dot-bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-6px)}}.music-player{background:linear-gradient(135deg,var(--v-dark),var(--v-mid));border-radius:16px;flex-direction:column;gap:10px;max-width:280px;margin-top:8px;padding:14px 16px;display:flex}.music-player-top{align-items:center;gap:10px;display:flex}.music-disc{background:var(--v-blue);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;animation:4s linear infinite paused spin;display:flex}.music-disc.playing{animation-play-state:running}.music-disc .material-icons{color:#fff;font-size:var(--fs-20)}.music-info{flex:1;overflow:hidden}.music-title{font-size:var(--fs-12);color:#fff;white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.music-sub{font-size:var(--fs-10);color:#fff9;margin-top:2px}.music-controls{align-items:center;gap:8px;display:flex}.music-play-btn{cursor:pointer;background:#fff;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.music-play-btn:hover{background:var(--n200)}.music-play-btn .material-icons{color:var(--v-dark);font-size:var(--fs-18)}.music-progress{background:#fff3;border-radius:3px;flex:1;height:3px;overflow:hidden}.music-progress-bar{background:var(--v-blue);border-radius:3px;width:0%;height:100%;transition:width .5s linear}@keyframes pagos-in{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.pagos-card{background:var(--bg-card);border:none;border-radius:20px;max-width:420px;margin-top:8px;animation:.42s cubic-bezier(.34,1.35,.64,1) both pagos-in;overflow:visible;box-shadow:0 20px 60px #07a1c23d,0 6px 20px #0000001a}.pagos-card-header{background:linear-gradient(135deg,#07a1c2 0%,#07697d 55%,#0a3d4f 100%);padding:24px 22px;position:relative;overflow:hidden}.pagos-deco-ring{pointer-events:none;border-radius:50%;position:absolute}.pagos-deco-ring-1{border:1.5px solid #ffffff1a;width:160px;height:160px;top:-48px;right:-48px}.pagos-deco-ring-2{background:#ffffff0f;width:88px;height:88px;top:-18px;right:-18px}.pagos-deco-ring-3{border:1px solid #ffffff0f;width:180px;height:180px;bottom:-60px;left:40%}.pagos-header-badge{font-size:var(--fs-10);color:#ffffffe0;-webkit-backdrop-filter:blur(4px);background:#ffffff24;border:1px solid #ffffff40;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-weight:600;display:inline-flex}.pagos-morosos-strip{background:#e4463412;border-bottom:1px solid #e4463424;align-items:center;gap:10px;padding:11px 22px;display:flex}body.dark .pagos-morosos-strip{background:#e446341f;border-bottom-color:#e4463438}.pagos-card-body{border-radius:0 0 20px 20px;padding:18px 22px;overflow:hidden}.pagos-metric{text-align:center;border-radius:12px;padding:13px 8px}.pagos-metric-blue{background:linear-gradient(135deg,#e3f5fb,#c5e8f2)}.pagos-metric-green{background:linear-gradient(135deg,#e8f5e2,#c8e8b5)}.pagos-metric-slate{background:linear-gradient(135deg,#e8eff4,#cddae3)}.pagos-metric-num{font-size:var(--fs-26);font-weight:800;font-family:var(--font-display);line-height:1}.pagos-metric-label{font-size:var(--fs-10);color:var(--n500);text-transform:uppercase;letter-spacing:.05em;margin-top:5px;font-weight:600;line-height:1.4}body.dark .pagos-metric-blue{background:#07a1c224;border:1px solid #07a1c238}body.dark .pagos-metric-green{background:#65b03b24;border:1px solid #65b03b38}body.dark .pagos-metric-slate{background:#ffffff0f;border:1px solid #ffffff1f}body.dark .pagos-metric-slate .pagos-metric-num{color:#a0cdd8!important}.pagos-btn-cta{background:linear-gradient(135deg,var(--v-blue),var(--v-mid));justify-content:center;align-items:center;gap:6px;display:flex;box-shadow:0 4px 16px #07a1c257;transition:transform .18s,box-shadow .18s!important}.pagos-btn-cta:hover{background:linear-gradient(135deg,#088ca9,#065f70)!important;transform:translateY(-1px)!important;box-shadow:0 8px 24px #07a1c270!important}.pagos-input{border:1.5px solid var(--n300);width:100%;font-size:var(--fs-14);font-family:var(--font-body);background:var(--bg-input);color:var(--color-text);box-sizing:border-box;border-radius:10px;outline:none;margin-bottom:8px;padding:10px 12px;transition:border-color .2s}.pagos-input:focus{border-color:var(--v-blue);box-shadow:0 0 0 3px #07a1c21f}body.dark .pagos-input{color:#edf2f5;border-color:#ffffff2e}body.dark .pagos-input:focus{border-color:#07a1c299;box-shadow:0 0 0 3px #07a1c21a}.pagos-btn-primary{background:var(--v-blue);color:#fff;font-size:var(--fs-14);font-weight:600;font-family:var(--font-body);cursor:pointer;border:none;border-radius:10px;flex:1;padding:11px 14px;transition:all .2s}.pagos-btn-primary:hover{background:#088ca9}.pagos-btn-secondary{border:1px solid var(--n200);color:var(--n500);font-size:var(--fs-14);font-weight:600;font-family:var(--font-body);cursor:pointer;background:0 0;border-radius:10px;padding:11px 14px;transition:all .2s}.pagos-btn-secondary:hover{border-color:var(--n300);color:var(--n700)}body.dark .pagos-btn-secondary{color:#7ab3c4;border-color:#ffffff1f}.pagos-btn-send{background:var(--v-green);color:#fff;width:100%;font-size:var(--fs-14);font-weight:600;font-family:var(--font-body);cursor:pointer;border:none;border-radius:10px;padding:11px;transition:all .2s}.pagos-ok{font-size:var(--fs-12);color:#3a6e1e;text-align:center;background:#eaf4e2;border:1px solid #c3e0a8;border-radius:10px;margin-top:10px;padding:10px 14px;line-height:1.5;display:none}body.dark .pagos-ok{color:#a0cdd8;background:#65b03b26;border-color:#65b03b4d}:root{--soporte-dark:#0a3d2e;--soporte-mid:#0d7b62;--soporte-light:#11bf9a}.soporte-card{background:var(--bg-card);border:none;border-radius:20px;max-width:420px;margin-top:8px;animation:.42s cubic-bezier(.34,1.35,.64,1) both pagos-in;overflow:visible;box-shadow:0 20px 60px #0d7b6238,0 6px 20px #0000001a}.soporte-card-header{background:linear-gradient(135deg,var(--soporte-light) 0%,var(--soporte-mid) 50%,var(--soporte-dark) 100%);border-radius:20px 20px 0 0;padding:24px 22px;position:relative;overflow:hidden}.soporte-btn-primary{background:linear-gradient(135deg,var(--soporte-light),var(--soporte-mid));color:#fff;font-size:var(--fs-14);font-weight:600;font-family:var(--font-body);cursor:pointer;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:11px 14px;transition:transform .18s,box-shadow .18s;display:flex;box-shadow:0 4px 16px #0d7b6257}.soporte-btn-primary:hover{background:linear-gradient(135deg,#0da882,#0a6b56);transform:translateY(-1px);box-shadow:0 8px 24px #0d7b626b}.soporte-btn-send{background:var(--soporte-mid);color:#fff;width:100%;font-size:var(--fs-14);font-weight:600;font-family:var(--font-body);cursor:pointer;border:none;border-radius:10px;padding:11px;transition:all .2s}.soporte-btn-send:hover{background:var(--soporte-dark)}.soporte-contact-pill{font-size:var(--fs-12);color:var(--n700);font-family:var(--font-body);background:#0d7b6212;border:1px solid #0d7b622e;border-radius:20px;align-items:center;gap:5px;padding:5px 12px;display:inline-flex}body.dark .soporte-contact-pill{color:#a0d8cf;background:#11bf9a1a;border-color:#11bf9a38}.soporte-ok{font-size:var(--fs-12);color:#0a5a45;text-align:center;background:#e0f5ef;border:1px solid #a8ddd0;border-radius:10px;margin-top:10px;padding:10px 14px;line-height:1.5;display:none}body.dark .soporte-ok{color:#a0d8cf;background:#11bf9a1f;border-color:#11bf9a47}.betty-card{border-radius:16px;max-width:220px;margin-top:8px;overflow:hidden;box-shadow:0 8px 24px #00000026}.betty-card img{width:100%;display:block}.betty-card-caption{background:var(--v-dark);color:#fff;font-size:var(--fs-12);text-align:center;font-family:var(--font-body);padding:8px 12px}@keyframes bg-breathe{0%,to{background-position:0%}50%{background-position:100%}}@keyframes bg-cristal{0%{background-position:0 20%}25%{background-position:100% 60%}50%{background-position:60% 100%}75%{background-position:10% 80%}to{background-position:0 20%}}@keyframes msg-in{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}body[data-theme=aurora] .msg,body[data-theme=cristal] .msg{animation:.26s cubic-bezier(.34,1.4,.64,1) both msg-in}body[data-theme=aurora] .input-bar,body[data-theme=cristal] .input-bar{transition:box-shadow .22s,background .3s}body[data-theme=aurora] .input-bar:focus-within,body[data-theme=cristal] .input-bar:focus-within{box-shadow:0 0 0 2.5px #07a1c247,0 8px 28px #07a1c224}body[data-theme=aurora] #chat-window::-webkit-scrollbar{width:6px}body[data-theme=cristal] #chat-window::-webkit-scrollbar{width:6px}body[data-theme=aurora] #chat-window::-webkit-scrollbar-track{background:0 0}body[data-theme=cristal] #chat-window::-webkit-scrollbar-track{background:0 0}body[data-theme=aurora] #chat-window::-webkit-scrollbar-thumb{background:#07a1c252;border-radius:6px}body[data-theme=cristal] #chat-window::-webkit-scrollbar-thumb{background:#07a1c252;border-radius:6px}body[data-theme=aurora] #chat-window::-webkit-scrollbar-thumb:hover{background:#07a1c294}body[data-theme=cristal] #chat-window::-webkit-scrollbar-thumb:hover{background:#07a1c294}body[data-theme=aurora] #send-btn,body[data-theme=cristal] #send-btn{transition:background .18s,transform .15s cubic-bezier(.34,1.6,.64,1),box-shadow .18s}body[data-theme=aurora] #send-btn:hover,body[data-theme=cristal] #send-btn:hover{transform:translateY(-2px)scale(1.06);box-shadow:0 8px 20px #07a1c261}body[data-theme=aurora] #send-btn:active,body[data-theme=cristal] #send-btn:active{transform:scale(.94)}body[data-theme=aurora] .condo-btn,body[data-theme=cristal] .condo-btn{transition:background .18s cubic-bezier(.4,0,.2,1),color .18s,box-shadow .18s,transform .15s cubic-bezier(.34,1.4,.64,1)}body[data-theme=aurora] .condo-btn:hover,body[data-theme=cristal] .condo-btn:hover{transform:translateY(-1px)}body[data-theme=aurora]{background:linear-gradient(135deg,#07a1c2,#0a3d4f40,#07a1c2) 0 0/300% 300%;animation:30s infinite bg-breathe}body[data-theme=aurora]:not(.dark):before{content:"";opacity:.07;filter:blur()saturate(.2)brightness(.9);pointer-events:none;z-index:0;background-image:url(/img/vivook-brand.svg);background-position:50%;background-repeat:no-repeat;background-size:47%;animation:18s ease-in-out infinite aurora-glass-breathe;position:fixed;inset:0}@media (width>=1024px){body[data-theme=aurora]:not(.dark):before{background-size:38%}}@keyframes aurora-glass-breathe{0%,to{filter:blur()saturate(.25)brightness(.9);opacity:.07}50%{filter:blur(5px)saturate(.08)brightness(.75);opacity:.04}}body[data-theme=aurora] .header{-webkit-backdrop-filter:blur(18px)saturate(160%);background:#ffffffd6;border-bottom:1px solid #07a1c226;box-shadow:0 1px #ffffff8c,0 3px 16px #07657d14}body.dark[data-theme=aurora]{background:linear-gradient(135deg,#07a0c26d 0%,#0c40505b 100%) fixed,#051a24 fixed}body.dark[data-theme=aurora]:before{content:"";opacity:.18;filter:brightness(0)invert()blur(1.5px);pointer-events:none;z-index:0;background-image:url(/img/vivook-logo.png);background-position:50%;background-repeat:no-repeat;background-size:32%;position:fixed;inset:0}@media (width>=1024px){body.dark[data-theme=aurora]:before{background-size:26%}}body.dark[data-theme=aurora] .header{-webkit-backdrop-filter:blur(18px)saturate(160%);background:#0a2d3dd1;border-bottom:1px solid #07a1c233}body[data-theme=cristal]:not(.dark){background:linear-gradient(135deg,#d6f0f8,#e6f4e0,#fbf2e3,#f7e6e4,#e0eff8,#d6f0f8) 0 0/400% 400%;animation:22s ease-in-out infinite bg-cristal}body[data-theme=cristal]:not(.dark):before{content:"";opacity:.05;filter:blur()saturate(.2)brightness(.85);pointer-events:none;z-index:0;background-image:url(/img/vivook-brand.svg);background-position:50%;background-repeat:no-repeat;background-size:47%;animation:24s ease-in-out infinite cristal-glass-breathe;position:fixed;inset:0}@media (width>=1024px){body[data-theme=cristal]:not(.dark):before{background-size:38%}}@keyframes cristal-glass-breathe{0%,to{filter:blur()saturate(.2)brightness(.85);opacity:.05}50%{filter:blur(4px)saturate(.06)brightness(.72);opacity:.03}}body[data-theme=cristal] .header{-webkit-backdrop-filter:blur(22px)saturate(180%);background:#ffffffc7;border-bottom:1px solid #07a1c22e;box-shadow:0 1px #fff9,0 4px 20px #07657d1a}body[data-theme=cristal] .msg.ai{color:var(--n800);background:#fffffff5}body[data-theme=cristal] .msg.ai .copy-btn{color:var(--n600)}body.dark[data-theme=cristal]{background:linear-gradient(135deg,#0a3d4f,#051820,#07697d,#051820) 0 0/400% 400%;animation:14s infinite bg-breathe}body.dark[data-theme=cristal] .header{-webkit-backdrop-filter:blur(22px)saturate(180%);background:#0a2d3dcc;border-bottom:1px solid #07a1c238}body.dark[data-theme=cristal] .msg.ai{color:#edf2f5;background:#07a1c21f}body.dark .msg.ai{--v-dark:#f5bd77}.md-table{border-collapse:collapse;width:100%;font-size:var(--fs-12);margin:8px 0}.md-table th{background:var(--v-blue);color:#fff;text-align:left;font-weight:700;font-size:var(--fs-10);letter-spacing:.04em;text-transform:uppercase;padding:6px 10px}.md-table td{border-bottom:1px solid var(--n200);color:var(--n700);padding:6px 10px}.md-table tr:last-child td{border-bottom:none}.md-table tr:nth-child(2n) td{background:var(--n50)}body.dark .md-table td{color:#fffc;border-bottom-color:#ffffff14}body.dark .md-table tr:nth-child(2n) td{background:#ffffff0a}.suggestion-wrap{flex-wrap:wrap;gap:6px;padding:2px 0 4px;display:flex}.suggestion-btn{background:var(--v-blue);color:#fff;font-family:var(--font-body);font-size:var(--fs-12);cursor:pointer;border:none;border-radius:16px;padding:6px 14px;font-weight:600;transition:background .18s,box-shadow .18s,transform .12s}.suggestion-btn:hover{background:#088ca9;transform:translateY(-1px);box-shadow:0 3px 10px #07a1c259}.suggestion-btn:active{transform:scale(.97)}.theme-picker{flex-wrap:wrap;gap:10px;padding:12px 0 16px;display:flex}.theme-swatch{cursor:pointer;font-family:var(--font-body);font-size:var(--fs-12);color:var(--n500);background:0 0;border:none;flex-direction:column;align-items:center;gap:6px;padding:0;font-weight:600;transition:color .2s;display:flex}.theme-swatch:hover{color:var(--v-dark)}.theme-swatch.active{color:var(--v-blue)}.swatch-preview{border-radius:9px;width:44px;height:30px;transition:box-shadow .2s,transform .2s;box-shadow:0 2px 8px #0a3d4f24}.theme-swatch:hover .swatch-preview{transform:translateY(-1px);box-shadow:0 4px 14px #0a3d4f33}.theme-swatch.active .swatch-preview{box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--v-blue);transform:scale(1.06)}@keyframes screen-exit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.97)translateY(-6px)}}#start-screen.exit{pointer-events:none;animation:.32s cubic-bezier(.4,0,1,1) forwards screen-exit}@keyframes msg-in-user{0%{opacity:0;transform:translate(14px)scale(.97)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes msg-in-ai{0%{opacity:0;transform:translate(-10px)translateY(3px)scale(.98)}to{opacity:1;transform:translate(0)translateY(0)scale(1)}}body[data-theme=aurora] .msg.user,body[data-theme=cristal] .msg.user{animation:.22s cubic-bezier(.34,1.4,.64,1) both msg-in-user}body[data-theme=aurora] .msg.ai,body[data-theme=cristal] .msg.ai{animation:.28s cubic-bezier(.34,1.3,.64,1) both msg-in-ai}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(32px)saturate(200%)contrast(1.05);border:1px solid var(--glass-border);box-shadow:0 8px 32px #00000014,inset 0 1px #ffffff80}body[data-theme=aurora] .header,body[data-theme=cristal] .header{box-shadow:0 1px #fff9,0 4px 20px #07657d1a,inset 0 -1px #07a1c214}body.dark{--bg-card:#0a1e2b}body.dark[data-theme=aurora] .msg.ai,body.dark[data-theme=cristal] .msg.ai{box-shadow:0 0 1px #07a1c233,0 6px 22px #00000080}body.dark .config-card{box-shadow:0 25px 70px #00000080,0 0 0 1px #07a1c21f}body.dark .token-group{background:#071928}body.dark .field input{background:#0a1e2b}@keyframes pane-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.config-pane.active{animation:.2s both pane-in;display:block}#send-btn:active{transition:transform 80ms,box-shadow 80ms!important;transform:scale(.88)!important;box-shadow:0 2px 8px #07a1c233!important}body[data-theme=aurora] .msg.ai,body[data-theme=cristal] .msg.ai{box-shadow:0 2px 12px #07657d1a,0 1px 3px #0000000a}.theme-swatch{transition:color .2s,transform .2s}.theme-swatch.active{transform:scale(1.04)}.theme-swatch.active .swatch-preview{box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--v-blue);transform:scale(1.06)}
