:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.style-selector{width:100%;position:relative}.style-selector-button{width:100%;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);text-align:left;justify-content:space-between;align-items:center;font-weight:500;display:flex}.style-selector-button:hover{border-color:var(--color-primary)}.style-selector-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.style-selector-button.open{border-color:var(--color-primary);border-bottom-right-radius:0;border-bottom-left-radius:0}.style-selector-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.style-selector-icon{width:20px;height:20px;color:var(--color-text-secondary);transition:transform var(--transition-fast);flex-shrink:0}.style-selector-button.open .style-selector-icon{transform:rotate(180deg)}.style-selector-sheet{background:var(--color-bg);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);padding-bottom:calc(var(--safe-area-bottom) + var(--spacing-md));flex-direction:column;max-height:70vh;animation:.3s slide-up;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.style-selector-sheet-header{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.style-selector-sheet-header h3{font-size:var(--font-size-lg);color:var(--color-text);font-weight:600}.style-selector-close{border-radius:var(--radius-full);width:36px;height:36px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.style-selector-close:hover{background:var(--color-surface);color:var(--color-text)}.style-selector-close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.style-selector-list{padding:var(--spacing-sm) var(--spacing-md);flex:1;overflow-y:auto}.style-selector-item{width:100%;padding:var(--spacing-md) var(--spacing-sm);border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--color-text);cursor:pointer;text-align:left;transition:all var(--transition-fast);background:0 0;border:none;justify-content:space-between;align-items:center;font-weight:500;display:flex}.style-selector-item:hover{background:var(--color-surface)}.style-selector-item:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.style-selector-item.selected{background:color-mix(in srgb, var(--color-primary) 10%, var(--color-surface));color:var(--color-primary)}.style-selector-item-title{flex:1}.style-selector-check{color:var(--color-primary);flex-shrink:0;font-weight:700}.history-style-badge{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;align-items:center;font-weight:600;display:inline-flex}.history-style-gen_z{color:#3b82f6;background:#3b82f626}.history-style-street{color:#ef4444;background:#ef444426}.history-style-it_slang{color:#8b5cf6;background:#8b5cf626}.history-style-pofeni{color:#f59e0b;background:#f59e0b26}.history-style-kancler{color:#14b8a6;background:#14b8a626}.text-input-wrapper{gap:var(--spacing-xs);flex-direction:column;display:flex}.text-input-container{border-radius:var(--radius-lg);background:var(--tg-secondary-bg-color,var(--color-surface));border:2px solid var(--tg-border-color,var(--color-border));transition:border-color var(--transition-fast), box-shadow var(--transition-fast);position:relative}.text-input-container:focus-within{border-color:var(--tg-link-color,var(--color-primary));box-shadow:0 0 0 3px var(--tg-link-color,var(--color-primary-alpha-20))}.text-input-wrapper.over-limit .text-input-container{border-color:var(--tg-destructive-color,var(--color-error))}.text-input-wrapper.over-limit .text-input-container:focus-within{box-shadow:0 0 0 3px var(--tg-destructive-color-alpha-20,var(--color-error-alpha-20))}.text-input-wrapper.warning-zone .text-input-container{border-color:var(--tg-warning-color,var(--color-warning))}.text-input-wrapper.warning-zone .text-input-container:focus-within{box-shadow:0 0 0 3px var(--tg-warning-color-alpha-20,var(--color-warning-alpha-20))}.text-input{width:100%;min-height:120px;max-height:200px;padding:var(--spacing-md);font-family:inherit;font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--tg-text-color,var(--color-text));resize:none;box-sizing:border-box;background:0 0;border:none;outline:none}.text-input::placeholder{color:var(--tg-hint-color,var(--color-text-muted))}.text-input:disabled{opacity:.6;cursor:not-allowed}.text-input-footer{justify-content:space-between;align-items:center;gap:var(--spacing-sm);padding:0 var(--spacing-xs);display:flex}.text-input-paste-btn{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);font-family:inherit;font-size:var(--font-size-sm);color:var(--tg-link-color,var(--color-primary));border:1px solid var(--tg-link-color,var(--color-primary));border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast);background:0 0;font-weight:500;display:inline-flex}.text-input-paste-btn:hover:not(:disabled){background:var(--tg-link-color,var(--color-primary));color:var(--tg-button-text-color,var(--color-on-primary))}.text-input-paste-btn:active:not(:disabled){transform:scale(.98)}.text-input-paste-btn:disabled{opacity:.4;cursor:not-allowed}.text-input-paste-btn:focus-visible{outline:2px solid var(--tg-link-color,var(--color-primary));outline-offset:2px}.char-counter{align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);font-variant-numeric:tabular-nums;color:var(--tg-hint-color,var(--color-text-muted));transition:color var(--transition-fast);display:inline-flex}.char-counter.warning{color:var(--tg-warning-color,var(--color-warning))}.char-counter.error{color:var(--tg-destructive-color,var(--color-error))}.char-counter svg{flex-shrink:0}.text-input-clear-btn{width:36px;height:36px;color:var(--tg-hint-color,var(--color-text-muted));border:1px solid var(--tg-border-color,var(--color-border));border-radius:var(--radius-md);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast), background-color var(--transition-fast);background:0 0;justify-content:center;align-items:center;padding:0;display:inline-flex}.text-input-clear-btn:hover{color:var(--tg-text-color,var(--color-text));border-color:var(--tg-text-color,var(--color-text));background:var(--tg-secondary-bg-color,var(--color-surface-hover))}.text-input-clear-btn:active{transform:scale(.95)}.text-input-clear-btn:focus-visible{outline:2px solid var(--tg-link-color,var(--color-primary));outline-offset:2px}@media (width<=480px){.text-input{min-height:100px;font-size:var(--font-size-sm)}.text-input-paste-btn span{display:none}.text-input-paste-btn{padding:var(--spacing-xs)}.char-counter{font-size:11px}}.preview-result{border-radius:var(--radius-lg);background:var(--tg-secondary-bg-color,var(--color-surface));border:1px solid var(--tg-border-color,var(--color-border));transition:border-color var(--transition-fast), box-shadow var(--transition-fast);overflow:hidden}.preview-result:focus-within{border-color:var(--tg-link-color,var(--color-primary));box-shadow:0 0 0 3px var(--tg-link-color,var(--color-primary-alpha-20))}.preview-result.empty{background:var(--tg-bg-color,var(--color-bg));justify-content:center;align-items:center;min-height:140px;display:flex}.preview-empty{align-items:center;gap:var(--spacing-xs);text-align:center;padding:var(--spacing-lg);color:var(--tg-hint-color,var(--color-text-muted));flex-direction:column;display:flex}.preview-empty p{font-size:var(--font-size-base);color:var(--tg-text-color,var(--color-text));margin:0;font-weight:500}.preview-hint{font-size:var(--font-size-sm)}.preview-result.loading{justify-content:center;align-items:center;gap:var(--spacing-md);min-height:140px;padding:var(--spacing-lg);flex-direction:column;display:flex}.preview-skeleton{gap:var(--spacing-sm);flex-direction:column;width:100%;max-width:100%;display:flex}.skeleton-line{border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--tg-border-color,var(--color-border)) 25%, var(--tg-secondary-bg-color,var(--color-surface-hover)) 50%, var(--tg-border-color,var(--color-border)) 75%);background-size:200% 100%;height:16px;animation:1.5s infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.preview-loading-text{font-size:var(--font-size-sm);color:var(--tg-hint-color,var(--color-text-muted));margin:0}.preview-result.updating,.preview-content{padding:var(--spacing-md)}.preview-text{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--tg-text-color,var(--color-text));white-space:pre-wrap;word-wrap:break-word;margin-bottom:var(--spacing-sm)}.preview-meta{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--tg-hint-color,var(--color-text-muted));flex-wrap:wrap;display:flex}.preview-style{padding:2px var(--spacing-xs);color:var(--tg-link-color,var(--color-primary));background:var(--tg-link-color-alpha-10,var(--color-primary-alpha-10));border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em;align-items:center;font-weight:600;display:inline-flex}.preview-provider{font-family:var(--font-mono,monospace);font-size:var(--font-size-xs);opacity:.7}.preview-updating-indicator{align-items:center;gap:var(--spacing-xs);color:var(--tg-link-color,var(--color-primary));font-weight:500;display:inline-flex}.preview-updating-indicator .spinning{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.preview-actions{gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md) var(--spacing-md);border-top:1px solid var(--tg-border-color,var(--color-border));display:flex}.preview-result.error{min-height:140px;padding:var(--spacing-lg);border-color:var(--tg-destructive-color,var(--color-error));background:var(--tg-destructive-color-alpha-05,var(--color-error-alpha-05));justify-content:center;align-items:center;display:flex}.preview-error{align-items:center;gap:var(--spacing-sm);text-align:center;flex-direction:column;max-width:280px;display:flex}.preview-error svg{color:var(--tg-destructive-color,var(--color-error));flex-shrink:0}.preview-error p{font-size:var(--font-size-sm);color:var(--tg-text-color,var(--color-text));margin:0}.retry-btn{padding:var(--spacing-xs) var(--spacing-md);font-family:inherit;font-size:var(--font-size-sm);color:var(--tg-button-text-color,var(--color-on-primary));background:var(--tg-destructive-color,var(--color-error));border-radius:var(--radius-md);cursor:pointer;transition:opacity var(--transition-fast), transform var(--transition-fast);border:none;font-weight:500}.retry-btn:hover{opacity:.9}.retry-btn:active{transform:scale(.98)}.retry-btn:focus-visible{outline:2px solid var(--tg-destructive-color,var(--color-error));outline-offset:2px}.preview-result.success{padding:var(--spacing-md)}.preview-result.success .preview-content{padding:0}.preview-result.success .preview-actions{padding-top:var(--spacing-md);border-top:1px solid var(--tg-border-color,var(--color-border))}.preview-action-btn{justify-content:center;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);font-family:inherit;font-size:var(--font-size-sm);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;flex:1;font-weight:500;display:inline-flex}.preview-action-btn:disabled{opacity:.5;cursor:not-allowed}.copy-btn{color:var(--tg-link-color,var(--color-primary));border:1px solid var(--tg-link-color,var(--color-primary));background:0 0}.copy-btn:hover:not(:disabled){background:var(--tg-link-color,var(--color-primary));color:var(--tg-button-text-color,var(--color-on-primary))}.copy-btn:focus-visible{outline:2px solid var(--tg-link-color,var(--color-primary));outline-offset:2px}.save-btn{color:var(--tg-button-text-color,var(--color-on-primary));background:var(--tg-link-color,var(--color-primary));border:1px solid var(--tg-link-color,var(--color-primary))}.save-btn:hover:not(:disabled){filter:brightness(1.1)}.save-btn:focus-visible{outline:2px solid var(--tg-link-color,var(--color-primary));outline-offset:2px}.save-btn .spinning{animation:1s linear infinite spin}.share-btn{color:var(--tg-button-text-color,var(--color-on-primary));background:var(--tg-link-color,var(--color-primary));border:1px solid var(--tg-link-color,var(--color-primary))}.share-btn:hover:not(:disabled){filter:brightness(1.1)}@media (width<=480px){.preview-text{font-size:var(--font-size-sm)}.preview-meta{font-size:11px}.preview-action-btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}.preview-action-btn span{display:none}.preview-action-btn{justify-content:center}}.toast{bottom:var(--spacing-lg);left:var(--spacing-md);right:var(--spacing-md);align-items:flex-start;gap:var(--spacing-sm);max-width:400px;padding:var(--spacing-md);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg,0 10px 40px #00000026);z-index:1000;margin:0 auto;animation:.3s ease-out toast-slide-in;display:flex;position:fixed}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.toast-icon{flex-shrink:0;margin-top:2px}.toast-success{background:var(--tg-success-color-alpha-10,var(--color-success-alpha-10));border:1px solid var(--tg-success-color-alpha-30,var(--color-success-alpha-30))}.toast-success .toast-icon{color:var(--tg-success-color,var(--color-success))}.toast-error{background:var(--tg-destructive-color-alpha-10,var(--color-error-alpha-10));border:1px solid var(--tg-destructive-color-alpha-30,var(--color-error-alpha-30))}.toast-error .toast-icon{color:var(--tg-destructive-color,var(--color-error))}.toast-info{background:var(--tg-link-color-alpha-10,var(--color-primary-alpha-10));border:1px solid var(--tg-link-color-alpha-30,var(--color-primary-alpha-30))}.toast-info .toast-icon{color:var(--tg-link-color,var(--color-primary))}.toast-message{font-size:var(--font-size-sm);line-height:var(--line-height-normal);color:var(--tg-text-color,var(--color-text));word-break:break-word;flex:1;margin:0}.toast-action{padding:var(--spacing-xs) var(--spacing-sm);font-family:inherit;font-size:var(--font-size-sm);color:var(--tg-link-color,var(--color-primary));border:1px solid var(--tg-link-color,var(--color-primary));border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast);white-space:nowrap;background:0 0;flex-shrink:0;font-weight:500}.toast-action:hover{background:var(--tg-link-color,var(--color-primary));color:var(--tg-button-text-color,var(--color-on-primary))}.toast-action:focus-visible{outline:2px solid var(--tg-link-color,var(--color-primary));outline-offset:2px}.toast-close{width:28px;height:28px;color:var(--tg-hint-color,var(--color-text-muted));border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition-fast), background-color var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.toast-close:hover{color:var(--tg-text-color,var(--color-text));background:var(--tg-secondary-bg-color,var(--color-surface-hover))}.toast-close:focus-visible{outline:2px solid var(--tg-link-color,var(--color-primary));outline-offset:2px}@media (width<=480px){.toast{left:var(--spacing-sm);right:var(--spacing-sm);bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md)}.toast-message{font-size:var(--font-size-xs)}.toast-action{font-size:var(--font-size-xs);padding:2px var(--spacing-xs)}}.translate-page{background:var(--tg-bg-color,var(--color-bg));min-height:100dvh;color:var(--tg-text-color,var(--color-text));flex-direction:column;display:flex}.translate-page.loading{justify-content:center;align-items:center;display:flex}.translate-page.loading .loading-spinner{border:3px solid var(--tg-border-color,var(--color-border));border-top-color:var(--tg-link-color,var(--color-primary));border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.translate-header{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--tg-border-color,var(--color-border));background:var(--tg-bg-color,var(--color-bg));z-index:10;position:sticky;top:0}.translate-main{gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg) calc(var(--spacing-xl) + env(safe-area-inset-bottom));flex-direction:column;flex:1;display:flex;overflow-y:auto}@supports (padding-bottom:env(safe-area-inset-bottom)){.translate-main{padding-bottom:calc(var(--spacing-xl) + env(safe-area-inset-bottom))}}@media (width<=480px){.translate-header{padding:var(--spacing-sm) var(--spacing-md)}.translate-main{padding:var(--spacing-sm) var(--spacing-md) calc(var(--spacing-lg) + env(safe-area-inset-bottom));gap:var(--spacing-sm)}}.error-banner{align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius-lg);background:var(--tg-destructive-color-alpha-10,var(--color-error-alpha-10));border:1px solid var(--tg-destructive-color-alpha-30,var(--color-error-alpha-30));animation:.3s ease-out error-banner-slide-in;display:flex}@keyframes error-banner-slide-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.error-banner-icon{width:24px;height:24px;color:var(--tg-destructive-color,var(--color-error));flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:inline-flex}.error-banner-message{font-size:var(--font-size-sm);line-height:var(--line-height-normal);color:var(--tg-text-color,var(--color-text));word-break:break-word;flex:1;margin:0}.error-banner-retry{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);font-family:inherit;font-size:var(--font-size-sm);color:var(--tg-button-text-color,var(--color-on-primary));background:var(--tg-destructive-color,var(--color-error));border-radius:var(--radius-md);cursor:pointer;transition:opacity var(--transition-fast), transform var(--transition-fast);white-space:nowrap;border:none;flex-shrink:0;font-weight:500;display:inline-flex}.error-banner-retry:hover{opacity:.9}.error-banner-retry:active{transform:scale(.98)}.error-banner-retry:focus-visible{outline:2px solid var(--tg-destructive-color,var(--color-error));outline-offset:2px}.error-banner-dismiss{width:28px;height:28px;color:var(--tg-hint-color,var(--color-text-muted));border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition-fast), background-color var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.error-banner-dismiss:hover{color:var(--tg-text-color,var(--color-text));background:var(--tg-secondary-bg-color,var(--color-surface-hover))}.error-banner-dismiss:focus-visible{outline:2px solid var(--tg-link-color,var(--color-primary));outline-offset:2px}.error-banner-offline{background:var(--tg-warning-color-alpha-10,var(--color-warning-alpha-10));border-color:var(--tg-warning-color-alpha-30,var(--color-warning-alpha-30))}.error-banner-offline .error-banner-icon{color:var(--tg-warning-color,var(--color-warning))}.error-banner-rate_limited{background:var(--tg-warning-color-alpha-10,var(--color-warning-alpha-10));border-color:var(--tg-warning-color-alpha-30,var(--color-warning-alpha-30))}.error-banner-rate_limited .error-banner-icon{color:var(--tg-warning-color,var(--color-warning))}.error-banner-unauthorized .error-banner-retry{background:var(--tg-link-color,var(--color-primary))}.error-banner-unauthorized .error-banner-retry:hover{filter:brightness(1.1)}.error-banner-age_restricted_style .error-banner-retry{background:var(--tg-link-color,var(--color-primary))}.error-banner-age_restricted_style .error-banner-retry:hover{filter:brightness(1.1)}@media (width<=480px){.error-banner{padding:var(--spacing-sm) var(--spacing-md);flex-wrap:wrap}.error-banner-message{font-size:var(--font-size-xs);margin-top:var(--spacing-xs);flex-basis:calc(100% - 24px)}.error-banner-retry{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-xs)}.error-banner-retry span{display:none}}.history-page{background:var(--tg-bg-color,var(--color-bg));min-height:100dvh;color:var(--tg-text-color,var(--color-text));flex-direction:column;display:flex}.history-page.loading{justify-content:center;align-items:center;display:flex}.history-page.loading .loading-spinner{border:3px solid var(--tg-border-color,var(--color-border));border-top-color:var(--tg-link-color,var(--color-primary));border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.history-header{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--tg-border-color,var(--color-border));background:var(--tg-bg-color,var(--color-bg));z-index:10;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.history-header h1{font-size:var(--font-size-xl);margin:0;font-weight:700}.history-stats{font-size:var(--font-size-sm);color:var(--tg-hint-color,var(--color-text-muted))}.history-filters{gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--tg-border-color,var(--color-border));background:var(--tg-bg-color,var(--color-bg));z-index:9;display:flex;position:sticky;top:48px}.history-search{padding:var(--spacing-sm) var(--spacing-md);font-family:inherit;font-size:var(--font-size-base);color:var(--tg-text-color,var(--color-text));background:var(--tg-secondary-bg-color,var(--color-surface));border:1px solid var(--tg-border-color,var(--color-border));border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);flex:1}.history-search:focus{border-color:var(--tg-link-color,var(--color-primary));box-shadow:0 0 0 3px var(--tg-link-color-alpha-20,var(--color-primary-alpha-20));outline:none}.history-search::placeholder{color:var(--tg-hint-color,var(--color-text-muted))}.history-filter{padding:var(--spacing-sm) var(--spacing-md);font-family:inherit;font-size:var(--font-size-base);color:var(--tg-text-color,var(--color-text));background:var(--tg-secondary-bg-color,var(--color-surface));border:1px solid var(--tg-border-color,var(--color-border));border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast);min-width:160px}.history-filter:focus{border-color:var(--tg-link-color,var(--color-primary));box-shadow:0 0 0 3px var(--tg-link-color-alpha-20,var(--color-primary-alpha-20));outline:none}.history-empty{padding:var(--spacing-xxl) var(--spacing-lg);text-align:center;color:var(--tg-hint-color,var(--color-text-muted));flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.history-empty p:first-child{font-size:var(--font-size-lg);color:var(--tg-text-color,var(--color-text));margin:0 0 var(--spacing-xs);font-weight:500}.history-empty-hint{font-size:var(--font-size-sm);max-width:280px;line-height:var(--line-height-relaxed);margin:0}.history-list{padding:var(--spacing-md) var(--spacing-lg) var(--spacing-xl);flex:1;margin:0;list-style:none;overflow-y:auto}.history-item{margin-bottom:var(--spacing-md)}.history-entry{gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius-lg);background:var(--tg-secondary-bg-color,var(--color-surface));border:1px solid var(--tg-border-color,var(--color-border));transition:border-color var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;display:flex}.history-entry:hover{border-color:var(--tg-link-color-alpha-50,var(--color-primary-alpha-50));box-shadow:var(--shadow-sm,0 2px 8px #00000014)}.history-entry-header{justify-content:space-between;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.history-style-badge{padding:2px var(--spacing-xs);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm);white-space:nowrap;align-items:center;font-weight:600;display:inline-flex}.history-style-gen_z{background:var(--color-gen-z-alpha-15);color:var(--color-gen-z)}.history-style-street{background:var(--color-street-alpha-15);color:var(--color-street)}.history-style-it_slang{background:var(--color-it-slang-alpha-15);color:var(--color-it-slang)}.history-style-pofeni{background:var(--color-pofeni-alpha-15);color:var(--color-pofeni)}.history-style-kancler{background:var(--color-kancler-alpha-15);color:var(--color-kancler)}.history-time{font-size:var(--font-size-xs);color:var(--tg-hint-color,var(--color-text-muted));white-space:nowrap}.history-entry-content{gap:var(--spacing-xs);flex-direction:column;display:flex}.history-original,.history-translated{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);white-space:pre-wrap;word-wrap:break-word;margin:0}.history-original{color:var(--tg-text-color,var(--color-text))}.history-translated{color:var(--tg-hint-color,var(--color-text-muted));font-style:italic}.history-entry-actions{justify-content:flex-end;gap:var(--spacing-xs);padding-top:var(--spacing-xs);border-top:1px solid var(--tg-border-color,var(--color-border));display:flex}.history-favorite-btn,.history-delete-btn,.history-share-btn{width:36px;height:36px;color:var(--tg-hint-color,var(--color-text-muted));border:1px solid var(--tg-border-color,var(--color-border));border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;padding:0;display:inline-flex}.history-favorite-btn:hover,.history-delete-btn:hover,.history-share-btn:hover{color:var(--tg-text-color,var(--color-text));border-color:var(--tg-text-color,var(--color-text));background:var(--tg-secondary-bg-color,var(--color-surface-hover))}.history-favorite-btn:active,.history-delete-btn:active,.history-share-btn:active{transform:scale(.95)}.history-favorite-btn:focus-visible,.history-delete-btn:focus-visible,.history-share-btn:focus-visible{outline:2px solid var(--tg-link-color,var(--color-primary));outline-offset:2px}.history-favorite-btn.active{color:var(--tg-destructive-color,var(--color-error));border-color:var(--tg-destructive-color,var(--color-error));background:var(--tg-destructive-color-alpha-10,var(--color-error-alpha-10))}.history-favorite-btn.active:hover{color:var(--tg-destructive-color,var(--color-error));border-color:var(--tg-destructive-color,var(--color-error));background:var(--tg-destructive-color-alpha-20,var(--color-error-alpha-20))}.history-favorite-btn svg,.history-delete-btn svg,.history-share-btn svg{width:20px;height:20px}.history-load-more{justify-content:center;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md);font-family:inherit;font-size:var(--font-size-base);color:var(--tg-link-color,var(--color-primary));border:1px solid var(--tg-link-color,var(--color-primary));border-radius:var(--radius-lg);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast);margin:0 var(--spacing-lg) var(--spacing-xl);background:0 0;font-weight:500;display:inline-flex}.history-load-more:hover:not(:disabled){background:var(--tg-link-color,var(--color-primary));color:var(--tg-button-text-color,var(--color-on-primary))}.history-load-more:disabled{opacity:.6;cursor:not-allowed}.history-load-more:focus-visible{outline:2px solid var(--tg-link-color,var(--color-primary));outline-offset:2px}.spinner-sm{border:2px solid;border-top-color:#0000;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@media (width<=480px){.history-header{padding:var(--spacing-sm) var(--spacing-md)}.history-header h1{font-size:var(--font-size-lg)}.history-filters{padding:var(--spacing-sm) var(--spacing-md);flex-direction:column}.history-filter{width:100%;min-width:auto}.history-list{padding:var(--spacing-sm) var(--spacing-md) var(--spacing-lg)}.history-entry{padding:var(--spacing-sm)}.history-original,.history-translated{font-size:var(--font-size-xs)}.history-load-more{margin:0 var(--spacing-md) var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-md)}}.settings-page{background:var(--tg-bg-color,var(--color-bg));min-height:100dvh;color:var(--tg-text-color,var(--color-text));flex-direction:column;display:flex}.settings-page.loading{justify-content:center;align-items:center;display:flex}.settings-page.loading .loading-spinner{border:3px solid var(--tg-border-color,var(--color-border));border-top-color:var(--tg-link-color,var(--color-primary));border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.settings-header{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--tg-border-color,var(--color-border));background:var(--tg-bg-color,var(--color-bg));z-index:10;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.settings-header h1{font-size:var(--font-size-xl);margin:0;font-weight:700}.settings-main{padding:var(--spacing-md) var(--spacing-lg) var(--spacing-xl);flex:1;overflow-y:auto}.settings-section{margin-bottom:var(--spacing-xl)}.settings-section-title{margin:0 0 var(--spacing-md);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--tg-hint-color,var(--color-text-muted));font-weight:600}.settings-section-danger{border-top:1px solid var(--tg-destructive-color-alpha-30,var(--color-error-alpha-30));padding-top:var(--spacing-xl);margin-top:var(--spacing-xl)}.settings-section-danger .settings-section-title{color:var(--tg-destructive-color,var(--color-error))}.settings-item{padding:var(--spacing-md) 0;border-bottom:1px solid var(--tg-border-color,var(--color-border));justify-content:space-between;align-items:center;display:flex}.settings-item:last-child{border-bottom:none}.settings-item-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.settings-item-label{font-size:var(--font-size-base);color:var(--tg-text-color,var(--color-text));font-weight:500}.settings-item-hint{font-size:var(--font-size-xs);color:var(--tg-hint-color,var(--color-text-muted))}.settings-item-control{margin-left:var(--spacing-md);flex-shrink:0}.settings-select{padding:var(--spacing-sm) var(--spacing-md);font-family:inherit;font-size:var(--font-size-base);color:var(--tg-text-color,var(--color-text));background:var(--tg-secondary-bg-color,var(--color-surface));border:1px solid var(--tg-border-color,var(--color-border));border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-sm) center;min-width:180px;padding-right:36px}.settings-select:focus{border-color:var(--tg-link-color,var(--color-primary));box-shadow:0 0 0 3px var(--tg-link-color-alpha-20,var(--color-primary-alpha-20));outline:none}.settings-toggle-slider{background:var(--tg-border-color,var(--color-border));width:48px;height:28px;transition:background-color var(--transition-fast);border-radius:14px;display:block;position:relative}.settings-toggle-slider:before{content:"";width:24px;height:24px;transition:transform var(--transition-fast);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #0003}.settings-toggle input:focus-visible+.settings-toggle-slider{box-shadow:0 0 0 3px var(--tg-link-color-alpha-20,var(--color-primary-alpha-20))}.settings-toggle input:disabled+.settings-toggle-slider{opacity:.5;cursor:not-allowed}.settings-btn{padding:var(--spacing-sm) var(--spacing-md);font-family:inherit;font-size:var(--font-size-sm);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;justify-content:center;align-items:center;font-weight:500;display:inline-flex}.settings-btn:disabled{opacity:.5;cursor:not-allowed}.settings-btn:focus-visible{outline:2px solid var(--tg-link-color,var(--color-primary));outline-offset:2px}.settings-btn-primary{color:var(--tg-button-text-color,var(--color-on-primary));background:var(--tg-link-color,var(--color-primary));border:1px solid var(--tg-link-color,var(--color-primary))}.settings-btn-primary:hover:not(:disabled){filter:brightness(1.1)}.settings-btn-secondary{color:var(--tg-link-color,var(--color-primary));border:1px solid var(--tg-link-color,var(--color-primary));background:0 0}.settings-btn-secondary:hover:not(:disabled){background:var(--tg-link-color-alpha-10,var(--color-primary-alpha-10))}.settings-btn-danger{color:var(--tg-button-text-color,var(--color-on-error));background:var(--tg-destructive-color,var(--color-error));border:1px solid var(--tg-destructive-color,var(--color-error))}.settings-btn-danger:hover:not(:disabled){filter:brightness(1.1)}.settings-badge{padding:2px var(--spacing-xs);font-size:var(--font-size-xs);border-radius:var(--radius-sm);align-items:center;font-weight:600;display:inline-flex}.settings-badge.success{color:var(--tg-success-color,var(--color-success));background:var(--tg-success-color-alpha-10,var(--color-success-alpha-10))}.settings-modal-overlay{padding:var(--spacing-md);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.2s ease-out modal-fade-in;display:flex;position:fixed;inset:0}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.settings-modal{width:100%;max-width:360px;padding:var(--spacing-xl);background:var(--tg-bg-color,var(--color-bg));border-radius:var(--radius-xl);box-shadow:var(--shadow-lg,0 20px 60px #0003);animation:.3s ease-out modal-slide-up}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.settings-modal h3{margin:0 0 var(--spacing-md);font-size:var(--font-size-lg);color:var(--tg-text-color,var(--color-text));font-weight:600}.settings-modal p{margin:0 0 var(--spacing-sm);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--tg-hint-color,var(--color-text-muted))}.settings-modal p:last-of-type{margin-bottom:var(--spacing-lg)}.settings-modal-actions{justify-content:flex-end;gap:var(--spacing-sm);display:flex}@media (width<=480px){.settings-header{padding:var(--spacing-sm) var(--spacing-md)}.settings-header h1{font-size:var(--font-size-lg)}.settings-main{padding:var(--spacing-sm) var(--spacing-md) var(--spacing-lg)}.settings-item{align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm) 0;flex-direction:column}.settings-item-control{width:100%;margin-left:0}.settings-select{width:100%;min-width:auto}.settings-modal{padding:var(--spacing-lg);margin:var(--spacing-md)}.settings-modal-actions{flex-direction:column-reverse}.settings-modal-actions .settings-btn{width:100%}}.loading-screen{min-height:100dvh;padding:var(--spacing-xl);background:var(--tg-bg-color,var(--color-bg));color:var(--tg-text-color,var(--color-text));flex-direction:column;justify-content:center;align-items:center;display:flex}.loading-spinner{border:3px solid var(--tg-border-color,var(--color-border));border-top-color:var(--tg-link-color,var(--color-primary));width:48px;height:48px;margin-bottom:var(--spacing-md);border-radius:50%;animation:1s linear infinite spin}.loading-text{font-size:var(--font-size-base);color:var(--tg-hint-color,var(--color-text-muted));text-align:center;margin:0;font-weight:500}@media (width<=480px){.loading-spinner{border-width:2.5px;width:40px;height:40px}.loading-text{font-size:var(--font-size-sm)}}:root{--tg-bg-color:#fff;--tg-text-color:#000;--tg-hint-color:#999;--tg-link-color:#2481cc;--tg-button-color:#2481cc;--tg-button-text-color:#fff;--tg-secondary-bg-color:#f1f1f1;--safe-area-top:0px;--safe-area-bottom:0px;--safe-area-left:0px;--safe-area-right:0px;--color-primary:var(--tg-button-color);--color-primary-text:var(--tg-button-text-color);--color-bg:var(--tg-bg-color);--color-text:var(--tg-text-color);--color-text-secondary:var(--tg-hint-color);--color-border:var(--tg-secondary-bg-color);--color-surface:var(--tg-secondary-bg-color);--color-error:#e74c3c;--color-success:#27ae60;--color-warning:#f39c12;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #00000012;--shadow-lg:0 10px 15px #0000001a;--transition-fast:.15s ease;--transition-normal:.25s ease;--font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--z-dropdown:100;--z-modal:200;--z-toast:300}[data-theme=dark]{--tg-bg-color:#1c1c1e;--tg-text-color:#fff;--tg-hint-color:#8e8e93;--tg-link-color:#0a84ff;--tg-button-color:#0a84ff;--tg-button-text-color:#fff;--tg-secondary-bg-color:#2c2c2e}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--tg-bg-color:#1c1c1e;--tg-text-color:#fff;--tg-hint-color:#8e8e93;--tg-link-color:#0a84ff;--tg-button-color:#0a84ff;--tg-button-text-color:#fff;--tg-secondary-bg-color:#2c2c2e}}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-size:16px}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-bg);overscroll-behavior:none;flex-direction:column;min-height:100dvh;line-height:1.5;display:flex}.safe-area-top{padding-top:var(--safe-area-top)}.safe-area-bottom{padding-bottom:var(--safe-area-bottom)}.safe-area-left{padding-left:var(--safe-area-left)}.safe-area-right{padding-right:var(--safe-area-right)}#root{flex-direction:column;flex:1;width:100%;min-width:320px;display:flex}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-text-secondary);border-radius:var(--radius-full);opacity:.3}::-webkit-scrollbar-thumb:hover{opacity:.5}::selection{background:var(--color-primary);color:var(--color-primary-text)}.loading-spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:32px;height:32px;margin:0 auto;animation:.8s linear infinite spin}.spinner-sm{vertical-align:middle;border:2px solid;border-top-color:#0000;border-radius:50%;width:16px;height:16px;margin-right:8px;animation:.8s linear infinite spin;display:inline-block}.skeleton-line{background:linear-gradient(90deg, var(--color-surface) 25%, var(--color-border) 50%, var(--color-surface) 75%);border-radius:var(--radius-sm);background-size:200% 100%;height:16px;margin-bottom:8px;animation:1.5s infinite shimmer}.skeleton-line.short{width:60%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;font-weight:600;line-height:1.5;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:var(--color-primary-text)}.btn-primary:not(:disabled):hover{filter:brightness(1.1)}.btn-primary:not(:disabled):active{filter:brightness(.95)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:not(:disabled):hover{background:var(--color-border)}.btn-danger{background:var(--color-error);color:#fff}.btn-danger:not(:disabled):hover{filter:brightness(1.1)}.settings-toggle{cursor:pointer;align-items:center;display:inline-flex;position:relative}.settings-toggle input{opacity:0;width:0;height:0;position:absolute}.settings-toggle-slider{background:var(--color-border);border-radius:var(--radius-full);width:44px;height:26px;transition:background var(--transition-fast);position:relative}.settings-toggle-slider:before{content:"";width:20px;height:20px;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.settings-toggle input:checked+.settings-toggle-slider{background:var(--color-primary)}.settings-toggle input:checked+.settings-toggle-slider:before{transform:translate(18px)}.settings-toggle input:focus-visible+.settings-toggle-slider{outline:2px solid var(--color-primary);outline-offset:2px}.settings-select{appearance:none;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);color:var(--color-text);cursor:pointer;transition:border-color var(--transition-fast);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238e8e93' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.settings-select:focus{border-color:var(--color-primary);outline:none}.settings-select:disabled{opacity:.5;cursor:not-allowed}.input,textarea{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);color:var(--color-text);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);font-family:inherit}.input:focus,textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 20%, transparent);outline:none}.input::placeholder,textarea::placeholder{color:var(--color-text-secondary)}textarea{resize:none;min-height:120px;line-height:1.6}.toast{bottom:calc(var(--safe-area-bottom) + var(--spacing-lg));opacity:0;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-toast);max-width:calc(100vw - 2 * var(--spacing-lg));animation:.3s forwards toast-in;display:flex;position:fixed;left:50%;transform:translate(-50%)translateY(100px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.toast.hiding{animation:.3s forwards toast-out}@keyframes toast-in{to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes toast-out{to{opacity:0;transform:translate(-50%)translateY(100px)}}.toast-success{border-left:4px solid var(--color-success)}.toast-error{border-left:4px solid var(--color-error)}.toast-info{border-left:4px solid var(--color-primary)}.toast-action{margin-left:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;font-weight:600}.toast-action:hover{background:color-mix(in srgb, var(--color-primary) 10%, transparent)}.error-banner{align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background:color-mix(in srgb, var(--color-error) 10%, var(--color-surface));border:1px solid color-mix(in srgb, var(--color-error) 30%, transparent);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);display:flex}.error-banner-icon{color:var(--color-error);flex-shrink:0;margin-top:2px}.error-banner-content{flex:1;min-width:0}.error-banner-message{font-size:var(--font-size-sm);color:var(--color-text);margin-bottom:var(--spacing-sm)}.error-banner-actions{gap:var(--spacing-sm);display:flex}.error-banner-btn{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:none;font-weight:600}.error-banner-btn-primary{background:var(--color-primary);color:var(--color-primary-text)}.error-banner-btn-secondary{color:var(--color-text);border:1px solid var(--color-border);background:0 0}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--spacing-md);z-index:var(--z-modal);background:#00000080;justify-content:center;align-items:center;animation:.2s fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--color-bg);border-radius:var(--radius-lg);padding:var(--spacing-lg);width:100%;max-width:360px;box-shadow:var(--shadow-lg);animation:.3s slide-up}.modal-title{font-size:var(--font-size-xl);color:var(--color-text);margin-bottom:var(--spacing-sm);font-weight:600}.modal-text{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);line-height:1.6}.modal-actions{gap:var(--spacing-md);justify-content:flex-end;display:flex}.badge{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);border-radius:var(--radius-full);align-items:center;font-weight:600;display:inline-flex}.badge-success{background:color-mix(in srgb, var(--color-success) 15%, transparent);color:var(--color-success)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.flex{display:flex}.flex-1{flex:1}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.text-center{text-align:center}.page-enter{animation:.3s page-in}@keyframes page-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}