@import url('/experience-base.css');:root{color-scheme:light}body{margin:0;background:#f8f6fd;color:#251937;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}button,a,input,select{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #a88ae9;outline-offset:3px}.app-header{height:72px;padding:env(safe-area-inset-top) 24px 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8e0ef;background:#fff;position:sticky;top:0;z-index:10}.app-brand{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:700;letter-spacing:-.6px}.app-header button{border:1px solid #e8e0ef;background:white;border-radius:50%;width:36px;height:36px;color:#7c54ae}#app-content{max-width:1000px;margin:auto;padding:30px 22px 115px;min-height:calc(100dvh - 72px)}h1{font-size:33px;line-height:1.12;letter-spacing:-1.5px;font-weight:650;margin:15px 0}h2{font-size:23px;letter-spacing:-.7px;font-weight:600}p{font-size:13px;line-height:1.75;color:#8c7a9b}.eyebrow{font-size:8px;letter-spacing:1.6px;color:#a18bb1;font-weight:750}.welcome{border-radius:20px;background:#20132f;color:white;padding:28px;position:relative;overflow:hidden}.welcome:after{content:'';position:absolute;width:240px;height:240px;border:1px solid #8b62b144;border-radius:50%;right:-100px;top:-60px}.welcome h1{font-size:35px}.welcome p{color:#c4acd5;max-width:340px}.welcome .eyebrow{color:#cdb3e4}.app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:25px 0}.app-card{display:flex;align-items:start;flex-direction:column;text-align:left;gap:10px;border:1px solid #e5dced;background:white;border-radius:16px;padding:22px;color:#30213f;min-height:135px}.app-card .icon{font-size:26px;color:#8350d6}.app-card strong{font-size:13px;font-weight:600}.app-card small{font-size:10px;line-height:1.6;color:#a38bae}.app-row{background:white;border:1px solid #e8e0f0;padding:18px;border-radius:14px;margin:12px 0;display:block}.app-row strong{font-size:13px;display:block}.app-row small{display:block;font-size:10px;color:#9c84aa;margin-top:7px}.app-row button,.pill{display:inline-block;border:0;border-radius:20px;background:#eee5fc;color:#8150b6;font-size:10px;padding:8px 12px;margin-top:12px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:15px;border:0;border-radius:30px;padding:15px 22px;background:#b22f78;color:white;font-size:12px;font-weight:600}.login-card{max-width:420px;margin:30px auto;background:white;padding:30px;border-radius:22px;border:1px solid #e9e1f0}.login-card label{display:block;font-size:11px;color:#8d76a0;margin:18px 0}.login-card input{display:block;width:100%;padding:14px;border:1px solid #e5daee;border-radius:10px;margin-top:7px;background:#fcfaff;color:#32213f}.login-card button{width:100%;margin:5px 0}.login-card a{display:block;margin-top:20px;font-size:11px;text-align:center;color:#8250b9}#login-status{font-size:11px;color:#a5485b}.module-view{padding:0!important;max-width:none!important}.module-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:white;border-bottom:1px solid #e8e0ef;font-size:11px}.module-header button{border:0;background:transparent;color:#8e63b5;font-size:12px}.module-frame{display:block;width:100%;height:calc(100dvh - 177px - env(safe-area-inset-bottom));border:0;background:white}.hint{border-radius:14px;background:#eee7f8;padding:17px;font-size:11px;line-height:1.8;color:#91729f}.empty{padding:30px 20px;text-align:center;border:1px dashed #dcd0e8;border-radius:15px;color:#9c86aa;font-size:12px}#bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:15;display:flex;align-items:center;justify-content:center;gap:12px;background:#ffffffed;backdrop-filter:blur(16px);border-top:1px solid #e3d9ee;padding:10px 10px calc(10px + env(safe-area-inset-bottom))}#bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:60px;border:0;background:transparent;color:#ad98bc;font-size:20px;padding:5px 12px;border-radius:11px}#bottom-nav button span{font-size:8px}#bottom-nav button[aria-current=page]{color:#7c47c7;background:#f0e7fc}#app-menu{position:fixed;right:12px;top:80px;bottom:90px;width:min(340px,calc(100% - 24px));background:#fff;z-index:30;border:1px solid #e2d8ec;border-radius:20px;box-shadow:0 25px 100px #2211333a;padding:20px;overflow-y:auto}.menu-title{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px;font-size:16px}.menu-title button{border:0;background:#f4eef9;border-radius:50%;width:30px;height:30px;color:#9b7cb1}#menu-items{display:grid;grid-template-columns:1fr 1fr;gap:6px}#menu-items button,#menu-items a{padding:14px 12px;border:0;background:#faf7fd;border-radius:9px;text-align:left;font-size:11px;color:#9476a7}.install-link,#logout{border:0;background:transparent;font-size:11px;color:#a23478;margin-top:20px;padding:10px}#app-menu p{font-size:10px}#connection-state{font-size:10px;text-align:center;padding:9px;background:#f5e6b8;color:#745b25;position:sticky;top:72px;z-index:12}.record-text{white-space:pre-wrap;font-size:12px;line-height:1.8;color:#8c799b;max-height:45vh;overflow:auto}.app-row summary{cursor:pointer;font-size:12px}.app-row video{display:block;max-width:100%;margin:15px 0;border-radius:10px}.academy-link{display:flex;align-items:center;justify-content:space-between}.back-link{font-size:11px;color:#936db0}.login-note{text-align:center;font-size:10px}@media(max-width:600px){.app-grid{grid-template-columns:1fr 1fr;gap:10px}.app-card{padding:18px;min-height:130px}.app-card:last-child:nth-child(odd){grid-column:1/-1}.app-header{padding-left:20px;padding-right:20px}#app-content{padding:25px 18px 110px}.welcome{padding:24px}.welcome h1{font-size:32px}.login-card{padding:25px;margin-top:15px}#bottom-nav{gap:2px}#bottom-nav button{min-width:56px;padding:5px 10px}.module-header{font-size:10px}}

.install-helper{max-width:950px;margin:20px auto 0;padding:22px;background:#eee7fa;border:1px solid #e2d3f2;border-radius:16px}.install-helper strong{font-size:14px}.install-helper p{font-size:11px;line-height:1.7}.install-helper .primary{font-size:10px;padding:12px 18px}@media(max-width:600px){.install-helper{margin:18px 18px 0}}

/* Converte Call spectrum: shared accents only; preserve semantic success/error colors. */
:root{--brand-magenta:#b22f78;--brand-ember:#ed7c32;--brand-violet:#a83cdb;--brand-gradient:linear-gradient(120deg,#a83cdb,#d63b91 54%,#f49339);--purple:#b22f78;--lav:#fbedf4;--primary:#b22f78;--primary-foreground:#fff;--color-primary:var(--primary);--color-secondary:#fbedf4;--color-secondary-foreground:#8a3764;--color-accent:#fbedf4;--color-accent-foreground:#8a3764;--color-ring:#d869a3;--ring:#d869a3;--chat-accent:#b22f78}
.dark{--primary:#dc72ac;--primary-foreground:#301020;--color-primary-foreground:#301020;--color-secondary:#3d2034;--color-secondary-foreground:#f1c4dd;--color-accent:#44223a;--color-accent-foreground:#f2c4df;--chat-accent:#dc72ac}

.welcome{background:radial-gradient(ellipse at 100% 0,#ee8d4b33,transparent 65%),linear-gradient(125deg,#281326,#6e2755)}.primary{background:#b22f78}.primary:hover{background:#962961}#bottom-nav button.active{color:#a23478;background:#fbedf4}.app-header .brand-icon{background:var(--brand-gradient)}
.mobile-recorder{border:1px solid #393047;border-radius:20px;padding:20px;margin-bottom:24px;background:#1c1725}.mobile-recorder h2{margin-top:6px}.mobile-recorder label{display:grid;gap:8px;margin:16px 0}.mobile-recorder input:not([type=checkbox]){max-width:100%;min-width:0;box-sizing:border-box}.mobile-recorder input[type=text],.mobile-recorder input[data-title]{width:100%;padding:12px;border-radius:10px;border:1px solid #59476b;background:#120f19;color:#fff}.mobile-recorder .rec-check{display:flex;align-items:center;font-size:14px}.rec-actions{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}.rec-actions button,.rec-actions a{min-height:44px;padding:12px 15px;border-radius:12px;border:1px solid #7451a5;background:#302040;color:#fff;text-decoration:none}.rec-actions button:disabled{opacity:.45}.mobile-recorder p,.mobile-recorder small{line-height:1.6;color:#c7bed3}.mobile-recorder video{width:100%;max-height:50dvh;border-radius:12px}.mobile-recorder summary{padding:12px 0;cursor:pointer}.rec-import input{font-size:13px;width:100%}

.mobile-recorder h2,.mobile-recorder label,.mobile-recorder summary{color:#f5f0fa}.mobile-recorder .eyebrow{color:#caabe9}
.recorder-simple{padding:22px;border-radius:18px;background:#1a1621}.recorder-simple [hidden]{display:none!important}.rec-heading{display:flex;align-items:center;gap:13px;margin-bottom:22px}.rec-heading-icon{display:grid;place-items:center;width:43px;height:43px;border:1px solid #ae7dd442;border-radius:12px;background:#8d51b821;color:#d5a9f1;font-size:23px}.rec-heading h2{font-size:20px;margin:0 0 5px}.rec-heading p{font-size:11px!important;margin:0;color:#9c8eac!important}.rec-choices{display:grid;gap:10px}.recorder-simple .rec-choice{box-sizing:border-box;position:relative;display:flex;align-items:center;gap:14px;width:100%;min-height:76px;text-align:left;padding:15px;margin:0;border:1px solid #65507859;border-radius:12px;background:#241b30;color:#f2eaf9;cursor:pointer}.rec-choice>span{font-size:24px;color:#ce9eec;width:28px;text-align:center}.rec-choice>strong{font-size:13px;font-weight:550;flex:1}.rec-choice strong>small{display:block;font-size:10px!important;color:#ac9bbd!important;font-weight:400;margin-top:5px}.rec-choice>b{font-size:18px;color:#a087b3;font-weight:400}.recorder-simple .rec-import{background:#ffffff03}.rec-import [data-file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.rec-import:focus-within{outline:2px solid #d3a2f4;outline-offset:3px}.rec-choice:hover{border-color:#ad7bd8!important}.recorder-simple .rec-screen-guide{margin-top:17px;border-top:1px solid #ffffff10}.recorder-simple .rec-screen-guide summary{font-size:11px;padding:18px 0 0;display:flex;justify-content:space-between;color:#b8a5c9;list-style:none}.recorder-simple .rec-screen-guide summary::-webkit-details-marker{display:none}.recorder-simple .rec-screen-guide[open] summary>span{transform:rotate(45deg)}.recorder-simple .rec-screen-guide p{font-size:11px!important;line-height:1.8}.rec-screen-button{padding:12px 16px;background:#3b2850;border:1px solid #8c64a5;border-radius:10px;color:white;font-size:11px}.recorder-simple .rec-check{font-size:11px;margin:15px 0}.rec-active{padding:28px 15px;text-align:center;background:#2c1722;border:1px solid #bd6a8b42;border-radius:14px}.rec-live-dot{display:block;width:10px;height:10px;border-radius:50%;background:#f181a3;box-shadow:0 0 0 6px #f181a316;margin:0 auto 20px}.rec-active strong{display:block;font-size:14px;color:#f3d2df}.rec-active time{display:block;font-size:35px;letter-spacing:1px;font-variant-numeric:tabular-nums;margin-top:12px}.rec-active p{font-size:11px!important}.rec-active button{border:1px solid #e89cba60;background:#8b3c5c;color:white;border-radius:10px;min-height:44px;padding:12px 20px;font-size:12px}.recorder-simple [data-status]{font-size:12px!important;color:#d1b6e4;margin:16px 0;line-height:1.7}.recorder-simple [data-status]:empty{display:none}.rec-result{border-top:1px solid #ffffff14;margin-top:20px;padding-top:20px}.rec-result>label{font-size:12px}.rec-result video{margin:15px 0;max-height:35dvh;background:#0d0b10}.rec-result .rec-actions{display:grid;grid-template-columns:1fr;margin-bottom:0}.rec-result [data-save]{background:#864fb5;border-color:#ba8cdd;font-size:12px;font-weight:600}.rec-result [data-download],.rec-result [data-library]{background:transparent;text-align:center;font-size:11px;border-color:#75588d55}.recorder-simple .rec-retention{display:block;font-size:10px;color:#8f7f9e;margin-top:20px;line-height:1.7}.recordings-library-title{font-size:17px;margin-top:28px}#help-status{grid-column:1/-1;font-size:11px;line-height:1.6;margin:0}#help-status:empty{display:none}#menu-items [data-help]{grid-column:1/-1;background:#7a4f9720}