@import "https://fonts.googleapis.com/css2?family=Fraunces:wght@600;700&family=Space+Grotesk:wght@400;500;700&display=swap";body{background:radial-gradient(circle at 100% 0,#0d6e772e,#0000 30%),radial-gradient(circle at 10% 80%,#f29f6733,#0000 26%),linear-gradient(#f9f4ea 0%,#eef6f5 100%);min-height:100vh;margin:0}#root{min-height:100vh}:root{--bg:#f4f1e8;--ink:#17222b;--muted:#5d6871;--line:#17222b26;--surface:#fffcf4e0;--accent:#0d6e77;--accent-2:#f29f67}*{box-sizing:border-box}.app-shell{width:min(100% - 2rem,1240px);color:var(--ink);margin:1rem auto 2rem;font-family:Space Grotesk,Segoe UI,sans-serif}.fallback-message{border:1px solid var(--line);background:var(--surface);border-radius:16px;width:min(100% - 2rem,760px);margin:4rem auto;padding:1rem 1.2rem;font-weight:600}.workspace-header{border:1px solid var(--line);background:var(--surface);border-radius:20px;justify-content:space-between;align-items:center;gap:1rem;padding:1.2rem;display:flex;box-shadow:0 24px 52px #17222b1f}.workspace-header-content{gap:.2rem;max-width:80%;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--accent);margin:0 0 .4rem;font-size:.78rem;font-weight:700}h1,h2{margin:0;font-family:Fraunces,Georgia,serif}h1{font-size:clamp(1.55rem,3vw,2.35rem)}.header-actions{justify-items:end;gap:.6rem;display:grid}.reset-progress-button{width:100%}.reset-progress-message{text-align:right;max-width:25ch;color:var(--muted);margin:0;font-size:.82rem;font-weight:600}.catalogue-subtitle{color:var(--muted);margin:.55rem 0 0}.task-nav{gap:.4rem;display:flex}.task-pill,.runtime-pill{border-radius:999px;padding:.35rem .7rem;font-size:.85rem;font-weight:700}.task-pill{background:#f29f6733}.runtime-pill{background:#0d6e771f}.workspace-grid{grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);grid-template-areas:"editor instructions""editor output";gap:1rem;margin-top:1rem;display:grid}.panel{border:1px solid var(--line);background:var(--surface);border-radius:20px;padding:1rem;box-shadow:0 24px 52px #17222b1f}.editor-panel{grid-area:editor}.instructions-panel{grid-area:instructions}.output-panel{grid-area:output}.panel-title-row{justify-content:space-between;align-items:center;margin-bottom:.8rem;display:flex}.panel-kicker{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:700}.editor-wrap{border:1px solid var(--line);background:#f8f5ec;border-radius:14px;overflow:hidden}.editor-wrap .cm-editor{font-family:Consolas,Courier New,monospace;font-size:.95rem;line-height:1.5}.editor-wrap .cm-scroller{min-height:390px}.editor-wrap .cm-gutters{border-right:1px solid var(--line);background:#efe9db}.editor-wrap .cm-activeLineGutter{background:#0d6e771f}.editor-wrap .cm-activeLine{background:#0d6e7714}.editor-actions{flex-wrap:wrap;gap:.6rem;margin-top:.8rem;display:flex}button{font:inherit;cursor:pointer;background:var(--accent);color:#fff;border:0;border-radius:10px;padding:.62rem .88rem;font-weight:700}button.secondary{color:var(--ink);background:#17222b29}button.accent{background:linear-gradient(135deg, var(--accent-2), #e46f78)}button:disabled{opacity:.65;cursor:wait}.ghost-button{border:1px solid var(--line);color:var(--ink);background:#fffc}.page-link-row{margin:.7rem 0 0}.route-link,.page-link-row a{background:var(--accent);color:#fff;border-radius:10px;align-items:center;padding:.62rem .88rem;font-weight:700;text-decoration:none;display:inline-flex}.catalogue-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;margin-top:1rem;display:grid}.catalogue-card{border:1px solid var(--line);background:var(--surface);border-radius:20px;padding:1rem;box-shadow:0 24px 52px #17222b1f}.catalogue-card-completed{border-color:#0d6e7757;box-shadow:0 24px 52px #0d6e771f}.catalogue-card-top{justify-content:space-between;align-items:start;gap:.8rem;display:flex}.catalogue-card-title{gap:.2rem;max-width:75%;display:grid}.catalogue-unit{color:var(--muted);margin:0 0 .3rem;font-size:.88rem;font-weight:700}.catalogue-badge-group{flex-wrap:wrap;justify-content:end;gap:.45rem;display:flex}.catalogue-badge{background:#0d6e771f;border-radius:999px;padding:.32rem .65rem;font-size:.82rem;font-weight:700}.catalogue-badge-completed{color:var(--ink);background:#f29f6738}.catalogue-actions{flex-wrap:wrap;gap:.6rem;margin-top:.75rem;display:flex}.task-preview-list{gap:.45rem;margin:.8rem 0 0;padding-left:1.1rem;display:grid}.authoring-note{background:#fffcf4cc;border:1px dashed #0d6e7766;border-radius:16px;margin-top:1rem;padding:1rem}.authoring-note h2{margin-bottom:.4rem}.task-list,.criteria-list{gap:.55rem;margin:.8rem 0 0;padding-left:1.2rem;display:grid}.criteria-list{padding-left:0;list-style:none}.criteria-list label{grid-template-columns:1.1rem 1fr;align-items:start;gap:.6rem;display:grid}.summary{color:var(--muted);margin:.85rem 0 0;font-weight:700}.output-console{border:1px solid var(--line);white-space:pre-wrap;background:#f8f4ea;border-radius:14px;min-height:220px;margin:0;padding:.9rem;font:.95rem/1.5 Consolas,Courier New,monospace}.overlay{z-index:9999;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f181f85;place-items:center;display:grid;position:fixed;inset:0}.overlay-card{perspective:1500px;width:min(100% - 2rem,860px);position:relative}.overlay-card-inner{transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.8,.2,1);display:grid;position:relative}.overlay-card.is-flipped .overlay-card-inner{transform:rotateY(180deg)}.overlay-face{backface-visibility:hidden;background:#fffbf4f5;border:1px solid #ffffff3d;border-radius:20px;flex-direction:column;grid-area:1/1;max-height:calc(100vh - 4rem);padding:1.2rem;display:flex;overflow:auto;box-shadow:0 24px 52px #17222b1f}.overlay-back{transform:rotateY(180deg)}.overlay-card:not(.is-flipped) .overlay-back,.overlay-card.is-flipped .overlay-front{pointer-events:none}.video-placeholder{text-align:center;background:linear-gradient(145deg,#0d6e7714,#f29f672e);border:2px dashed #0d6e7759;border-radius:14px;place-items:center;min-height:160px;margin:.85rem 0;display:grid}.lesson-video-frame{width:min(100%,560px);min-height:0;margin-left:auto;margin-right:auto;padding:.35rem;display:block;overflow:hidden}.lesson-video-frame iframe{aspect-ratio:560/315;background:#0f181f;border:0;border-radius:10px;width:100%;max-width:560px;height:auto;display:block}.task-advance-row{margin-top:.9rem}.overlay-list,.overlay-success-list{gap:.8rem;margin:.7rem 0 1.4rem;padding-left:1.2rem;display:grid}.overlay-list-item,.overlay-success-item{margin:0;font-size:.95rem}.overlay-actions{justify-content:flex-end;gap:.6rem;margin-top:1rem;display:flex}@media (width<=980px){.workspace-grid{grid-template-columns:1fr;grid-template-areas:"instructions""editor""output"}.workspace-header{flex-direction:column;align-items:start}.header-actions{justify-items:start}}