:root{--background:#ffffff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}body,html{max-width:100vw;overflow-x:hidden;background-color:#ffffff;background-color:var(--background);color:var(--text);font-family:var(--font-geist-sans),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;min-height:100vh;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;opacity:1;transition:opacity .2s ease}#__next{width:100%;height:100%;position:relative;z-index:1;overflow:hidden}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;-webkit-text-decoration:none;text-decoration:none}img,svg{max-width:100%;height:auto}button{border:none;background:none;cursor:pointer;font-family:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--background-dark)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-light)}@media (prefers-color-scheme:dark){html{--csstools-color-scheme--light: ;color-scheme:dark}}.button.recording{background-color:#ff4040!important}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,64,64,.7)}70%{box-shadow:0 0 0 10px rgba(255,64,64,0)}to{box-shadow:0 0 0 0 rgba(255,64,64,0)}}.recording-active{color:#ff4040!important;font-weight:700}.user-avatar{width:36px;height:36px;border-radius:50%;background-color:#5b21b6;display:flex;align-items:center;justify-content:center;margin-right:12px;flex-shrink:0}.user-icon{color:white;font-weight:700}.button.button-secondary{background-color:#4a3880;border:1px solid #6a4db0}.button.button-secondary:hover{background-color:#5d4b9a}.button.button-secondary.recording{background-color:#ff6040!important;animation:pulse-orange 1.5s infinite}@keyframes pulse-orange{0%{box-shadow:0 0 0 0 rgba(255,96,64,.7)}70%{box-shadow:0 0 0 10px rgba(255,96,64,0)}to{box-shadow:0 0 0 0 rgba(255,96,64,0)}}.button-group{display:flex;gap:10px;margin-bottom:10px}.recording-indicator{font-size:14px;color:#ff4040;font-weight:700;padding:5px 10px;border-radius:4px;background-color:rgba(255,64,64,.1);margin-left:10px;animation:pulse-text 1.5s infinite}@keyframes pulse-text{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}.secure-payment{display:flex;align-items:center;justify-content:center;margin-top:12px;font-size:14px;color:#666;color:var(--text-secondary,#666)}.secure-payment svg{margin-right:8px;color:#38bdf8;color:var(--accent-color,#38bdf8)}.checkout-container{display:flex;flex-direction:column;align-items:center;margin-top:32px;padding:16px;border-radius:8px;background-color:#f8f9fa;background-color:var(--card-bg,#f8f9fa);box-shadow:0 2px 8px rgba(0,0,0,.05)}.subscription-note{background-color:rgba(25,118,210,.08);border-left:3px solid #1976d2;padding:10px 15px;margin:15px 0;border-radius:4px}.subscription-note p{color:#1976d2;font-size:.9rem;margin:0}.payment-success-container{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 120px);padding:30px 20px;position:relative;z-index:10}.payment-success-card{background:rgba(255,255,255,.95);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:30px;width:100%;max-width:500px;text-align:center;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.18)}.payment-error,.payment-loading,.payment-success{display:flex;flex-direction:column;align-items:center;gap:20px}.spinner{width:40px;height:40px;border:3px solid rgba(25,118,210,.2);border-top-color:#1976d2;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.error-icon,.success-icon{width:80px;height:80px;display:flex;justify-content:center;align-items:center;margin-bottom:10px}.plan-details{background-color:rgba(0,0,0,.03);padding:15px 20px;border-radius:8px;text-align:left;width:100%;margin:10px 0}.plan-details h3{margin-top:0;margin-bottom:15px;font-size:1.1rem;color:#333}.plan-details p{margin:8px 0;font-size:.95rem}.redirect-message{font-size:.9rem;color:#666;margin:15px 0}.action-buttons{display:flex;gap:15px;justify-content:center;margin-top:15px}.button.primary{background-color:#1976d2;color:white;padding:10px 20px;border-radius:6px;font-weight:500;-webkit-text-decoration:none;text-decoration:none;transition:background-color .2s}.button.primary:hover{background-color:#1565c0}.button.secondary{background-color:transparent;color:#1976d2;padding:10px 20px;border-radius:6px;font-weight:500;-webkit-text-decoration:none;text-decoration:none;border:1px solid #1976d2;transition:background-color .2s}.button.secondary:hover{background-color:rgba(25,118,210,.08)}.debug-info{margin-top:20px;padding:10px;background-color:#f5f5f5;border-radius:4px;font-size:10px;color:#666;text-align:left;white-space:pre-line}.activate-plan-button{display:flex;align-items:center;justify-content:center;background-color:#4f46e5;color:white;padding:8px 16px;border-radius:6px;border:none;font-weight:600;font-size:14px;cursor:pointer;margin:8px 0;transition:background-color .2s,transform .1s;width:100%}.activate-plan-button:hover{background-color:#4338ca;transform:translateY(-1px)}.activate-plan-button:active{transform:translateY(0)}.activate-plan-button:disabled{background-color:#818cf8;cursor:not-allowed;opacity:.7}.sync-button.sync-success{color:#10b981;animation:pulse-success 1s}@keyframes pulse-success{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}