:root{--color-primary: #60a5fa;--color-primary-hover: #3b82f6;--color-primary-light: #dbeafe;--color-secondary: #34d399;--color-secondary-hover: #10b981;--color-secondary-light: #d1fae5;--color-accent: #a78bfa;--color-accent-hover: #8b5cf6;--color-background: #0f172a;--color-surface: #1e293b;--color-surface-hover: #334155;--color-text: #f1f5f9;--color-text-secondary: #94a3b8;--color-text-muted: #64748b;--color-border: #334155;--color-border-focus: var(--color-primary);--color-error: #ef4444;--color-success: #10b981;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-lg: 1rem;--spacing-xl: 1.5rem;--spacing-2xl: 2rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--shadow-glow: 0 0 20px rgba(16, 185, 129, .3);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-background);color:var(--color-text);line-height:1.6;min-height:100vh}#root{min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}*:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background-color:var(--color-primary);color:#fff}.animate-fade-in{animation:fadeIn .3s ease-out}.text-gradient{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-weight:600;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);font-family:inherit;position:relative;overflow:hidden}.button:disabled{opacity:.5;cursor:not-allowed}.button:not(:disabled):hover{transform:translateY(-1px)}.button:not(:disabled):active{transform:translateY(0)}.button--sm{padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem}.button--md{padding:var(--spacing-md) var(--spacing-xl);font-size:1rem}.button--lg{padding:var(--spacing-lg) var(--spacing-2xl);font-size:1.125rem}.button--primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:#fff;box-shadow:var(--shadow-md)}.button--primary:not(:disabled):hover{box-shadow:var(--shadow-lg),var(--shadow-glow)}.button--secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.button--secondary:not(:disabled):hover{background:var(--color-surface-hover);border-color:var(--color-primary)}.button--outline{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.button--outline:not(:disabled):hover{background:var(--color-primary-light)}.button--ghost{background:transparent;color:var(--color-text-secondary)}.button--ghost:not(:disabled):hover{background:var(--color-surface);color:var(--color-text)}.button--full-width{width:100%}.button--loading{pointer-events:none}.button__spinner{width:16px;height:16px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .6s linear infinite}.button__text{opacity:.7}.input-wrapper{display:flex;flex-direction:column;gap:var(--spacing-xs)}.input-label{font-size:.875rem;font-weight:500;color:var(--color-text)}.input{width:100%;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:1rem;font-family:inherit;transition:all var(--transition-base)}.input::placeholder{color:var(--color-text-muted)}.input:hover{border-color:var(--color-surface-hover)}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #10b9811a}.input--error{border-color:var(--color-error)}.input--error:focus{border-color:var(--color-error);box-shadow:0 0 0 3px #ef44441a}.input-error{font-size:.875rem;color:var(--color-error)}.input-hint{font-size:.875rem;color:var(--color-text-secondary)}.oauth-button{width:100%;padding:12px 16px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0d;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:10px}.oauth-button:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-1px)}.oauth-button:active{transform:translateY(0)}.oauth-button svg{flex-shrink:0}.oauth-button-google:hover{background:#4285f41a;border-color:#4285f44d}.oauth-button-github{color:#fff}.oauth-button-github:hover{background:#ffffff1a;border-color:#ffffff40}.oauth-buttons-container{display:flex;flex-direction:column;gap:12px}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);background:radial-gradient(circle at 20% 50%,rgba(16,185,129,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(6,182,212,.15) 0%,transparent 50%),var(--color-background)}.auth-container{width:100%;max-width:420px;padding:var(--spacing-2xl);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.auth-header{text-align:center;margin-bottom:var(--spacing-2xl)}.auth-title{font-size:2rem;font-weight:700;margin-bottom:var(--spacing-sm);line-height:1.2}.auth-subtitle{color:var(--color-text-secondary);font-size:1rem}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.auth-error{padding:var(--spacing-md);background:#ef44441a;border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);font-size:.875rem;text-align:center}.auth-divider{display:flex;align-items:center;gap:var(--spacing-md);color:var(--color-text-muted);font-size:.875rem;margin:var(--spacing-sm) 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.auth-footer{text-align:center;color:var(--color-text-secondary);font-size:.875rem}.auth-link{color:var(--color-primary);text-decoration:none;font-weight:600;transition:color var(--transition-fast)}.auth-link:hover{color:var(--color-primary-hover);text-decoration:underline}.spinner{width:40px;height:40px;margin:0 auto;border:3px solid rgba(255,255,255,.1);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:480px){.auth-container{padding:var(--spacing-xl)}.auth-title{font-size:1.5rem}}.app-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:0 2px 8px #0000001a;position:sticky;top:0;z-index:100}.header-content{max-width:1400px;margin:0 auto;padding:.3rem .75rem;display:flex;justify-content:space-between;align-items:center}.header-left{display:flex;align-items:center;gap:.75rem}.header-logo{font-size:.95rem;font-weight:700;color:var(--color-text);cursor:pointer;margin:0;transition:opacity .2s}.header-logo:hover{opacity:.8}.deck-selector{position:relative}.deck-selector-button{background:var(--color-background);border:1px solid var(--color-border);border-radius:6px;padding:.25rem .4rem;min-width:160px;display:flex;flex-direction:column;align-items:flex-start;gap:.05rem;cursor:pointer;transition:all .2s;position:relative}.deck-selector-button:hover{border-color:var(--color-primary)}.deck-title{color:var(--color-text);font-weight:600;font-size:.825rem}.deck-languages{color:var(--color-text-secondary);font-size:.675rem}.deck-placeholder{color:var(--color-text-secondary);font-size:.825rem}.dropdown-arrow{position:absolute;right:.4rem;top:50%;transform:translateY(-50%);color:var(--color-text-secondary);font-size:.65rem;transition:transform .2s}.dropdown-arrow.open{transform:translateY(-50%) rotate(180deg)}.deck-dropdown{position:absolute;top:calc(100% + .5rem);left:0;min-width:100%;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 12px #00000026;max-height:400px;overflow-y:auto;z-index:1000}.deck-option{padding:.4rem .5rem;display:flex;flex-direction:column;gap:.1rem;cursor:pointer;transition:background .2s;border-bottom:1px solid var(--color-border)}.deck-option:last-child{border-bottom:none}.deck-option:hover{background:#3b82f60f}.deck-option.active{background:#10b9810f;border-left:2px solid var(--color-secondary)}.deck-option.manage{color:var(--color-primary);font-weight:600;flex-direction:row;align-items:center;gap:.4rem;justify-content:center;margin-top:.3rem;border-top:1px solid var(--color-border);border-bottom:none;font-size:.85rem}.deck-option.manage:hover{background:#3b82f614}.deck-option-title{color:var(--color-text);font-weight:600;font-size:.825rem}.deck-option-languages{color:var(--color-text-secondary);font-size:.675rem}.header-right{display:flex;align-items:center;gap:1rem}.logout-button{background:transparent;color:var(--color-text);border:1px solid var(--color-border);padding:.25rem .5rem;border-radius:6px;cursor:pointer;font-weight:500;font-size:.825rem;transition:all .2s}.logout-button:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}@media(max-width:768px){.header-content{padding:1rem}.header-left{gap:1rem}.header-logo{font-size:1.2rem}.deck-selector-button{min-width:180px;padding:.5rem .75rem}.deck-title{font-size:.9rem}.deck-languages{font-size:.75rem}}.generation-section{background:var(--color-surface);border-radius:6px;padding:.4rem;margin-bottom:.4rem;box-shadow:0 1px 3px #0000001a}.generation-form{margin:0}.input-group{display:flex;gap:.3rem;flex-wrap:wrap}.word-input{flex:1;min-width:200px;padding:.35rem .5rem;border:1px solid var(--color-border);border-radius:6px;font-size:.875rem;background:var(--color-background);color:var(--color-text);transition:border-color .2s}.word-input:focus{outline:none;border-color:var(--color-primary)}.word-input:disabled{background:var(--color-background);opacity:.6;cursor:not-allowed}.generate-btn,.extract-btn{padding:.35rem .7rem;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.generate-btn{background:linear-gradient(135deg,#60a5fa,#34d399);color:#fff;font-size:1.1rem}.generate-btn:hover:not(:disabled){transform:translateY(-1px)}.generate-btn:disabled{opacity:.5;cursor:not-allowed}.extract-btn{background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;font-size:.875rem}.extract-btn:hover:not(:disabled){transform:translateY(-1px)}.extract-btn:disabled{opacity:.5;cursor:not-allowed}.tokens-info{color:var(--color-text-secondary);font-size:.8rem;margin:.3rem 0 0}@media(max-width:768px){.input-group{flex-direction:column}.word-input{min-width:100%}}.confirm-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .15s ease-out}.confirm-dialog{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003;max-width:400px;width:90%;animation:slideIn .2s ease-out}.confirm-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-border);border-top-left-radius:12px;border-top-right-radius:12px}.confirm-header-danger{background:#ef44441a;border-bottom-color:#ef444433}.confirm-header-warning{background:#f59e0b1a;border-bottom-color:#f59e0b33}.confirm-header-info{background:#3b82f61a;border-bottom-color:#3b82f633}.confirm-header h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--color-text)}.confirm-body{padding:1.5rem;background:var(--color-surface)}.confirm-body p{margin:0;color:var(--color-text-secondary);line-height:1.5}.confirm-footer{padding:1rem 1.5rem;background:var(--color-background);border-bottom-left-radius:12px;border-bottom-right-radius:12px;display:flex;gap:.75rem;justify-content:flex-end}.confirm-btn{padding:.5rem 1rem;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s}.confirm-btn-cancel{background:var(--color-border);color:var(--color-text);border:1px solid var(--color-border)}.confirm-btn-cancel:hover{background:var(--color-text-secondary);color:#fff}.confirm-btn-danger{background:#ef4444;color:#fff}.confirm-btn-danger:hover{background:#dc2626}.confirm-btn-warning{background:#f59e0b;color:#fff}.confirm-btn-warning:hover{background:#d97706}.confirm-btn-info{background:#3b82f6;color:#fff}.confirm-btn-info:hover{background:#2563eb}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.word-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:8px;padding:.75rem;transition:all .2s;width:100%;position:relative}.word-card.selection-mode{cursor:pointer}.word-card.selected{border-color:var(--color-secondary);box-shadow:0 0 0 2px #10b98126;background:linear-gradient(180deg,rgba(16,185,129,.06),transparent)}.word-card:hover{border-color:var(--color-primary);transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.word-card.expanded{padding-bottom:1.5rem}.word-card.duplicate{border:2px solid #ef4444;box-shadow:0 0 8px #ef44444d}.word-card.duplicate:hover{border-color:#dc2626;box-shadow:0 0 12px #ef444480}.word-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.3rem}.word-card-title{display:flex;align-items:center;gap:.5rem}.word-select input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary)}.word-card-header h3{color:var(--color-text);font-size:.95rem;margin:0;font-weight:600}.word-translation-inline{color:var(--color-text-secondary);font-size:.875rem;font-weight:400}.word-actions{display:flex;gap:.3rem;position:relative;z-index:10}.info-btn,.favorite-btn,.regenerate-btn,.copy-btn,.delete-btn{background:none;border:none;cursor:pointer;font-size:1rem;padding:.1rem;transition:transform .2s,opacity .2s;color:#fff}.info-btn:hover,.favorite-btn:hover,.regenerate-btn:hover,.copy-btn:hover,.delete-btn:hover{transform:scale(1.15)}.info-btn{opacity:.6}.info-btn:hover{opacity:1}.info-btn.active{opacity:1;filter:drop-shadow(0 0 3px var(--color-primary))}.favorite-btn.active{filter:drop-shadow(0 0 3px gold)}.info-btn:disabled,.favorite-btn:disabled,.regenerate-btn:disabled,.copy-btn:disabled{opacity:.5;cursor:not-allowed}.word-phrase{color:#4cb658;font-size:.85rem;margin:.3rem 0;font-style:italic}.word-details{max-height:0;overflow:hidden;transition:max-height .3s ease-out,opacity .3s ease-out;opacity:0}.word-details.show{max-height:500px;opacity:1;margin-top:.5rem}.word-detail-section{margin-bottom:.5rem;padding:.5rem;background:#ffffff05;border-radius:6px;border-left:3px solid var(--color-primary)}.word-detail-label{display:block;color:var(--color-primary);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.word-example,.word-explanation{color:var(--color-text-secondary);font-size:.8rem;margin:0;line-height:1.5}.word-explanation{opacity:.9}.word-score{font-weight:700;margin-top:.4rem;font-size:.875rem;position:absolute;bottom:4px;right:4px}.word-score.easy{color:#10b981}.word-score.medium{color:#f59e0b}.word-score.hard{color:#ef4444}@media(max-width:768px){.word-card{padding:.65rem}.word-card-header h3{font-size:.9rem}.word-actions{gap:.2rem}.info-btn,.favorite-btn,.regenerate-btn,.copy-btn,.delete-btn{font-size:.9rem;padding:.2rem}.word-phrase{font-size:.8rem}.word-detail-section{padding:.4rem}.word-detail-label{font-size:.7rem}.word-example,.word-explanation{font-size:.75rem}.word-score{font-size:.8rem;bottom:3px;right:3px}}@media(hover:none)and (pointer:coarse){.info-btn,.favorite-btn,.regenerate-btn,.delete-btn{padding:.3rem;font-size:1.1rem}.word-card{padding:.8rem}}.settings-menu{position:relative;display:inline-block}.settings-trigger{background:none;border:1px solid var(--color-border);border-radius:6px;padding:.4rem .8rem;color:var(--color-text);cursor:pointer;font-size:.875rem;transition:all .2s;display:flex;align-items:center;gap:.3rem}.settings-trigger:hover{background:#ffffff0d;border-color:var(--color-primary)}.settings-backdrop{position:fixed;inset:0;z-index:99}.settings-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:200px;z-index:100;overflow:hidden}.settings-option{width:100%;background:none;border:none;padding:.75rem 1rem;text-align:left;color:var(--color-text);cursor:pointer;font-size:.875rem;transition:background .2s;display:flex;align-items:center;gap:.5rem}.settings-option:hover{background:#ffffff0d}.settings-option:not(:last-child){border-bottom:1px solid var(--color-border)}.modal-backdrop{position:fixed;inset:0;background:#00000080;z-index:1000;animation:fadeIn .2s}.import-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;max-width:500px;width:90%;z-index:1001;box-shadow:0 8px 24px #0000004d;animation:slideUp .3s}.import-modal h3{margin:0 0 .5rem;color:var(--color-text);font-size:1.25rem}.import-modal>p{margin:0 0 1rem;color:var(--color-text-secondary);font-size:.875rem}.import-options{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.import-option{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border:2px solid var(--color-border);border-radius:8px;cursor:pointer;transition:all .2s}.import-option:hover{border-color:var(--color-primary);background:#ffffff05}.import-option input[type=radio]{margin-top:.25rem;cursor:pointer;width:18px;height:18px;accent-color:var(--color-primary)}.import-option input[type=radio]:checked~.import-option-content{color:var(--color-text)}.import-option-content{flex:1}.import-option-content strong{display:block;margin-bottom:.25rem;font-size:.95rem}.import-option-content p{margin:0;font-size:.8rem;color:var(--color-text-secondary)}.import-option-content p.warning{color:var(--color-error);font-weight:500}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end}.btn-secondary,.btn-primary{padding:.6rem 1.25rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-secondary{background:transparent;border:1px solid var(--color-border);color:var(--color-text)}.btn-secondary:hover:not(:disabled){background:#ffffff0d}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-primary:disabled,.btn-secondary:disabled{opacity:.5;cursor:not-allowed}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.settings-trigger{padding:.35rem .7rem;font-size:.8rem}.settings-dropdown{min-width:180px}.import-modal{width:95%;padding:1.25rem}.import-modal h3{font-size:1.1rem}.import-option{padding:.75rem}.modal-actions{flex-direction:column-reverse}.btn-secondary,.btn-primary{width:100%}}.words-section{background:var(--color-surface);border-radius:6px;padding:.4rem;box-shadow:0 1px 3px #0000001a}.words-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem;gap:.5rem}.words-controls{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.controls-group{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.control-btn{background:transparent;border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);padding:.35rem .6rem;cursor:pointer;font-size:.85rem;transition:all .2s}.control-btn:hover{border-color:var(--color-primary);background:#3b82f614}.control-btn.active{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;border-color:transparent}.filter-checkbox{display:flex;align-items:center;gap:.3rem;color:var(--color-text);cursor:pointer;font-size:1rem;-webkit-user-select:none;user-select:none}.filter-checkbox input[type=checkbox]{cursor:pointer;width:16px;height:16px}.selection-bar{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem .75rem;border:1px dashed var(--color-border);border-radius:8px;margin-bottom:.5rem;background:#3b82f608}.selection-info{color:var(--color-text-secondary);font-size:.9rem}.selection-actions{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.action-btn{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:6px;padding:.35rem .65rem;cursor:pointer;font-size:.85rem;transition:all .2s}.action-btn:hover:not(:disabled){border-color:var(--color-primary);transform:translateY(-1px)}.action-btn.danger{border-color:#ef444466;color:#ef4444}.action-btn:disabled{opacity:.6;cursor:not-allowed}.empty-state{text-align:center;padding:4rem 2rem;color:var(--color-text-secondary)}.empty-state p{margin:.5rem 0}.empty-state p:first-child{font-size:1.2rem;font-weight:500}.words-grid{display:flex;flex-direction:column;gap:.5rem}@media(max-width:768px){.words-section-header,.selection-bar{flex-direction:column;align-items:flex-start}.words-grid{gap:.4rem}}.main-page{min-height:calc(100vh - 50px);padding:.75rem;background:var(--color-background)}.no-deck-selected{text-align:center;padding:4rem 2rem;background:var(--color-surface);border-radius:16px;max-width:600px;margin:4rem auto}.no-deck-selected h2{color:var(--color-text);margin-bottom:1rem}.no-deck-selected p{color:var(--color-text-secondary);margin-bottom:2rem}.create-deck-btn{padding:1rem 2rem;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:transform .2s}.create-deck-btn:hover{transform:translateY(-2px)}.tabs{display:flex;gap:.25rem;margin-bottom:1rem;background:var(--color-surface);padding:.25rem;border-radius:6px;box-shadow:0 1px 3px #0000001a}.tab{flex:1;padding:.4rem .8rem;background:transparent;border:1px solid transparent;border-radius:5px;color:var(--color-text-secondary);font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.3rem}.tab:hover:not(:disabled){background:#3b82f61a;color:var(--color-text)}.tab.active{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;border-color:var(--color-primary)}.tab:disabled{opacity:.5;cursor:not-allowed}.coming-soon{font-size:.75rem;opacity:.8}.tab-content{animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modal-backdrop{position:fixed;inset:0;background:#000000b3;z-index:999;animation:fadeIn .2s}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:var(--color-surface);border-radius:12px;padding:1.5rem;max-width:700px;width:100%;max-height:90vh;overflow-y:auto}.regenerate-modal,.extract-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;max-width:700px;width:90%;max-height:90vh;overflow-y:auto;z-index:1000;box-shadow:0 8px 24px #0000004d;animation:slideUp .3s}.regenerate-modal h3,.extract-modal h3{margin:0 0 1rem;color:var(--color-text);text-align:center}.word-variants{display:flex;gap:1rem;margin-bottom:1rem}.word-variant{flex:1;display:flex;flex-direction:column;gap:.75rem}.word-variant h4{margin:0;color:var(--color-text-secondary);font-size:.875rem;text-transform:uppercase;text-align:center}.word-preview{flex:1;padding:1rem;border:2px solid var(--color-border);border-radius:8px;background:var(--color-background)}.word-preview p{margin:.5rem 0;color:var(--color-text)}.word-preview strong{color:var(--color-primary)}.word-phrase{font-style:italic;color:var(--color-text-secondary)}.word-example{font-size:.875rem;color:var(--color-text-secondary)}@keyframes slideUp{0%{transform:translate(-50%,-45%);opacity:0}to{transform:translate(-50%,-50%);opacity:1}}@media(max-width:768px){.word-variants{flex-direction:column}}.modal-content h2{color:var(--color-text);margin-bottom:1rem;text-align:center}.modal-words{display:flex;gap:1rem;margin-bottom:1rem}.modal-word-card{flex:1;cursor:pointer;transition:all .2s;border:2px solid var(--color-border);border-radius:8px;padding:1rem}.modal-word-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.modal-card-label{font-size:.75rem;color:var(--color-text-secondary);text-transform:uppercase;font-weight:600;margin-bottom:.5rem}.modal-close{width:100%;padding:.75rem;background:var(--color-border);color:var(--color-text);border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.modal-close:hover{background:var(--color-text-secondary)}@media(max-width:768px){.modal-words{flex-direction:column}}.extract-modal{max-width:600px}.extract-textarea{width:100%;padding:.75rem;border:2px solid var(--color-border);border-radius:8px;font-size:.95rem;font-family:inherit;background:var(--color-background);color:var(--color-text);resize:vertical;margin-bottom:1rem}.extract-textarea:focus{outline:none;border-color:var(--color-primary)}.modal-actions{display:flex;gap:.75rem;margin-top:1rem}.extract-submit-btn{flex:1;padding:.75rem;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.extract-submit-btn:hover:not(:disabled){transform:translateY(-2px)}.extract-submit-btn:disabled{opacity:.5;cursor:not-allowed}.extracted-words-list{max-height:400px;overflow-y:auto;margin-bottom:1rem;border:1px solid var(--color-border);border-radius:8px;padding:.5rem}.extracted-word-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border:2px solid var(--color-border);border-radius:8px;margin-bottom:.5rem;cursor:pointer;transition:all .2s;background:var(--color-surface)}.extracted-word-item:hover:not(.exists){border-color:var(--color-primary);transform:translate(4px)}.extracted-word-item.selected{border-color:var(--color-secondary);background:#10b9811a}.extracted-word-item.exists{border-color:#ef4444;background:#ef44441a;cursor:not-allowed;opacity:.7}.extracted-word-item input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary)}.extracted-word-item.exists input[type=checkbox]{cursor:not-allowed}.extracted-word-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.extracted-lemma{font-weight:600;font-size:1rem;color:var(--color-text)}.extracted-translation{font-size:.875rem;color:var(--color-text-secondary)}.exists-badge{font-size:.75rem;color:#ef4444;font-weight:600}.generation-results{margin-top:1rem;padding:1rem;background:var(--color-background);border-radius:8px}.generation-results h4{margin-bottom:1rem;color:var(--color-text);font-size:1rem}.results-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;max-height:300px;overflow-y:auto}.result-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:6px;background:var(--color-surface);border:1px solid transparent;transition:all .2s}.result-item.success{border-color:#10b981;background:#10b9810d}.result-item.error{border-color:#ef4444;background:#ef44440d}.result-icon{font-size:1.25rem;flex-shrink:0}.result-lemma{font-weight:600;color:var(--color-text);flex-shrink:0;min-width:120px}.result-error{font-size:.875rem;color:#ef4444;flex:1}.results-summary{display:flex;gap:1.5rem;padding:.75rem;background:var(--color-surface);border-radius:6px;font-size:.875rem;font-weight:600}.success-count{color:#10b981}.error-count{color:#ef4444}.coming-soon-content{text-align:center;padding:4rem 2rem;background:var(--color-surface);border-radius:16px}.coming-soon-content h2{color:var(--color-text);margin-bottom:1rem}.coming-soon-content p{color:var(--color-text-secondary)}@media(max-width:768px){.main-page{padding:1rem}.tabs{flex-direction:column}.tab{width:100%}}.decks-page{min-height:100vh;padding:2rem 1rem;background:radial-gradient(circle at 20% 50%,rgba(16,185,129,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(6,182,212,.15) 0%,transparent 50%),var(--color-background)}.decks-container{max-width:1200px;margin:0 auto;background:var(--color-surface);border-radius:var(--radius-xl);padding:2rem;box-shadow:var(--shadow-lg);border:1px solid var(--color-border)}.decks-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.decks-title{font-size:2rem;font-weight:700;margin:0 0 .5rem;color:var(--color-text)}.decks-subtitle{color:var(--color-text-secondary);margin:0}.decks-error{background:#ef44441a;border:1px solid var(--color-error);color:var(--color-error);padding:1rem;border-radius:var(--radius-md);margin-bottom:1rem}.decks-empty{text-align:center;padding:4rem 2rem;color:var(--color-text-secondary)}.decks-empty p{margin:0 0 .5rem;font-size:1.125rem}.decks-empty-hint{font-size:.875rem;margin-bottom:1.5rem!important}.decks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.deck-card{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;transition:all var(--transition-base)}.deck-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.deck-card-header{margin-bottom:1rem}.deck-card-title{font-size:1.25rem;font-weight:600;margin:0 0 .5rem;color:var(--color-text)}.deck-card-languages{font-size:.875rem;color:var(--color-primary);font-weight:500}.deck-card-content,.deck-card-info{margin-bottom:1rem}.deck-card-info:last-child{margin-bottom:0}.deck-card-info strong{display:block;font-size:.875rem;color:var(--color-text-secondary);margin-bottom:.25rem}.deck-card-info p{margin:0;font-size:.875rem;color:var(--color-text-muted);line-height:1.4}.deck-card-actions{display:flex;gap:.5rem;flex-wrap:wrap}.decks-back-button{margin-bottom:1rem}@media(max-width:768px){.decks-header{flex-direction:column}.decks-grid{grid-template-columns:1fr}}.deck-form-page{min-height:100vh;padding:2rem 1rem;background:radial-gradient(circle at 20% 50%,rgba(16,185,129,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(6,182,212,.15) 0%,transparent 50%),var(--color-background)}.deck-form-container{max-width:800px;margin:0 auto;background:var(--color-surface);border-radius:var(--radius-xl);padding:2rem;box-shadow:var(--shadow-lg);border:1px solid var(--color-border)}.deck-form-header{margin-bottom:2rem}.deck-form-title{font-size:2rem;font-weight:700;margin:0 0 .5rem;color:var(--color-text)}.deck-form-subtitle{color:var(--color-text-secondary);margin:0}.deck-form{display:flex;flex-direction:column;gap:1.5rem}.deck-form-error{background:#ef44441a;border:1px solid var(--color-error);color:var(--color-error);padding:1rem;border-radius:var(--radius-md)}.deck-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.deck-form-field{display:flex;flex-direction:column;gap:.5rem}.deck-form-label{font-weight:600;color:var(--color-text);font-size:.875rem;display:flex;align-items:center;gap:.5rem}.deck-form-badge{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;padding:.125rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600}.deck-form-textarea{width:100%;padding:.75rem;border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:1rem;font-family:inherit;resize:vertical;transition:all var(--transition-base);background:var(--color-surface);color:var(--color-text)}.deck-form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #10b9811a}.deck-form-textarea.error{border-color:var(--color-error)}.deck-form-field-error{color:var(--color-error);font-size:.875rem}.deck-form-field-hint{color:var(--color-text-muted);font-size:.875rem}.deck-form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}@media(max-width:768px){.deck-form-row{grid-template-columns:1fr}.deck-form-actions{flex-direction:column-reverse}.deck-form-actions button{width:100%}}