@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;600&display=swap";:root{--bg:#090d12;--bg-soft:#101821;--panel:#132030;--panel-2:#1a2b3d;--line:#33516a;--line-soft:#2a445b;--text:#f5faff;--text-soft:#bdd0df;--title:#f7fbff;--accent:#45d48f;--accent-2:#31b4ff;--danger:#ff8c8c;--ok-bg:#45d48f1f;--ko-bg:#ff8c8c1f;--shadow:0 14px 36px #00000057}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--text);background:radial-gradient(900px 420px at 0 -10%,#4ce09a24,#0000 72%),radial-gradient(700px 320px at 100% 0,#3eaaff24,#0000 72%),linear-gradient(160deg,#0a0f14 0%,#0c1116 50%,#111b26 100%);margin:0;font-family:Manrope,Segoe UI,sans-serif;line-height:1.52}.app-shell{grid-template-columns:280px 1fr;gap:1.15rem;min-height:100vh;padding:1.15rem;display:grid}.terminal-sidebar{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(#13202b 0%,#101a23 100%);border-radius:18px;flex-direction:column;justify-content:space-between;gap:1rem;padding:1.15rem;display:flex}.brand-block h1{color:var(--title);margin:.5rem 0 .2rem;font-size:1.7rem}.brand-sub{color:var(--text-soft);margin:0;font-size:.88rem}.mongo-emblem{width:68px;height:78px;position:relative}.mongo-emblem .leaf,.mongo-emblem .leaf-glow,.mongo-emblem .stem{position:absolute}.mongo-emblem .leaf{background:linear-gradient(#aef9cf 0%,#42c884 42%,#2a7a54 100%);border-radius:68% 26% 64% 24%/68% 24% 72% 22%;width:46px;height:68px;top:4px;left:12px;transform:rotate(-9deg);box-shadow:inset -4px -7px 10px #0000004d,0 0 20px #45d48f47}.mongo-emblem .leaf-glow{background:radial-gradient(circle,#8dffc073,#8dffc000);border-radius:999px;width:54px;height:54px;top:2px;left:6px}.mongo-emblem .stem{background:linear-gradient(#cbffe2,#1f6a48);border-radius:999px;width:3px;height:56px;top:15px;left:33px;transform:rotate(-8deg)}.nav-stack{gap:.5rem;display:grid}.nav-btn{border:1px solid var(--line);width:100%;color:var(--text);text-align:left;cursor:pointer;background:#142230;border-radius:10px;padding:.68rem .75rem;font-weight:600}.nav-btn.active{background:linear-gradient(90deg,#31b4ff2e,#31b4ff0f);border-color:#3cbeff}.nav-btn:disabled{opacity:.5;cursor:not-allowed}.sidebar-footer{gap:.7rem;display:grid}.sidebar-note{color:var(--text-soft);margin:0;font-size:.8rem;line-height:1.45}.status-led{border:1px solid var(--line);text-align:center;letter-spacing:.06em;text-transform:uppercase;border-radius:10px;padding:.55rem;font-size:.75rem;font-weight:700}.status-led.on{color:#b7ffe0;background:#45d48f1f}.status-led.off{color:var(--text-soft);background:#ffffff08}.terminal-main{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(#121d28 0%,#101821 100%);border-radius:18px;padding:1.15rem}.terminal-header{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:flex-start;gap:.8rem;padding-bottom:.9rem;display:flex}.scan-dot{background:radial-gradient(circle,#e5f8ff,#3dd7ff);border-radius:999px;width:11px;height:11px;box-shadow:0 0 14px #3dd7ffb3}.terminal-content{padding-top:1.12rem}.mono-tag{letter-spacing:.11em;color:#9fc2da;text-transform:uppercase;margin:0;font-family:JetBrains Mono,monospace;font-size:.72rem}h2,h3{color:var(--title);margin:.45rem 0}.header-sub{color:var(--text-soft);margin:0}.panel-grid{gap:.9rem;display:grid}.terminal-card{border:1px solid var(--line-soft);background:linear-gradient(180deg, var(--panel) 0%, var(--panel-2) 100%);border-radius:14px;padding:1.12rem}.learning-points{gap:.35rem;margin-top:.8rem;display:grid}.learning-points p{color:#d5e8f7;margin:0}.difficulty-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin-top:.8rem;display:grid}.difficulty{border:1px solid var(--line);cursor:pointer;text-align:center;background:#172635;border-radius:10px;padding:.8rem;font-weight:600;position:relative}.difficulty input{opacity:0;position:absolute}.difficulty.active{border-color:var(--accent);background:linear-gradient(#45d48f38,#45d48f14)}.field{gap:.35rem;display:grid}.field+.field{margin-top:.75rem}.field span{color:#c6dcec;font-size:.95rem;font-weight:600}.field input,.field select,.answer-zone textarea{border:1px solid var(--line);width:100%;color:var(--text);background:#0f1822;border-radius:10px;padding:.74rem .78rem}.field input:focus,.field select:focus,.answer-zone textarea:focus{border-color:#4ac8ff;outline:none;box-shadow:0 0 0 2px #4ac8ff33}.answer-zone textarea,.composed,.feedback code,.feedback pre{font-family:JetBrains Mono,monospace}.answer-zone{margin-top:.7rem}.answer-zone textarea{resize:vertical;min-height:186px}.quiz-layout{grid-template-columns:1.05fr .95fr;gap:1rem;display:grid}.question-panel,.workspace-panel{min-width:0}.workspace-panel .collection-workspace{height:100%}.quiz-title-row{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.score-box{color:#d8f1ff;background:#31b4ff24;border:1px solid #2f546f;border-radius:999px;margin:0;padding:.28rem .62rem;font-size:.9rem;font-weight:700}.progress-wrap{background:#0e1822;border:1px solid #244058;border-radius:999px;height:10px;margin:.75rem 0 .9rem;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#3cb3ff 0%,#45d48f 100%);height:100%}.type-row{color:var(--text-soft);margin-bottom:.35rem;line-height:1.5}.choices{gap:.5rem;display:grid}.choice-btn,.block-btn{border:1px solid var(--line);color:var(--text);cursor:pointer;background:#12202d;border-radius:10px}.choice-btn{text-align:left;padding:.65rem}.choice-btn.selected{border-color:var(--accent-2);background:#31b4ff26}.puzzle-list{flex-wrap:wrap;gap:.45rem;display:flex}.block-btn{border-radius:999px;padding:.35rem .62rem}.block-btn.selected{border-color:var(--accent);color:#eafff5;background:#45d48f33}.composed{background:#0f1822;border:1px dashed #2c526d;border-radius:10px;min-height:62px;margin-top:.5rem;padding:.62rem}.workspace-top{grid-template-columns:1fr 170px;gap:.65rem;display:grid}.guide-box{background:#31b4ff14;border:1px solid #2a4f68;border-radius:12px;gap:.35rem;margin-top:.95rem;padding:.88rem;display:grid}.guide-box p{margin:0}.guide-box a,.feedback a{color:#8fdcff}.guide-box pre,.feedback pre{background:#0f1821;border:1px solid #27435a;border-radius:8px;max-height:180px;margin:.45rem 0 0;padding:.55rem;overflow:auto}.workspace-actions{border:1px solid var(--line-soft);background:#13202d;border-radius:12px;margin-top:.95rem;padding:.86rem}.inline-actions{flex-wrap:wrap;gap:.6rem;margin-top:.9rem;display:flex}.primary,.secondary{cursor:pointer;border-radius:10px;padding:.7rem .96rem;font-family:Manrope,sans-serif;font-weight:700}.primary{color:#f4fff9;background:linear-gradient(135deg,#2fbe84 0%,#1e8f60 100%);border:1px solid #3fd8a0}.secondary{color:#daecf8;background:#162636;border:1px solid #345169}.primary:disabled,.secondary:disabled{opacity:.55;cursor:not-allowed}.feedback{border:1px solid var(--line);border-radius:10px;margin-top:.95rem;padding:.86rem}.feedback p{margin:.2rem 0}.feedback.ok{background:var(--ok-bg)}.feedback.ko{background:var(--ko-bg)}.feedback code{background:#111d29;border:1px solid #31516d;border-radius:8px;margin-top:.4rem;padding:.48rem;display:block;overflow-x:auto}.status{color:#a8f2cf;margin-top:.9rem;font-weight:600}.error{color:var(--danger);margin-top:.75rem;font-weight:600}.result-card{text-align:center}@media (width<=1180px){.quiz-layout{grid-template-columns:1fr}.workspace-panel .collection-workspace{height:auto}}@media (width<=960px){.app-shell,.difficulty-grid,.workspace-top{grid-template-columns:1fr}}@media (width<=640px){.app-shell{padding:.65rem}.terminal-sidebar,.terminal-main,.terminal-card{border-radius:12px}.primary,.secondary{width:100%}}