:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eff6f2;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#0d1115;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 30% 8%,#26a69a3d,#0000 30rem),linear-gradient(135deg,#0e1216 0%,#111719 42%,#16140f 100%);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}.app-shell{grid-template-columns:5.75rem minmax(0,1fr);min-height:100vh;display:grid}.rail{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#0a0d10b8;border-right:1px solid #ffffff17;flex-direction:column;align-items:center;gap:2rem;height:100vh;padding:1.25rem .85rem;display:flex;position:sticky;top:0}.brand-mark,.card-icon,.upload-icon{color:#08120e;background:#6ee7b7;place-items:center;display:grid}.brand-mark{border-radius:1rem;width:3.1rem;height:3.1rem}.rail-nav{gap:.75rem;width:100%;display:grid}.rail-button,.icon-button,.ghost-action,.primary-action,.secondary-action,.mode-card{border:0}.rail-button{color:#a7b4ae;background:0 0;border-radius:1.1rem;place-items:center;gap:.25rem;min-height:4.25rem;display:grid}.rail-button span{font-size:.72rem}.rail-button.active{color:#f6fff9;background:#ffffff1a}.workspace{width:min(1480px,100%);margin:0 auto;padding:1.4rem}.topbar,.section-title,.quiz-head,.topbar-actions,.tag-row,.search-row,.import-row{align-items:center;display:flex}.topbar{justify-content:space-between;gap:1rem;margin-bottom:1.4rem}.eyebrow,.metric-card span,.metric-card small,.select-label{color:#91a49b;letter-spacing:0;text-transform:uppercase;margin:0;font-size:.76rem;font-weight:700}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(1.5rem,2.6vw,2.7rem)}h2{margin-bottom:0;font-size:clamp(1.35rem,2vw,2.15rem)}h3{margin-bottom:.55rem}.topbar-actions{gap:.7rem}.sync-pill,.tag-row span{color:#d7e7de;background:#ffffff12;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:.4rem;display:inline-flex}.sync-pill{cursor:pointer;border:0;padding:.7rem .95rem}.sync-pill.syncing{color:#102019;background:#6ee7b7}.icon-button{color:#eaf5ef;background:#ffffff14;border-radius:.9rem;place-items:center;width:2.65rem;height:2.65rem;display:grid}.mobile-only{display:none}.page-grid,.list-page,.manage-layout,.quiz-layout{animation:.42s both enter}@keyframes enter{0%{opacity:0;transform:translateY(8px)}}.page-grid{grid-template-columns:minmax(0,1.4fr) minmax(22rem,.8fr);gap:1rem;display:grid}.hero-panel,.stats-strip,.mode-card,.category-progress,.question-card,.feedback-panel,.list-page,.upload-panel,.preview-panel,.wrong-item,.metric-card{-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);background:#ffffff13;border:1px solid #ffffff1a;box-shadow:0 24px 70px #00000042}.hero-panel{background:linear-gradient(110deg,#121b18e0,#1017178a),url(https://images.unsplash.com/photo-1516321318423-f06f85e504b3?auto=format&fit=crop&w=1800&q=80) 50%/cover;border-radius:1.5rem;grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1.25rem;min-height:19rem;padding:clamp(1.2rem,4vw,3rem);display:grid}.hero-panel h2{max-width:48rem;font-size:clamp(2rem,5vw,4.6rem);line-height:1.02}.hero-copy{color:#d2dfd7;max-width:43rem;margin:1rem 0 0;font-size:1.05rem;line-height:1.7}.primary-action,.secondary-action,.ghost-action{white-space:nowrap;border-radius:.9rem;justify-content:center;align-items:center;gap:.5rem;min-height:2.9rem;padding:0 1rem;font-weight:800;display:inline-flex}.primary-action{color:#08120e;background:#6ee7b7}.primary-action:disabled{cursor:not-allowed;opacity:.45}.secondary-action,.ghost-action{color:#eaf5ef;background:#ffffff14}.compact{min-height:2.6rem}.stats-strip{border-radius:1.3rem;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;padding:.75rem;display:grid}.metric-card{box-shadow:none;background:#090e0f6b;border-radius:1rem;gap:.35rem;padding:1rem;display:grid}.metric-card strong{font-size:clamp(1.45rem,2.3vw,2.4rem)}.mode-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.mode-card{text-align:left;color:#eff6f2;border-radius:1.25rem;min-height:16rem;padding:1.2rem}.clickable{flex-direction:column;align-items:flex-start;display:flex}.mode-card p{color:#aebdb5;line-height:1.55}.mode-card span{color:#6ee7b7;align-items:center;gap:.25rem;margin-top:auto;font-weight:800;display:inline-flex}.card-icon{border-radius:.9rem;width:3rem;height:3rem;margin-bottom:1rem}.category-card{align-content:start;gap:.5rem;display:grid}.category-card .select-label{margin-top:.5rem}.category-card select{margin-bottom:.25rem}.category-card .secondary-action{margin-top:auto}select,input{color:#eff6f2;background:#0000003d;border:1px solid #ffffff1f;border-radius:.8rem;width:100%;min-height:2.8rem;padding:0 .8rem}.select-label{margin-bottom:.45rem;display:block}.category-progress{border-radius:1.25rem;padding:1rem}.section-title{justify-content:space-between;gap:1rem;margin-bottom:1rem}.progress-row{border-top:1px solid #ffffff14;grid-template-columns:minmax(11rem,1fr) minmax(8rem,.7fr) 3rem;align-items:center;gap:1rem;padding:1rem 0;display:grid}.progress-row div:first-child{gap:.2rem;display:grid}.progress-row span{color:#93a49c}.progress-track{background:#ffffff1a;border-radius:999px;height:.55rem;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg,#6ee7b7,#facc15);height:100%;display:block}.quiz-layout{grid-template-columns:minmax(0,1fr) minmax(19rem,.35fr);gap:1rem;display:grid}.quiz-main,.question-card{min-width:0}.quiz-head{justify-content:space-between;margin-bottom:1rem}.quiz-head-actions{align-items:center;gap:.5rem;display:flex}.exam-timer{color:#6ee7b7;background:#6ee7b726;border-radius:.75rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:1.1rem;font-weight:700;display:flex}.exam-timer.warning{color:#fb7185;background:#fb718526;animation:1s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.nav-buttons{gap:.75rem;margin-top:1rem;display:flex}.nav-buttons button{flex:1}.user-info{color:#aebdb5;background:#ffffff14;border-radius:.75rem;padding:.5rem 1rem;font-size:.875rem}.question-card{border-radius:1.35rem;padding:clamp(1.2rem,3vw,2rem)}.tag-row{flex-wrap:wrap;gap:.5rem}.tag-row span{padding:.42rem .68rem;font-size:.78rem;font-weight:800}.question-text{margin:1.1rem 0 1.25rem;font-size:clamp(1.35rem,2.4vw,2.55rem);font-weight:850;line-height:1.28}.option-list{gap:.75rem;display:grid}.judge-options{grid-template-columns:repeat(2,minmax(0,1fr))}.option-button{text-align:left;color:#edf7f1;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:1rem;grid-template-columns:2.5rem minmax(0,1fr);align-items:center;gap:.8rem;min-height:4.25rem;padding:.7rem;display:grid}.option-button span{color:#0c1512;background:#d7fbe8;border-radius:.75rem;place-items:center;width:2.5rem;height:2.5rem;font-weight:900;display:grid}.option-button b{overflow-wrap:anywhere;line-height:1.45}.option-button.selected{background:#6ee7b724;border-color:#6ee7b7}.option-button.answer{border-color:#6ee7b7}.option-button.wrong{background:#fb718524;border-color:#fb7185}.confirm-action{width:100%;margin-top:1rem}.feedback-panel{border-radius:1.35rem;align-self:start;gap:1rem;padding:1.2rem;display:grid;position:sticky;top:1rem}.result-orb{color:#0d1115;border-radius:1rem;place-items:center;width:4rem;height:4rem;display:grid}.result-orb.ok{background:#6ee7b7}.result-orb.no{background:#fb7185}.result-orb.idle{background:#d7fbe8}.feedback-panel p,.explanation{color:#afbeb7;line-height:1.6}.explanation{background:#ffffff12;border-radius:1rem;padding:1rem}.list-page,.preview-panel,.upload-panel{border-radius:1.25rem;padding:1rem}.search-row{background:#00000038;border:1px solid #ffffff1a;border-radius:.95rem;gap:.55rem;margin-bottom:1rem;padding:0 .85rem}.search-row input{background:0 0;border:0}.wrong-item{box-shadow:none;background:#ffffff0d;border-radius:1rem;grid-template-columns:minmax(0,1fr) auto;gap:1rem;margin-top:.75rem;padding:1rem;display:grid}.wrong-item h3{margin-top:.75rem;line-height:1.35}.wrong-item p{color:#9caea5;margin-bottom:0}.empty-state{color:#b8c8c0;text-align:center;border:1px dashed #ffffff24;border-radius:1rem;place-items:center;gap:.45rem;min-height:15rem;display:grid}.empty-state h3,.empty-state p{margin-bottom:0}.manage-layout{grid-template-columns:minmax(18rem,.55fr) minmax(0,1fr);gap:1rem;display:grid}.upload-panel{text-align:center;border-style:dashed;align-content:center;min-height:28rem;display:grid}.upload-icon{border-radius:1.4rem;width:5.2rem;height:5.2rem;margin:0 auto 1rem}.upload-panel p{color:#aebdb5;line-height:1.65}.asset-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1rem;display:grid}.import-row{background:#ffffff0f;border-radius:.9rem;justify-content:space-between;gap:.75rem;min-height:3.3rem;padding:0 .8rem}.question-table{background:#ffffff1a;border-radius:1rem;grid-template-columns:5rem minmax(0,1fr) 5rem;gap:1px;margin-top:1rem;display:grid;overflow:hidden}.question-table div{background:#0c1113c7;padding:.85rem}.question-table div:nth-child(-n+3){color:#6ee7b7;font-weight:900}.toast{z-index:30;color:#eff6f2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#101818eb;border:1px solid #ffffff24;border-radius:1rem;max-width:min(24rem,100vw - 2rem);padding:.85rem 1rem;animation:.24s both toast-in;position:fixed;bottom:1.2rem;right:1.2rem;box-shadow:0 20px 60px #00000057}@keyframes toast-in{0%{opacity:0;transform:translateY(.5rem)}}.modal-backdrop{z-index:25;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0206089e;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-panel{background:#12191af5;border:1px solid #ffffff1f;border-radius:1.25rem;width:min(40rem,100%);max-height:min(42rem,100vh - 2rem);padding:1rem;overflow:auto;box-shadow:0 30px 90px #00000080}.command-grid,.filter-grid,.status-list{gap:.75rem;display:grid}.command-button,.filter-option{color:#eff6f2;text-align:left;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:1rem;gap:.35rem;width:100%;min-height:4.3rem;padding:.9rem 1rem;display:grid}.command-button.active,.filter-option:hover{background:#6ee7b71f;border-color:#6ee7b7b8}.command-button span,.filter-option span,.modal-copy p{color:#aec0b7;line-height:1.6}.modal-copy{gap:1rem;display:grid}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:.75rem;display:flex}.status-list span{color:#dff8ec;background:#ffffff12;border-radius:.9rem;padding:.8rem .9rem}@media (width<=1120px){.page-grid,.quiz-layout,.manage-layout{grid-template-columns:1fr}.feedback-panel{position:static}}@media (width<=760px){.app-shell{grid-template-columns:1fr}.rail{z-index:10;border-top:1px solid #ffffff1a;border-right:0;flex-direction:row;width:100%;height:4.75rem;padding:.55rem .8rem;position:fixed;inset:auto 0 0}.brand-mark{display:none}.rail-nav{grid-template-columns:repeat(4,1fr)}.rail-button{border-radius:.9rem;min-height:3.4rem}.workspace{padding:1rem 1rem 5.75rem}.mobile-only{display:grid}.topbar{align-items:flex-start}.sync-pill{display:none}.hero-panel{grid-template-columns:1fr;align-content:end;min-height:auto}.hero-panel h2{font-size:clamp(1.6rem,6vw,2.55rem)}.stats-strip,.mode-grid{grid-template-columns:1fr}.mode-card{min-height:auto;padding:1rem}.progress-row{grid-template-columns:1fr;gap:.55rem}.judge-options{grid-template-columns:1fr}.question-table{grid-template-columns:4rem minmax(12rem,1fr) 4rem;overflow-x:auto}.asset-summary{grid-template-columns:1fr}.modal-actions{display:grid}.toast{bottom:5.6rem;right:1rem}}.exam-result-page{max-width:800px;margin:0 auto;padding:2rem;animation:.42s both enter}.exam-result-header{text-align:center;margin-bottom:2rem}.result-badge{color:#08120e;border-radius:50%;place-items:center;width:100px;height:100px;margin:0 auto 1rem;display:grid}.result-badge.passed{background:#6ee7b7}.result-badge.failed{background:#fb7185}.score-display{justify-content:center;align-items:baseline;gap:.5rem;margin:1rem 0;display:flex}.score-display .score{color:#6ee7b7;font-size:4rem;font-weight:900}.score-display .total{color:#91a49b;font-size:1.5rem}.score-percent{color:#aebdb5;font-size:1.25rem}.exam-breakdown{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem;display:grid}.breakdown-item{text-align:center;background:#ffffff13;border:1px solid #ffffff1a;border-radius:1rem;gap:.5rem;padding:1rem;display:grid}.breakdown-item span{color:#91a49b;font-size:.875rem}.breakdown-item strong{font-size:1.5rem}.breakdown-item small{color:#6ee7b7;font-weight:700}.exam-meta{justify-content:center;gap:2rem;margin-bottom:2rem;display:flex}.meta-item{color:#aebdb5;align-items:center;gap:.5rem;display:flex}.exam-actions{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:2rem;display:flex}.wrong-questions-list{margin-top:2rem}.wrong-questions-list h3{margin-bottom:1rem}.wrong-question-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:1rem;margin-bottom:1rem;padding:1.5rem}.wrong-answer{color:#91a49b;gap:1rem;margin-top:.5rem;display:flex}.wrong-answer span:first-child{color:#fb7185}.wrong-answer span:last-child{color:#6ee7b7}.exam-history-page{max-width:800px;margin:0 auto;animation:.42s both enter}.exam-history-item{text-align:left;color:#eff6f2;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:1rem;grid-template-columns:1fr auto auto;align-items:center;gap:1rem;width:100%;margin-bottom:.75rem;padding:1rem;display:grid}.exam-history-item:hover{background:#ffffff1a}.exam-info{gap:.25rem;display:grid}.exam-info strong{font-size:1rem}.exam-info span{color:#91a49b;font-size:.875rem}.exam-score{align-items:baseline;gap:.25rem;display:flex}.exam-score .score{font-size:1.5rem;font-weight:900}.exam-history-item.passed .score{color:#6ee7b7}.exam-history-item.failed .score{color:#fb7185}.exam-score .total{color:#91a49b;font-size:.875rem}.exam-stats{text-align:right;color:#91a49b;gap:.25rem;font-size:.875rem;display:grid}@media (width<=760px){.exam-breakdown{grid-template-columns:1fr}.exam-meta{flex-direction:column;align-items:center;gap:.5rem}.exam-actions{flex-direction:column}.exam-history-item{grid-template-columns:1fr;gap:.5rem}.exam-stats{text-align:left}}.login-page{place-items:center;min-height:100vh;padding:2rem;display:grid}.login-card{text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:1.5rem;max-width:400px;padding:3rem 2rem}.login-card .brand-mark{border-radius:1.2rem;width:4rem;height:4rem;margin:0 auto 1.5rem}.login-card h1{margin-bottom:.5rem}.login-card p{color:#91a49b;margin-bottom:2rem}.google-login{align-items:center;gap:.75rem;padding:1rem 2rem;font-size:1.1rem;text-decoration:none;display:inline-flex}.login-note{color:#6b7b72;margin-top:1.5rem;font-size:.85rem}.loading-screen{place-items:center;gap:1rem;min-height:100vh;display:grid}.loading-spinner{border:3px solid #ffffff1a;border-top-color:#6ee7b7;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.spinning{animation:1s linear infinite spin}.primary-action.syncing{opacity:.7;cursor:not-allowed}