@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap");:root{--bg:#f4f5f7;--panel:#fff;--panel-2:#fff;--line:#e4e7ec;--line-strong:#d4d8de;--ink:#17181a;--ink-dim:#5b6470;--ink-faint:#98a1ad;--loro-green:#10b981;--loro-green-bright:#059669;--loro-green-deep:#047857;--loro-red:#ef4444;--loro-red-deep:#dc2626;--btn-dark:#17181a;--btn-dark-hover:#2a2c30;--radius:12px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body,html{height:100%;overscroll-behavior:none;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.mono{font-family:JetBrains Mono,ui-monospace,SF Mono,Cascadia Code,Menlo,Consolas,monospace}button{cursor:pointer}button,input,textarea{font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}.brand{display:flex;align-items:center;gap:8px}.brand-title{font-size:21px;font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,var(--loro-green-deep) 10%,var(--loro-green) 90%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.tagline{font-size:13px;color:var(--ink-dim);line-height:1.4;margin-top:-6px}.grid-responsive{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}@media (max-width:500px){.grid-responsive{grid-template-columns:1fr!important}}.selectors-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.field{display:flex;flex-direction:column;gap:6px}.panel{background:var(--panel);padding:16px;gap:12px;box-shadow:0 1px 2px rgba(16,24,40,.04)}.btn-select,.panel{border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column}.btn-select{gap:2px;align-items:flex-start;background:#fff;padding:12px 14px;color:var(--ink-dim);font-size:14px;font-weight:600;text-align:left;transition:all .15s ease;width:100%}.btn-select:hover:not(:disabled){border-color:var(--loro-green);color:var(--ink)}.btn-select-active{background:#f0fdf9!important;border-color:var(--loro-green)!important;color:var(--ink)!important;box-shadow:inset 0 0 0 1px var(--loro-green)}.btn-select-sub{font-size:10.5px;color:var(--ink-faint);font-weight:400}.form-label{font-size:12px;color:var(--loro-green-deep);font-weight:700}.form-label,.form-mini-label{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;letter-spacing:0}.form-mini-label{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--ink-dim);font-weight:600}.form-mini-label svg{color:var(--ink-dim);flex-shrink:0}.info-tip{position:relative}.info-tip,.info-tip-btn{display:inline-flex;align-items:center}.info-tip-btn{justify-content:center;padding:0;border:none;background:transparent;color:var(--ink-faint);cursor:pointer;line-height:0}.info-tip-btn:hover{color:var(--loro-green-deep)}.info-bubble{position:absolute;top:calc(100% + 6px);left:0;z-index:40;width:max-content;max-width:240px;background:var(--ink);color:#fff;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:12px;font-weight:400;text-transform:none;letter-spacing:0;line-height:1.45;padding:8px 11px;border-radius:8px;box-shadow:0 8px 24px -6px rgba(16,24,40,.3)}.listen-text-live{direction:rtl;text-align:left}.active-word{color:var(--loro-green-bright);font-weight:700}.form-input,.form-textarea{background:#fff;border:1px solid var(--line-strong);border-radius:8px;color:var(--ink);padding:10px 12px;font-size:15px;outline:none;font-family:inherit;width:100%;transition:border-color .15s ease,box-shadow .15s ease}.form-input::placeholder,.form-textarea::placeholder{color:var(--ink-faint)}.form-input:focus,.form-textarea:focus{border-color:var(--loro-green);box-shadow:0 0 0 3px rgba(16,185,129,.12)}.form-textarea{resize:none;height:100px}.form-textarea-sm{height:72px}.dd{position:relative}.dd-trigger{width:100%;height:46px;display:flex;align-items:center;justify-content:space-between;gap:8px;background:#fff;border:1px solid var(--line-strong);border-radius:999px;padding:0 14px 0 16px;color:var(--ink);font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 1px 2px rgba(16,24,40,.04);transition:border-color .15s ease,box-shadow .15s ease}.dd-trigger:hover:not(:disabled){border-color:var(--ink-dim)}.dd-trigger:disabled{opacity:.55;cursor:default}.dd-trigger-main{display:flex;align-items:center;gap:8px;min-width:0}.dd-trigger-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dd-caret{color:var(--ink-dim);font-size:11px;flex-shrink:0}.dd-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0}.dd-flag{font-size:15px;line-height:1}.dd-menu{position:absolute;top:calc(100% + 6px);left:0;min-width:250px;max-width:82vw;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px -8px rgba(16,24,40,.22);padding:6px;z-index:30;max-height:340px;overflow-y:auto;-webkit-overflow-scrolling:touch}.dd-menu-right{left:auto;right:0}.dd-option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border:none;background:transparent;border-radius:8px;cursor:pointer;text-align:left}.dd-option:hover{background:#f2f5f7}.dd-option-sel{background:#f0fdf9}.dd-option-left{display:flex;align-items:center;gap:9px;min-width:0}.dd-option-label{font-size:14.5px;font-weight:600;color:var(--ink);white-space:nowrap}.dd-option-tag{font-size:12.5px;color:var(--ink-faint);font-weight:500;white-space:nowrap}.dd-option-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.dd-badge{background:var(--btn-dark);color:#fff;font-size:10.5px;font-weight:700;padding:3px 9px;border-radius:999px;white-space:nowrap}.dd-check{color:var(--loro-green-bright);font-weight:800;font-size:14px}.form-hint{font-size:11px;color:var(--ink-faint);line-height:1.4}.status-chip{font-size:11px;padding:4px 10px;border-radius:99px;border:1px solid var(--line);color:var(--ink-dim);background:#fff;font-weight:500}.status-chip-live{border-color:rgba(239,68,68,.35)!important;background:rgba(239,68,68,.08)!important;color:var(--loro-red-deep)!important;font-weight:700}.answers-container{display:flex;flex-direction:column;gap:10px;flex:1 1;min-height:220px;overflow-y:auto;-webkit-overflow-scrolling:touch}.answer-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px}.card-actions{position:absolute;top:10px;right:10px;display:inline-flex;gap:6px;z-index:2}.card-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;border:1px solid var(--line);background:#fff;color:var(--ink-dim);cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}.card-btn:hover{color:var(--ink);border-color:var(--ink-dim)}.card-btn-done{color:var(--loro-green-bright);border-color:var(--loro-green);background:#f0fdf9}.answer-card-current{border-color:rgba(16,185,129,.35)!important;box-shadow:0 1px 2px rgba(16,24,40,.04),0 10px 30px -12px rgba(16,185,129,.35);animation:answerIn .3s ease-out}@keyframes answerIn{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.answer-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}.answer-footer-meta{font-size:11.5px;color:var(--ink-faint)}.fb-btns{gap:4px}.fb-btn,.fb-btns{display:inline-flex}.fb-btn{align-items:center;justify-content:center;width:28px;height:26px;border-radius:7px;border:none;background:transparent;color:var(--ink-faint);cursor:pointer;transition:color .15s ease,background .15s ease}.fb-btn:hover{color:var(--ink-dim);background:#f2f5f7}.fb-up{color:var(--loro-green-bright)}.fb-down{color:var(--loro-red-deep)}.answer-card-q-row{display:flex;flex-direction:column;gap:4px;padding-bottom:12px;padding-right:36px;margin-bottom:12px;border-bottom:1px solid var(--line)}.answer-card-a-row{display:flex;flex-direction:column;gap:6px}.answer-card-label{font-size:12px;letter-spacing:0;font-weight:700}.answer-card-label-q{color:var(--ink-faint)}.answer-card-label-a{color:var(--loro-green-deep)}.answer-card-question{font-size:14.5px;color:var(--ink-dim);font-weight:500;line-height:1.45}.answer-card-text{font-size:16.5px;line-height:1.72;white-space:pre-wrap;color:var(--ink);letter-spacing:.005em}.answer-card-loading{font-size:12.5px;color:var(--loro-green-bright);font-weight:500;animation:pulse 1.2s ease-in-out infinite}.listen-bar{display:flex;align-items:center;gap:8px;padding:9px 12px;background:#fff;border:1px solid var(--line);border-radius:10px;min-height:36px}.eq{display:inline-flex;align-items:flex-end;gap:2px;height:13px;flex-shrink:0}.eq span{width:2.5px;border-radius:2px;background:var(--loro-green);height:35%;animation:eq .9s ease-in-out infinite}.eq span:nth-child(2){animation-delay:.18s}.eq span:nth-child(3){animation-delay:.36s}.eq span:nth-child(4){animation-delay:.54s}@keyframes eq{0%,to{height:30%}50%{height:100%}}.listen-text{flex:1 1;min-width:0;font-size:12px;color:var(--ink-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.listen-toggle{flex-shrink:0;background:transparent;border:1px solid var(--line-strong);border-radius:999px;padding:5px 11px;color:var(--ink-dim);font-size:11.5px;font-weight:600;cursor:pointer;transition:color .15s ease,border-color .15s ease}.listen-toggle:hover{color:var(--ink);border-color:var(--loro-green)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.transcript-container{display:flex;flex-direction:column;gap:8px;flex:1 1;min-height:220px;overflow-y:auto;-webkit-overflow-scrolling:touch}.transcript-line{font-size:14.5px;line-height:1.55;margin-bottom:2px;color:var(--ink)}.btn-action{font-family:inherit;border:none;border-radius:10px;padding:15px;font-size:15px;font-weight:700;width:100%;cursor:pointer;transition:background .15s ease,opacity .15s ease,transform .1s ease}.btn-action:active:not(:disabled){transform:scale(.995)}.btn-primary{background:var(--btn-dark);color:#fff}.btn-primary:hover:not(:disabled){background:var(--btn-dark-hover)}.btn-ghost{background:#fff;color:var(--ink-dim);border:1px solid var(--line-strong)}.btn-ghost:hover:not(:disabled){color:var(--ink);border-color:var(--ink-dim)}.btn-stop{background:#fff;color:var(--loro-red-deep);border:1px solid rgba(239,68,68,.4)}.btn-stop:hover:not(:disabled){border-color:var(--loro-red-deep);background:rgba(239,68,68,.04)}.btn-hint{font-size:11.5px;color:var(--ink-faint);text-align:center;line-height:1.4}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.app-container{position:relative;z-index:1;min-height:100dvh;display:flex;flex-direction:column;padding:calc(16px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom));gap:14px;max-width:760px;margin:0 auto}.app-live{height:100dvh;min-height:0;overflow:hidden}.brand-header{justify-content:space-between}.brand-header,.header-actions{display:flex;align-items:center}.header-actions{gap:8px}.header-center,.header-right{display:flex;align-items:center;gap:6px;min-width:0}.timer-pill{display:inline-flex;align-items:center;gap:5px;padding:6px 11px;border-radius:999px;background:#fff;border:1px solid #e0e2e7;color:var(--ink);font-size:13px;font-weight:600;white-space:nowrap}.timer-pill svg{flex-shrink:0;color:var(--ink-dim)}.timer-free{color:var(--ink-faint);font-weight:500}.stop-x{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;border:none;background:var(--loro-red);color:#fff;font-size:18px;font-weight:700;line-height:1;cursor:pointer;transition:background .15s ease}.stop-x:hover{background:var(--loro-red-deep)}.clear-row{display:flex;justify-content:flex-end}.clear-pill{background:#fff;border:1px solid var(--line-strong);border-radius:999px;padding:6px 14px;color:var(--ink-dim);font-size:12px;font-weight:600;cursor:pointer;transition:color .15s ease,border-color .15s ease}.clear-pill:hover{color:var(--ink);border-color:var(--ink-dim)}.btn-answer{position:relative;z-index:0;background:transparent;overflow:visible}.btn-answer:before{content:"";position:absolute;inset:-3px;border-radius:13px;background:linear-gradient(90deg,#10b981,#34d399,#a3e635,#fbbf24,#f59e0b,#fb7185,#22d3ee,#10b981);background-size:300% 100%;filter:blur(9px);opacity:.8;z-index:0;animation:loroGlow 5s linear infinite}.btn-answer:after{content:"";position:absolute;inset:0;border-radius:10px;background:var(--btn-dark);z-index:1}.btn-answer:hover:not(:disabled):after{background:var(--btn-dark-hover)}.btn-answer:hover:not(:disabled):before{opacity:1}.btn-answer-inner{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:9px}.btn-answer-inner svg{flex-shrink:0}@keyframes loroGlow{0%{background-position:0 50%}to{background-position:300% 50%}}.landing{font-family:Arial,Helvetica,sans-serif;background:#000;color:#fff;min-height:100dvh;padding:24px;position:relative;overflow:hidden}.landing,.landing-main{width:100%;display:flex;align-items:center;justify-content:center}.landing-main{flex-direction:column;max-width:56rem;text-align:center;z-index:1;text-transform:uppercase}.landing-title{font-size:clamp(2.5rem,8vw,5.5rem);font-weight:700;line-height:1.08;letter-spacing:-.02em;margin-bottom:24px;color:#fff}.landing-sub{font-size:clamp(.9rem,2.5vw,1.25rem);font-weight:400;color:#fff;margin-bottom:64px}.landing-btn-wrap{position:relative;display:inline-flex;margin-bottom:24px}.landing-glow{position:absolute;inset:-8px;border-radius:0;background:linear-gradient(90deg,#10b981,#34d399,#a3e635,#fbbf24,#f59e0b,#fb7185,#22d3ee,#10b981);background-size:300% 100%;filter:blur(16px);opacity:.8;animation:loroGlow 5s linear infinite;transition:opacity .35s ease}.landing-btn-wrap:hover .landing-glow{opacity:1}.landing-btn{position:relative;background:#0a0f1c;color:#fff;font-weight:700;font-size:clamp(1.15rem,3vw,1.5rem);padding:18px 56px;border-radius:0;display:inline-flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;cursor:pointer;transition:transform .15s ease}.landing-btn:hover{transform:scale(1.02)}.landing-warn{color:#ef4444;font-size:clamp(10px,2.6vw,13px);font-weight:400;text-transform:none;max-width:34rem;letter-spacing:.01em;line-height:1.5;margin:36px auto 0;padding:0 4px;text-align:center;opacity:.9}@media (prefers-reduced-motion:reduce){.landing-btn,.landing-glow{transition:none}}.landing-sticker{width:min(380px,78vw);height:auto;margin:8px 0 24px}.paywall-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(4,8,6,.72);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.paywall{width:100%;max-width:26rem;background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 24px 60px -12px rgba(16,24,40,.5);text-align:center;animation:answerIn .25s ease-out}.paywall-title{font-size:18px;font-weight:800;color:var(--ink);letter-spacing:-.01em;margin-bottom:12px}.paywall-text{font-size:14px;line-height:1.5;color:var(--ink-dim);margin-bottom:10px}.paywall-cta{color:var(--ink);font-weight:600;margin-top:4px;margin-bottom:16px}.paywall-form{display:flex;flex-direction:column;gap:10px}.paywall-sent{font-size:15px;font-weight:700;color:var(--loro-green-deep);border:1px solid rgba(16,185,129,.35);border-radius:10px;animation:answerIn .25s ease-out}.paywall-sent,.paywall-share{background:#f0fdf9;padding:14px}.paywall-share{border:1px dashed rgba(16,185,129,.45);border-radius:12px;margin-bottom:16px}.paywall-share-done{border-style:solid}.paywall-share-title{font-size:15px;font-weight:800;color:var(--ink);margin-bottom:6px}.btn-whatsapp{background:#25d366;color:#06371c;font-weight:800}.btn-whatsapp:hover{background:#1fb855}.paywall-error{font-size:13px;font-weight:600;color:#c0392b;margin-top:2px}