:root{color-scheme:light dark;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-size:16px;--bg-color: #ffffff;--text-color: #213547;--surface-color: #f9f9f9;--border-color: #ccc;--button-bg: #f9f9f9;--button-text-color: #213547;--primary-color: #646cff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.dark{--bg-color: #242424;--text-color: rgba(255, 255, 255, .87);--surface-color: #1a1a1a;--border-color: #555;--button-bg: #1a1a1a;--button-text-color: rgba(255, 255, 255, .87)}a{font-weight:500;color:var(--primary-color);text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--bg-color);color:var(--text-color)}#root{min-height:100vh}.navbar{display:flex;align-items:center;justify-content:space-between;width:100%;box-sizing:border-box;padding:.5rem 1rem;background-color:var(--surface-color);border-bottom:1px solid var(--border-color);margin-bottom:1rem}.navbar-logo{height:40px}h1{font-size:3.2em;line-height:1.1}button{border-radius:12px;border:1px solid transparent;padding:.7em 1.4em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--button-bg);color:var(--button-text-color);cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--primary-color)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}input{border-radius:12px;padding:.7em;font-size:1em;border:1px solid var(--border-color);background-color:var(--surface-color);color:var(--text-color);box-sizing:border-box}.settings-button{background:none;border:none;font-size:1.5rem;padding:.2rem;line-height:1;cursor:pointer}.settings-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000004d;display:flex;justify-content:flex-end;z-index:1000}.settings-panel{position:relative;width:300px;background:var(--surface-color);color:var(--text-color);border-left:1px solid var(--border-color);padding:1rem;box-shadow:-2px 0 8px #0003}.settings-close{position:absolute;top:.5rem;right:.5rem;background:none;border:none;font-size:1.2rem;line-height:1}.settings-section+.settings-section{margin-top:1rem}.subject-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:.5rem}.subject-item{display:block;width:100%;text-align:left;padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:8px;background-color:var(--surface-color);color:var(--text-color);cursor:pointer}.subject-item:hover{border-color:var(--primary-color)}.subject-item.selected{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-content{flex:1;display:flex;flex-direction:column;padding:1rem;box-sizing:border-box}.auth-wrapper{flex:1;display:flex;justify-content:center;align-items:center;padding:2rem 1rem;box-sizing:border-box;width:100%}.login-form{display:flex;flex-direction:column;max-width:320px;width:100%;margin:0;padding:2rem;border:1px solid var(--border-color);border-radius:12px;background:var(--surface-color)}.login-form h2{margin-bottom:1rem;text-align:center}.login-form input{margin:.5rem 0;padding:.8rem;font-size:1rem;border:1px solid var(--border-color);border-radius:12px}.login-form button{margin-top:1rem;padding:.8rem;font-size:1rem;background:var(--primary-color);color:#fff;border:none;border-radius:12px;cursor:pointer}.login-form button:hover{background:#535bf2}.login-form p{margin-top:1rem;text-align:center}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.loading-content{text-align:center;color:#fff}.spinner{border:4px solid #f3f3f3;border-top:4px solid #646cff;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.upload-page{flex:1;width:100%;display:flex;justify-content:center;align-items:center;padding:2rem 1rem;box-sizing:border-box}.upload-form{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:420px;padding:2rem;border-radius:16px;border:1px solid var(--border-color);background:var(--surface-color);box-shadow:0 12px 32px #0f172a1f;box-sizing:border-box}.upload-header{text-align:center}.upload-header h1{margin:0 0 .5rem;font-size:1.75rem}.upload-header p{margin:0;color:var(--text-color);opacity:.8}.upload-label{font-weight:600}.upload-file{margin:0;font-size:.95rem;color:var(--text-color);opacity:.9}.enum-select{display:flex;flex-wrap:wrap;gap:.5rem}.enum-option{flex:1 0 30%;padding:.5rem 1rem;background:var(--surface-color);color:var(--text-color);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;text-align:center}.enum-option.selected{background:var(--primary-color);color:#fff}