:root{--ink-900: #1e2130;--ink-700: #44506a;--ink-500: #69758d;--surface-0: #f4f0e8;--surface-1: rgba(255, 252, 247, .9);--surface-2: #ffffff;--line-soft: rgba(65, 70, 92, .12);--line-strong: rgba(65, 70, 92, .2);--teal-700: #0f6c78;--teal-500: #1e9aa6;--teal-100: #d9f2ee;--gold-500: #f0aa2b;--gold-100: #fff1c9;--rose-500: #d95c50;--shadow-lg: 0 18px 60px rgba(48, 42, 34, .12);color:var(--ink-900);background:var(--surface-0);font-family:Aptos,Trebuchet MS,Segoe UI,Microsoft YaHei,PingFang SC,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top left,rgba(42,153,162,.18),transparent 26rem),radial-gradient(circle at 90% 15%,rgba(240,170,43,.18),transparent 24rem),linear-gradient(155deg,#f8f1e8,#eef4f1 45%,#f7f8fc)}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}h1,h2,h3,p{margin:0}.app-header{position:sticky;top:0;z-index:12;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem clamp(1rem,4vw,3rem);border-bottom:1px solid rgba(255,255,255,.34);background:#fcf8f2d1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-button{display:flex;align-items:center;gap:.85rem;padding:0;border:0;color:inherit;background:transparent;text-align:left}.brand-button small,.muted{color:var(--ink-500)}.brand-button small{display:block;margin-top:.18rem}.brand-mark{display:grid;width:3rem;height:3rem;place-items:center;border-radius:.9rem;color:#fff;background:linear-gradient(145deg,#1a96a0,#0f6675);box-shadow:inset 0 1px #fff3;font-weight:800}.current-user,.action-row,.create-row,.sticky-actions,.question-meta,.favorite-library-top,.review-card-top{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.center-shell,.quiz-shell,.review-shell,.dashboard{width:min(1160px,calc(100vw - 1.5rem));margin:0 auto}.center-shell{min-height:100vh;display:grid;place-items:center;padding:2rem 0}.dashboard,.review-shell{padding:1rem 0 5rem}.hero-panel,.report-panel,.section-block,.question-panel,.quiz-topbar,.review-card,.home-hero{border:1px solid rgba(255,255,255,.48);border-radius:1rem;background:var(--surface-1);box-shadow:var(--shadow-lg)}.hero-panel,.report-panel{width:min(920px,100%);padding:clamp(1.25rem,4vw,2.4rem)}.hero-panel,.report-panel,.question-panel,.review-card,.section-block{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.intro-panel{position:relative;display:grid;gap:1.6rem;overflow:hidden}.intro-copy{position:relative;z-index:1;max-width:38rem}.intro-illustration{position:absolute;right:clamp(1rem,5vw,2rem);top:1.2rem;width:min(16rem,34vw);aspect-ratio:1;pointer-events:none}.planet-core{position:absolute;inset:15%;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.8),transparent 24%),linear-gradient(150deg,#4cc0bb,#197a89 62%,#124d6a);box-shadow:inset 0 -16px 34px #093b4f59}.planet-ring{position:absolute;border:2px solid rgba(30,154,166,.24);border-radius:50%}.ring-one{inset:5%;transform:rotate(18deg)}.ring-two{inset:1%;transform:rotate(-24deg)}.planet-dot{position:absolute;width:.8rem;height:.8rem;border-radius:50%;background:#ffd27a}.dot-one{top:14%;left:20%}.dot-two{right:8%;bottom:20%;background:#ffa48a}.eyebrow{margin-bottom:.35rem;color:var(--teal-700);font-size:.8rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.hero-panel h1,.report-panel h1,.quiz-topbar h1,.section-title h1,.home-hero h1{font-size:clamp(2rem,5vw,3.45rem);line-height:1.02}.section-block{margin-bottom:1rem;padding:clamp(1rem,3vw,1.5rem)}.section-title{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1rem}.section-title h2{font-size:1.4rem}.home-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(20rem,.9fr);gap:clamp(1rem,3vw,2rem);margin-bottom:1rem;padding:clamp(1.2rem,3vw,1.8rem);overflow:hidden}.home-hero:before{position:absolute;inset:0;background:linear-gradient(125deg,rgba(30,154,166,.09),transparent 42%),linear-gradient(305deg,rgba(240,170,43,.12),transparent 35%);content:""}.hero-copy,.hero-art{position:relative;z-index:1}.hero-copy{display:grid;gap:1rem}.hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.hero-stats div{padding:1rem;border:1px solid rgba(255,255,255,.55);border-radius:.9rem;background:#ffffffa8}.hero-stats strong{display:block;font-size:clamp(1.4rem,3vw,2rem)}.hero-stats span{color:var(--ink-500)}.hero-art{min-height:18rem}.hero-globe{position:absolute;inset:0;width:min(18rem,70%);aspect-ratio:1;margin:auto;border-radius:50%;background:radial-gradient(circle at 38% 32%,rgba(255,255,255,.76),transparent 24%),linear-gradient(155deg,#48b9bb,#157788 68%,#10465d);box-shadow:inset 0 -22px 42px #08364959}.globe-grid,.hero-orbit{position:absolute;inset:0;margin:auto;border-radius:50%}.globe-grid{border:1px solid rgba(255,255,255,.28)}.lat-one{width:78%;height:78%}.lat-two{width:54%;height:54%}.lon-one{width:100%;height:100%;transform:scaleX(.46)}.lon-two{width:100%;height:100%;transform:scaleX(.78)}.globe-highlight{position:absolute;inset:18% 22%;border-radius:50%;border-top:2px solid rgba(255,255,255,.18);border-left:2px solid rgba(255,255,255,.15)}.hero-orbit{border:2px solid rgba(240,170,43,.25)}.orbit-one{width:92%;height:62%;top:18%;transform:rotate(-12deg)}.orbit-two{width:74%;height:112%;transform:rotate(25deg)}.hero-spark{position:absolute;width:.95rem;height:.95rem;border-radius:50%;background:#fff1bf;box-shadow:0 0 0 8px #fff1bf1f}.spark-one{top:12%;left:18%}.spark-two{right:16%;bottom:22%;background:#ffd0b4;box-shadow:0 0 0 8px #ffd0b41f}.hero-card{position:absolute;max-width:11rem;padding:.8rem .9rem;border:1px solid rgba(255,255,255,.58);border-radius:.9rem;background:#ffffffb3;box-shadow:0 12px 28px #292e3d14}.hero-card strong{display:block;margin-bottom:.2rem}.hero-card span{color:var(--ink-500);font-size:.92rem;line-height:1.35}.mini-card-one{top:12%;right:0}.mini-card-two{bottom:10%;left:0}.user-grid,.chapter-list,.mode-grid,.trend-grid,.report-grid,.answer-grid,.review-list,.favorites-preview-grid{display:grid;gap:.85rem}.user-grid{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr))}.mode-grid,.trend-grid,.favorites-preview-grid{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}.report-grid{grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr))}.answer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.answer-grid.two{grid-template-columns:repeat(2,minmax(8rem,16rem))}.student-card,.chapter-item,.mode-card,.answer-grid button,.favorite-preview-card{display:grid;gap:.35rem;min-height:5.75rem;padding:1rem;border:1px solid var(--line-soft);border-radius:.9rem;color:var(--ink-900);background:var(--surface-2);text-align:left;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.student-card:hover,.chapter-item:hover:not(:disabled),.mode-card:hover:not(:disabled),.answer-grid button:hover:not(:disabled),.favorite-preview-card:hover{transform:translateY(-2px);border-color:#1e9aa673;box-shadow:0 12px 26px #2058621f}.student-card span,.chapter-item span,.mode-card span{color:var(--ink-500);line-height:1.45}.chapter-item.is-selected{border-color:#1e9aa67a;background:linear-gradient(180deg,#e0f8f5f2,#fafffefa)}.chapter-item em,.mode-card em,.favorites-count{width:fit-content;padding:.28rem .6rem;border-radius:999px;color:#805600;background:var(--gold-100);font-size:.78rem;font-style:normal;font-weight:700}.create-row input{flex:1 1 15rem;min-height:3.15rem;padding:0 1rem;border:1px solid var(--line-strong);border-radius:.9rem;background:#fff}.primary-button,.secondary-button,.ghost-button,.favorite-toggle{min-height:2.9rem;padding:0 1rem;border-radius:.9rem;font-weight:800}.primary-button{border:0;color:#fff;background:linear-gradient(145deg,#1b96a2,#0f6675)}.secondary-button{border:0;color:var(--ink-900);background:linear-gradient(145deg,#ffc85f,#f0aa2b)}.ghost-button,.favorite-toggle{border:1px solid var(--line-soft);color:var(--ink-900);background:#ffffffc7}.favorite-toggle.is-active{color:#8a5300;background:linear-gradient(145deg,#fff2d2,#ffe4a7);border-color:#f0aa2b61}.empty-state{padding:1rem;border:1px dashed var(--line-strong);border-radius:.9rem;color:var(--ink-500);background:#ffffff7a}.trend-card,.metric,.summary-box{padding:1rem;border:1px solid var(--line-soft);border-radius:.9rem;background:#ffffffb8}.trend-card{display:grid;gap:.65rem}.trend-bars{display:flex;align-items:end;gap:.35rem;height:5.6rem;padding-top:.5rem}.trend-bars span{display:grid;min-width:1.85rem;place-items:start center;border-radius:.4rem .4rem 0 0;color:#fff;background:linear-gradient(180deg,#41b89f,#178278);font-size:.72rem;font-weight:800}.quiz-shell{padding:1rem 0 3rem}.quiz-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;padding:clamp(1rem,3vw,1.5rem)}.timer{flex:0 0 min(22rem,42vw)}.timer-top{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.5rem}.timer-top strong{color:#d98310;font-size:clamp(1.9rem,5vw,3.3rem);line-height:1}.timer.is-urgent .timer-top strong{color:var(--rose-500)}.timer-track{height:.72rem;overflow:hidden;border-radius:999px;background:#dce5e3}.timer-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffc85f,#f09f1d);transition:width .25s linear}.timer.is-urgent .timer-fill{background:linear-gradient(90deg,#ef7b71,#cb4639)}.question-panel{position:relative;display:grid;gap:1.3rem;min-height:28rem;padding:clamp(1.25rem,4vw,2rem)}.question-panel h2{font-size:clamp(1.6rem,4vw,2.7rem);line-height:1.2}.knowledge-pill,.tag-row span,.summary-list span{width:fit-content;padding:.32rem .65rem;border-radius:999px;color:var(--teal-700);background:var(--teal-100);font-size:.82rem;font-weight:800}.question-meta{justify-content:space-between}.answer-grid button{min-height:6.6rem}.answer-grid button span{display:grid;width:2rem;height:2rem;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(145deg,#1a96a0,#0f6675);font-weight:900}.answer-grid button strong{font-size:clamp(1.05rem,2.4vw,1.45rem);line-height:1.35}.feedback{position:absolute;right:1.5rem;bottom:1.5rem;padding:.6rem 1rem;border-radius:.8rem;color:#fff;font-size:1.25rem;font-weight:900}.feedback.correct{background:linear-gradient(145deg,#38b591,#207d70)}.feedback.wrong,.feedback.timeout{background:linear-gradient(145deg,#e56e63,#c94237)}.exit-button{margin-top:1rem}.report-panel{display:grid;gap:1rem}.score-ring{display:grid;width:11rem;height:11rem;place-items:center;justify-self:center;border:.95rem solid var(--teal-700);border-radius:50%;background:#fff}.score-ring strong{color:var(--teal-700);font-size:2.7rem;line-height:1}.score-ring span,.metric span{color:var(--ink-500)}.metric{display:grid;gap:.25rem}.metric strong{font-size:1.25rem}.tag-row,.summary-list,.option-list{display:flex;gap:.5rem;flex-wrap:wrap}.favorites-section .action-row{margin-top:1rem}.favorite-preview-card h3{font-size:1.1rem;line-height:1.4}.review-shell{padding-bottom:7rem}.review-list{margin-top:1rem}.review-card{display:grid;gap:.8rem;padding:clamp(1rem,3vw,1.5rem)}.review-card h2{font-size:1.3rem;line-height:1.35}.review-card-top{justify-content:space-between}.option-list>span{padding:.45rem .65rem;border-radius:.7rem;background:#eef3f5}.option-list .is-correct{color:#126c56;background:#daf3e8}.memory-tip{padding:.9rem;border-left:4px solid var(--gold-500);border-radius:.45rem;background:#fff8e6}.sticky-actions{position:fixed;right:clamp(.8rem,4vw,3rem);bottom:.8rem;left:clamp(.8rem,4vw,3rem);justify-content:center;padding:.75rem;border:1px solid rgba(255,255,255,.48);border-radius:1rem;background:#fffbf5eb;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}@media(max-width:980px){.home-hero{grid-template-columns:1fr}.hero-art{min-height:15rem}.intro-illustration{opacity:.6}}@media(max-width:720px){.app-header,.quiz-topbar,.section-title,.question-meta{align-items:stretch;flex-direction:column}.timer{flex-basis:auto}.hero-stats,.answer-grid,.answer-grid.two{grid-template-columns:1fr}.hero-panel h1,.report-panel h1,.quiz-topbar h1,.section-title h1,.home-hero h1{font-size:2.2rem}.current-user{justify-content:space-between}.brand-button{align-items:start}.question-panel{min-height:auto}.feedback{position:static;width:fit-content}}