@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);:root{--primary-color:#007bff;--primary-hover:#0069d9;--secondary-color:#6c757d;--success-color:#28a745;--danger-color:#dc3545;--bg-color:#ffffff;--text-color:#212529;--border-color:#e5e5e5;--input-bg:#ffffff;--placeholder-color:#6B6B6B;--message-user-bg:#f0f7ff;--message-assistant-bg:#ffffff;--header-bg:#f8f9fa;--chat-bg:#f9f9f9;--font-primary:'Inter', 'Söhne', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, Ubuntu, Cantarell, 'Noto Sans', sans-serif;--border-radius-sm:8px;--border-radius-md:12px;--border-radius-lg:16px;--transition-speed:0.3s;--shadow-sm:0 2px 4px rgba(0, 0, 0, 0.05);--shadow-md:0 4px 6px rgba(0, 0, 0, 0.1);--shadow-lg:0 10px 15px rgba(0, 0, 0, 0.1)}@media (prefers-color-scheme:dark){:root{--primary-color:#0d6efd;--primary-hover:#0b5ed7;--bg-color:#1a1a1a;--text-color:#f8f9fa;--border-color:#2d2d2d;--input-bg:#2d2d2d;--placeholder-color:#adb5bd;--message-user-bg:#193d5c;--message-assistant-bg:#2d2d2d;--header-bg:#212529;--chat-bg:#121212}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-primary);color:var(--text-color);background:var(--bg-color);line-height:1.6}.chatgpt-container{display:flex;flex-direction:column;height:90vh;max-height:800px;background:var(--bg-color);max-width:900px;margin:2rem auto;border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);font-family:var(--font-primary);overflow:hidden;transition:all var(--transition-speed) ease}.chatgpt-header{padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);background:var(--header-bg);display:flex;justify-content:space-between;align-items:center}.chatgpt-brand{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--primary-color)}.chatgpt-brand img{height:28px;width:auto}.model-selector{position:relative;width:200px}#chatgpt-model{width:100%;padding:8px 12px;background:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-color);font-size:14px;cursor:pointer;appearance:none;-webkit-appearance:none;transition:all var(--transition-speed) ease}#chatgpt-model:hover{border-color:var(--primary-color);box-shadow:var(--shadow-sm)}#chatgpt-model:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgb(0 123 255 / .25)}.chatgpt-messages{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;background:var(--chat-bg)}.message{display:flex;max-width:85%;padding:15px;border-radius:var(--border-radius-md);line-height:1.5;white-space:pre-wrap;word-wrap:break-word;transition:all var(--transition-speed) ease;position:relative;animation:messageAppear 0.3s ease-out}@keyframes messageAppear{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user{background-color:var(--message-user-bg);border:1px solid rgb(0 123 255 / .2);margin-left:auto;border-bottom-left-radius:4px;box-shadow:0 2px 5px rgb(0 123 255 / .05)}.message.assistant{background-color:var(--message-assistant-bg);border:1px solid var(--border-color);margin-right:auto;border-bottom-right-radius:4px;box-shadow:var(--shadow-sm)}.message-avatar{width:28px;height:28px;border-radius:50%;position:absolute;top:-10px;background:var(--primary-color);display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:700}.message.user .message-avatar{left:-14px;background:var(--primary-color)}.message.assistant .message-avatar{right:-14px;background:var(--secondary-color)}.message-content{width:100%}.message-actions{display:flex;gap:.5rem;margin-top:.5rem;opacity:0;transition:opacity 0.2s ease}.message:hover .message-actions{opacity:1}.message-action-btn{background:#fff0;border:none;color:var(--secondary-color);font-size:12px;cursor:pointer;padding:2px 5px;border-radius:3px}.message-action-btn:hover{background:rgb(0 0 0 / .05);color:var(--primary-color)}.chatgpt-input{position:relative;padding:1.5rem;border-top:1px solid var(--border-color);background:var(--bg-color)}.input-wrapper{position:relative;border:1px solid var(--border-color);border-radius:var(--border-radius-lg);background:var(--input-bg);box-shadow:var(--shadow-sm);transition:all var(--transition-speed) ease}.input-wrapper:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px rgb(0 123 255 / .25)}#chatgpt-prompt{width:100%;min-height:48px;max-height:200px;padding:14px 50px 14px 16px;border:none;background:#fff0;color:var(--text-color);resize:none;font-size:1rem;line-height:1.5;font-family:var(--font-primary)}#chatgpt-prompt::placeholder{color:var(--placeholder-color)}#chatgpt-prompt:focus{outline:none}#chatgpt-submit{position:absolute;right:8px;bottom:8px;width:36px;height:36px;border:none;background:var(--primary-color);cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all var(--transition-speed) ease;box-shadow:var(--shadow-sm)}#chatgpt-submit:hover{background:var(--primary-hover);transform:scale(1.05)}#chatgpt-submit svg{width:20px;height:20px;color:#fff}.typing-indicator{display:flex;gap:.5rem;padding:15px;background:var(--message-assistant-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-md);margin-right:auto;align-items:center;max-width:85%;box-shadow:var(--shadow-sm);animation:messageAppear 0.3s ease-out}.typing-dot{width:8px;height:8px;background:var(--primary-color);border-radius:50%;animation:typing 1.5s infinite;opacity:.7}.typing-dot:nth-child(2){animation-delay:0.5s}.typing-dot:nth-child(3){animation-delay:1s}@keyframes typing{0%,100%{transform:translateY(0);opacity:.7}50%{transform:translateY(-5px);opacity:1}}#chatgpt-submit:disabled{opacity:.5;cursor:not-allowed;background:var(--secondary-color)}.input-wrapper:has(textarea:disabled){opacity:.7}.empty-state{text-align:center;padding:3rem 2rem;color:var(--placeholder-color);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;height:100%}.empty-state-icon{font-size:3rem;color:var(--primary-color);opacity:.3}.empty-state-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem}.empty-state-text{max-width:400px;margin:0 auto;line-height:1.6}.chatgpt-messages::-webkit-scrollbar{width:6px}.chatgpt-messages::-webkit-scrollbar-track{background:#fff0}.chatgpt-messages::-webkit-scrollbar-thumb{background-color:rgb(0 0 0 / .2);border-radius:3px}.chatgpt-messages::-webkit-scrollbar-thumb:hover{background-color:rgb(0 0 0 / .3)}@media (max-width:768px){.chatgpt-container{height:100vh;max-height:none;margin:0;border-radius:0;border:none}.message{max-width:90%}.chatgpt-header{padding:.75rem}}.chatgpt-reset{background:#fff0;border:none;color:var(--secondary-color);padding:5px 10px;border-radius:var(--border-radius-sm);cursor:pointer;font-size:14px;display:flex;align-items:center;gap:5px;transition:all var(--transition-speed) ease}.chatgpt-reset:hover{color:var(--danger-color);background:rgb(220 53 69 / .1)}.chatgpt-reset svg{width:14px;height:14px}.quick-prompts{display:flex;gap:.5rem;overflow-x:auto;padding:.5rem 0;margin-bottom:1rem;-ms-overflow-style:none;scrollbar-width:none}.quick-prompts::-webkit-scrollbar{display:none}.quick-prompt{background:var(--bg-color);border:1px solid var(--border-color);border-radius:20px;padding:.5rem 1rem;font-size:.85rem;white-space:nowrap;cursor:pointer;transition:all var(--transition-speed) ease}.quick-prompt:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.message-content pre{margin:12px 0;padding:0;overflow:auto;background:#f6f8fa;border-radius:6px;border:1px solid #e1e4e8}.message-content code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:85%;padding:.2em .4em;margin:0;background-color:rgb(27 31 35 / .05);border-radius:3px}.message-content pre>code{font-size:85%;padding:16px;background-color:#fff0;border:0;display:block;line-height:1.45;overflow-x:auto}.message-content table{border-collapse:collapse;width:100%;margin:15px 0;overflow-x:auto;display:block}.message-content th,.message-content td{border:1px solid #dfe2e5;padding:8px 12px;text-align:left}.message-content th{background-color:#f6f8fa;font-weight:600}.message-content tr:nth-child(even){background-color:#f8f9fa}.message-content h1,.message-content h2,.message-content h3,.message-content h4,.message-content h5,.message-content h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.message-content h1{font-size:2em;border-bottom:1px solid #eaecef;padding-bottom:.3em}.message-content h2{font-size:1.5em;border-bottom:1px solid #eaecef;padding-bottom:.3em}.message-content h3{font-size:1.25em}.message-content h4{font-size:1em}.message-content ul,.message-content ol{padding-left:2em;margin:1em 0}.message-content ul ul,.message-content ul ol,.message-content ol ul,.message-content ol ol{margin:0}.message-content li{margin:.25em 0}.message-content li>p{margin-top:1em}.message-content blockquote{padding:0 1em;color:#6a737d;border-left:.25em solid var(--primary-color);margin:0 0 16px 0}.message-content blockquote>:first-child{margin-top:0}.message-content blockquote>:last-child{margin-bottom:0}.message-content a{color:var(--primary-color);text-decoration:none}.message-content a:hover{text-decoration:underline}.copy-html-btn{margin-left:5px}.chatgpt-container[data-theme="dark"] .message-content pre,.chatgpt-container[data-theme="dark"] .message-content code{background-color:#1e1e1e;border-color:#333}.chatgpt-container[data-theme="dark"] .message-content pre>code{background-color:#fff0}.chatgpt-container[data-theme="dark"] .message-content th,.chatgpt-container[data-theme="dark"] .message-content td{border-color:#444}.chatgpt-container[data-theme="dark"] .message-content th{background-color:#2d2d2d}.chatgpt-container[data-theme="dark"] .message-content tr:nth-child(even){background-color:#1a1a1a}.chatgpt-container[data-theme="dark"] .message-content blockquote{color:#9e9e9e;border-left-color:var(--primary-color)}.message-content p{margin:0 0 16px 0;line-height:1.6}.message-content p:last-child{margin-bottom:0}.message-content img{max-width:100%;height:auto;margin:10px 0;border-radius:4px}