.editor-v2-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:100%;height:100vh;max-height:100vh;overflow:hidden}.grammica-editor{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#fff;border-radius:.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);overflow:hidden;display:flex;flex-direction:column}.dark .grammica-editor,.grammica-editor.dark{background:#1f2937;border-color:#374151}.editorV2-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 16px;display:flex;justify-content:space-between;align-items:center}.dark .editorV2-header,.editorV2-header.dark{background:#374151;border-bottom:1px solid #4b5563}.menu-bar{gap:8px}.menu-bar,.toolbar-button{display:flex;align-items:center}.toolbar-button{justify-content:center;width:36px;height:36px;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;transition:all .15s ease;font-size:14px}.dark .toolbar-button,.toolbar-button.dark{background:#4b5563;border-color:#6b7280;color:#f9fafb}.toolbar-button:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af;transform:translateY(-1px)}.toolbar-button:active:not(:disabled){transform:translateY(0);background:#e5e7eb}.toolbar-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.dark .toolbar-button:hover:not(:disabled),.toolbar-button.dark:hover:not(:disabled){background:#6b7280;border-color:#9ca3af}.dark .toolbar-button:active:not(:disabled),.toolbar-button.dark:active:not(:disabled){background:#5b6471}.paste-button:hover:not(:disabled){background:#dbeafe;border-color:#3b82f6;color:#1d4ed8}.dark .paste-button:hover:not(:disabled),.paste-button.dark:hover:not(:disabled){background:#1e3a8a;border-color:#3b82f6;color:#93c5fd}.export-button:hover:not(:disabled){background:#dcfce7;border-color:#16a34a;color:#15803d}.dark .export-button:hover:not(:disabled),.export-button.dark:hover:not(:disabled){background:#14532d;border-color:#16a34a;color:#86efac}.editorV2-wrapper{flex:1;overflow-y:auto;position:relative;background:#fff}.dark .editorV2-wrapper,.editorV2-wrapper.dark{background:#1f2937}.editorV2-footer{padding:12px 16px;display:flex;justify-content:space-between;align-items:center;min-height:56px}.stats-container{display:flex;align-items:center;gap:16px}.readability-score{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#fff;border:1px solid #d1d5db;border-radius:20px}.dark .readability-score,.readability-score.dark{background:#4b5563;border-color:#6b7280}.score-label{font-size:12px;color:#6b7280;font-weight:500}.dark .score-label,.score-label.dark{color:#d1d5db}.score-value{font-size:14px;font-weight:700;color:#374151}.dark .score-value,.score-value.dark{color:#f9fafb}.stats-divider{width:1px;height:24px;background:#d1d5db}.dark .stats-divider,.stats-divider.dark{background:#6b7280}.text-stats{display:flex;gap:16px;align-items:center}.stat-item{flex-direction:column;text-align:center}.stat-value{font-size:16px;line-height:1}.dark .stat-value,.stat-value.dark{color:#f9fafb}.stat-label{font-size:11px;color:#6b7280;text-transform:uppercase;letter-spacing:.025em;margin-top:2px}.dark .stat-label,.stat-label.dark{color:#d1d5db}.language-indicator{display:flex;align-items:center;gap:6px;padding:4px 8px;background:#fff;border:1px solid #d1d5db;border-radius:16px;font-size:12px;color:#6b7280}.dark .language-indicator,.language-indicator.dark{background:#4b5563;border-color:#6b7280;color:#d1d5db}.analyzing-indicator{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#3b82f6;color:#fff;border-radius:20px;font-size:12px;font-weight:500}.export-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.export-modal{background:#fff;border-radius:8px;padding:0;width:90%;max-width:400px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1)}.dark .export-modal,.export-modal.dark{background:#374151;box-shadow:0 20px 25px -5px rgba(0,0,0,.3)}.export-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0}.dark .export-modal-header,.export-modal-header.dark{border-bottom-color:#4b5563}.export-modal-header h3{margin:0;font-size:18px;font-weight:600;color:#374151}.dark .export-modal-header h3,.export-modal-header.dark h3{color:#f9fafb}.export-modal-close{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.export-modal-close:hover{color:#374151}.dark .export-modal-close,.export-modal-close.dark{color:#d1d5db}.dark .export-modal-close:hover,.export-modal-close.dark:hover{color:#f9fafb}.export-modal-content{padding:24px}.export-modal-content p{margin:0 0 16px;color:#6b7280;font-size:14px}.dark .export-modal-content p,.export-modal-content.dark p{color:#d1d5db}.export-options{display:flex;flex-direction:column;gap:8px}.export-option{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;transition:all .15s ease;text-align:left;width:100%}.export-option:hover{background:#f3f4f6;border-color:#3b82f6;transform:translateY(-1px)}.dark .export-option,.export-option.dark{background:#4b5563;border-color:#6b7280}.dark .export-option:hover,.export-option.dark:hover{background:#5b6471;border-color:#3b82f6}.export-format{font-weight:600;color:#374151;font-size:14px}.dark .export-format,.export-format.dark{color:#f9fafb}.export-description{font-size:12px;color:#6b7280}.dark .export-description,.export-description.dark{color:#d1d5db}@media (max-width:768px){.editor-header{padding:8px 12px;flex-direction:column;gap:12px;align-items:stretch}.menu-bar{justify-content:center}.editor-footer{padding:8px 12px;flex-direction:column;gap:8px;align-items:stretch}.stats-container{justify-content:space-between}.text-stats{gap:12px}.language-indicator{align-self:center}}.editorV2-content{background:#fff;border:none;border-radius:0;font-size:16px;line-height:1.6;color:#374151;transition:all .2s ease;min-height:400px;padding:20px;outline:none}.editorV2-content:focus{outline:none}.dark .editorV2-content,.editorV2-content.dark{background:#1f2937;color:#f9fafb}.dark .editorV2-content:focus,.editorV2-content.dark:focus{outline:none}.dark .editorV2-content *,.editorV2-content.dark *{color:inherit}.editorV2-content:empty:before{content:attr(placeholder);color:#9ca3af;pointer-events:none;position:absolute}.dark .editorV2-content:empty:before{color:#6b7280}.editorV2-content::-moz-selection{background:#3b82f6;color:#fff}.editorV2-content::selection{background:#3b82f6;color:#fff}.dark .editorV2-content::-moz-selection{background:#1d4ed8;color:#fff}.dark .editorV2-content::selection{background:#1d4ed8;color:#fff}.editorV2-content ::-moz-selection{background:#3b82f6;color:#fff}.editorV2-content ::selection{background:#3b82f6;color:#fff}.dark .editorV2-content ::-moz-selection{background:#1d4ed8;color:#fff}.dark .editorV2-content ::selection{background:#1d4ed8;color:#fff}.editorV2-content h1{font-size:2.25em;font-weight:700;line-height:1.2;margin:.67em 0;color:#1f2937}.editorV2-content h2{font-size:1.875em;font-weight:600;line-height:1.3;margin:.75em 0;color:#1f2937}.editorV2-content h3{font-size:1.5em;font-weight:600;line-height:1.4;margin:.83em 0;color:#374151}.editorV2-content h4{font-size:1.25em;font-weight:500;line-height:1.4;margin:1em 0;color:#374151}.editorV2-content h5{font-size:1.125em;margin:1.17em 0}.editorV2-content h5,.editorV2-content h6{font-weight:500;line-height:1.4;color:#4b5563}.editorV2-content h6{font-size:1em;margin:1.33em 0}.dark .editorV2-content h1,.dark .editorV2-content h2{color:#f9fafb}.dark .editorV2-content h3,.dark .editorV2-content h4{color:#e5e7eb}.dark .editorV2-content h5,.dark .editorV2-content h6{color:#d1d5db}.editorV2-content b,.editorV2-content strong{font-weight:700;color:inherit}.editorV2-content em,.editorV2-content i{font-style:italic;color:inherit}.editorV2-content u{text-decoration:underline;color:inherit}.dark .editorV2-content b,.dark .editorV2-content em,.dark .editorV2-content i,.dark .editorV2-content strong,.dark .editorV2-content u{color:#f9fafb}.editorV2-content s,.editorV2-content strike{text-decoration:line-through}.editorV2-content mark{background-color:#fef3c7;padding:.1em .2em;border-radius:.25em}.dark .editorV2-content mark{background-color:#92400e;color:#fef3c7}.editorV2-content p{margin:1em 0;line-height:1.6;color:inherit}.editorV2-content p:first-child{margin-top:0}.editorV2-content p:last-child{margin-bottom:0}.editorV2-content br{line-height:1.6}.dark .editorV2-content p{color:#f9fafb}.editorV2-content ol,.editorV2-content ul{margin:1em 0;padding-left:2em}.editorV2-content ul{list-style-type:disc}.editorV2-content ol{list-style-type:decimal}.editorV2-content li{margin:.5em 0;line-height:1.6;color:inherit}.dark .editorV2-content li{color:#f9fafb}.editorV2-content ol ol,.editorV2-content ol ul,.editorV2-content ul ol,.editorV2-content ul ul{margin:.25em 0}.editorV2-content ul ul{list-style-type:circle}.editorV2-content ul ul ul{list-style-type:square}.editorV2-content a{color:#3b82f6;text-decoration:underline;cursor:pointer}.editorV2-content a:hover{color:#2563eb;text-decoration:none}.dark .editorV2-content a{color:#60a5fa}.dark .editorV2-content a:hover{color:#93c5fd}.editorV2-content blockquote{margin:1.5em 0;padding:1em 1.5em;border-left:4px solid #e5e7eb;background-color:#f9fafb;font-style:italic;color:#4b5563}.dark .editorV2-content blockquote{border-left-color:#4b5563;background-color:#374151;color:#d1d5db}.editorV2-content code{background-color:#f3f4f6;color:#db2777;padding:.2em .4em;border-radius:.25em;font-family:Monaco,Consolas,Courier New,monospace;font-size:.875em}.dark .editorV2-content code{background-color:#374151;color:#f472b6}.editorV2-content pre{background-color:#f3f4f6;color:#1f2937;padding:1em;border-radius:.5em;overflow-x:auto;margin:1.5em 0;font-family:Monaco,Consolas,Courier New,monospace;line-height:1.4}.dark .editorV2-content pre{background-color:#374151;color:#f9fafb}.editorV2-content pre code{background:none;color:inherit;padding:0;border-radius:0;font-size:inherit}.editorV2-content img{max-width:100%;height:auto;border-radius:.5em;margin:1em 0}.editorV2-content hr{border:none;height:2px;background-color:#e5e7eb;margin:2em 0;border-radius:1px}.dark .editorV2-content hr{background-color:#4b5563}.editorV2-content table{width:100%;border-collapse:collapse;margin:1.5em 0}.editorV2-content td,.editorV2-content th{border:1px solid #e5e7eb;padding:.75em;text-align:left}.editorV2-content th{background-color:#f9fafb;font-weight:600}.dark .editorV2-content td,.dark .editorV2-content th{border-color:#4b5563}.dark .editorV2-content th{background-color:#374151}.editorV2-content div{display:block}.editorV2-content span{display:inline}.highlight-base{padding:1px 2px;border-radius:3px;cursor:pointer;transition:all .2s ease;position:relative}.highlight-base:hover{transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.highlightV2-grammar{padding:1px 2px;border-radius:3px;cursor:pointer;transition:all .2s ease;position:relative;background-color:#fecaca!important;border-bottom:2px solid #ef4444;color:#000!important;z-index:10!important}.highlightV2-grammar:hover{background-color:#fca5a5!important}.highlightV2-grammar.active{background-color:#f87171!important;border-bottom:3px solid #dc2626}.highlightV2-factual{padding:1px 2px;border-radius:3px;cursor:pointer;transition:all .2s ease;position:relative;background-color:#bbf7d0!important;border-bottom:2px solid #22c55e;color:#000!important;z-index:5!important}.highlightV2-factual:hover{background-color:#86efac!important;transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.highlightV2-factual.active{background-color:#4ade80!important;border-bottom:3px solid #16a34a}.highlightV2-spelling{padding:1px 2px;border-radius:3px;cursor:pointer;transition:all .2s ease;position:relative;background-color:#fed7aa!important;border-bottom:2px solid #f97316;color:#000!important;z-index:4!important}.highlightV2-spelling:hover{background-color:#fdba74!important;transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.highlightV2-spelling.active{background-color:#fb923c!important;border-bottom:3px solid #ea580c}.highlightV2-weakener{padding:1px 2px;border-radius:3px;cursor:pointer;transition:all .2s ease;position:relative;background-color:#bfdbfe!important;border-bottom:2px solid #3b82f6;color:#000!important;z-index:3!important}.highlightV2-weakener:hover{background-color:#93c5fd!important;transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.highlightV2-weakener.active{background-color:#60a5fa!important;border-bottom:3px solid #2563eb}.highlightV2-complex{padding:1px 2px;border-radius:3px;cursor:pointer;transition:all .2s ease;position:relative;background-color:#e9d5ff!important;border-bottom:2px solid #9333ea;color:#000!important;z-index:2!important}.highlightV2-complex:hover{background-color:#d8b4fe!important;transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.highlightV2-complex.active{background-color:#c084fc!important;border-bottom:3px solid #7c3aed}.highlightV2-hard{padding:1px 2px;border-radius:3px;cursor:pointer;transition:all .2s ease;position:relative;background-color:#fef3c7!important;border-bottom:2px solid #eab308;color:#000!important;z-index:1!important}.highlightV2-hard:hover{background-color:#fde68a!important;transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.highlightV2-hard.active{background-color:#fde047!important;border-bottom:3px solid #ca8a04}.highlightV2-very-hard{padding:1px 2px;border-radius:3px;cursor:pointer;transition:all .2s ease;position:relative;background-color:#fbcfe8!important;border-bottom:2px solid #ec4899;color:#000!important;z-index:1}.highlightV2-very-hard:hover{background-color:#f9a8d4!important}.highlightV2-very-hard.active{background-color:#f472b6!important;border-bottom:3px solid #db2777}.dark .highlightV2-grammar,.highlightV2-grammar.dark{background-color:#ef4444!important;border-bottom:2px solid #dc2626;color:#fff!important}.dark .highlightV2-grammar:hover,.highlightV2-grammar.dark:hover{background-color:#dc2626!important}.dark .highlightV2-grammar.active,.highlightV2-grammar.dark.active{background-color:#b91c1c!important;border-bottom:3px solid #991b1b}.dark .highlightV2-factual,.highlightV2-factual.dark{background-color:#22c55e!important;border-bottom:2px solid #16a34a;color:#fff!important}.dark .highlightV2-factual:hover,.highlightV2-factual.dark:hover{background-color:#16a34a!important}.dark .highlightV2-factual.active,.highlightV2-factual.dark.active{background-color:#15803d!important;border-bottom:3px solid #166534}.dark .highlightV2-spelling,.highlightV2-spelling.dark{background-color:#f97316!important;border-bottom:2px solid #ea580c;color:#fff!important}.dark .highlightV2-spelling:hover,.highlightV2-spelling.dark:hover{background-color:#ea580c!important}.dark .highlightV2-spelling.active,.highlightV2-spelling.dark.active{background-color:#dc2626!important;border-bottom:3px solid #c2410c}.dark .highlightV2-weakener,.highlightV2-weakener.dark{background-color:#3b82f6!important;border-bottom:2px solid #2563eb;color:#fff!important}.dark .highlightV2-weakener:hover,.highlightV2-weakener.dark:hover{background-color:#2563eb!important}.dark .highlightV2-weakener.active,.highlightV2-weakener.dark.active{background-color:#1d4ed8!important;border-bottom:3px solid #1e40af}.dark .highlightV2-complex,.highlightV2-complex.dark{background-color:#9333ea!important;border-bottom:2px solid #7c3aed;color:#fff!important}.dark .highlightV2-complex:hover,.highlightV2-complex.dark:hover{background-color:#7c3aed!important}.dark .highlightV2-complex.active,.highlightV2-complex.dark.active{background-color:#6d28d9!important;border-bottom:3px solid #5b21b6}.dark .highlightV2-hard,.highlightV2-hard.dark{background-color:#fbbf24!important;border-bottom:2px solid #f59e0b;color:#000!important}.dark .highlightV2-hard:hover,.highlightV2-hard.dark:hover{background-color:#f59e0b!important}.dark .highlightV2-hard.active,.highlightV2-hard.dark.active{background-color:#f59e0b!important;border-bottom:3px solid #d97706}.dark .highlightV2-very-hard,.highlightV2-very-hard.dark{background-color:#ec4899!important;border-bottom:2px solid #db2777;color:#fff!important}.dark .highlightV2-very-hard:hover,.highlightV2-very-hard.dark:hover{background-color:#db2777!important}.dark .highlightV2-very-hard.active,.highlightV2-very-hard.dark.active{background-color:#be185d!important;border-bottom:3px solid #9d174d}.editorV2-content.toggle-active .highlight-base{background-color:transparent!important;border-bottom:none!important}.editorV2-content.toggle-complex .highlight-complex,.editorV2-content.toggle-factual .highlight-factual,.editorV2-content.toggle-grammar .highlight-grammar,.editorV2-content.toggle-hard .highlight-hard,.editorV2-content.toggle-spelling .highlight-spelling,.editorV2-content.toggle-very-hard .highlight-very-hard,.editorV2-content.toggle-weakener .highlight-weakener{background-color:var(--highlight-bg)!important;border-bottom:var(--highlight-border)!important}.editor-toolbar{display:flex;gap:8px;margin-bottom:16px;padding:12px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.dark .editor-toolbar{background:#374151;border-color:#4b5563}.toggle-button{padding:8px 16px;border:2px solid transparent;border-radius:6px;background:#fff;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.toggle-button:hover{background:#f1f5f9;transform:translateY(-1px)}.toggle-button.active{background:var(--toggle-bg);color:#fff;border-color:var(--toggle-border);transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.toggle-button.grammar.active{--toggle-bg:#ef4444;--toggle-border:#dc2626}.toggle-button.factual.active{--toggle-bg:#f97316;--toggle-border:#ea580c}.toggle-button.spelling.active{--toggle-bg:#eab308;--toggle-border:#ca8a04}.toggle-button.weakener.active{--toggle-bg:#3b82f6;--toggle-border:#2563eb}.toggle-button.complex.active{--toggle-bg:#9333ea;--toggle-border:#7c3aed}.toggle-button.hard.active{--toggle-bg:#ec4899;--toggle-border:#db2777}.toggle-button.very-hard.active{--toggle-bg:#db2777;--toggle-border:#be185d}.dark .toggle-button{background:#4b5563;color:#f9fafb}.dark .toggle-button:hover{background:#6b7280}.highlight-tooltip{position:absolute;background:#1f2937;color:#f9fafb;padding:12px 16px;border-radius:8px;font-size:14px;line-height:1.4;max-width:300px;z-index:1000;box-shadow:0 10px 25px rgba(0,0,0,.25);border:1px solid #374151;transform:translateY(-8px)}.highlight-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:#1f2937}.tooltip-content{margin-bottom:8px}.tooltip-suggestion{color:#60a5fa;font-weight:500;margin-bottom:8px}.tooltip-actions{display:flex;gap:8px;margin-top:12px}.tooltip-button{padding:6px 12px;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.tooltip-button.primary{background:#3b82f6;color:#fff}.tooltip-button.primary:hover{background:#2563eb}.tooltip-button.secondary{background:#6b7280;color:#fff}.tooltip-button.secondary:hover{background:#4b5563}.editor-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-top:none;border-radius:0 0 8px 8px;font-size:14px;color:#6b7280}.dark .editor-footer{background:#374151;border-color:#4b5563;color:#9ca3af}.stat-group{display:flex;gap:24px}.stat-item{display:flex;align-items:center;gap:4px}.stat-value{font-weight:600;color:#374151}.dark .stat-value{color:#f9fafb}@keyframes highlight-pulse{0%,to{opacity:1}50%{opacity:.7}}.highlight-animate{animation:highlight-pulse 1s ease-in-out}@media (max-width:768px){.editor-toolbar{flex-wrap:wrap;gap:6px}.toggle-button{padding:6px 12px;font-size:12px}.editor-footer{flex-direction:column;gap:8px}.stat-group{gap:16px}}.highlight-base:focus,.toggle-button:focus{outline:2px solid #3b82f6;outline-offset:2px}@media (prefers-contrast:high){.highlight-base,.toggle-button{border-width:3px}}.fixed-issue{background-color:#d1fae500!important;color:#000!important;padding:1px 2px;border-radius:3px;transition:all .3s ease;cursor:default}.dark .fixed-issue,.fixed-issue{border-bottom:2px solid #00000000!important}.dark .fixed-issue{background-color:#00000000!important;color:#fff!important}.credit-display{padding:12px 16px;background:#f8f9fa;border-radius:8px;border:1px solid #e1e4e8;margin-bottom:16px;transition:all .3s ease}.credit-display.loading{opacity:.7;animation:pulse 1.5s ease-in-out infinite}.credit-display.premium{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;display:flex;align-items:center;gap:8px;font-weight:600}.credit-display.premium .credit-icon{font-size:20px;animation:sparkle 2s ease-in-out infinite}.credit-display.low{background:#fff3cd;border-color:#ffc107}.credit-display.critical{background:#f8d7da;border-color:#dc3545}.credit-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px}.credit-label{font-weight:600;color:#24292e}.credit-display.premium .credit-label{color:#fff}.credit-reset{font-size:12px;color:#6a737d;font-weight:400}.credit-bar{width:100%;height:8px;background:#e1e4e8;border-radius:4px;overflow:hidden;position:relative}.credit-bar-fill{height:100%;background:linear-gradient(90deg,#28a745,#34d058);border-radius:4px;transition:width .5s ease,background .3s ease}.credit-display.low .credit-bar-fill{background:linear-gradient(90deg,#ffc107,#ffca28)}.credit-display.critical .credit-bar-fill{background:linear-gradient(90deg,#dc3545,#e4606d);animation:blink 1s ease-in-out infinite}.credit-warning{margin-top:8px;font-size:12px;color:#856404;display:flex;align-items:center;gap:4px}.credit-display.critical .credit-warning{color:#721c24;font-weight:600}@keyframes pulse{0%,to{opacity:.7}50%{opacity:.9}}@keyframes sparkle{0%,to{transform:scale(1) rotate(0deg)}25%{transform:scale(1.1) rotate(5deg)}75%{transform:scale(1.1) rotate(-5deg)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.7}}@media (prefers-color-scheme:dark){.credit-display{background:#1c1c1e;border-color:#38383a}.credit-label{color:#fff}.credit-reset{color:#98989d}.credit-bar{background:#38383a}.credit-display.low{background:#3a2f1a;border-color:#ffc107}.credit-display.critical{background:#3a1a1a;border-color:#dc3545}}.modal-content{max-width:500px}.credit-limit-modal{text-align:center}.modal-close{color:#6a737d}.modal-close:hover{background:#f6f8fa;color:#24292e}.modal-icon{font-size:64px;margin-bottom:16px;animation:bounce .6s ease-out}.modal-title{font-size:28px;font-weight:700;color:#24292e;margin-bottom:16px}.modal-description{font-size:16px;color:#586069;margin-bottom:24px;line-height:1.6}.modal-description strong{color:#24292e;font-weight:600}.modal-benefits{background:#f6f8fa;border-radius:12px;padding:20px;margin-bottom:24px;text-align:left}.modal-benefits h3{font-size:18px;font-weight:600;color:#24292e;margin-bottom:12px;text-align:center}.modal-benefits ul{list-style:none;padding:0;margin:0}.modal-benefits li{padding:8px 0;font-size:15px;color:#24292e;display:flex;align-items:center;gap:8px}.modal-actions{display:flex;flex-direction:column;gap:12px}.btn{padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;border:none;transition:all .2s ease;width:100%}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(102,126,234,.4)}.btn-secondary{background:#f6f8fa;color:#24292e;border:1px solid #e1e4e8}.btn-secondary:hover{background:#e1e4e8}.modal-note{margin-top:16px;font-size:14px;color:#586069}.modal-note a{color:#0366d6;text-decoration:none;font-weight:600}.modal-note a:hover{text-decoration:underline}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (prefers-color-scheme:dark){.modal-content{background:#1c1c1e}.modal-close{color:#98989d}.modal-close:hover{background:#2c2c2e;color:#fff}.modal-title{color:#fff}.modal-description{color:#98989d}.modal-description strong{color:#fff}.modal-benefits{background:#2c2c2e}.modal-benefits h3,.modal-benefits li{color:#fff}.btn-secondary{background:#2c2c2e;color:#fff;border-color:#38383a}.btn-secondary:hover{background:#38383a}.modal-note{color:#98989d}}@media (max-width:640px){.modal-content{padding:24px;width:95%}.modal-title{font-size:24px}.modal-icon{font-size:48px}.modal-benefits h3{font-size:16px}.modal-benefits li{font-size:14px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease-out}.modal-content{background:#fff;border-radius:16px;padding:32px;max-width:520px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.3);position:relative;animation:slideUp .3s ease-out}.dark .modal-content{background:#1f2937;box-shadow:0 20px 60px rgba(0,0,0,.8)}.modal-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:32px;line-height:1;color:#6b7280;cursor:pointer;padding:4px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.modal-close:hover{background:#f3f4f6;color:#111827}.dark .modal-close{color:#9ca3af}.dark .modal-close:hover{background:#374151;color:#f9fafb}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.credit-warning-modal{max-width:520px;padding:32px;text-align:center}.credit-warning-modal .modal-icon{font-size:40px;margin-bottom:8px;line-height:1;display:block}.credit-warning-modal .modal-title{font-size:20px;font-weight:700;margin-bottom:8px;line-height:1.3;color:#111827}.dark .credit-warning-modal .modal-title{color:#f9fafb}.credit-warning-modal .modal-description{font-size:14px;line-height:1.5;margin-bottom:16px;color:#6b7280}.dark .credit-warning-modal .modal-description{color:#9ca3af}.credit-info-box{background:#f9fafb;border-radius:8px;padding:12px 16px;margin:12px 0;border:1px solid #e5e7eb}.credit-info-box.warning{background:#fef3c7;border-color:#fbbf24}.credit-info-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px;color:#374151}.credit-info-row:not(:last-child){border-bottom:1px solid #e5e7eb}.credit-info-box.warning .credit-info-row:not(:last-child){border-bottom-color:#fde68a}.dark .credit-info-box{background:#374151;border-color:#4b5563}.dark .credit-info-box.warning{background:#78350f;border-color:#fbbf24}.dark .credit-info-row{color:#f9fafb}.dark .credit-info-row:not(:last-child){border-bottom-color:#4b5563}.dark .credit-info-box.warning .credit-info-row:not(:last-child){border-bottom-color:#92400e}.credit-info-row span{color:#6b7280;font-weight:500;font-size:13px}.credit-info-row strong{color:#111827;font-weight:700;font-size:14px}.dark .credit-info-row span{color:#9ca3af}.dark .credit-info-row strong{color:#f3f4f6}.text-red{color:#ef4444!important}.text-orange{color:#f59e0b!important}.text-green{color:#16a34a!important}.suggestion-box{background:#eff6ff;border-left:3px solid #3b82f6;border-radius:6px;padding:12px 14px;margin:12px 0}.suggestion-title{font-size:13px;font-weight:700;color:#1e40af;margin-bottom:10px;display:flex;align-items:center;gap:6px}.dark .suggestion-box{background:#1e3a8a;border-left-color:#60a5fa}.dark .suggestion-title{color:#bfdbfe}.suggestion-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.suggestion-list li{padding:0;font-size:13px;line-height:1.5;color:#1f2937;display:flex;align-items:center;gap:8px}.dark .suggestion-list li{color:#e5e7eb}.suggestion-list li:hover{transform:translateX(4px)}.suggestion-list li:before{content:"•";color:#3b82f6;font-weight:700;font-size:18px;flex-shrink:0;line-height:1}.dark .suggestion-list li:before{color:#60a5fa}.btn-upgrade{background:#3b82f6;color:#fff;border:none;padding:11px 20px;font-size:14px;font-weight:600;border-radius:8px;transition:all .2s ease;cursor:pointer;width:100%;box-shadow:0 1px 2px rgba(0,0,0,.05)}.btn-upgrade:hover{background:#2563eb;box-shadow:0 2px 4px rgba(0,0,0,.1)}.btn-upgrade:active{transform:scale(.98)}.dark .btn-upgrade{background:#3b82f6}.dark .btn-upgrade:hover{background:#60a5fa}.credit-warning-modal .modal-benefits{background:#f9fafb;border-radius:8px;padding:12px 14px;margin:12px 0;border:1px solid #e5e7eb}.credit-warning-modal .modal-benefits h3{font-size:13px;font-weight:700;margin-bottom:10px;color:#111827}.credit-warning-modal .modal-benefits ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.credit-warning-modal .modal-benefits li{font-size:13px;padding:0;color:#6b7280;line-height:1.5;display:flex;align-items:center;gap:8px}.dark .credit-warning-modal .modal-benefits{background:#374151;border-color:#4b5563}.dark .credit-warning-modal .modal-benefits h3{color:#f9fafb}.dark .credit-warning-modal .modal-benefits li{color:#9ca3af}.credit-info-box{animation:slideInScale .4s cubic-bezier(.68,-.55,.265,1.55)}@keyframes slideInScale{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.credit-info-box.warning{animation:pulseWarning 3s ease-in-out infinite}@keyframes pulseWarning{0%,to{box-shadow:0 2px 12px rgba(255,193,7,.2)}50%{box-shadow:0 4px 20px rgba(255,193,7,.4)}}.credit-warning-modal .modal-actions{gap:8px;margin-top:16px;display:flex;flex-direction:column}.credit-warning-modal .btn{padding:11px 20px;font-size:14px;font-weight:600;border-radius:8px;transition:all .2s ease;cursor:pointer;border:none;width:100%}.credit-warning-modal .btn:active{transform:scale(.98)}.credit-warning-modal .btn-primary{background:#3b82f6;color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.05)}.credit-warning-modal .btn-primary:hover{background:#2563eb;box-shadow:0 2px 4px rgba(0,0,0,.1)}.credit-warning-modal .btn-secondary{background:transparent;border:1px solid #d1d5db;color:#6b7280}.credit-warning-modal .btn-secondary:hover{background:#f9fafb;border-color:#9ca3af;color:#374151}.dark .credit-warning-modal .btn-primary{background:#3b82f6}.dark .credit-warning-modal .btn-primary:hover{background:#60a5fa}.dark .credit-warning-modal .btn-secondary{border-color:#4b5563;color:#9ca3af}.dark .credit-warning-modal .btn-secondary:hover{background:#374151;border-color:#6b7280;color:#d1d5db}@media (prefers-color-scheme:dark){.credit-info-box{background:#2c2c2e;border-color:#38383a}.credit-info-box.warning{background:#3a2f1a;border-color:#ffc107}.credit-info-row:not(:last-child){border-bottom-color:#38383a}.credit-info-box.warning .credit-info-row:not(:last-child){border-bottom-color:#ffc107}.credit-info-row span{color:#98989d}.credit-info-row strong{color:#fff}.suggestion-box{background:#1a2533;border-left-color:#0366d6}.suggestion-title{color:#58a6ff}.suggestion-list li{color:#fff}.suggestion-list li:before{color:#58a6ff}}@media (max-width:640px){.credit-warning-modal{max-width:95vw;padding:20px;max-height:90vh}.credit-warning-modal .modal-icon{font-size:36px}.credit-warning-modal .modal-title{font-size:18px}.credit-info-row,.credit-info-row strong{font-size:13px}.suggestion-list li{font-size:12px}.credit-warning-modal .modal-actions{gap:8px}.credit-warning-modal .btn{padding:10px 18px;font-size:13px}}@media (max-height:700px){.credit-warning-modal{max-height:90vh;overflow-y:auto;padding:20px}.credit-warning-modal .modal-icon{font-size:32px;margin-bottom:6px}.credit-warning-modal .modal-title{font-size:18px;margin-bottom:6px}.credit-warning-modal .modal-description{margin-bottom:12px}.credit-info-box,.credit-warning-modal .modal-benefits,.suggestion-box{margin:10px 0;padding:10px 12px}.credit-warning-modal .modal-actions{margin-top:12px}}.credit-warning-modal::-webkit-scrollbar{width:6px}.credit-warning-modal::-webkit-scrollbar-track{background:transparent}.credit-warning-modal::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.dark .credit-warning-modal::-webkit-scrollbar-thumb{background:#4b5563}