:root{color-scheme:light;--bg:#f4efe3;--bg-accent:#fffaf1;--surface:rgba(255,251,243,0.92);--surface-strong:#fffef9;--line:rgba(91,74,48,0.18);--line-strong:rgba(91,74,48,0.34);--text:#2e2418;--muted:#6f6253;--brand:#c86c2c;--brand-strong:#a44d15;--success:#2f7d58;--shadow:0 20px 60px rgba(87,61,22,0.12)}*{box-sizing:border-box}body,html{margin:0;min-height:100%;font-family:"Noto Serif SC","Source Han Serif SC",Songti SC,serif;background:radial-gradient(circle at top left,rgba(237,209,142,.22),transparent 32%),radial-gradient(circle at top right,rgba(220,120,54,.12),transparent 28%),linear-gradient(180deg,#f7f1e3,#efe4d0);color:var(--text)}body{min-height:100vh}a{color:inherit}button,input,select{font:inherit}.shell{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:28px 0 64px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero{padding:32px;display:grid;gap:18px}.eyebrow{margin:0;color:var(--brand-strong);letter-spacing:.08em;text-transform:uppercase;font-size:.8rem}.hero h1{margin:0;font-size:clamp(2rem,4vw,4rem);line-height:1.05}.hero p{margin:0;max-width:60ch;color:var(--muted);line-height:1.7}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.button,.button-link{appearance:none;border:none;border-radius:999px;padding:12px 20px;background:linear-gradient(135deg,var(--brand) 0,#de9359 100%);color:white;text-decoration:none;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease;box-shadow:0 14px 24px rgba(200,108,44,.2)}.button-link.secondary,.button.secondary{background:transparent;color:var(--text);border:1px solid var(--line-strong);box-shadow:none}.button-link:hover,.button:hover{transform:translateY(-1px)}.grid{display:grid;gap:20px}.student-layout{grid-template-columns:1.1fr .9fr;align-items:start}.card{padding:28px}.card h2,.card h3{margin-top:0}.hint{color:var(--muted);line-height:1.7}.inline-form{display:grid;gap:16px}.field{display:grid;gap:8px}.field label{font-weight:600}.field input{width:100%;padding:14px 16px;border-radius:16px;border:1px solid var(--line-strong);background:var(--surface-strong)}.row-preview{display:grid;gap:14px;padding:18px;border-radius:22px;border:1px solid var(--line);background:rgba(255,255,255,.55)}.meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.meta-box{padding:14px;border-radius:18px;background:rgba(250,245,236,.92);border:1px solid var(--line)}.meta-box span{display:block;color:var(--muted);font-size:.92rem;margin-bottom:6px}.answer-grid{display:grid;gap:18px}.choice-set{display:flex;flex-wrap:wrap;gap:12px}.choice{flex:1 1;min-width:120px}.choice input{position:absolute;opacity:0;pointer-events:none}.choice label{display:flex;align-items:center;justify-content:center;min-height:54px;padding:10px 14px;border:1px solid var(--line-strong);border-radius:18px;background:var(--surface-strong);cursor:pointer;transition:background .16s ease,color .16s ease,border-color .16s ease}.choice input:checked+label{background:rgba(200,108,44,.16);color:var(--brand-strong);border-color:rgba(200,108,44,.58)}.status{padding:12px 14px;border-radius:16px;border:1px solid var(--line)}.status.success{background:rgba(47,125,88,.09);color:var(--success);border-color:rgba(47,125,88,.24)}.status.error{background:rgba(193,53,21,.08);color:#9b2f16;border-color:rgba(155,47,22,.18)}.teacher-top{display:grid;gap:20px}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.stat-card{padding:20px;border-radius:22px;border:1px solid var(--line);background:rgba(255,255,255,.6)}.stat-card p{margin:0;color:var(--muted)}.stat-card strong{display:block;margin-top:10px;font-size:1.8rem}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:760px}td,th{border:1px solid var(--line-strong);padding:14px 12px;text-align:left;vertical-align:top}th{background:rgba(241,224,194,.5);font-weight:700}.result-pill{display:inline-flex;align-items:center;justify-content:center;min-width:88px;padding:7px 12px;border-radius:999px;font-weight:700;border:1px solid transparent}.result-pill.repel{background:rgba(214,97,54,.16);color:#9e3e14;border-color:rgba(214,97,54,.28)}.result-pill.attract{background:rgba(56,128,109,.15);color:#1d6f5a;border-color:rgba(56,128,109,.24)}.empty-note,.muted{color:var(--muted)}.empty-note{padding:18px;border-radius:18px;background:rgba(255,255,255,.55);border:1px dashed var(--line-strong)}@media (max-width:900px){.stats-grid,.student-layout{grid-template-columns:1fr}.hero{padding:24px}.card{padding:22px}}