body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0;background-color:var(--background-color);color:var(--text-color);line-height:1.6;transition:background-color .3s,color .3s}:root{--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-serif: "Georgia", Cambria, "Times New Roman", Times, serif;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;--border-radius-sm: 8px;--border-radius-md: 12px;--border-radius-lg: 20px;--border-radius-xl: 24px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-medium: .35s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--transition-interactive: .25s cubic-bezier(.25, .8, .25, 1);--bg-primary: #ffffff;--bg-secondary: #f7f7f8;--bg-tertiary: #f0f0f2;--bg-card: rgba(255, 255, 255, .85);--text-primary: #080808;--text-secondary: #383838;--text-muted: #6c6c6c;--border-primary: rgba(0, 0, 0, .08);--border-secondary: rgba(0, 0, 0, .12);--gradient-primary: linear-gradient(135deg, #6a82fb 0%, #7b53c0 100%);--gradient-secondary: linear-gradient(135deg, #f2a3fc 0%, #f7687c 100%);--gradient-success-bg: linear-gradient(135deg, rgba(67, 233, 123, .15) 0%, rgba(56, 249, 215, .15) 100%);--gradient-error-bg: linear-gradient(135deg, rgba(251, 127, 174, .15) 0%, rgba(254, 227, 80, .15) 100%);--accent-primary: #6a82fb;--accent-primary-hover: #5f73e0;--accent-primary-glow: rgba(106, 130, 251, .2);--accent-primary-rgb: 106, 130, 251;--accent-secondary: #52b0fe;--accent-secondary-hover: #3c9ce0;--accent-secondary-rgb: 82, 176, 254;--accent-error: #fb7fae;--accent-error-hover: #e7608e;--accent-error-bg: rgba(251, 127, 174, .1);--error-rgb: 251, 127, 174;--accent-success: #43e97b;--accent-success-hover: #38f9d7;--accent-success-bg: rgba(67, 233, 123, .1);--success-rgb: 67, 233, 123;--shadow-color: rgba(0, 0, 0, .06);--shadow-color-strong: rgba(0, 0, 0, .12);--shadow-sm: 0 2px 4px 0 var(--shadow-color), 0 1px 2px -1px var(--shadow-color);--shadow-md: 0 5px 10px -2px var(--shadow-color), 0 3px 6px -3px var(--shadow-color);--shadow-lg: 0 12px 20px -5px var(--shadow-color-strong), 0 5px 10px -6px var(--shadow-color);--shadow-xl: 0 22px 30px -8px var(--shadow-color-strong), 0 10px 15px -8px var(--shadow-color);--shadow-glow: 0 0 15px 0px var(--accent-primary-glow);--shadow-success-glow: 0 0 15px 0px rgba(67, 233, 123, .3);--shadow-error-glow: 0 0 15px 0px rgba(251, 127, 174, .3);--button-text-color: #ffffff;--input-bg: var(--bg-primary);--input-border: var(--border-primary);--link-color: var(--accent-primary);--chat-bg-user: var(--accent-primary-glow);--chat-text-user: var(--accent-primary-hover);--chat-bg-model: var(--bg-tertiary);--chat-text-model: var(--text-secondary);--chat-bg-error: var(--accent-error-bg);--chat-text-error: var(--accent-error);--quiz-option-correct-border: var(--accent-success);--quiz-option-correct-bg: var(--accent-success-bg);--quiz-option-correct-text: #1e855a;--quiz-option-incorrect-border: var(--accent-error);--quiz-option-incorrect-bg: var(--accent-error-bg);--quiz-option-incorrect-text: #c72c5c}[data-theme=dark]{--bg-primary: #0f0f0f;--bg-secondary: #141414;--bg-tertiary: #1e1e1e;--bg-card: rgba(28, 28, 30, .85);--text-primary: #f5f5f7;--text-secondary: #d8d8dc;--text-muted: #9e9ea7;--border-primary: rgba(255, 255, 255, .15);--border-secondary: rgba(255, 255, 255, .2);--gradient-primary: linear-gradient(135deg, #7089fa 0%, #8b63cf 100%);--gradient-secondary: linear-gradient(135deg, #f2a8fb 0%, #f7788c 100%);--gradient-success-bg: linear-gradient(135deg, rgba(102, 234, 164, .15) 0%, rgba(81, 250, 212, .15) 100%);--gradient-error-bg: linear-gradient(135deg, rgba(251, 143, 175, .15) 0%, rgba(254, 229, 96, .15) 100%);--accent-primary: #907cf5;--accent-primary-hover: #7e6ae0;--accent-primary-glow: rgba(144, 124, 245, .25);--accent-primary-rgb: 144, 124, 245;--accent-secondary: #25c0e0;--accent-secondary-hover: #1ca8c0;--accent-secondary-rgb: 37, 192, 224;--accent-error: #f98080;--accent-error-hover: #f05050;--accent-error-bg: rgba(249, 128, 128, .15);--error-rgb: 249, 128, 128;--accent-success: #66eaa4;--accent-success-hover: #51fad4;--accent-success-bg: rgba(102, 234, 164, .15);--success-rgb: 102, 234, 164;--shadow-color: rgba(0, 0, 0, .3);--shadow-color-strong: rgba(0, 0, 0, .5);--button-text-color: #ffffff;--input-bg: var(--bg-tertiary);--input-border: var(--border-primary);--link-color: var(--accent-primary);--chat-bg-user: var(--accent-primary-glow);--chat-text-user: var(--accent-primary-hover);--chat-bg-model: var(--bg-tertiary);--chat-text-model: var(--text-secondary);--chat-bg-error: var(--accent-error-bg);--chat-text-error: var(--accent-error);--quiz-option-correct-border: var(--accent-success);--quiz-option-correct-bg: var(--accent-success-bg);--quiz-option-correct-text: #b6f2d2;--quiz-option-incorrect-border: var(--accent-error);--quiz-option-incorrect-bg: var(--accent-error-bg);--quiz-option-incorrect-text: #fca6a6}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth}body{font-family:var(--font-sans);margin:0;padding:var(--spacing-lg);background:var(--bg-secondary);color:var(--text-primary);line-height:1.65;transition:background var(--transition-medium),color var(--transition-medium);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;letter-spacing:-.01em;overflow-x:hidden}#root{max-width:1400px;margin:0 auto}.app-container{display:flex;flex-direction:column;gap:var(--spacing-xl);min-height:100vh}.app-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);padding:var(--spacing-lg) var(--spacing-xl);background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--border-radius-xl);border:1px solid var(--border-primary);box-shadow:var(--shadow-md);position:sticky;top:var(--spacing-lg);z-index:100;transition:all var(--transition-medium)}.app-header h1{font-size:2.5rem;font-weight:800;color:var(--text-primary);margin:0;letter-spacing:-.025em;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;transition:transform .2s ease-out}.app-header h1:hover{transform:scale(1.02)}.header-controls{display:flex;align-items:center;gap:var(--spacing-lg)}.user-greeting{font-size:.95rem;color:var(--text-secondary);font-weight:500}.theme-toggle,.logout-button,.dashboard-toggle{background:var(--bg-primary);border:1px solid var(--border-primary);color:var(--text-secondary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-interactive);display:flex;align-items:center;gap:var(--spacing-sm);box-shadow:var(--shadow-sm);will-change:transform,box-shadow,border-color,color;font-weight:500}.theme-toggle:hover,.logout-button:hover,.dashboard-toggle:hover{transform:translateY(-2px) scale(1.03);box-shadow:var(--shadow-lg);border-color:var(--accent-primary);color:var(--accent-primary)}.theme-toggle:hover svg,.logout-button:hover svg,.dashboard-toggle:hover svg{color:var(--accent-primary)}.theme-toggle svg,.logout-button svg,.dashboard-toggle svg{width:18px;height:18px;transition:color var(--transition-fast)}.main-content{display:grid;grid-template-columns:1fr 400px;gap:var(--spacing-xl);padding-top:var(--spacing-lg);flex-grow:1}.left-panel{display:flex;flex-direction:column;gap:var(--spacing-xl)}.right-panel{position:sticky;top:calc(var(--spacing-lg) + 80px + var(--spacing-lg));height:calc(100vh - var(--spacing-lg) * 2 - 80px - var(--spacing-lg));overflow-y:auto}.right-panel::-webkit-scrollbar{width:8px}.right-panel::-webkit-scrollbar-thumb{background-color:var(--border-secondary);border-radius:var(--border-radius-sm)}.right-panel::-webkit-scrollbar-track{background-color:transparent}.pdf-preview-container{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--border-radius-xl);padding:var(--spacing-xl);border:1px solid var(--border-primary);box-shadow:var(--shadow-md);height:100%;display:flex;flex-direction:column}.pdf-preview-container h3{margin-top:0;margin-bottom:var(--spacing-lg);color:var(--text-primary);font-size:1.5rem;font-weight:700}.pdf-viewer{border-radius:var(--border-radius-md);overflow:hidden;border:1px solid var(--border-primary);flex-grow:1}.pdf-viewer iframe{border:none;border-radius:var(--border-radius-md);display:block;width:100%;height:100%}.pdf-preview-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:600px;background:var(--bg-tertiary);border-radius:var(--border-radius-xl);border:2px dashed var(--border-secondary);color:var(--text-muted);font-style:italic;padding:var(--spacing-xl);text-align:center;flex-grow:1}.pdf-preview-placeholder:before{content:"📄";font-size:3rem;margin-bottom:var(--spacing-md);opacity:.5}.pdf-preview-placeholder .historical-note{font-size:.9em;font-style:italic;margin-top:var(--spacing-sm)}.export-controls h3{margin-top:0;margin-bottom:var(--spacing-lg);color:var(--text-primary);font-size:1.5rem;font-weight:700;padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--accent-secondary);display:inline-block}.export-buttons{display:flex;flex-direction:column;gap:var(--spacing-md)}.export-button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--gradient-secondary);color:var(--button-text-color);border:none;border-radius:var(--border-radius-md);cursor:pointer;font-size:1rem;font-weight:600;transition:all var(--transition-interactive);box-shadow:var(--shadow-sm);will-change:transform,box-shadow;text-align:center}.export-button:hover:not(:disabled){transform:translateY(-3px) scale(1.03);box-shadow:var(--shadow-lg),0 0 20px #f5576c4d}.export-button:active:not(:disabled){transform:translateY(-1px) scale(1.01)}.export-button:disabled{background:var(--text-muted);cursor:not-allowed;opacity:.6;transform:none;box-shadow:var(--shadow-sm)}.export-button svg{width:20px;height:20px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--border-radius-xl);padding:var(--spacing-xl);border:1px solid var(--border-primary);box-shadow:var(--shadow-md);transition:all var(--transition-medium);position:relative;overflow:hidden;will-change:transform,box-shadow}.card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl);border-color:color-mix(in srgb,var(--accent-primary) 30%,transparent)}.form-section legend{font-size:1.3rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--accent-primary);display:inline-block}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;font-weight:600;margin-bottom:var(--spacing-md);color:var(--text-secondary);font-size:.95rem;letter-spacing:-.01em}.form-group input[type=file],.form-group select,.form-group input[type=number],.form-group input[type=text],.form-group input[type=password],.form-group textarea{width:100%;padding:var(--spacing-md) var(--spacing-lg);border:1px solid var(--input-border);background-color:var(--input-bg);color:var(--text-primary);border-radius:var(--border-radius-md);font-size:1rem;transition:all var(--transition-fast);font-family:inherit;will-change:border-color,box-shadow}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background-color:var(--bg-tertiary);opacity:.7;cursor:not-allowed;border-color:var(--border-secondary)}.form-group input[type=file]{padding:var(--spacing-md);background:var(--bg-tertiary)}.form-group input[type=file]::file-selector-button{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-secondary);border-radius:var(--border-radius-sm);background:var(--bg-primary);color:var(--accent-primary);font-weight:500;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast);margin-right:var(--spacing-md)}.form-group input[type=file]::file-selector-button:hover{background:var(--accent-primary-glow);border-color:var(--accent-primary)}.form-group textarea{min-height:100px;resize:vertical;line-height:1.5}.form-group input:not([type=file]):not([type=checkbox]):focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-glow),var(--shadow-sm)}.checkbox-options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.checkbox-group{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);border-radius:var(--border-radius-sm);transition:background-color var(--transition-fast)}.checkbox-group:hover{background-color:color-mix(in srgb,var(--accent-primary) 5%,transparent)}.checkbox-group label{margin-bottom:0;font-weight:500;font-size:1rem;cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text-primary)}.form-group input[type=checkbox]{height:1.3em;width:1.3em;cursor:pointer;border-radius:4px;margin-top:2px;border:1px solid var(--border-secondary);transition:all var(--transition-fast);-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:var(--input-bg);position:relative}.form-group input[type=checkbox]:disabled{background-color:var(--bg-tertiary);border-color:var(--border-primary);opacity:.6;cursor:not-allowed}.form-group input[type=checkbox]:checked{background-color:var(--accent-primary);border-color:var(--accent-primary)}.form-group input[type=checkbox]:checked:before{content:"✔";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--button-text-color);font-size:.9em;font-weight:700}.indented-group{padding-left:var(--spacing-xl);border-left:3px solid var(--accent-primary);margin-top:var(--spacing-md);background:linear-gradient(90deg,var(--accent-primary-glow) 0%,transparent 100%);border-radius:0 var(--border-radius-sm) var(--border-radius-sm) 0;padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.submit-button{background:var(--gradient-primary);background-size:200% 200%;color:var(--button-text-color);padding:var(--spacing-lg) var(--spacing-xl);border:none;border-radius:var(--border-radius-md);cursor:pointer;font-size:1.1rem;font-weight:600;transition:all var(--transition-interactive),background-position .5s ease-in-out;width:100%;margin-top:var(--spacing-xl);box-shadow:var(--shadow-md),0 4px 15px color-mix(in srgb,var(--accent-primary) 30%,transparent);letter-spacing:-.01em;position:relative;overflow:hidden;will-change:transform,box-shadow,background-position}.submit-button:hover:not(:disabled){transform:translateY(-3px) scale(1.02);box-shadow:var(--shadow-lg),0 6px 20px color-mix(in srgb,var(--accent-primary) 40%,transparent);background-position:right center}.submit-button:active:not(:disabled){transform:translateY(-1px) scale(1.01)}.submit-button:disabled{background:var(--text-muted);cursor:not-allowed;opacity:.6;transform:none;box-shadow:var(--shadow-sm)}.control-button.full-width-button{background:var(--gradient-primary);background-size:200% 200%;color:var(--button-text-color);padding:var(--spacing-lg) var(--spacing-xl);border:none;border-radius:var(--border-radius-md);cursor:pointer;font-size:1.1rem;font-weight:600;transition:all var(--transition-interactive),background-position .5s ease-in-out;width:100%;margin-top:var(--spacing-md);box-shadow:var(--shadow-md),0 4px 15px color-mix(in srgb,var(--accent-primary) 30%,transparent);letter-spacing:-.01em;position:relative;overflow:hidden;will-change:transform,box-shadow,background-position;text-align:center}.control-button.full-width-button:hover:not(:disabled){transform:translateY(-3px) scale(1.02);box-shadow:var(--shadow-lg),0 6px 20px color-mix(in srgb,var(--accent-primary) 40%,transparent);background-position:right center}.control-button.full-width-button:active:not(:disabled){transform:translateY(-1px) scale(1.01)}.control-button.full-width-button:disabled{background:var(--text-muted);cursor:not-allowed;opacity:.6;transform:none;box-shadow:var(--shadow-sm)}.file-name{margin-top:var(--spacing-md);font-style:italic;color:var(--text-muted);font-size:.9em;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--border-radius-sm);border:1px solid var(--border-primary)}.loading-message,.error-message,.warning-message{text-align:center;padding:var(--spacing-xl);margin-top:var(--spacing-xl);border-radius:var(--border-radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-primary);display:flex;flex-direction:column;align-items:center;justify-content:center}.loading-message.small-loading{flex-direction:row;padding:var(--spacing-md);margin-top:var(--spacing-lg);font-size:.95rem;gap:var(--spacing-sm)}.loading-message.small-loading .spinner{width:24px;height:24px;margin:0}.loading-message{background:linear-gradient(135deg,var(--accent-primary-glow) 0%,color-mix(in srgb,var(--accent-primary) 10%,transparent) 100%);color:var(--accent-primary)}.error-message{background:var(--gradient-error-bg);color:var(--accent-error);font-weight:500}.warning-message{background:linear-gradient(135deg,color-mix(in srgb,var(--accent-secondary) 15%,transparent),color-mix(in srgb,var(--accent-secondary) 10%,transparent));color:var(--accent-secondary-hover);font-size:.9em;padding:var(--spacing-md)}.error-message.chat-error{padding:var(--spacing-md);font-size:.9em;margin:var(--spacing-md) auto 0;max-width:100%}.response-section .card h3{color:var(--text-primary);font-size:1.6rem;font-weight:700;margin-top:0;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid transparent;background:var(--gradient-primary);background-size:100% 3px;background-repeat:no-repeat;background-position:bottom;letter-spacing:-.015em}.response-section p,.response-section ul,.response-section li{margin-bottom:var(--spacing-md);color:var(--text-secondary);line-height:1.7}.response-section ul{padding-left:var(--spacing-xl);list-style-type:none}.response-section ul li:before{content:none}.response-section ul li{position:relative;margin-bottom:var(--spacing-sm)}.glossary-list{list-style-type:none;padding-left:0}.glossary-item{margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);background:var(--bg-tertiary);border-radius:var(--border-radius-md);border:1px solid var(--border-primary);transition:all var(--transition-interactive);will-change:transform,box-shadow}.glossary-item:hover{transform:translateY(-4px) scale(1.01);box-shadow:var(--shadow-lg);border-left:4px solid var(--accent-primary)}.glossary-item:last-child{margin-bottom:0}.glossary-item strong{display:block;color:var(--text-primary);font-weight:700;margin-bottom:var(--spacing-sm);font-size:1.15rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}.page-explanation-item{margin-bottom:1.5rem;padding:var(--spacing-lg);background:var(--bg-tertiary);border-radius:var(--border-radius-md);border:1px solid var(--border-primary);transition:all var(--transition-interactive);will-change:transform,box-shadow}.page-explanation-item:hover{transform:translateY(-4px) scale(1.01);box-shadow:var(--shadow-lg);border-left:4px solid var(--accent-secondary)}.page-explanation-item:last-child{margin-bottom:0}.page-explanation-item h4{margin-top:0;margin-bottom:var(--spacing-md);color:var(--text-primary);font-size:1.25em;font-weight:700;background:var(--gradient-secondary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}.quiz-item{margin-bottom:var(--spacing-xl);padding:var(--spacing-xl);border-radius:var(--border-radius-xl);position:relative;overflow:hidden;transition:all var(--transition-medium);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-primary);will-change:transform,box-shadow,background}.quiz-item:nth-child(6n+1){background:linear-gradient(135deg,color-mix(in srgb,var(--accent-primary) 15%,transparent),color-mix(in srgb,#7b53c0 15%,transparent))}.quiz-item:nth-child(6n+2){background:linear-gradient(135deg,color-mix(in srgb,#f2a3fc 15%,transparent),color-mix(in srgb,#f7687c 15%,transparent))}.quiz-item:nth-child(6n+3){background:linear-gradient(135deg,color-mix(in srgb,var(--accent-secondary) 15%,transparent),color-mix(in srgb,#00e0fe 15%,transparent))}.quiz-item:nth-child(6n+4){background:var(--gradient-success-bg)}.quiz-item:nth-child(6n+5){background:var(--gradient-error-bg)}.quiz-item:nth-child(6n+6){background:linear-gradient(135deg,color-mix(in srgb,#a8edea 15%,transparent),color-mix(in srgb,#fed6e3 15%,transparent))}.quiz-item:hover{transform:translateY(-6px) scale(1.015);box-shadow:var(--shadow-xl)}.quiz-item:last-child{margin-bottom:0}.quiz-question{font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-lg);font-size:1.3rem;line-height:1.45;letter-spacing:-.015em}.quiz-question strong{color:var(--accent-primary)}.quiz-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.quiz-option-button{padding:var(--spacing-md) var(--spacing-lg);border:2px solid var(--border-secondary);border-radius:var(--border-radius-md);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;text-align:left;font-size:1rem;font-weight:500;transition:all var(--transition-interactive);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative;overflow:hidden;will-change:transform,box-shadow,border-color,color,background;display:flex;align-items:center;justify-content:space-between}.quiz-option-button:after{content:"";font-weight:700;font-size:1.2em;margin-left:var(--spacing-sm);opacity:0;transform:scale(.5);transition:opacity var(--transition-fast),transform var(--transition-fast)}.quiz-option-button:hover:not(:disabled){border-color:var(--accent-primary);color:var(--accent-primary);background:var(--accent-primary-glow);transform:translateY(-3px) scale(1.02);box-shadow:var(--shadow-md)}.quiz-option-button.correct.selected{background:var(--quiz-option-correct-bg);border-color:var(--quiz-option-correct-border);color:var(--quiz-option-correct-text);font-weight:600;box-shadow:var(--shadow-md),var(--shadow-success-glow)}.quiz-option-button.correct.selected:after{content:"✔";color:var(--quiz-option-correct-border);opacity:1;transform:scale(1)}.quiz-option-button.incorrect.selected{background:var(--quiz-option-incorrect-bg);border-color:var(--quiz-option-incorrect-border);color:var(--quiz-option-incorrect-text);font-weight:600;box-shadow:var(--shadow-md),var(--shadow-error-glow)}.quiz-option-button.incorrect.selected:after{content:"✖";color:var(--quiz-option-incorrect-border);opacity:1;transform:scale(1)}.quiz-option-button.correct:not(.selected){border-color:var(--quiz-option-correct-border);color:var(--quiz-option-correct-text);background:color-mix(in srgb,var(--quiz-option-correct-bg) 50%,transparent)}.quiz-option-button.correct:not(.selected):after{content:"✔";color:var(--quiz-option-correct-border);opacity:.7;transform:scale(.9)}.quiz-option-button:disabled,.quiz-option-button.disabled{opacity:.7;cursor:not-allowed;background:var(--bg-tertiary);border-color:var(--border-primary);color:var(--text-muted);transform:none;box-shadow:none}.quiz-option-button.correct.selected:disabled,.quiz-option-button.incorrect.selected:disabled,.quiz-option-button.correct:not(.selected):disabled{opacity:1}.quiz-option-button.correct:not(.selected):disabled:after{opacity:.7;transform:scale(.9)}.quiz-answer{font-style:italic;color:var(--text-secondary);margin-top:var(--spacing-md);line-height:1.5}.short-answer-container .quiz-option-button{width:auto;margin-bottom:var(--spacing-md)}.short-answer-container .quiz-answer{padding:var(--spacing-lg);background:var(--bg-tertiary);border-radius:var(--border-radius-md);border:1px solid var(--border-primary)}.quiz-feedback{font-size:.95rem;color:var(--text-secondary);margin-top:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--accent-primary-glow);border-radius:var(--border-radius-sm);border-left:4px solid var(--accent-primary);line-height:1.5}.quiz-overall-feedback.card{margin-top:var(--spacing-xl);padding:var(--spacing-xl);border-left:5px solid var(--accent-secondary);background:linear-gradient(135deg,color-mix(in srgb,var(--accent-secondary) 10%,transparent),color-mix(in srgb,var(--accent-secondary) 5%,transparent))}.quiz-overall-feedback h4{font-size:1.4rem;color:var(--text-primary);margin-top:0;margin-bottom:var(--spacing-md);font-weight:700;background:var(--gradient-secondary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;padding-bottom:var(--spacing-xs);border-bottom:none;background-size:auto}.quiz-overall-feedback p{color:var(--text-secondary);font-size:1.05rem;line-height:1.7}.reading-suggestions-list{list-style-type:none;padding-left:0}.reading-suggestions-list li{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);margin-bottom:var(--spacing-sm);background:var(--bg-tertiary);border-radius:var(--border-radius-md);border-left:3px solid var(--accent-primary);transition:all var(--transition-interactive);will-change:transform,background,color}.reading-suggestions-list li:hover{transform:translate(6px) scale(1.01);background:var(--accent-primary-glow)}.reading-suggestions-list li a{color:var(--link-color);text-decoration:none;font-weight:500;transition:color var(--transition-fast);flex-grow:1}.reading-suggestions-list li a:hover{color:var(--accent-primary-hover);text-decoration:underline}.reading-suggestions-list li .youtube-icon{fill:red;min-width:18px;height:18px;flex-shrink:0}.reading-suggestions-list li .list-bullet-arrow{color:var(--accent-primary);font-weight:700;font-size:1.1em;min-width:1em;line-height:1;flex-shrink:0}.spinner{border:4px solid var(--accent-primary-glow);border-top:4px solid var(--accent-primary);border-radius:50%;width:40px;height:40px;animation:spin .8s cubic-bezier(.65,0,.35,1) infinite;margin:var(--spacing-lg) auto}.spinner.small-spinner{width:20px;height:20px;border-width:3px;margin:0 var(--spacing-sm) 0 0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-footer{text-align:center;margin-top:auto;padding:var(--spacing-xl);background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--border-radius-xl);border:1px solid var(--border-primary);color:var(--text-muted);font-size:.95rem}.app-footer h3{font-size:1em;font-weight:400;color:var(--text-muted);margin-bottom:var(--spacing-xs)}.app-footer a{color:var(--link-color);text-decoration:none;font-weight:500}.app-footer a:hover{text-decoration:underline;color:var(--accent-primary-hover)}.chat-feature-card{margin-top:var(--spacing-xl)}.chat-container{max-height:400px;overflow-y:auto;padding:var(--spacing-md);border:1px solid var(--border-secondary);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-lg);background-color:var(--bg-primary);display:flex;flex-direction:column;gap:var(--spacing-md)}.chat-container::-webkit-scrollbar{width:6px}.chat-container::-webkit-scrollbar-thumb{background-color:var(--border-primary);border-radius:var(--border-radius-sm)}.chat-container::-webkit-scrollbar-track{background-color:transparent}.chat-message{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-lg);max-width:80%;word-wrap:break-word;line-height:1.5;box-shadow:var(--shadow-sm)}.chat-message p{margin:0;white-space:pre-wrap}.chat-message .error-text{color:var(--accent-error);font-weight:500}.chat-message.user-message{background-color:var(--chat-bg-user);color:var(--chat-text-user);align-self:flex-end;border-bottom-right-radius:var(--border-radius-sm)}.chat-message.model-message{background-color:var(--chat-bg-model);color:var(--chat-text-model);align-self:flex-start;border-bottom-left-radius:var(--border-radius-sm)}.chat-message.system_error-message{background-color:var(--chat-bg-error);color:var(--chat-text-error);align-self:center;width:100%;max-width:100%;text-align:center;font-size:.9em;border-radius:var(--border-radius-md)}.chat-loading-indicator{display:flex;align-items:center;font-style:italic;opacity:.8;color:var(--text-muted);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-lg);background-color:var(--chat-bg-model);align-self:flex-start;border-bottom-left-radius:var(--border-radius-sm);gap:var(--spacing-sm)}.follow-up-form{display:flex;gap:var(--spacing-md);align-items:center}.follow-up-form input[type=text]{flex-grow:1;padding:var(--spacing-md) var(--spacing-lg);border:1px solid var(--input-border);background-color:var(--input-bg);color:var(--text-primary);border-radius:var(--border-radius-md);font-size:1rem;transition:all var(--transition-fast)}.follow-up-form input[type=text]:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-glow)}.follow-up-form input[type=text]:disabled{background-color:var(--bg-tertiary);opacity:.7}.send-follow-up-button{padding:var(--spacing-md);background:var(--accent-primary);color:var(--button-text-color);border:none;border-radius:var(--border-radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.send-follow-up-button:hover:not(:disabled){background:var(--accent-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.send-follow-up-button:disabled{background:var(--text-muted);opacity:.6;cursor:not-allowed}.send-follow-up-button svg{width:20px;height:20px}.auth-container{margin:var(--spacing-xxl) auto;padding:var(--spacing-xl) var(--spacing-xxl);background:var(--bg-primary);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-xl),0 0 0 1px #ffffff0d;border:1px solid var(--border-primary);overflow:hidden;position:relative;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);width:100%;max-width:480px;min-width:320px}.auth-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(var(--accent-primary-rgb),.03) 0%,transparent 50%,rgba(var(--accent-secondary-rgb),.03) 100%);pointer-events:none;z-index:-1}.auth-tabs{display:flex;margin-bottom:var(--spacing-xl);background:var(--bg-secondary);border-radius:calc(var(--border-radius-lg) + 2px);padding:4px;position:relative}.auth-tabs:before{content:"";position:absolute;top:4px;left:4px;width:calc(50% - 4px);height:calc(100% - 8px);background:var(--bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);transition:transform var(--transition-medium) cubic-bezier(.4,0,.2,1);z-index:1}.auth-tabs button:last-child.active~:before,.auth-tabs:has(button:last-child.active):before{transform:translate(100%)}.auth-tabs[data-active-tab="1"]:before{transform:translate(100%)}.auth-tabs button{flex:1;padding:var(--spacing-md) var(--spacing-lg);border:none;background:none;cursor:pointer;font-size:1rem;font-weight:600;color:var(--text-muted);transition:all var(--transition-medium) cubic-bezier(.4,0,.2,1);position:relative;z-index:2;text-align:center;border-radius:var(--border-radius-lg)}.auth-tabs button:hover:not(.active){color:var(--text-primary);transform:translateY(-1px)}.auth-tabs button.active{color:var(--accent-primary);font-weight:700}.auth-form h2{text-align:center;font-size:2.25rem;font-weight:800;color:var(--text-primary);margin-bottom:var(--spacing-xl);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.03em;line-height:1.2;position:relative}.auth-form h2:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60px;height:3px;background:var(--gradient-primary);border-radius:2px}.auth-form .form-group{margin-bottom:var(--spacing-lg);position:relative}.auth-form .form-group label{font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm);display:block;transition:color var(--transition-fast)}.auth-form input[type=text],.auth-form input[type=password],.auth-form input[type=email]{width:100%;padding:var(--spacing-lg);font-size:1rem;border:2px solid var(--border-secondary);border-radius:var(--border-radius-lg);background:var(--bg-secondary);color:var(--text-primary);transition:all var(--transition-medium) cubic-bezier(.4,0,.2,1);position:relative}.auth-form input[type=text]:focus,.auth-form input[type=password]:focus,.auth-form input[type=email]:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(var(--accent-primary-rgb),.1);background:var(--bg-primary);transform:translateY(-1px)}.auth-form input[type=text]::placeholder,.auth-form input[type=password]::placeholder,.auth-form input[type=email]::placeholder{color:var(--text-muted);transition:opacity var(--transition-fast)}.auth-form input[type=text]:focus::placeholder,.auth-form input[type=password]:focus::placeholder,.auth-form input[type=email]:focus::placeholder{opacity:.7}.auth-form .submit-button{width:100%;margin-top:var(--spacing-xl);padding:var(--spacing-lg) var(--spacing-xl);font-size:1.1rem;font-weight:700;background:var(--gradient-primary);border:none;border-radius:var(--border-radius-lg);color:#fff;cursor:pointer;transition:all var(--transition-medium) cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.5px}.auth-form .submit-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--transition-slow)}.auth-form .submit-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl),0 10px 25px rgba(var(--accent-primary-rgb),.3)}.auth-form .submit-button:hover:before{left:100%}.auth-form .submit-button:active{transform:translateY(0)}.or-divider{display:flex;align-items:center;text-align:center;color:var(--text-muted);margin:var(--spacing-xl) 0;font-size:.9rem;font-weight:600;position:relative}.or-divider:before,.or-divider:after{content:"";flex:1;height:1px;background:linear-gradient(to right,transparent,var(--border-secondary),transparent)}.or-divider span{padding:0 var(--spacing-lg);color:var(--text-secondary);font-weight:700;background:var(--bg-primary);position:relative;z-index:1}.google-signin-container{margin-top:var(--spacing-lg);display:flex;flex-direction:column;align-items:center}.google-signin-container>div{display:flex;justify-content:center;width:100%}.google-signin-container>div>div{width:100%!important;max-width:380px}.google-signin-container iframe{width:100%!important;max-width:380px;border-radius:var(--border-radius-lg)!important}.auth-container .error-message{margin-bottom:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);font-size:.9rem;background:rgba(var(--error-rgb),.1);border:1px solid rgba(var(--error-rgb),.2);border-radius:var(--border-radius-md);color:var(--accent-error);font-weight:500;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-container .success-message{margin-bottom:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);font-size:.9rem;background:rgba(var(--success-rgb),.1);border:1px solid rgba(var(--success-rgb),.2);border-radius:var(--border-radius-md);color:var(--accent-success);font-weight:500;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-form .submit-button.loading{pointer-events:none;opacity:.8}.auth-form .submit-button.loading:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:20px;height:20px;border:2px solid transparent;border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.user-dashboard{margin:var(--spacing-xl);padding:var(--spacing-xl)}.user-dashboard>h2{font-size:2rem;font-weight:700;color:var(--text-primary);margin-top:0;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);background:var(--gradient-secondary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;border-bottom:2px solid var(--border-secondary)}.dashboard-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl)}.dashboard-column{background:var(--bg-tertiary);padding:var(--spacing-lg);border-radius:var(--border-radius-lg);border:1px solid var(--border-primary);box-shadow:var(--shadow-sm);transition:all var(--transition-medium)}.dashboard-column:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.dashboard-column h3{color:var(--text-primary);font-size:1.4rem;font-weight:600;margin-top:0;margin-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-secondary);padding-bottom:var(--spacing-md)}.dashboard-column ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.dashboard-column li{background-color:var(--bg-primary);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius-md);font-size:.95rem;color:var(--text-secondary);border:1px solid var(--border-primary);box-shadow:var(--shadow-sm);transition:background-color var(--transition-fast),transform var(--transition-fast);display:flex;justify-content:space-between;align-items:center}.dashboard-column li:hover{background-color:var(--accent-primary-glow);transform:translate(3px)}.dashboard-item-button{background:none;border:none;color:var(--link-color);text-align:left;padding:0;cursor:pointer;font-size:inherit;font-weight:500}.dashboard-item-button:hover{text-decoration:underline;color:var(--accent-primary-hover)}.dashboard-column p{color:var(--text-muted);font-style:italic;padding:var(--spacing-lg);text-align:center;background:var(--bg-primary);border-radius:var(--border-radius-md)}.historical-view-banner{margin:0 0 var(--spacing-xl) 0;padding:var(--spacing-lg) var(--spacing-xl);background:linear-gradient(135deg,rgba(var(--accent-secondary-rgb),.15),rgba(var(--accent-secondary-rgb),.1));color:var(--accent-secondary-hover);border-radius:var(--border-radius-xl);border:1px solid rgba(var(--accent-secondary-rgb),.2);border-left:5px solid var(--accent-secondary);box-shadow:var(--shadow-md)}.historical-view-banner p{margin:var(--spacing-sm) 0;display:flex;align-items:center;gap:var(--spacing-sm);font-weight:500}.historical-view-banner p svg{min-width:18px}.historical-view-banner strong{font-weight:700}.clear-view-button{background:var(--accent-secondary);color:var(--button-text-color);border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-md);cursor:pointer;font-size:.9rem;font-weight:600;margin-top:var(--spacing-md);display:inline-flex;align-items:center;gap:var(--spacing-sm);transition:all var(--transition-interactive);box-shadow:var(--shadow-sm)}.clear-view-button:hover{background:var(--accent-secondary-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.clear-view-button svg{width:18px;height:18px}@media (max-width: 1024px){.main-content{grid-template-columns:1fr}.right-panel{position:static;height:auto;max-height:70vh;overflow-y:auto;margin-top:var(--spacing-xl)}.pdf-preview-placeholder{min-height:400px}}@media (max-width: 768px){body{padding:var(--spacing-md)}.app-header{padding:var(--spacing-md) var(--spacing-lg);flex-direction:column;align-items:flex-start;gap:var(--spacing-lg);position:static}.app-header h1{font-size:2rem}.header-controls{width:100%;flex-wrap:wrap;justify-content:flex-start;gap:var(--spacing-md)}.main-content{padding-top:0}.form-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.quiz-options,.checkbox-options-grid{grid-template-columns:1fr}.export-buttons{gap:var(--spacing-sm)}.chat-message{max-width:90%}.auth-container{margin:var(--spacing-lg) auto;padding:var(--spacing-lg);max-width:calc(100% - var(--spacing-md) * 2)}.auth-form h2{font-size:1.8rem}.auth-tabs button{font-size:.9rem;padding:var(--spacing-md)}.dashboard-columns{grid-template-columns:1fr}}*:focus-visible{outline:3px solid var(--accent-primary)!important;outline-offset:2px!important;box-shadow:var(--shadow-glow)!important}.quiz-option-button:focus-visible{border-color:var(--accent-primary)!important;box-shadow:0 0 0 3px var(--accent-primary-glow),var(--shadow-md)!important}.form-group input[type=checkbox]:focus-visible{outline:2px solid var(--accent-primary)!important;outline-offset:2px;box-shadow:0 0 0 2px var(--accent-primary-glow)!important}.chat-controls-section h3{margin-top:0;margin-bottom:var(--spacing-lg);color:var(--text-primary);font-size:1.5rem;font-weight:700;padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--accent-secondary);display:inline-block}