:root{--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--student-tabbar-clearance: calc(72px + var(--safe-bottom));--keyboard-inset: 0px}.app-root.auth-mode,.app-root.student-mode{--bg: #f4f7ff;--bg-2: #edf2ff;--card: rgba(255, 255, 255, .82);--card-solid: #ffffff;--line: #e4e9f5;--line-strong: #d5dcf0;--text: #0f172a;--muted: #64748b;--primary: #5b5ce2;--primary-hover: #4547d9;--primary-soft: rgba(91, 92, 226, .12);--success: #16a34a;--warning: #d97706;--danger: #dc2626;--shadow: 0 24px 70px rgba(15, 23, 42, .12);--radius: 22px}.app-root.auth-mode *,.app-root.student-mode *{box-sizing:border-box}html,body,#app{min-height:100%}body:has(.app-root.auth-mode),body:has(.app-root.student-mode){margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:radial-gradient(circle at 14% 10%,rgba(91,92,226,.16),transparent 26%),radial-gradient(circle at 86% 12%,rgba(14,165,233,.12),transparent 24%),radial-gradient(circle at 50% 92%,rgba(34,197,94,.08),transparent 22%),linear-gradient(180deg,#f9fbff 0%,var(--bg) 100%);color:var(--text);overflow-x:hidden}body:has(.app-root.auth-mode):before,body:has(.app-root.student-mode):before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.22) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.18),transparent 40%);mask-image:linear-gradient(180deg,rgba(0,0,0,.18),transparent 40%);opacity:.45}.app-root.auth-mode a,.app-root.student-mode a{color:inherit}.app-root.auth-mode button,.app-root.student-mode button,.app-root.auth-mode input,.app-root.student-mode input,.app-root.auth-mode textarea,.app-root.student-mode textarea,.app-root.auth-mode select,.app-root.student-mode select{font:inherit}.app-root.auth-mode button,.app-root.student-mode button{border:1px solid transparent;border-radius:14px;background:linear-gradient(180deg,#6366f1 0%,var(--primary) 100%);color:#fff;padding:10px 14px;cursor:pointer;transition:transform .15s ease,background .2s ease,box-shadow .2s ease,border-color .2s ease;box-shadow:0 14px 32px #5b5ce233}.app-root.auth-mode button:hover,.app-root.student-mode button:hover{background:linear-gradient(180deg,#5254e9 0%,var(--primary-hover) 100%);transform:translateY(-1px)}.app-root.auth-mode button:disabled,.app-root.student-mode button:disabled{opacity:.65;cursor:not-allowed;transform:none}.app-root.auth-mode button.btn-surface,.app-root.student-mode button.btn-surface{background:var(--card-solid, #ffffff);color:var(--text);border:1px solid var(--line);box-shadow:none}.app-root.auth-mode button.btn-surface:hover:not(:disabled),.app-root.student-mode button.btn-surface:hover:not(:disabled){background:#f8fafc;border-color:var(--line-strong);transform:none}.app-root.auth-mode input,.app-root.student-mode input,.app-root.auth-mode textarea,.app-root.student-mode textarea,.app-root.auth-mode select,.app-root.student-mode select{width:100%;border:1px solid var(--line-strong);border-radius:14px;background:#ffffffeb;color:var(--text);padding:11px 14px;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.app-root.auth-mode input:focus,.app-root.student-mode input:focus,.app-root.auth-mode textarea:focus,.app-root.student-mode textarea:focus,.app-root.auth-mode select:focus,.app-root.student-mode select:focus{border-color:#5b5ce280;box-shadow:0 0 0 4px #5b5ce21f;background:#fff}.app-root.auth-mode .card,.app-root.student-mode .card{background:var(--card);border:1px solid rgba(228,233,245,.9);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.section-title{margin:0 0 8px;font-size:18px;font-weight:800;letter-spacing:-.03em}.section-desc{margin:0;color:var(--muted);font-size:13px;line-height:1.7}.app-root.auth-mode .muted,.app-root.student-mode .muted{color:var(--muted)}.small{font-size:12px}.compact-grid{display:grid;gap:12px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:linear-gradient(180deg,#5b5ce21f,#5b5ce214);color:#4338ca;font-size:12px;font-weight:700}.page-shell{max-width:1180px;margin:0 auto;padding:0}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px}.page-header h1{margin:0;font-size:28px;line-height:1.15;letter-spacing:-.03em}.page-header .lead{margin-top:8px;color:var(--muted);line-height:1.7;max-width:720px}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.toolbar button,.toolbar a,.toolbar .ghost{min-height:42px}.app-root.auth-mode .ghost,.app-root.student-mode .ghost{background:#fff;color:#344054;border:1px solid var(--line);box-shadow:none}.app-root.auth-mode .ghost:hover,.app-root.student-mode .ghost:hover{background:#f8fafc;color:#111827}hr.divider{border:0;border-top:1px solid var(--line);margin:16px 0}.app-root{min-height:100vh;position:relative;isolation:isolate}.auth-mode,.student-mode{display:block}.auth-backdrop{position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 20% 20%,rgba(91,92,226,.16),transparent 30%),radial-gradient(circle at 80% 18%,rgba(14,165,233,.14),transparent 28%),linear-gradient(180deg,#fafcff,#f4f7ff)}.student-mode .page-shell{padding-left:calc(18px + var(--safe-left));padding-right:calc(18px + var(--safe-right))}@media(max-width:960px){.student-mode .page-shell{padding:12px calc(12px + var(--safe-right)) 10px calc(12px + var(--safe-left));max-width:100%}.page-header,.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.page-header{flex-direction:column}}