:root{--color-bg: #fafafa;--color-surface: #ffffff;--color-border: #e5e5e5;--color-text: #171717;--color-text-muted: #737373;--color-primary: #171717;--color-primary-hover: #404040;--color-primary-text: #ffffff;--color-success: #16a34a;--color-success-bg: #f0fdf4;--color-warning: #ca8a04;--color-warning-bg: #fefce8;--color-error: #dc2626;--color-error-bg: #fef2f2;--color-info: #2563eb;--color-info-bg: #eff6ff}@media(prefers-color-scheme:dark){:root{--color-bg: #0a0a0a;--color-surface: #171717;--color-border: #262626;--color-text: #fafafa;--color-text-muted: #a3a3a3;--color-primary: #fafafa;--color-primary-hover: #d4d4d4;--color-primary-text: #0a0a0a;--color-success: #22c55e;--color-success-bg: #14532d;--color-warning: #eab308;--color-warning-bg: #422006;--color-error: #ef4444;--color-error-bg: #450a0a;--color-info: #3b82f6;--color-info-bg: #1e3a5f}}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}button{font-family:inherit;cursor:pointer}a{color:inherit;text-decoration:none}.app{min-height:100vh;display:flex;flex-direction:column}.app-layout{display:flex;flex:1}.header{padding:1rem 2rem;border-bottom:1px solid var(--color-border);background:var(--color-surface)}.header-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.logo{font-size:1.125rem;font-weight:600;color:var(--color-text)}.main{flex:1;padding:3rem 2rem;overflow-y:auto}.container{max-width:720px;margin:0 auto}.steps{display:flex;justify-content:center;gap:.5rem;margin-bottom:3rem}.step-indicator{width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:500;border:2px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);transition:all .2s}.step-indicator.active{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-primary-text)}.step-indicator.completed{border-color:var(--color-success);background:var(--color-success);color:#fff}.step-connector{width:3rem;height:2px;background:var(--color-border);align-self:center}.step-connector.completed{background:var(--color-success)}.step-content{text-align:center}.step-title{font-size:1.75rem;font-weight:600;margin-bottom:.75rem;color:var(--color-text)}.step-description{font-size:1rem;color:var(--color-text-muted);margin-bottom:2rem;max-width:480px;margin-left:auto;margin-right:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;font-size:1rem;font-weight:500;border-radius:.5rem;border:none;transition:all .2s}.btn-primary{background:var(--color-primary);color:var(--color-primary-text)}.btn-primary:hover{background:var(--color-primary-hover)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-bg)}.btn-large{padding:1rem 2rem;font-size:1.125rem}.btn-link{background:none;color:var(--color-text-muted);padding:.5rem 1rem;margin-top:1.5rem;font-size:.875rem}.btn-link:hover{color:var(--color-primary);background:none}.upload-area{border:2px dashed var(--color-border);border-radius:.75rem;padding:3rem 2rem;text-align:center;cursor:pointer;transition:all .2s;background:var(--color-surface)}.upload-area:hover,.upload-area.dragover{border-color:var(--color-primary);background:var(--color-bg)}.upload-icon{width:3rem;height:3rem;color:var(--color-text-muted);margin-bottom:1rem}.upload-text{font-size:1rem;color:var(--color-text);margin-bottom:.5rem}.upload-hint{font-size:.875rem;color:var(--color-text-muted)}.upload-input{display:none}.file-info{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:.5rem;margin-top:1.5rem}.file-icon{width:2.5rem;height:2.5rem;color:var(--color-primary)}.file-details{flex:1;text-align:left}.file-name{font-weight:500;color:var(--color-text)}.file-size{font-size:.875rem;color:var(--color-text-muted)}.file-remove{padding:.5rem;background:none;border:none;color:var(--color-text-muted);border-radius:.25rem}.file-remove:hover{color:var(--color-error);background:var(--color-error-bg)}.actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.results{text-align:left}.results-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.results-icon{width:3rem;height:3rem}.results-icon.success{color:var(--color-success)}.results-icon.warning{color:var(--color-warning)}.results-icon.error{color:var(--color-error)}.results-summary h2{font-size:1.5rem;font-weight:600;margin-bottom:.25rem}.results-summary p{color:var(--color-text-muted)}.score-bar{height:.5rem;background:var(--color-border);border-radius:.25rem;margin-bottom:2rem;overflow:hidden}.score-fill{height:100%;border-radius:.25rem;transition:width .5s ease-out}.score-fill.success{background:var(--color-success)}.score-fill.warning{background:var(--color-warning)}.score-fill.error{background:var(--color-error)}.validation-sections{display:flex;flex-direction:column;gap:1rem}.validation-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:.5rem;overflow:hidden}.section-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;cursor:pointer;transition:background .2s}.section-header:hover{background:var(--color-bg)}.section-title{display:flex;align-items:center;gap:.75rem;font-weight:500}.section-icon{width:1.25rem;height:1.25rem}.section-icon.success{color:var(--color-success)}.section-icon.warning{color:var(--color-warning)}.section-icon.error{color:var(--color-error)}.section-badge{font-size:.75rem;padding:.25rem .5rem;border-radius:1rem;font-weight:500}.section-badge.success{background:var(--color-success-bg);color:var(--color-success)}.section-badge.warning{background:var(--color-warning-bg);color:var(--color-warning)}.section-badge.error{background:var(--color-error-bg);color:var(--color-error)}.section-chevron{width:1.25rem;height:1.25rem;color:var(--color-text-muted);transition:transform .2s}.section-chevron.open{transform:rotate(180deg)}.section-content{padding:0 1rem 1rem;border-top:1px solid var(--color-border)}.validation-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 0;border-bottom:1px solid var(--color-border)}.validation-item:last-child{border-bottom:none}.item-icon{width:1rem;height:1rem;margin-top:.125rem;flex-shrink:0}.item-icon.success{color:var(--color-success)}.item-icon.warning{color:var(--color-warning)}.item-icon.error{color:var(--color-error)}.item-content{flex:1}.item-message{font-size:.9375rem}.item-detail{font-size:.8125rem;color:var(--color-text-muted);margin-top:.25rem}.info-panel{margin-top:2rem;padding:1.5rem;background:var(--color-info-bg);border-radius:.5rem}.info-panel h3{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;margin-bottom:.75rem;color:var(--color-info)}.info-panel p{font-size:.875rem;color:var(--color-text);line-height:1.6}.sidebar{width:400px;flex-shrink:0;background:var(--color-surface);border-left:1px solid var(--color-border);display:flex;flex-direction:column;height:calc(100vh - 65px);position:sticky;top:0;overflow:hidden}.sidebar-header{display:flex;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--color-border)}.sidebar-header h2{font-size:1.125rem;font-weight:600}.sidebar-content{flex:1;overflow-y:auto;padding:1.5rem}.sidebar-section{margin-bottom:2rem}.sidebar-section:last-child{margin-bottom:0}.sidebar-section h3{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:1rem}.term-item{padding:.75rem 0;border-bottom:1px solid var(--color-border)}.term-item:last-child{border-bottom:none}.term-name{font-weight:600;color:var(--color-text);margin-bottom:.25rem}.term-definition{font-size:.875rem;color:var(--color-text-muted)}.term-correct{font-size:.8125rem;color:var(--color-success);margin-top:.25rem}.term-incorrect{font-size:.8125rem;color:var(--color-error);margin-top:.125rem}.tabs{display:flex;border-bottom:1px solid var(--color-border);margin-bottom:1.5rem}.tab{padding:.75rem 1rem;font-size:.875rem;font-weight:500;color:var(--color-text-muted);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .2s}.tab:hover{color:var(--color-text)}.tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem}.spinner{width:2.5rem;height:2.5rem;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--color-text-muted)}.checklist{text-align:left}.checklist-category{margin-bottom:1.5rem}.checklist-category h4{font-size:.9375rem;font-weight:600;margin-bottom:.75rem;color:var(--color-text)}.checklist-item{display:flex;align-items:flex-start;gap:.5rem;padding:.5rem 0;font-size:.875rem;color:var(--color-text-muted)}.checklist-item svg{width:1rem;height:1rem;margin-top:.125rem;color:var(--color-border);flex-shrink:0}.why-item{padding:1rem 0;border-bottom:1px solid var(--color-border)}.why-item:last-child{border-bottom:none}.why-item h4{font-size:.9375rem;font-weight:600;margin-bottom:.5rem;color:var(--color-text)}.why-item p{font-size:.875rem;color:var(--color-text-muted);line-height:1.6}@media(max-width:1024px){.app-layout{flex-direction:column}.sidebar{width:100%;height:auto;max-height:50vh;border-left:none;border-top:1px solid var(--color-border);position:relative}}@media(max-width:640px){.header{padding:1rem}.main{padding:2rem 1rem}.step-title{font-size:1.5rem}.steps{gap:.25rem}.step-connector{width:1.5rem}}