:root{--accent-color: #00FF66;--accent-light: #00DD55;--accent-dark: #00CC44;--danger-color: #FF4444;--danger-light: #FF0000;--success-color: #00FF66;--success-dark: #00DD55;--primary-blue: #0055AA;--bg-dark: #0f0f0f;--bg-medium: #1a1a1a;--bg-light: #1e1e1e;--text-primary: #ffffff;--text-secondary: #7f8c8d;--text-tertiary: #aaa;--border-color: #333;--user-message-text-color: #ffffff;--user-message-label-color: rgba(255, 245, 230, .9)}[data-theme=light]{--bg-dark: #f5f5f5;--bg-medium: #ffffff;--bg-light: #fafafa;--text-primary: #1a1a1a;--text-secondary: #666666;--text-tertiary: #888888;--border-color: #e0e0e0;--primary-blue: #0066cc}:root,[data-theme=dark],[data-theme=light]{--danger-color: #FF4444;--danger-light: #FF0000;--success-color: #00FF66;--success-dark: #00DD55}body,#settingsModal,.modal-content,.tab-content,.profile-card,.language-option,.ui-settings-section,.theme-toggle-btn,.form-row input,.form-row select,.form-group textarea,#output{transition:background-color .3s ease,color .3s ease,border-color .3s ease}*{box-sizing:border-box}body{background:linear-gradient(135deg,var(--bg-dark) 0%,var(--bg-medium) 100%);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;color:var(--text-primary);font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:1.1em;font-weight:600;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;margin:0;transition:background .5s ease}#btn{width:160px;height:160px;border-radius:50%;border:5px solid var(--accent-color);background:color-mix(in srgb,var(--accent-color) 10%,transparent);color:var(--accent-color);font-size:1.25em;font-weight:900;letter-spacing:0;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 0 20px color-mix(in srgb,var(--accent-color) 40%,transparent);padding:15px;display:flex;align-items:center;justify-content:center;text-align:center;word-break:keep-all;overflow-wrap:normal}#btn:hover{background:color-mix(in srgb,var(--accent-color) 20%,transparent);transform:scale(1.05);box-shadow:0 0 30px color-mix(in srgb,var(--accent-color) 60%,transparent)}#btn.active{border-color:var(--danger-color);color:var(--danger-color);background:#ff444426;box-shadow:0 0 35px #f44c;transform:scale(.95)}#settingsIcon{position:fixed;top:20px;right:20px;width:40px;height:40px;cursor:pointer;color:var(--accent-color);transition:transform .3s,color .3s}#settingsIcon:hover{transform:rotate(90deg);color:var(--accent-light)}#output{margin-top:40px;width:90%;max-width:800px;height:65vh;overflow-y:auto;background:#1e1e1e80;padding:20px;border-radius:16px;border:1px solid var(--border-color);font-size:1.1em;display:flex;flex-direction:column;gap:15px;box-shadow:0 10px 40px #0006;font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif}#output::-webkit-scrollbar{width:8px}#output::-webkit-scrollbar-track{background:transparent}#output::-webkit-scrollbar-thumb{background:#444;border-radius:4px}#output::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}.status{margin-bottom:10px;color:var(--text-secondary);font-size:.9em;text-transform:uppercase}.beta-banner{position:fixed;top:50px;left:-120px;width:450px;background-color:#d32f2f;color:#fff;text-align:center;font-weight:700;font-size:13px;line-height:30px;transform:rotate(-45deg);box-shadow:0 2px 4px #0000004d;z-index:9999;pointer-events:none;text-transform:uppercase;letter-spacing:1px}.main-header{width:100%;height:64px;background-color:var(--bg-light);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 20px;box-shadow:0 2px 10px #0000001a;position:sticky;top:0;order:-1;z-index:1000}.header-left{display:flex;align-items:center;gap:15px}.cyberschooling-logo{display:flex;align-items:center;gap:12px;height:45px;position:relative;z-index:1;transition:all .3s ease;text-decoration:none}.logo-icon{position:relative;height:100%;aspect-ratio:1;flex-shrink:0}.logo-icon img{width:100%;height:100%;object-fit:contain;border-radius:8px}.logo-icon:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00d9ff;opacity:0;filter:blur(16px);border-radius:50%;z-index:-1;transition:opacity .3s ease}.cyberschooling-logo:hover .logo-icon:before{opacity:.3}.logo-text{font-family:Outfit,Inter,Poppins,sans-serif;font-weight:700;font-size:1.5rem;line-height:1;letter-spacing:-.01em;white-space:nowrap}.text-cyber{color:#1a1a1a}@media (prefers-color-scheme: dark){.text-cyber{color:#fff}}html.dark .text-cyber,body.dark .text-cyber{color:#fff}.text-schooling{color:#00d9ff}.text-app{color:#fff}.cyberschooling-logo:hover{transform:scale(1.05)}@media (max-width: 767px){.cyberschooling-logo{height:36px}.logo-text{font-size:1.25rem}}@media (min-width: 768px) and (max-width: 1024px){.cyberschooling-logo{height:45px}.logo-text{font-size:1.5rem}}@media (min-width: 1025px){.cyberschooling-logo{height:55px}.logo-text{font-size:1.75rem}}.header-right{display:flex;align-items:center;gap:15px}#settingsIconContainer{display:flex;align-items:center;justify-content:center}#settingsIcon{position:static!important;width:24px;height:24px;color:var(--text-secondary);transition:color .3s ease,transform .3s ease}#settingsIcon:hover{color:var(--text-primary);transform:rotate(45deg)}body{justify-content:flex-start!important}.chat-message{max-width:80%;padding:12px 18px;border-radius:18px;line-height:1.5;position:relative;word-wrap:break-word;font-weight:600;animation:popIn .3s cubic-bezier(.175,.885,.32,1.275)}.bot-message{align-self:flex-end;background:var(--primary-blue);color:var(--text-primary);border-bottom-right-radius:2px;border-bottom-left-radius:18px;box-shadow:0 3px 8px #05a6;margin-left:20%}.bot-message:before{content:"Thorsten";display:block;font-size:.75em;color:#e0f0ff;margin-bottom:4px;font-weight:800;text-align:right}.user-message{align-self:flex-start;background:var(--accent-color);color:var(--user-message-text-color, var(--text-primary));border-bottom-left-radius:2px;border-bottom-right-radius:18px;box-shadow:0 3px 8px color-mix(in srgb,var(--accent-color) 40%,transparent);margin-right:20%}.user-message:before{content:"Du";display:block;font-size:.75em;color:var(--user-message-label-color, #fff5e6);margin-bottom:4px;font-weight:800;text-align:left}.modal-buttons{display:flex;gap:15px;justify-content:flex-end;margin-top:20px}.modal-btn{padding:12px 30px;border:2px solid var(--accent-color);border-radius:8px;background:transparent;color:var(--accent-color);font-size:1em;cursor:pointer;transition:all .3s;font-weight:800}.modal-btn:hover{background:var(--accent-color);color:var(--bg-dark);transform:translateY(-2px);box-shadow:0 5px 10px color-mix(in srgb,var(--accent-color) 50%,transparent)}.modal-btn.primary{background:var(--accent-color);color:var(--bg-dark)}.modal-btn.primary:hover{background:var(--accent-light);border-color:var(--accent-light)}.modal-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.profile-btn{padding:6px 12px;border:2px solid var(--accent-color);border-radius:5px;background:transparent;color:var(--accent-color);font-size:.85em;font-weight:700;cursor:pointer;transition:all .2s}.profile-btn:hover{background:var(--accent-color);color:var(--bg-dark)}.profile-btn.danger{border-color:var(--danger-color);color:var(--danger-color)}.profile-btn.danger:hover{background:var(--danger-color);color:#fff}.profile-btn.success{border-color:var(--success-color);color:var(--success-color)}.profile-btn.success:hover{background:var(--success-color);color:var(--bg-dark)}.add-profile-btn{width:100%;padding:15px;margin-top:15px;border:3px dashed var(--accent-color);border-radius:10px;background:transparent;color:var(--accent-color);font-size:1em;font-weight:700;cursor:pointer;transition:all .3s}.add-profile-btn:hover{background:color-mix(in srgb,var(--accent-color) 15%,transparent)}.profile-list{display:flex;flex-direction:column;gap:12px;max-height:300px;overflow-y:auto;padding-right:5px}.profile-card{background:var(--bg-dark);border:2px solid var(--border-color);border-radius:10px;padding:15px;transition:all .3s}.profile-card.active{border-color:var(--success-color);border-width:3px}.profile-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.profile-name{font-weight:800;color:var(--accent-color);display:flex;align-items:center;gap:8px}.active-badge{width:18px;height:18px;background:var(--success-color);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 15px #0f6c;animation:pulse 2s infinite}.active-badge:after{content:"✓";color:var(--bg-dark);font-size:12px;font-weight:700}.active-label{background:var(--success-color);color:var(--bg-dark);padding:4px 10px;border-radius:20px;font-size:.75em;font-weight:900;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 0 20px color-mix(in srgb,var(--success-color) 70%,transparent);animation:pulse 2s infinite}.active-indicator{background:#00ff6640;color:var(--success-color);padding:6px 12px;border-radius:5px;font-size:.85em;font-weight:800;border:2px solid var(--success-color)}.profile-model{color:var(--text-secondary);font-size:.9em}.profile-actions{display:flex;gap:8px}.empty-state{text-align:center;color:var(--text-secondary);padding:40px 20px}.form-group{margin-bottom:20px}.form-group label{display:block;color:var(--accent-color);margin-bottom:10px;font-weight:800}.form-group textarea{width:100%;min-height:200px;background:var(--bg-dark);border:2px solid var(--accent-color);border-radius:8px;color:var(--text-primary);padding:15px;font-family:Courier New,monospace;font-size:.95em;font-weight:600;resize:vertical;box-sizing:border-box}.form-group textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 15px color-mix(in srgb,var(--accent-color) 50%,transparent)}.form-row{margin-bottom:15px}.form-row label{display:block;color:#bbb;margin-bottom:5px;font-size:.9em}.form-row input,.form-row select{width:100%;padding:10px 12px;background:var(--bg-dark);border:2px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.95em;box-sizing:border-box}.form-row input:focus,.form-row select:focus{outline:none;border-color:var(--accent-color)}.form-row select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 10px center;background-size:16px;padding-right:35px}.form-row select option{background:var(--bg-dark);color:var(--text-primary);padding:10px}.password-wrapper{position:relative}.password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:.9em}.password-toggle:hover{color:var(--accent-color)}.form-buttons{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.profile-form{display:none;background:var(--bg-medium);border:3px solid var(--accent-color);border-radius:10px;padding:20px;margin-top:15px}.profile-form.show{display:block}.profile-form h3{color:var(--accent-color);margin:0 0 15px;font-size:1.1em;font-weight:800}.status-message{margin-top:15px;padding:10px 15px;border-radius:8px;font-size:.9em;display:none}.status-message.success{background:#2ecc714d;border:2px solid #2ecc71;color:#2ecc71;font-weight:700;display:block}.status-message.error{background:#e74c3c4d;border:2px solid var(--danger-color);color:var(--danger-color);font-weight:700;display:block}.language-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:20px}@media (min-width: 768px){.language-grid{grid-template-columns:repeat(3,1fr)}}.language-option{background:var(--bg-dark);border:2px solid var(--border-color);border-radius:12px;padding:20px;text-align:center;cursor:pointer;transition:all .3s;display:flex;flex-direction:column;align-items:center;gap:10px}.language-option:hover{border-color:var(--accent-color);background:color-mix(in srgb,var(--accent-color) 10%,transparent);transform:translateY(-3px)}.language-option.active{border-color:var(--success-color);background:#00ff6626;box-shadow:0 0 20px #00ff664d}.language-flag{font-size:3em;line-height:1}.language-name{font-size:1.1em;font-weight:700;color:var(--text-primary)}.language-option.active .language-name{color:var(--success-color)}.language-description{color:var(--text-tertiary);font-size:.95em;margin-bottom:15px;text-align:center}.color-selector-container{display:flex;align-items:center;gap:12px;background:var(--bg-medium);border:2px solid var(--border-color);border-radius:8px;padding:6px 12px;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);min-width:120px}.color-selector-container:hover{border-color:var(--accent-color);background:var(--bg-light);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.color-preview{width:24px;height:24px;border-radius:4px;border:1.5px solid rgba(255,255,255,.2);box-shadow:inset 0 0 5px #00000080}.color-hex{font-family:Courier New,monospace;font-weight:800;color:#eee;font-size:.95em;-webkit-user-select:none;user-select:none}.mini-modal{display:none;position:fixed;z-index:3000;left:0;top:0;width:100%;height:100%;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center}.mini-modal-content{background-color:var(--bg-medium);border:3px solid var(--accent-color);border-radius:12px;padding:20px;width:320px;box-shadow:0 15px 40px #000c,0 0 20px color-mix(in srgb,var(--accent-color) 10%,transparent);animation:modalPop .3s cubic-bezier(.175,.885,.32,1.275);position:relative}.mini-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #333}.mini-modal-header span{font-weight:800;color:var(--accent-color);font-size:1.1em}.mini-close-btn{background:none;border:none;color:#888;font-size:2em;cursor:pointer;transition:all .3s;line-height:.5;padding:0;margin-bottom:5px}.mini-close-btn:hover{color:var(--danger-color);transform:rotate(90deg)}.color-picker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}.color-preset{width:50px;height:50px;border-radius:50%;cursor:pointer;border:3px solid transparent;transition:all .2s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 3px 10px #00000080}.color-preset:hover{transform:scale(1.15);border-color:#fffc;box-shadow:0 5px 15px #fff3}.color-name-display{text-align:center;margin-bottom:15px;font-weight:800;color:var(--accent-color);font-size:1.1em;min-height:1.2em;text-shadow:0 0 10px color-mix(in srgb,var(--accent-color) 30%,transparent)}.custom-color-container{padding-top:15px;border-top:1px solid #333}.ai-control-hint{margin-top:30px;padding:15px;background:rgba(var(--accent-rgb, 255, 140, 0),.1);border:2px solid var(--accent-color);border-radius:10px;transition:all .3s ease}.hint-title{color:var(--accent-color);font-weight:800;margin-bottom:5px;font-size:1.1em}.permission-label{color:var(--accent-color);font-weight:800;font-size:1.1em;margin-bottom:5px}.ai-permission-card{background:var(--bg-dark);border:2px solid var(--border-color);border-radius:10px;padding:20px;transition:background-color .3s ease,border-color .3s ease}.permission-description{color:var(--text-tertiary);font-size:.9em}.ai-test-select{background:var(--bg-medium);color:var(--text-primary);border:1px solid var(--border-color);padding:5px 10px;border-radius:4px}.ai-permission-checkbox{width:24px;height:24px;cursor:pointer;accent-color:var(--accent-color)}.hint-text{color:#ccc;font-size:.95em;line-height:1.4}@keyframes modalPop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.ui-settings-section{margin-bottom:35px;padding:20px;background:var(--bg-dark);border:2px solid var(--border-color);border-radius:12px}.ui-setting-label{display:block;color:var(--accent-color);font-weight:800;font-size:1.1em;margin-bottom:10px}.ui-setting-description{color:var(--text-tertiary);font-size:.9em;margin-bottom:15px}.theme-toggle-container{display:flex;gap:15px;margin-top:15px}.theme-toggle-btn{flex:1;padding:15px 20px;background:var(--bg-medium);border:2px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:1em;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;justify-content:center;gap:10px}.theme-toggle-btn:hover{border-color:var(--accent-color);background:color-mix(in srgb,var(--accent-color) 10%,var(--bg-medium));transform:translateY(-3px);box-shadow:0 5px 15px #0000004d}.theme-toggle-btn.active{border-color:var(--accent-color);background:var(--accent-color);color:var(--bg-dark);box-shadow:0 0 20px color-mix(in srgb,var(--accent-color) 40%,transparent)}.theme-icon{font-size:1.5em}.theme-color-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:15px}@media (min-width: 768px){.theme-color-picker{grid-template-columns:repeat(6,1fr)}}.theme-color-option{width:100%;aspect-ratio:1;border-radius:12px;cursor:pointer;border:3px solid transparent;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 3px 10px #00000080;position:relative}.theme-color-option:hover{transform:scale(1.1);border-color:#fff9;box-shadow:0 5px 20px #fff3}.theme-color-option.active{border-color:#fff;box-shadow:0 0 25px #ffffff80;transform:scale(1.05)}.theme-color-option.active:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:1.5em;font-weight:700;text-shadow:0 0 5px rgba(0,0,0,.8),0 0 10px rgba(0,0,0,.5)}.background-picker{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:15px}@media (min-width: 768px){.background-picker{grid-template-columns:repeat(3,1fr)}}.background-option{position:relative;aspect-ratio:16/9;border-radius:12px;cursor:pointer;border:3px solid transparent;overflow:hidden;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 3px 10px #00000080}.background-option:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0000004d;transition:background .3s;z-index:1}.background-option:hover{transform:scale(1.05);border-color:var(--accent-color);box-shadow:0 5px 20px #fff3}.background-option:hover:before{background:#0000001a}.background-option.active{border-color:var(--success-color);box-shadow:0 0 25px color-mix(in srgb,var(--success-color) 50%,transparent);transform:scale(1.03)}.background-option.active:after{content:"✓";position:absolute;top:10px;right:10px;width:30px;height:30px;background:var(--success-color);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--bg-dark);font-size:1.2em;font-weight:700;box-shadow:0 0 15px #0f6c;z-index:3}.background-preview{width:100%;height:100%;object-fit:cover}.background-label{position:absolute;bottom:0;left:0;right:0;padding:12px;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);color:#fff;font-weight:700;font-size:.9em;text-align:center;z-index:2}.background-option.color-option{background:linear-gradient(135deg,var(--bg-dark) 0%,var(--bg-medium) 50%,var(--bg-light) 100%);display:flex;align-items:center;justify-content:center}.background-option.color-option:before{display:none}.color-picker-icon{font-size:3em;z-index:2;position:relative}.search-container{position:relative;margin-right:15px;display:flex;align-items:center}.search-container input{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:8px 35px 8px 15px;color:#fff;font-size:.9em;width:200px;transition:all .3s ease}.search-container input:focus{outline:none;background:#fff3;border-color:#ffffff80;width:240px;box-shadow:0 0 10px #ffffff1a}.search-container input::placeholder{color:#fff9}.search-icon{position:absolute;right:12px;color:#fff9;pointer-events:none}@media (max-width: 600px){.search-container input{width:120px}.search-container input:focus{width:160px}}.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:2500;background:linear-gradient(135deg,var(--bg-dark) 0%,var(--bg-medium) 100%);border-top:3px solid var(--accent-color);box-shadow:0 -5px 30px #000c,0 0 20px color-mix(in srgb,var(--accent-color) 20%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translateY(100%);transition:transform .5s cubic-bezier(.68,-.55,.265,1.55)}.cookie-banner.show{transform:translateY(0)}.cookie-banner.hidden{transform:translateY(100%)}.cookie-banner-content{max-width:1200px;margin:0 auto;padding:25px 30px;display:flex;align-items:center;justify-content:space-between;gap:30px}.cookie-message{flex:1;margin:0;color:var(--text-primary);font-size:1em;font-weight:600;line-height:1.5}.cookie-accept-btn{padding:12px 35px;background:var(--accent-color);color:var(--bg-dark);border:2px solid var(--accent-color);border-radius:8px;font-size:1em;font-weight:800;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);white-space:nowrap;box-shadow:0 4px 15px color-mix(in srgb,var(--accent-color) 40%,transparent)}.cookie-accept-btn:hover{background:var(--accent-light);border-color:var(--accent-light);transform:translateY(-2px);box-shadow:0 6px 20px color-mix(in srgb,var(--accent-color) 50%,transparent)}.cookie-accept-btn:active{transform:translateY(0)}@media (max-width: 768px){.cookie-banner-content{flex-direction:column;align-items:stretch;gap:20px;padding:20px}.cookie-message{text-align:center;font-size:.95em}.cookie-accept-btn{width:100%;padding:15px}}@media (max-width: 480px){.cookie-banner-content{padding:15px}.cookie-message{font-size:.9em}}.credit-display-container{display:flex;flex-direction:column;align-items:center;gap:4px}.credit-label{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#6b7280;font-weight:600}.credit-progress-wrapper{display:flex;align-items:center;gap:10px}.credit-bar{width:64px;height:8px;background:#1f2937;border-radius:9999px;overflow:hidden;position:relative}.credit-bar-fill{height:100%;background:#3b82f6;transition:width .5s ease;border-radius:9999px}.credit-minutes{font-size:14px;font-family:Courier New,monospace;color:#60a5fa;font-weight:700;white-space:nowrap}.profile-menu-container{position:relative;display:inline-block}.profile-image-btn{width:36px;height:36px;border-radius:50%;border:2px solid #374151;cursor:pointer;transition:all .3s ease;display:block}.profile-image-btn:hover{border-color:#3b82f6;transform:scale(1.05)}.profile-dropdown{position:absolute;right:0;margin-top:8px;width:224px;padding:8px 0;background:#111;border:1px solid #374151;border-radius:12px;box-shadow:0 20px 25px -5px #000c,0 10px 10px -5px #0006;opacity:0;visibility:hidden;transition:all .2s ease;z-index:50}.profile-menu-container:hover .profile-dropdown{opacity:1;visibility:visible}.profile-dropdown-header{padding:8px 16px;border-bottom:1px solid #374151;margin-bottom:8px}.profile-dropdown-email{font-size:12px;color:#6b7280;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-menu-item{width:100%;text-align:left;padding:8px 16px;font-size:14px;background:transparent;border:none;color:var(--text-primary);cursor:pointer;transition:background-color .2s ease;display:block}.profile-menu-item:hover{background:#1f2937}.profile-menu-item.danger{color:#ef4444}.profile-menu-item.danger:hover{background:#ef44441a}.profile-dropdown-divider{border-top:1px solid #374151;margin:8px 0}@media (max-width: 768px){.credit-display-container{margin-right:12px}.credit-bar{width:48px}.credit-minutes{font-size:12px}}#settingsModal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;z-index:1000;animation:fadeIn .3s}#settingsModal.show{display:flex;align-items:center;justify-content:center}.modal-content{background:var(--bg-light);border:3px solid var(--accent-color);border-radius:15px;width:95%;max-width:1000px;max-height:90vh;padding:30px;position:relative;animation:slideIn .3s;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:2px solid var(--accent-color);padding-bottom:10px}.modal-header h2{margin:0;color:var(--accent-color);font-size:1.5em;font-weight:800}.close-btn{background:none;border:none;color:var(--accent-dark);font-size:1.8em;cursor:pointer;transition:color .3s,transform .3s;padding:0;width:30px;height:30px;line-height:1}.close-btn:hover{color:#c0392b;transform:rotate(90deg)}.settings-tabs{display:flex;gap:0;margin-bottom:20px;border-bottom:2px solid var(--border-color)}.settings-tab{padding:12px 24px;background:transparent;border:none;color:var(--text-secondary);font-size:1em;cursor:pointer;transition:all .3s;border-bottom:2px solid transparent;margin-bottom:-2px}.settings-tab:hover{color:var(--accent-color)}.settings-tab.active{color:var(--accent-color);font-weight:700;border-bottom-color:var(--accent-color)}.tab-content{display:none}.tab-content.active{display:block}#chatIcon{position:fixed;bottom:30px;right:30px;width:70px;height:70px;background:var(--primary-blue);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 20px color-mix(in srgb,var(--primary-blue) 40%,transparent);transition:all .3s cubic-bezier(.175,.885,.32,1.275);z-index:900;animation:popIn .5s ease-out}#chatIcon svg{width:35px;height:35px;color:#fff}#chatIcon:hover{transform:scale(1.1);box-shadow:0 6px 30px color-mix(in srgb,var(--primary-blue) 60%,transparent)}#chatIcon.hidden{display:none}.chat-modal{position:fixed;top:74px;bottom:10px;right:10px;width:25vw;max-width:none;max-height:none;background:var(--bg-medium);border:2px solid var(--accent-color);border-radius:15px;overflow:hidden;box-shadow:-10px 0 40px #0006;z-index:950;display:flex;flex-direction:column;animation:slideUpChat .4s cubic-bezier(.175,.885,.32,1.275)}.chat-modal.hidden,.chat-modal.minimized{display:none}.chat-modal-content{display:flex;flex-direction:column;height:100%}.chat-modal-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:2px solid var(--accent-color);background:var(--bg-light);border-radius:0}.chat-modal-header h3{margin:0;color:var(--accent-color);font-size:1.2em;font-weight:800}.chat-modal-controls{display:flex;gap:10px}.chat-modal-header #btn{width:auto;height:36px;border-radius:6px;border:2px solid var(--accent-color);background:transparent;color:var(--accent-color);font-size:.9em;font-weight:700;padding:0 15px;margin-right:15px;box-shadow:none;display:inline-flex;align-items:center;justify-content:center}.chat-modal-header #btn:hover{background:var(--accent-color);color:var(--bg-dark);transform:translateY(-2px);box-shadow:0 4px 10px color-mix(in srgb,var(--accent-color) 40%,transparent)}.chat-modal-header #btn.active{border-color:var(--danger-color);color:var(--danger-color);background:transparent;box-shadow:none}.chat-modal-header #btn.active:hover{background:var(--danger-color);color:#fff}.chat-control-btn{width:32px;height:32px;background:transparent;border:2px solid var(--accent-color);border-radius:50%;color:var(--accent-color);font-size:1.3em;font-weight:700;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;line-height:1;padding:0}.chat-control-btn:hover{background:var(--accent-color);color:var(--bg-dark);transform:scale(1.1)}.chat-modal-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;overflow-y:hidden;gap:0}.chat-modal-body .status{width:100%;text-align:center;padding:10px;background:var(--bg-dark);color:var(--accent-color);font-weight:700;border-bottom:1px solid var(--border-color)}.chat-modal-footer{padding:15px 20px;background:var(--bg-light);border-top:1px solid var(--border-color)}.chat-input-container{display:flex;gap:10px;align-items:flex-end}#chatInput{flex:1;background:var(--bg-dark);border:2px solid var(--border-color);border-radius:8px;padding:10px 15px;color:var(--text-primary);font-size:.95em;font-family:inherit;resize:none;max-height:100px;min-height:44px;line-height:1.5;transition:border-color .3s}#chatInput:focus{outline:none;border-color:var(--accent-color)}.send-btn{width:44px;height:44px;border-radius:8px;background:var(--accent-color);border:none;color:var(--bg-dark);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.send-btn:hover{background:var(--accent-light);transform:translateY(-2px);box-shadow:0 4px 10px color-mix(in srgb,var(--accent-color) 40%,transparent)}.send-btn:active{transform:translateY(0)}.send-btn svg{width:24px;height:24px}#output{width:100%;max-width:none;margin:0;background:var(--bg-dark);border:none;border-radius:0;padding:20px;min-height:100px;flex:1;overflow-y:auto;color:var(--text-primary);font-size:.95em;line-height:1.6;box-sizing:border-box;transition:border-color .3s;text-align:left;box-shadow:inset 0 2px 10px #0003}#output:hover{border-color:var(--accent-color)}@media (max-width: 768px){.chat-modal{width:calc(100vw - 40px);max-height:calc(100vh - 100px);bottom:20px;right:20px}#chatIcon{bottom:20px;right:20px;width:60px;height:60px}#chatIcon svg{width:30px;height:30px}}@keyframes slideUpChat{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes popIn{0%{transform:scale(0);opacity:0}70%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.8) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes slideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%,to{box-shadow:0 0 10px #2ecc7199}50%{box-shadow:0 0 20px #2ecc71e6}}@keyframes confetti-fall{to{transform:translateY(100vh) rotate(720deg);opacity:0}}@keyframes flash-fade{0%{opacity:.8}to{opacity:0}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-10px)}20%,40%,60%,80%{transform:translate(10px)}}@keyframes slideInRight{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideDownBanner{0%{transform:translateY(-100%)}to{transform:translateY(0)}}#confettiContainer{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;overflow:hidden}.confetti{position:absolute;width:10px;height:10px;background:var(--accent-color);top:-10px;opacity:1;animation:confetti-fall linear forwards}.screen-flash{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9998;animation:flash-fade .5s ease-out}body.shake{animation:shake .5s}.notification-banner{position:fixed;top:0;left:0;width:100%;padding:20px;background:linear-gradient(135deg,var(--accent-color) 0%,var(--accent-light) 100%);color:#fff;text-align:center;font-size:1.2em;font-weight:800;z-index:10001;box-shadow:0 4px 15px #00000080;animation:slideDownBanner .5s ease-out}#toastContainer{position:fixed;top:80px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:10px;max-width:600px}.toast{background:#ff4444f2;border:3px solid var(--danger-color);border-left:6px solid var(--danger-light);border-radius:8px;padding:18px 24px;color:#fff;font-size:1.1em;font-weight:700;box-shadow:0 5px 15px #0009;animation:slideInRight .3s ease-out;display:flex;align-items:start;gap:12px;min-width:450px;max-width:600px}.toast.success{background:#00ff66f2;border:3px solid var(--success-color);border-left:6px solid var(--success-dark)}.toast.info{background:#0055aaf2;border:3px solid var(--primary-blue);border-left:6px solid #004080}.toast-icon{font-size:1.3em;flex-shrink:0}.toast-content{flex:1}.toast-title{font-weight:900;margin-bottom:5px;font-size:1.1em}.toast-message{font-size:1em;line-height:1.5;word-wrap:break-word}.toast-close{background:none;border:none;color:#fff;font-size:1.2em;cursor:pointer;padding:0;width:20px;height:20px;line-height:1;opacity:.7;transition:opacity .2s;flex-shrink:0}.toast-close:hover{opacity:1}[dir=rtl]{direction:rtl}[dir=rtl] .chat-message{text-align:right}[dir=rtl] .user-message{align-self:flex-end;border-bottom-right-radius:2px;border-bottom-left-radius:18px}[dir=rtl] .ai-message{align-self:flex-start;border-bottom-left-radius:2px;border-bottom-right-radius:18px}[dir=rtl] .message-label.user-label{text-align:left}[dir=rtl] .message-label.ai-label{text-align:right}[dir=rtl] #settingsIcon{left:30px;right:auto}[dir=rtl] .modal-header,[dir=rtl] .modal-buttons,[dir=rtl] .form-buttons,[dir=rtl] .profile-card-header,[dir=rtl] .profile-actions{flex-direction:row-reverse}[dir=rtl] .password-toggle{left:10px;right:auto}[dir=rtl] #toastContainer{left:20px;right:auto}[dir=rtl] .toast{border-left:3px solid var(--danger-color);border-right:6px solid var(--danger-light)}[dir=rtl] .toast.success{border-left:3px solid var(--success-color);border-right:6px solid var(--success-dark)}[dir=rtl] .toast.info{border-left:3px solid var(--primary-blue);border-right:6px solid #004080}[dir=rtl] .settings-tabs{flex-direction:row-reverse}#app-grid-container{padding:2rem;max-width:1400px;margin:0 auto;z-index:1;position:relative}#app-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;width:100%}.app-card{background:#ffffffb3;border:none;border-radius:1.5rem;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.dark-mode .app-card,[data-theme=dark] .app-card{background:#0f172a99;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}.app-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.dark-mode .app-card:hover,[data-theme=dark] .app-card:hover{border-color:#3b82f680;box-shadow:0 20px 25px -5px #00000080,0 10px 10px -5px #0000004d}.app-card-preview{aspect-ratio:16/9;width:100%;background:#f1f5f9;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(226,232,240,.6)}.dark-mode .app-card-preview,[data-theme=dark] .app-card-preview{background:#020617;border-bottom-color:#ffffff0d}.app-card-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.app-card:hover .app-card-image{transform:scale(1.05)}.app-card-placeholder{color:#94a3b8}.app-card-content{padding:1.25rem}.app-card-title{font-size:1.1rem;font-weight:600;color:#0f172a;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark-mode .app-card-title,[data-theme=dark] .app-card-title{color:#f1f5f9}.app-card-desc{font-size:.875rem;color:#64748b;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.dark-mode .app-card-desc,[data-theme=dark] .app-card-desc{color:#94a3b8}.play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172a4d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.app-card:hover .play-overlay{opacity:1}.play-icon{width:48px;height:48px;background:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;transform:translateY(10px);transition:transform .2s ease}.app-card:hover .play-icon{transform:translateY(0)}.app-iframe-container{position:fixed;right:0;bottom:0;left:0;top:64px;z-index:90;background:#fff;display:flex;flex-direction:column;animation:fadeIn .3s ease-out}.dark-mode .app-iframe-container,[data-theme=dark] .app-iframe-container{background:#020617}.iframe-toolbar{height:60px;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;background:#fff;box-shadow:0 1px 2px #0000000d}.dark-mode .iframe-toolbar,[data-theme=dark] .iframe-toolbar{background:#0f172a;border-bottom-color:#ffffff0d;box-shadow:0 1px 2px #0000004d}.iframe-title{font-weight:600;font-size:1.125rem;color:#0f172a}.dark-mode .iframe-title,[data-theme=dark] .iframe-title{color:#f1f5f9}.close-iframe-btn{padding:.5rem;border-radius:.5rem;color:var(--text-secondary, #64748b);transition:all .2s;cursor:pointer;border:none;background:transparent;display:flex;align-items:center;justify-content:center}.close-iframe-btn:hover{background:var(--bg-hover, #f1f5f9);color:var(--text-primary, #0f172a)}.dark-mode .close-iframe-btn,[data-theme=dark] .close-iframe-btn{color:var(--text-secondary, #94a3b8)}.dark-mode .close-iframe-btn:hover,[data-theme=dark] .close-iframe-btn:hover{background:#ffffff1a;color:var(--text-primary, #f1f5f9)}.app-iframe{flex:1;border:none;width:100%;height:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.loading-apps{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;color:#64748b}.loading-spinner{width:40px;height:40px;border:3px solid rgba(59,130,246,.3);border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.auth-modal-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10000;align-items:center;justify-content:center}.auth-modal-content{position:relative;background:#1a1a1a;border-radius:.75rem;padding:2rem;max-width:420px;width:90%;box-shadow:0 20px 60px #00e5ff33,0 0 1px #ffffff1a;border:1px solid rgba(0,229,255,.2);animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.auth-modal-title{color:#fff;font-size:1.5rem;font-weight:600;margin:0 0 1.5rem;text-align:left}.auth-modal-close{position:absolute;top:.75rem;right:.75rem;background:transparent;border:none;color:#a0a0a0;font-size:1.5rem;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.auth-modal-close:hover{background:#ffffff1a;color:#fff}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-input-group{display:flex;flex-direction:column}.auth-input-group input{background:#242424;border:1px solid rgba(0,229,255,.3);border-radius:.5rem;padding:.875rem 1rem;font-size:1rem;color:#fff;transition:all .2s ease}.auth-input-group input::placeholder{color:#606060}.auth-input-group input:focus{outline:none;border-color:#00e5ff;box-shadow:0 0 0 3px #00e5ff1a}.auth-submit-btn{background:#00e5ff;color:#000;border:none;border-radius:.5rem;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:.5rem}.auth-submit-btn:hover{background:#0ce;box-shadow:0 0 20px #00e5ff80;transform:translateY(-1px)}.auth-submit-btn:disabled{background:#444;color:#888;cursor:not-allowed;transform:none;box-shadow:none}.auth-error{background:#ff44441a;border:1px solid rgba(255,68,68,.3);border-radius:.5rem;padding:.75rem 1rem;color:#f44;font-size:.875rem}.auth-link{color:#00e5ff;text-decoration:none;font-size:.875rem;text-align:center;margin-top:.5rem}.auth-link:hover{text-decoration:underline}[data-theme=light] .auth-modal-content{background:#fff;border-color:#0096b433;box-shadow:0 20px 60px #00000026}[data-theme=light] .auth-modal-title{color:#1a1a1a}[data-theme=light] .auth-modal-close{color:#606060}[data-theme=light] .auth-modal-close:hover{background:#0000000d;color:#1a1a1a}[data-theme=light] .auth-input-group input{background:#f5f5f5;border-color:#0096b44d;color:#1a1a1a}[data-theme=light] .auth-input-group input::placeholder{color:#a0a0a0}[data-theme=light] .auth-input-group input:focus{border-color:#00b8d4}.magic-link-loading-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10001;align-items:center;justify-content:center}.magic-link-loading-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;color:#fff;font-size:1.125rem}.magic-link-spinner{width:48px;height:48px;border:3px solid rgba(0,229,255,.2);border-top-color:#00e5ff;border-radius:50%;animation:magicLinkSpin .8s linear infinite}@keyframes magicLinkSpin{to{transform:rotate(360deg)}}[data-theme=light] .magic-link-loading-overlay{background:#fffffff2}[data-theme=light] .magic-link-loading-content{color:#1a1a1a}