.toast-viewport[data-v-365c4edc]{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;overflow:hidden;pointer-events:none}.toast-container[data-v-365c4edc]{position:fixed;bottom:1.5rem;right:1.5rem;display:flex;flex-direction:column;gap:.75rem;max-width:min(420px,calc(100vw - 3rem));pointer-events:none}.toast[data-v-365c4edc]{display:flex;align-items:flex-start;gap:.75rem;padding:.9rem 1.1rem;border-radius:12px;box-shadow:0 10px 40px #00000059,0 0 0 1px #ffffff0f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto}.toast.success[data-v-365c4edc]{background:linear-gradient(135deg,#166534eb,#052e16f2);border:1px solid rgba(74,222,128,.35);color:#bbf7d0}.toast.error[data-v-365c4edc]{background:linear-gradient(135deg,#7f1d1deb,#450a0af2);border:1px solid rgba(248,113,113,.35);color:#fecaca}.toast-icon[data-v-365c4edc]{flex-shrink:0;width:1.35rem;height:1.35rem;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-size:.8rem;font-weight:700}.toast.success .toast-icon[data-v-365c4edc]{background:#4ade804d;color:#86efac}.toast.error .toast-icon[data-v-365c4edc]{background:#f871714d;color:#fca5a5}.toast-message[data-v-365c4edc]{flex:1;font-size:.95rem;line-height:1.4;word-break:break-word}.toast-enter-active[data-v-365c4edc]{transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .3s ease}.toast-leave-active[data-v-365c4edc]{transition:transform .3s ease,opacity .25s ease}.toast-enter-from[data-v-365c4edc]{transform:translate(120%);opacity:0}.toast-leave-to[data-v-365c4edc]{transform:translate(100%);opacity:0}.toast-move[data-v-365c4edc]{transition:transform .3s ease}.code-bg[data-v-e90d836e]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none}@keyframes codeFloat1-e90d836e{0%,to{transform:scale(1.12) rotate(-1.5deg) translateY(0)}50%{transform:scale(1.12) rotate(-1.5deg) translateY(-18px)}}@keyframes codeFloat2-e90d836e{0%,to{transform:scale(1.08) rotate(2deg) translateY(0)}50%{transform:scale(1.08) rotate(2deg) translateY(20px)}}@keyframes codeFloat3-e90d836e{0%,to{transform:translate(-50%) scale(1.05) rotate(.5deg)}50%{transform:translate(-50%,-12px) scale(1.05) rotate(.5deg)}}.code-bg-layer[data-v-e90d836e]{position:absolute;font-family:ui-monospace,Cascadia Code,Fira Code,SF Mono,Consolas,monospace;font-size:1.05rem;line-height:1.7;white-space:pre;opacity:.22;filter:blur(3px)}.code-bg-layer--1[data-v-e90d836e]{top:8%;left:-1%;transform:scale(1.12) rotate(-1.5deg);animation:codeFloat1-e90d836e 20s ease-in-out infinite}.code-bg-layer--2[data-v-e90d836e]{bottom:10%;right:-2%;transform:scale(1.08) rotate(2deg);opacity:.2;filter:blur(4px);animation:codeFloat2-e90d836e 24s ease-in-out infinite}.code-bg-layer--3[data-v-e90d836e]{top:45%;left:50%;transform:translate(-50%) scale(1.05) rotate(.5deg);opacity:.16;filter:blur(4px);animation:codeFloat3-e90d836e 28s ease-in-out infinite}.code-bg-layer[data-v-e90d836e] .kw{color:#38bdf8}.code-bg-layer[data-v-e90d836e] .fn{color:#a78bfa}.code-bg-layer[data-v-e90d836e] .str{color:#4ade80}.code-bg-layer[data-v-e90d836e] .num{color:#fbbf24}.code-bg-layer[data-v-e90d836e] .attr{color:#f472b6}.code-bg-layer[data-v-e90d836e] .cm{color:#64748b}.code-bg-mask[data-v-e90d836e]{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 85% 55% at 50% 0%,transparent 0%,rgba(2,6,23,.35) 60%),radial-gradient(ellipse 65% 45% at 100% 100%,transparent 0%,rgba(2,6,23,.4) 60%),radial-gradient(ellipse 55% 65% at 0% 100%,transparent 0%,rgba(2,6,23,.38) 60%);pointer-events:none}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;background:radial-gradient(ellipse 120% 80% at 20% 0%,#1e3a5f 0%,transparent 50%),radial-gradient(ellipse 100% 60% at 90% 100%,#1e1b4b 0%,transparent 50%),radial-gradient(circle at top left,#1f2933 0,#020617 55%),radial-gradient(circle at bottom right,#0f172a 0,#020617 65%);color:#e5e7eb}body.theme-light{background:#f8fafc;color:#0f172a}.app{position:relative;z-index:1;min-height:100vh;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}.header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.75rem;background:#0f172ae0;border-bottom:1px solid rgba(148,163,184,.18);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}body.theme-light .header{background:#fff!important;border-bottom:1px solid #e2e8f0!important;box-shadow:0 1px 2px #0f172a0f}.logo{font-weight:800;letter-spacing:.06em;text-transform:uppercase;font-size:.9rem;color:#e5e7eb;text-decoration:none}body.theme-light .logo{color:#0f172a}.header nav{display:flex;align-items:center;gap:1rem}.header a{position:relative;color:#9ca3af;text-decoration:none;font-size:.95rem;padding-bottom:2px}body.theme-light .header a{color:#334155}.header a:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;border-radius:999px;background:linear-gradient(90deg,#38bdf8,#a855f7);transition:width .2s ease-out}.header a:hover:after{width:100%}.header a.router-link-active{color:#e5e7eb}body.theme-light .header a.router-link-active{color:#0f172a}.header a.router-link-active:after{width:100%}.user{color:#9ca3af;font-size:.9rem}body.theme-light .user{color:#475569}.header button{background:radial-gradient(circle at top left,#38bdf8,#0ea5e9);color:#0b1120;border:none;padding:.45rem .9rem;border-radius:999px;cursor:pointer;font-size:.85rem;font-weight:600;box-shadow:0 8px 20px #082f4973}.theme-toggle{background:linear-gradient(135deg,#818cf8,#6366f1);color:#eef2ff}.header button:hover{filter:brightness(1.05)}.main{padding:2rem 1.5rem 4rem;max-width:1200px;margin:0 auto;min-height:calc(100vh - 4rem)}body.theme-light .panel,body.theme-light .form-card,body.theme-light .task-card,body.theme-light .admin-nav-inner,body.theme-light .card,body.theme-light .check-feedback,body.theme-light .hints,body.theme-light .reference-sql{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 1px 2px #0f172a0f!important;color:#0f172a!important}body.theme-light .muted,body.theme-light .hint,body.theme-light .hero-sub,body.theme-light .desc-faded,body.theme-light .task-badge--todo{color:#475569!important}body.theme-light .eyebrow,body.theme-light .badge-pill,body.theme-light .meta-label,body.theme-light .pill-muted{color:#64748b!important}body.theme-light .hero-title span{background:linear-gradient(90deg,#2563eb,#4f46e5)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}body.theme-light .hero-code,body.theme-light .hint-sql,body.theme-light .reference-sql pre,body.theme-light .task-description-md :deep(pre){background:#f8fafc!important;border-color:#0f172a29!important;color:#0f172a!important}body.theme-light .task-description-md :is(p,li,td,th,code,strong,blockquote),body.theme-light .check-feedback-summary,body.theme-light .check-hints-title,body.theme-light .check-hints-list,body.theme-light .check-step-title,body.theme-light .hint-text,body.theme-light .hint-sql code,body.theme-light .user,body.theme-light .task-num,body.theme-light .block-title,body.theme-light .hero-title,body.theme-light .page-header h2,body.theme-light .form-card h3,body.theme-light .admin-title,body.theme-light .admin-sub{color:#0f172a!important}body.theme-light .sections-page .hero,body.theme-light .sections-page .section-card,body.theme-light .section-tasks-page .hero,body.theme-light .section-tasks-page .task-card,body.theme-light .sections-page .hero-card,body.theme-light .sections-page .hero-progress{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 1px 2px #0f172a0f!important}body.theme-light .sections-page .hero-code{background:#f8fafc!important;color:#0f172a!important;border:1px solid #e2e8f0!important}body.theme-light .sections-page .section-card h3,body.theme-light .sections-page .desc,body.theme-light .sections-page .card-footer,body.theme-light .sections-page .hero-sub,body.theme-light .sections-page .meta-value,body.theme-light .sections-page .hero-progress-text,body.theme-light .sections-page .hero-progress-label{color:#334155!important}body.theme-light .sections-page .badge-pill{background:#eef2ff!important;border:1px solid #c7d2fe!important;color:#4338ca!important}body.theme-light .sections-page .section-card:hover,body.theme-light .section-tasks-page .task-card:hover{border-color:#cbd5e1!important;box-shadow:0 4px 12px #0f172a14!important;transform:translateY(-1px)}body.theme-light .table th,body.theme-light .result-table th{background:#eef2f7!important;color:#0f172a!important}body.theme-light .task-description-md thead{background:#eef2f7!important}body.theme-light .task-description-md th{background:#eef2f7!important;color:#0f172a!important}body.theme-light .table td,body.theme-light .result-table td{border-color:#0f172a24!important}body.theme-light .table tbody tr:nth-child(2n),body.theme-light .result-table tr:nth-child(2n) td{background:#f8fafc!important}body.theme-light .table tbody tr:nth-child(odd),body.theme-light .result-table tr:nth-child(odd) td{background:#fff!important}body.theme-light .task-badge--done{background:#16a34a24!important;border-color:#16a34a59!important;color:#166534!important}body.theme-light .pill-pass{background:#16a34a24!important;color:#166534!important;border:1px solid rgba(22,163,74,.3)!important}body.theme-light .editor-status{background:#dcfce7!important;color:#166534!important;border:1px solid #86efac!important}body.theme-light .check-feedback--fail .check-feedback-badge{background:#fee2e2!important;color:#b91c1c!important;border:1px solid #fca5a5!important}body.theme-light .task-badge--todo{background:#64748b1f!important;border-color:#64748b47!important;color:#334155!important}body.theme-light .header button{background:#0ea5e9;color:#fff;box-shadow:none}body.theme-light .theme-toggle{background:#334155;color:#fff}body.theme-light input,body.theme-light textarea,body.theme-light select,body.theme-light .sql-editor :deep(.cm-editor),body.theme-light .sql-editor-wrap{background:#fff!important;color:#0f172a!important;border-color:#0f172a33!important}body.theme-light .form-card input,body.theme-light .form-card textarea,body.theme-light .form-card select{background:#fff!important;color:#0f172a!important;border:1px solid #cbd5e1!important}body.theme-light .form-card input::placeholder,body.theme-light .form-card textarea::placeholder{color:#94a3b8!important}body.theme-light .field-label{color:#334155!important}body.theme-light .check-options{background:#f8fafc!important;border:1px solid #cbd5e1!important}body.theme-light .check-options legend{color:#475569!important;background:#f8fafc!important}body.theme-light .check-options label{color:#0f172a!important}body.theme-light .check-options input[type=number]{background:#fff!important;color:#0f172a!important;border:1px solid #cbd5e1!important}body.theme-light .sql-editor :deep(.cm-gutters){background:#f8fafc!important;color:#475569!important}body.theme-light .sql-editor :deep(.cm-content){color:#0f172a!important}body.theme-light .admin-nav a{color:#334155!important}body.theme-light .admin-nav a.router-link-active{background:#0ea5e924!important;color:#0f172a!important}body.theme-light .code-bg{display:none}
