@font-face{font-family:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(/_next/static/media/anton-latin-400-normal.8051a086.woff2) format("woff2"),url(/_next/static/media/anton-latin-400-normal.70090b55.woff) format("woff")}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/inter-cyrillic-ext-wght-normal.460bdf14.woff2) format("woff2-variations");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/inter-cyrillic-wght-normal.491cbc05.woff2) format("woff2-variations");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/inter-greek-ext-wght-normal.23aae568.woff2) format("woff2-variations");unicode-range:u+1f??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/inter-greek-wght-normal.4449bf7a.woff2) format("woff2-variations");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/inter-vietnamese-wght-normal.113a630f.woff2) format("woff2-variations");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/inter-latin-ext-wght-normal.3835a68e.woff2) format("woff2-variations");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/inter-latin-wght-normal.6c596dfc.woff2) format("woff2-variations");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}:root{--c-blue:#0069b4;--c-red:#ed2f49;--c-turquoise:#00a99d;--c-yellow:#ffe34f;--c-black:#111111;--c-white:#ffffff;--c-purple:#64509a;--c-orange:#ff9800;--c-lime:#9bcb70;--c-light-blue:#38bce8;--c-mint:#73d2c0;--c-grey-25:#fafaf9;--c-grey-50:#f4f4f2;--c-grey-100:#e9e9e6;--c-grey-200:#dcdcd8;--c-grey-300:#c9c9c4;--c-grey-600:#55585c;--c-grey-800:#2b2d30;--c-blue-dark:#00548f;--c-blue-50:#eef4fa;--c-yellow-50:#fff8d6;--c-turquoise-50:#e6f6f4;--c-red-50:#fdecee;--surface:var(--c-white);--surface-page:var(--c-grey-50);--surface-subtle:var(--c-grey-25);--text-primary:var(--c-black);--text-secondary:var(--c-grey-800);--text-muted:var(--c-grey-600);--nav:var(--c-blue);--action:var(--c-blue);--action-hover:var(--c-blue-dark);--selected-bg:var(--c-yellow-50);--selected-border:var(--c-yellow);--success:#00796f;--success-bg:var(--c-turquoise-50);--warning-bg:var(--c-yellow-50);--warning-border:#d9a400;--error:#c4122f;--error-bg:var(--c-red-50);--info-bg:var(--c-blue-50);--focus:var(--c-blue);--font-display:"Anton","Oswald","Arial Narrow",Impact,sans-serif;--font-ui:"Inter Variable","Inter","Roboto",system-ui,sans-serif;--fs-xs:0.8125rem;--fs-sm:0.9375rem;--fs-md:1.0625rem;--fs-lg:1.25rem;--fs-xl:1.5rem;--fs-title:clamp(1.75rem,1.4rem + 1.4vw,2.5rem);--lh-ui:1.6;--sp-1:0.25rem;--sp-2:0.5rem;--sp-3:0.75rem;--sp-4:1rem;--sp-5:1.5rem;--sp-6:2rem;--sp-7:3rem;--radius:2px;--border:1px solid var(--c-grey-200);--shadow-soft:0 1px 2px rgba(17,17,17,0.06);--shadow-window:0 6px 24px rgba(17,17,17,0.12);--touch:44px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-ui);font-size:var(--fs-md);line-height:var(--lh-ui);background:var(--surface-page)}body,h1,h2,h3{color:var(--text-primary)}h1,h2,h3{line-height:1.25;margin:0 0 var(--sp-3)}h2{font-size:var(--fs-lg);font-weight:700}a{color:var(--action);text-underline-offset:3px}a:hover{color:var(--action-hover)}p{margin:0 0 var(--sp-3)}main{max-width:880px;margin:0 auto;padding:4rem var(--sp-4) var(--sp-7)}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.muted{color:var(--text-muted)}.small{font-size:var(--fs-sm)}.pattern{display:block;width:100%;height:100%}.page-header{margin-bottom:var(--sp-6)}.page-header-accent{width:72px;height:10px;margin-bottom:var(--sp-4);overflow:hidden}.page-title{font-family:var(--font-display);font-weight:400;font-size:var(--fs-title);line-height:1.1;letter-spacing:.01em;margin:0 0 var(--sp-2)}.page-header-body{color:var(--text-secondary);margin-top:var(--sp-3)}.page-header-body>:last-child{margin-bottom:0}.page-header-body form{margin-top:var(--sp-3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:var(--touch);padding:.55rem 1.15rem;font:inherit;font-weight:600;line-height:1.2;border:2px solid var(--action);border-radius:var(--radius);background:var(--c-white);color:var(--action);text-decoration:none;cursor:pointer;transition:background-color .12s ease,color .12s ease,border-color .12s ease}.btn:hover{background:var(--c-blue-50);color:var(--action-hover);border-color:var(--action-hover)}.btn.primary{background:var(--action);color:var(--c-white)}.btn.primary:hover{background:var(--action-hover);color:var(--c-white)}.btn.secondary{background:var(--c-white);color:var(--action)}.btn.tertiary{background:transparent;color:var(--text-secondary);border-color:var(--c-grey-300)}.btn.tertiary:hover{background:var(--c-grey-50);color:var(--text-primary);border-color:var(--c-grey-600)}.btn:disabled,.btn[aria-disabled=true]{background:var(--c-grey-100);color:#6b6b6b;border-color:var(--c-grey-200);cursor:not-allowed}.btn.go{font-size:var(--fs-lg);padding:.7rem 1.5rem}.card{background:var(--surface);border:var(--border);border-radius:var(--radius);padding:var(--sp-5);margin-bottom:var(--sp-4);box-shadow:var(--shadow-soft)}.card.panel{background:var(--surface-subtle)}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--sp-4)}ul.list{padding-left:1.2rem;margin:0}ul.list li{padding:var(--sp-1) 0}ul.list li::marker{color:var(--c-grey-600)}.status{display:inline-flex;align-items:center;gap:var(--sp-2);padding:.1rem .55rem;font-weight:600;font-size:var(--fs-sm);border:1px solid;border-radius:var(--radius)}.status.success{background:var(--success-bg);border-color:var(--success);color:#00564f}.status.warning{background:var(--warning-bg);border-color:var(--warning-border);color:var(--c-black)}.status.error{background:var(--error-bg);border-color:var(--error);color:var(--error)}.status.info{background:var(--info-bg);border-color:var(--action);color:var(--c-blue-dark)}.notice{margin:0;padding:var(--sp-3) var(--sp-4);border-left:4px solid var(--c-grey-300);background:var(--surface-subtle)}.notice.warning{background:var(--warning-bg);border-left-color:var(--warning-border)}[role=alert]{margin:0 0 var(--sp-4);padding:var(--sp-3) var(--sp-4);border-left:4px solid var(--error);background:var(--error-bg);color:var(--c-black)}label{font-weight:600}input[type=email],input[type=search],input[type=text],select,textarea{font:inherit;min-height:var(--touch);padding:.5rem .75rem;border:1px solid var(--c-grey-600);border-radius:var(--radius);background:var(--c-white);color:var(--c-black)}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--action);outline:2px solid var(--action);outline-offset:0}input[aria-invalid=true]{border-color:var(--error)}.field-error{color:var(--error);font-weight:600;font-size:var(--fs-sm)}input[type=checkbox],input[type=radio]{accent-color:var(--action);width:1.15rem;height:1.15rem}.role-switch{position:fixed;top:var(--sp-2);right:var(--sp-3);z-index:1000;display:flex;align-items:center;gap:2px;padding:2px;background:var(--c-white);border:1px solid var(--c-grey-300);border-radius:var(--radius);font-size:var(--fs-sm);box-shadow:var(--shadow-soft)}.role-switch-label{padding:0 var(--sp-2);color:var(--text-muted);font-weight:600}.role-switch a{display:flex;align-items:center;min-height:32px;padding:0 .7rem;color:var(--text-secondary);text-decoration:none;font-weight:600;border-radius:var(--radius)}.role-switch a.active{background:var(--nav);color:var(--c-white)}.role-switch a:hover:not(.active){background:var(--c-grey-50)}.dev{border-left:4px solid var(--c-orange)}.persona-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:var(--sp-2)}.persona-grid .btn{width:100%;justify-content:flex-start;text-align:left;font-size:var(--fs-sm)}.desktop{position:fixed;inset:0;display:flex;flex-direction:column;overflow:hidden;color:var(--text-primary)}.desktop-bg{position:absolute;inset:0;z-index:0}.topbar{position:relative;z-index:2;justify-content:space-between;gap:var(--sp-4);min-height:52px;padding:0 15rem 0 var(--sp-5);background:var(--c-white);border-bottom:var(--border)}.brand,.topbar{display:flex;align-items:center}.brand{gap:var(--sp-2);font-family:var(--font-display);font-size:1.35rem;letter-spacing:.02em;color:var(--c-black)}.brand:before{content:"";width:14px;height:14px;background:var(--c-yellow);border:2px solid var(--c-black)}.topbar-user{font-size:var(--fs-sm);color:var(--text-muted)}.desktop-main{--icons-w:440px;position:relative;z-index:1;flex:1 1;padding:var(--sp-6) var(--sp-5);overflow:hidden;max-width:none;margin:0}@media (max-width:1100px){.desktop-main{--icons-w:216px}.icon-grid{grid-template-columns:repeat(2,104px)!important}}.icon-grid{display:grid;grid-template-columns:repeat(4,104px);gap:var(--sp-4) var(--sp-2)}.desktop-icon{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);padding:var(--sp-2) 0;border:0;border-radius:var(--radius);background:transparent;cursor:pointer;font:inherit;color:var(--text-primary)}.desktop-icon-glyph{display:grid;place-items:center;width:56px;height:56px;background:var(--c-white);color:var(--nav);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-soft);transition:border-color .12s ease,background-color .12s ease}.desktop-icon-label{font-size:var(--fs-sm);font-weight:500;text-align:center;line-height:1.3}.desktop-icon:hover .desktop-icon-glyph{border-color:var(--nav);background:var(--c-blue-50)}.welcome{position:absolute;left:calc(var(--icons-w) + 2.5rem);top:var(--sp-6);width:min(520px,calc(100% - var(--icons-w) - 4rem));background:var(--surface);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-soft);padding:var(--sp-5) var(--sp-6) var(--sp-6)}.welcome-accent{width:72px;height:10px;overflow:hidden;margin-bottom:var(--sp-4)}.welcome-head h2{margin:0 0 var(--sp-3);font-family:var(--font-display);font-weight:400;font-size:var(--fs-xl);letter-spacing:.01em;line-height:1.15}.window{position:absolute;left:calc(var(--icons-w) + 2.5rem);top:var(--sp-6);width:min(640px,calc(100% - var(--icons-w) - 4rem));max-height:calc(100% - 4rem);display:flex;flex-direction:column;background:var(--surface);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-soft)}.window.active{border-color:var(--c-grey-300);box-shadow:var(--shadow-window)}.window-bar{display:flex;justify-content:space-between;align-items:center;border-bottom:var(--border);background:var(--surface-subtle)}.window.active .window-bar{background:var(--c-white);box-shadow:inset 0 3px 0 var(--nav)}.window-bar h2{margin:0;padding:.6rem var(--sp-4);display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-md);font-weight:700;color:var(--text-primary)}.window-bar h2 svg{color:var(--nav)}.window-bar h2:focus-visible{outline-offset:-3px}.window-actions{display:flex;padding-right:var(--sp-1)}.win-btn{width:var(--touch);height:var(--touch);border:0;border-radius:var(--radius);background:transparent;font-size:1.3rem;cursor:pointer;color:var(--text-secondary)}.win-btn:hover{background:var(--c-grey-100);color:var(--text-primary)}.win-btn.close:hover{background:var(--error-bg);color:var(--error)}.window-body{padding:var(--sp-5) var(--sp-5) var(--sp-6);overflow:auto}.window-body:focus-visible{outline-offset:-3px}.empty p{margin:0 0 var(--sp-2)}.empty p:first-child{font-weight:600}.taskbar{position:relative;z-index:2;align-items:stretch;background:var(--nav)}.taskbar,.taskbar-btn{display:flex;min-height:52px;color:var(--c-white)}.taskbar-btn{align-items:center;gap:var(--sp-2);padding:0 var(--sp-4);font:inherit;font-size:var(--fs-sm);font-weight:600;border:0;border-radius:0;background:transparent;cursor:pointer}.taskbar-btn:hover{background:var(--c-blue-dark)}.taskbar-btn.start{font-weight:700;border-right:1px solid rgba(255,255,255,.25)}.taskbar-btn.start[aria-expanded=true]{background:var(--c-blue-dark)}.taskbar-btn.current{background:var(--c-white);color:var(--c-black);box-shadow:inset 0 -4px 0 var(--c-yellow)}.taskbar-btn:focus-visible{outline:3px solid var(--c-white);outline-offset:-5px}.taskbar-btn.current:focus-visible{outline-color:var(--nav)}.taskbar-windows{display:flex;list-style:none;margin:0;padding:0;flex:1 1;overflow-x:auto}.taskbar-status{display:flex;align-items:center;gap:var(--sp-2);padding:0 var(--sp-5);font-size:var(--fs-sm);white-space:nowrap}.start-wrap{position:relative;display:flex}.start-menu{position:absolute;bottom:calc(100% + var(--sp-2));left:var(--sp-2);width:340px;z-index:100;background:var(--surface);color:var(--text-primary);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-window);padding:var(--sp-2) 0}.start-title{margin:0;padding:var(--sp-2) var(--sp-4) var(--sp-3);font-weight:700;color:var(--text-muted);font-size:var(--fs-sm)}.start-item{display:flex;align-items:center;gap:var(--sp-3);width:100%;min-height:var(--touch);text-align:left;font:inherit;font-weight:600;padding:.5rem var(--sp-4);border:0;background:transparent;color:var(--text-primary);cursor:pointer}.start-item svg{color:var(--nav);flex:none}.start-item .muted{font-weight:400}.start-item:focus-visible,.start-item:hover{background:var(--c-blue-50);outline-offset:-3px}.bg-picker{border:0;padding:0;margin:0;display:grid;gap:var(--sp-2)}.bg-picker legend{font-weight:700;margin-bottom:var(--sp-3)}.bg-option{display:flex;align-items:center;gap:var(--sp-3);min-height:var(--touch);padding:var(--sp-2) var(--sp-3);border:1px solid transparent;border-radius:var(--radius);cursor:pointer}.bg-option:hover{background:var(--surface-subtle);border-color:var(--c-grey-200)}.bg-option:has(input:checked){background:var(--selected-bg);border-color:var(--selected-border)}.bg-swatch{width:64px;height:36px;border:1px solid var(--c-grey-300);border-left:6px solid;border-radius:var(--radius);display:block}.desktop.narrow{overflow:auto}.desktop.narrow .desktop-bg{position:fixed}.page-home,.page-view{position:relative;z-index:1;margin:0;max-width:none;padding:3.5rem var(--sp-4) var(--sp-6)}.page-home>h1{margin:0 0 var(--sp-4);font-family:var(--font-display);font-weight:400;font-size:2rem;line-height:1.1}.page-home .welcome-head h2{font-family:var(--font-ui);font-weight:700;font-size:var(--fs-lg);letter-spacing:0}.page-home .welcome{position:static;width:auto;margin-bottom:var(--sp-5);padding:var(--sp-5)}.page-list{list-style:none;padding:0;margin:0;display:grid;gap:var(--sp-2)}.page-list button{display:flex;align-items:center;gap:var(--sp-4);width:100%;min-height:64px;text-align:left;font:inherit;padding:var(--sp-3) var(--sp-4);border:var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text-primary);cursor:pointer}.page-list button:hover{border-color:var(--nav);background:var(--c-blue-50)}.page-list button svg{color:var(--nav);flex:none}.page-list button>span{display:flex;flex-direction:column}.page-view{background:var(--surface);min-height:100%}.page-view h1{font-family:var(--font-display);font-weight:400;font-size:2rem;line-height:1.1}.page-view .back,.page-view h1{margin-bottom:var(--sp-4)}@media (max-width:720px){main{padding:3.5rem var(--sp-4) var(--sp-6)}.role-switch-label{display:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.status.neutral{background:var(--surface-subtle);border-color:var(--c-grey-300);color:var(--text-secondary)}.status.locked{background:var(--c-grey-50);border-color:var(--c-grey-300);color:var(--text-muted)}.notice.success{background:var(--success-bg);border-left-color:var(--success)}.list-heading{font-size:var(--fs-md);font-weight:700;margin:0 0 var(--sp-2)}.path-list section+section{margin-top:var(--sp-5)}.item-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--sp-2)}.item-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-3) var(--sp-4);border:var(--border);border-radius:var(--radius);background:var(--surface)}.item-row.is-next{border-color:var(--action);box-shadow:inset 4px 0 0 var(--action)}.item-main{display:flex;flex-direction:column;gap:var(--sp-1);min-width:0}.item-title{font-weight:600}.item-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2)}.btn.small-btn{min-height:40px;padding:.35rem .9rem;font-size:var(--fs-sm);white-space:nowrap}.progress-headline{font-size:var(--fs-lg)}.progress-steps{list-style:none;margin:var(--sp-4) 0;padding:0;display:grid;gap:var(--sp-3)}.progress-step{display:grid;gap:var(--sp-1)}.progress-bar{display:block;height:10px;border-radius:var(--radius);background:var(--c-grey-100);border:1px solid var(--c-grey-200)}.progress-step.completed .progress-bar{background:var(--c-turquoise);border-color:var(--success)}.progress-step.in_progress .progress-bar{background:linear-gradient(90deg,var(--c-light-blue) 50%,var(--c-grey-100) 50%)}.welcome-next-label{margin-bottom:var(--sp-1)}.welcome-next{display:flex;flex-direction:column;margin-bottom:var(--sp-4)}.welcome-next-title{font-size:var(--fs-lg);font-weight:600}.module-page{max-width:760px}.back-link{display:inline-flex;align-items:center;gap:.35rem;min-height:var(--touch);margin-bottom:var(--sp-4);font-weight:600;text-decoration:none}.back-link:hover{text-decoration:underline}.module-header{margin-bottom:var(--sp-5)}.module-meta{margin-bottom:var(--sp-2);display:flex;align-items:center;gap:var(--sp-1);flex-wrap:wrap}.objectives{margin-top:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--surface);border:var(--border);border-radius:var(--radius)}.objectives summary{font-weight:600;cursor:pointer;min-height:32px}.objectives ul{margin-top:var(--sp-2)}details summary{cursor:pointer}.stepper{margin-bottom:var(--sp-3)}.stepper-label{font-weight:600;margin-bottom:var(--sp-2)}.stepper ol{list-style:none;display:flex;flex-wrap:wrap;gap:var(--sp-2);margin:0;padding:0}.step-dot{width:var(--touch);height:var(--touch);border-radius:50%;border:2px solid var(--c-grey-300);background:var(--surface);color:var(--text-secondary);font:inherit;font-weight:600;cursor:pointer}.step-dot.seen{border-color:var(--success);color:var(--success)}.step-dot.current{border-color:var(--action);background:var(--action);color:var(--c-white)}.step-card{padding:var(--sp-6);min-height:220px}.step-card h2{font-size:var(--fs-xl)}.step-text{font-size:1.125rem;line-height:1.7;max-width:62ch}.step-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.save-state{color:var(--text-muted);font-size:var(--fs-sm);flex:1 1;text-align:center}.quiz-preview{border:0;padding:0;margin:0 0 var(--sp-3);display:grid;gap:var(--sp-2)}.quiz-preview legend{font-weight:600;font-size:1.125rem;margin-bottom:var(--sp-2)}.choice{display:flex;align-items:center;gap:var(--sp-3);min-height:var(--touch);padding:var(--sp-2) var(--sp-3);border:var(--border);border-radius:var(--radius);font-weight:500;cursor:pointer}.choice:has(input:checked){background:var(--selected-bg);border-color:var(--selected-border)}.done-card{text-align:left;padding:var(--sp-6)}main.wide{max-width:1200px}.table-wrap{overflow-x:auto;border:var(--border);border-radius:var(--radius);background:var(--surface)}.data-table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.data-table td,.data-table th{padding:var(--sp-3);border-bottom:var(--border);text-align:left;vertical-align:top}.data-table thead th{background:var(--surface-subtle);font-weight:700;white-space:normal;min-width:140px}.data-table tbody th{font-weight:600;white-space:nowrap}.data-table tbody tr:last-child td,.data-table tbody tr:last-child th{border-bottom:0}.cell-action{margin-top:var(--sp-2)}.cell-action summary{color:var(--action);font-weight:600;min-height:32px;display:flex;align-items:center}.override-form{display:grid;gap:var(--sp-2);margin-top:var(--sp-2);max-width:260px}.override-form input{min-height:40px}.link-btn{background:none;border:0;padding:0;font:inherit;color:var(--action);font-weight:600;text-decoration:underline;cursor:pointer;min-height:32px}@media (max-width:720px){.item-row{flex-direction:column;align-items:stretch}.item-row .btn{align-self:flex-start}.step-card{padding:var(--sp-4)}}.studio-page{max-width:1200px}.studio{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:var(--sp-5);align-items:start}.studio-side{position:sticky;top:3.5rem;display:grid;gap:var(--sp-3)}.studio-state{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-bottom:var(--sp-4)}.studio-h2,.studio-legend{font-size:var(--fs-lg);font-weight:700;margin:0 0 var(--sp-3);padding:0}.studio-section{border:var(--border)}.studio-section legend{float:left;width:100%}.studio-section legend+*{clear:both}fieldset{min-width:0}fieldset:disabled input,fieldset:disabled select,fieldset:disabled textarea{background:var(--surface-subtle);color:var(--text-secondary)}.field{display:grid;gap:var(--sp-1);margin-bottom:var(--sp-4)}.field:last-child{margin-bottom:0}.field input,.field select,.field textarea{width:100%}.field textarea{resize:vertical}.field input[type=number],.field input[type=url],.field textarea{font:inherit;padding:.5rem .75rem;border:1px solid var(--c-grey-600);border-radius:var(--radius)}.field input[type=number],.field input[type=url]{min-height:var(--touch)}.field-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--sp-4)}.hint{margin:0;font-size:var(--fs-sm);color:var(--text-muted)}.block-list{margin:0 0 var(--sp-4)}.block-card{padding:var(--sp-4) var(--sp-5)}.block-card.has-error{border-left:4px solid var(--error)}.block-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--sp-2);margin-bottom:var(--sp-3)}.block-title{margin:0;font-size:var(--fs-md);font-weight:700}.block-tools{display:flex;flex-wrap:wrap;gap:var(--sp-1)}.btn.tool{min-height:36px;padding:.25rem .65rem;font-size:var(--fs-sm)}.btn.danger{background:var(--error);border-color:var(--error);color:var(--c-white)}.answers,.block-fields{border:0;padding:0;margin:0}.answers{display:grid;gap:var(--sp-2)}.answers legend{font-weight:600;margin-bottom:var(--sp-1)}.answer-row{display:flex;align-items:center;gap:var(--sp-2)}.answer-row input[type=text]{flex:1 1}.add-blocks{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);padding:var(--sp-4);border:1px dashed var(--c-grey-300);border-radius:var(--radius);background:var(--surface)}.add-blocks p{margin:0 var(--sp-2) 0 0}.side-card{margin:0;padding:var(--sp-4)}.side-actions{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.side-card .btn{width:100%}.side-card .btn+.btn,.side-card form+.btn{margin-top:var(--sp-2)}.msg{margin:var(--sp-3) 0 0;font-size:var(--fs-sm);padding:var(--sp-2) var(--sp-3);border-left:4px solid}.msg.ok{border-color:var(--success);background:var(--success-bg)}.msg.error{border-color:var(--error);background:var(--error-bg)}.msg.info{border-color:var(--action);background:var(--info-bg)}.check-list{margin:var(--sp-2) 0 0;padding-left:1.2rem;font-size:var(--fs-sm);display:grid;gap:var(--sp-1)}.check-list.errors li::marker{color:var(--error)}.check-warnings{margin-top:var(--sp-3);font-size:var(--fs-sm)}.check-row{display:flex;align-items:center;gap:var(--sp-2);margin-top:var(--sp-4);font-weight:500;font-size:var(--fs-sm)}.assign-form .field{margin-bottom:var(--sp-3)}.versions summary{margin:0}.version-list{margin:var(--sp-3) 0 0;padding-left:1.2rem;font-size:var(--fs-sm);display:grid;gap:var(--sp-2)}.template-choice{border:0;padding:0;margin:0 0 var(--sp-4);display:grid;gap:var(--sp-2)}.new-module .field-row{margin-bottom:var(--sp-4)}.template-choice legend{font-weight:600;margin-bottom:var(--sp-2)}.studio-list{margin-top:var(--sp-6)}.row-actions{display:flex;gap:var(--sp-2)}.preview-banner{position:sticky;top:0;z-index:50;padding:var(--sp-2) var(--sp-4);background:var(--c-yellow-50);border-bottom:1px solid var(--warning-border);text-align:center;font-size:var(--fs-sm)}.step-figure{margin:0}.step-figure img{max-width:100%;height:auto;border:var(--border);border-radius:var(--radius)}.step-figure figcaption{margin-top:var(--sp-2);font-size:var(--fs-sm);color:var(--text-muted)}@media (max-width:960px){.studio{grid-template-columns:1fr}.studio-side{position:static}}.header-actions{display:flex;flex-wrap:wrap;gap:var(--sp-2);align-items:center}.pre-line{white-space:pre-line}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--fs-sm)}.module-subtitle{margin:calc(-1 * var(--sp-1)) 0 var(--sp-3);color:var(--text-secondary);font-size:var(--fs-lg)}.module-missing{margin-top:var(--sp-3)}.section-badge{display:inline-flex;align-items:center;gap:.35rem;margin-left:var(--sp-2);padding:.05rem .5rem;border:1px solid var(--c-grey-300);border-radius:999px;background:var(--surface);font-size:var(--fs-xs);font-weight:600;color:var(--text-secondary);white-space:nowrap}.section-badge:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--c-grey-600)}.section-badge.s-ontdek:before{background:var(--c-orange)}.section-badge.s-leer:before{background:var(--c-blue)}.section-badge.s-bekijk:before{background:var(--c-purple)}.section-badge.s-probeer:before{background:var(--c-light-blue)}.section-badge.s-maak:before{background:var(--c-red)}.section-badge.s-check:before{background:var(--c-turquoise)}.section-badge.s-terugblik:before{background:var(--c-lime)}.stepper-label .section-badge{vertical-align:middle}.path-group+.path-group{margin-top:var(--sp-6)}.path-name{font-size:var(--fs-lg);font-weight:700;margin:0 0 var(--sp-1)}.path-meta{font-weight:500}.path-desc{margin:0 0 var(--sp-3);color:var(--text-secondary);max-width:62ch}.choice-heading{margin-top:var(--sp-4)}.timeline{list-style:none;margin:0;padding:0;display:grid;gap:var(--sp-2);position:relative}.timeline:before{content:"";position:absolute;left:27px;top:8px;bottom:8px;width:2px;background:var(--c-grey-200)}.week-card{position:relative;display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:var(--sp-3);align-items:center;padding:var(--sp-3) var(--sp-4) var(--sp-3) var(--sp-2);border:var(--border);border-radius:var(--radius);background:var(--surface)}.week-card.is-next{border-color:var(--action);box-shadow:inset 4px 0 0 var(--action)}.week-card.state-locked{background:var(--surface-subtle)}.week-card.state-locked .week-title{color:var(--text-secondary)}.week-num{position:relative;z-index:1;display:grid;place-items:center;width:52px;height:52px;border:2px solid var(--c-grey-300);border-radius:var(--radius);background:var(--surface);line-height:1}.week-num-n{font-family:var(--font-display);font-size:1.35rem;color:var(--text-primary)}.week-num-l{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.state-completed .week-num{border-color:var(--success);background:var(--success-bg)}.state-in_progress .week-num,.week-card.is-next .week-num{border-color:var(--action);background:var(--c-blue-50)}.week-title{margin:0;font-size:var(--fs-md);font-weight:700}.week-sub{margin:0 0 var(--sp-1);font-size:var(--fs-sm);color:var(--text-muted)}.week-product{margin:var(--sp-2) 0 0}.week-body .item-meta{margin-top:var(--sp-1)}.academy{display:grid;gap:var(--sp-2)}.academy-week{border:var(--border);border-radius:var(--radius);background:var(--surface)}.academy-week summary{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);font-weight:600;min-height:var(--touch)}.academy-week[open] summary{border-bottom:var(--border)}.academy-steps{list-style:none;margin:0;padding:var(--sp-2) var(--sp-4) var(--sp-3);display:grid;gap:var(--sp-1)}.academy-steps li{display:grid;grid-template-columns:110px minmax(0,1fr);align-items:baseline;gap:var(--sp-2);padding:var(--sp-1) 0}.academy-steps .section-badge{margin-left:0;justify-self:start}.academy-week>p{padding:0 var(--sp-4) var(--sp-3);margin:0}.slide{border:var(--border);border-radius:var(--radius);background:var(--surface-subtle);padding:var(--sp-5);min-height:200px}.slide-count{margin-bottom:var(--sp-1)}.slide-title{font-size:var(--fs-xl);font-weight:700;margin:0 0 var(--sp-3)}.slide-points{margin:0;padding-left:1.3rem;display:grid;gap:var(--sp-2);font-size:1.125rem;line-height:1.55}.slide-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);margin-top:var(--sp-3)}.slide-dots{display:flex;gap:6px}.slide-dots span{width:8px;height:8px;border-radius:50%;background:var(--c-grey-300)}.slide-dots span.on{background:var(--action)}.checklist,.quiz{border:0;padding:0;margin:0 0 var(--sp-3);display:grid;gap:var(--sp-2)}.quiz legend{font-weight:600;font-size:1.125rem}.checklist legend,.quiz legend{margin-bottom:var(--sp-2)}.small-status{margin-bottom:var(--sp-3)}.feedback{margin-top:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-left:4px solid;border-radius:var(--radius)}.feedback.ok{border-color:var(--success);background:var(--success-bg)}.feedback.retry{border-color:var(--warning-border);background:var(--warning-bg)}.feedback.neutral{border-color:var(--c-grey-300);background:var(--surface-subtle)}.feedback p{margin:0}.feedback-title{font-weight:600}.feedback-explain{margin-top:var(--sp-1)!important}.order-list{list-style:none;margin:0 0 var(--sp-3);padding:0}.order-item,.order-list{display:grid;gap:var(--sp-2)}.order-item{grid-template-columns:32px minmax(0,1fr) auto;align-items:center;padding:var(--sp-2) var(--sp-3);border:var(--border);border-radius:var(--radius);background:var(--surface)}.order-num{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--c-blue-50);color:var(--c-blue-dark);font-weight:700;font-size:var(--fs-sm)}.order-tools{display:flex;gap:var(--sp-1)}.order-tools .btn.tool{min-width:40px}.reflection-q{display:block;font-weight:600;margin-bottom:var(--sp-2)}.reflection-input{width:100%;font:inherit;padding:.6rem .75rem;border:1px solid var(--c-grey-600);border-radius:var(--radius);resize:vertical}.reflection-actions{display:flex;align-items:center;gap:var(--sp-3);margin-top:var(--sp-2)}.criteria,.watch-for{margin-top:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--surface-subtle);border-radius:var(--radius)}.criteria p,.watch-for p{margin-bottom:var(--sp-1)}.help-page{max-width:960px}.help-section{margin-top:var(--sp-6)}.help-h3{font-size:var(--fs-md);font-weight:700;margin:0 0 var(--sp-2)}.toc ul{margin:0}.steps-3{list-style:none;padding:0;margin:0 0 var(--sp-4);display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--sp-3)}.steps-3 .card{margin:0}.step-n{display:grid;place-items:center;width:36px;height:36px;margin-bottom:var(--sp-2);border-radius:50%;background:var(--action);color:var(--c-white);font-weight:700}.prompt-card h2{margin-top:0}.prompt-actions{display:flex;margin:var(--sp-4) 0 var(--sp-3)}.copy-wrap,.prompt-actions{flex-wrap:wrap;align-items:center;gap:var(--sp-2)}.copy-wrap{display:inline-flex}.copy-status{color:var(--success);font-weight:600}.prompt-text pre{white-space:pre-wrap;word-break:break-word;max-height:420px;overflow:auto;margin:var(--sp-3) 0 0;padding:var(--sp-4);background:var(--surface-subtle);border:var(--border);border-radius:var(--radius);font-size:var(--fs-sm);line-height:1.5}.faq summary{font-weight:600;min-height:32px}.faq p{margin:var(--sp-3) 0 0}.faq{padding:var(--sp-3) var(--sp-4)}.import-grid{display:grid;gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start}.import-grid .card{margin:0}.import-result{grid-column:1/-1}.prompt-inline{padding:var(--sp-3) var(--sp-4);background:var(--surface-subtle);border-radius:var(--radius)}.prompt-inline p{margin-bottom:var(--sp-2)}.report-list{list-style:none;margin:var(--sp-3) 0 0;padding:0;display:grid;gap:var(--sp-2)}.report-item{padding:var(--sp-3) var(--sp-4);border:var(--border);border-radius:var(--radius)}.report-item p{margin:0}.path-actions{display:grid;gap:var(--sp-2)}.path-actions-row{justify-content:space-between;gap:var(--sp-3)}.assign-inline,.path-actions-row{display:flex;flex-wrap:wrap;align-items:center}.assign-inline{gap:var(--sp-2)}.assign-inline select{min-height:var(--touch);font:inherit;padding:.4rem .6rem;border:1px solid var(--c-grey-600);border-radius:var(--radius)}.guide-weeks{list-style:none;margin:0;padding:0;display:grid;gap:var(--sp-2)}.guide-week{margin:0;padding:var(--sp-4)}.guide-week-head{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:var(--sp-3);align-items:center;margin-bottom:var(--sp-2)}.guide-week-head .help-h3{margin:0}.guide-week details{margin-top:var(--sp-2)}.guide-week details summary{font-weight:600;color:var(--action);min-height:32px}.guide-week-actions{margin:var(--sp-3) 0 0;font-size:var(--fs-sm)}.lesson-table{margin:var(--sp-3) 0}.phase-list{list-style:none;margin:0;padding:0}.phase-list,.phase-list li{display:grid;gap:var(--sp-3)}.phase-list li{grid-template-columns:86px minmax(0,1fr)}.phase-time{font-weight:700;color:var(--c-blue-dark);font-size:var(--fs-sm)}.rubric-list{list-style:none;margin:0 0 var(--sp-3);padding:0;display:grid;gap:var(--sp-3)}.rubric-head{display:flex;justify-content:space-between;gap:var(--sp-2)}.rubric-bar{display:block;height:8px;margin:var(--sp-1) 0;background:var(--c-grey-100);border-radius:999px;overflow:hidden}.rubric-bar span{display:block;height:100%;background:var(--c-turquoise)}.rubric-list p{margin:0}.section-select select{font:inherit;font-size:var(--fs-sm);min-height:36px;padding:.2rem .5rem;border:1px solid var(--c-grey-300);border-radius:var(--radius);background:var(--surface)}.block-head{align-items:center}.meta-details{margin-top:var(--sp-4)}.meta-details summary{font-weight:600;color:var(--action);min-height:32px}.meta-details[open] summary{margin-bottom:var(--sp-3)}.slide-editor{list-style:none;margin:0 0 var(--sp-2);padding:0;display:grid;gap:var(--sp-2)}.slide-edit{padding:var(--sp-3);border:1px dashed var(--c-grey-300);border-radius:var(--radius)}.slide-edit-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-2)}@media (max-width:720px){.week-card{grid-template-columns:52px minmax(0,1fr)}.week-card>.btn{grid-column:2;justify-self:start}.academy-steps li{grid-template-columns:1fr}.guide-week-head{grid-template-columns:52px minmax(0,1fr)}.guide-week-head .status{grid-column:2;justify-self:start}}.guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:var(--sp-4);margin-top:var(--sp-5)}.guide-grid .card{margin:0}@media (max-width:720px){.guide-grid{grid-template-columns:1fr}}.wk-1{--wk:var(--c-blue)}.wk-2{--wk:var(--c-turquoise)}.wk-3{--wk:var(--c-purple)}.wk-4{--wk:var(--c-orange)}.wk-5{--wk:var(--c-light-blue)}.wk-6{--wk:var(--c-lime)}.wk-7{--wk:var(--c-red)}.wk-8{--wk:var(--c-mint)}.week-badge{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-width:56px;padding:var(--sp-2) var(--sp-3);background:var(--wk,var(--c-blue));color:#fff;border-radius:var(--radius)}.week-badge-l{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.week-badge-n{font-family:var(--font-display);font-size:1.6rem;line-height:1}.module-title-row{display:flex;gap:var(--sp-4);align-items:center}.week-num[class*=wk-]{background:var(--wk);color:#fff;border-color:var(--wk)}.xp-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;background:var(--c-yellow-50);border:1px solid var(--c-yellow);font-weight:600;font-size:var(--fs-sm)}.toast-star,.xp-meter-star,.xp-star{color:#c9a400}.pace-hint{color:var(--text-muted);margin-top:var(--sp-2)}.toasts{position:fixed;right:var(--sp-5);bottom:var(--sp-5);flex-direction:column;z-index:60;pointer-events:none}.toast,.toasts{display:flex;gap:var(--sp-2)}.toast{background:var(--surface);border:1px solid var(--c-grey-200);border-left:4px solid var(--c-turquoise);box-shadow:var(--shadow-window);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius);font-weight:600;align-items:center;animation:toast-in .25s ease-out}.toast.big{border-left-color:var(--c-yellow);background:var(--c-yellow-50);font-size:1.05rem}@keyframes toast-in{0%{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}}.bonus-card{border-color:var(--c-yellow);background:linear-gradient(var(--c-yellow-50),var(--surface) 120px)}.bonus-hint{color:var(--text-muted);font-size:var(--fs-sm)}.skip-btn{margin-left:auto}.step-dot.bonus{border-color:#c9a400;background:var(--c-yellow-50)}.step-dot.bonus.seen{background:var(--c-yellow)}.done-xp{display:flex;align-items:center;gap:var(--sp-3);justify-content:center;margin:var(--sp-4) 0}.done-xp-big{font-family:var(--font-display);font-size:2.4rem;color:var(--c-blue)}.video-frame{position:relative;width:100%;aspect-ratio:16/9;background:#000;border-radius:var(--radius);overflow:hidden}.video-frame iframe,.video-frame video{position:absolute;inset:0;width:100%;height:100%;border:0}.video-frame.native{aspect-ratio:auto;position:static}.video-frame.native video{position:static;height:auto}.embed-frame iframe,.html-frame iframe{width:100%;border:0;display:block}.embed-frame,.html-frame{width:100%;border:1px solid var(--c-grey-200);border-radius:var(--radius);background:#fff;display:block}.text-alt{margin-top:var(--sp-2);font-size:var(--fs-sm)}.text-alt summary{cursor:pointer;color:var(--action)}.topbar-right{display:flex;align-items:center;gap:var(--sp-4)}.xp-meter{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm)}.xp-meter-level{color:var(--text-muted)}.xp-bar,.xp-meter-bar{display:inline-block;width:80px;height:6px;background:var(--c-grey-100);border-radius:999px;overflow:hidden}.xp-bar>span,.xp-meter-bar>span{display:block;height:100%;background:var(--c-yellow);border-right:1px solid #c9a400}.xp-bar{width:100%;height:10px;margin:var(--sp-3) 0}@media (max-width:640px){.xp-meter-bar,.xp-meter-level{display:none}}.desktop-brand-corner{position:absolute;right:0;bottom:0;width:220px;height:120px;opacity:.18;pointer-events:none;overflow:hidden}.welcome-xp{display:flex;gap:var(--sp-2);align-items:center;margin-top:var(--sp-4);padding:var(--sp-2) var(--sp-3);background:var(--c-yellow-50);border-radius:var(--radius)}.xp-card{border:1px solid var(--c-grey-200);border-radius:var(--radius);padding:var(--sp-4);margin-bottom:var(--sp-4)}.xp-card-head{display:flex;gap:var(--sp-3);align-items:center}.xp-card-title{margin:0;font-size:1.1rem}.xp-level-badge{width:48px;height:48px;display:grid;place-items:center;background:var(--c-blue);color:#fff;font-family:var(--font-display);font-size:1.5rem;border-radius:50%;border:3px solid var(--c-yellow)}.xp-note{margin-top:0}.badge-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--sp-2)}.badge{display:flex;gap:var(--sp-2);padding:var(--sp-2);border:1px dashed var(--c-grey-200);border-radius:var(--radius);color:var(--text-muted)}.badge.earned{border-style:solid;border-color:var(--c-yellow);background:var(--c-yellow-50);color:var(--text-primary)}.badge-icon{font-size:1.2rem;color:#c9a400}.badge-desc{display:block;font-size:.8rem}.upload-row{display:flex;gap:var(--sp-3);align-items:center;margin-bottom:var(--sp-3)}.upload-label{cursor:pointer}.studio-thumb{max-width:220px;max-height:140px;border:1px solid var(--c-grey-200);border-radius:var(--radius)}.code-input{font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.85rem}@media (prefers-reduced-motion:reduce){.toast{animation:none}}.cat-uitleg{--cat:var(--c-blue);--cat-bg:var(--c-blue-50)}.cat-media{--cat:var(--c-purple);--cat-bg:#f1eef7}.cat-vragen{--cat:#b38f00;--cat-bg:var(--c-yellow-50)}.cat-doen{--cat:var(--c-turquoise);--cat-bg:var(--c-turquoise-50)}.canvas-head{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-3)}.canvas-tip{margin-top:0}.block-list{list-style:none;padding:0;margin:0}.block-slot{margin:0}.blk{background:var(--surface);border:1px solid var(--c-grey-200);border-left:4px solid var(--cat);border-radius:var(--radius);box-shadow:var(--shadow-soft);transition:box-shadow .15s,opacity .15s}.blk:focus-within{box-shadow:0 0 0 2px var(--cat-bg),var(--shadow-soft)}.blk.has-error{border-color:var(--c-red);border-left-color:var(--c-red)}.blk.dragging{opacity:.45}.blk-head{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:var(--cat-bg);flex-wrap:wrap}.blk.collapsed .blk-head{background:var(--surface)}.blk-handle{cursor:grab;color:var(--text-muted);font-size:1.1rem;padding:0 4px;-webkit-user-select:none;user-select:none}.blk-handle:active{cursor:grabbing}.blk-icon{width:28px;height:28px;display:grid;place-items:center;background:var(--surface);border:1px solid var(--c-grey-200);border-radius:var(--radius);font-size:.9rem;color:var(--cat);flex:none}.blk-title{margin:0;font-size:.95rem;font-weight:600;flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.blk-num{display:inline-block;min-width:1.4em}.blk-num,.blk-summary{color:var(--text-muted);font-weight:400}.blk-badge-error{width:20px;height:20px;border-radius:50%;background:var(--c-red);color:#fff;display:grid;place-items:center;font-weight:700;font-size:.75rem}.blk-tools{display:flex;gap:2px;align-items:center}.icon-btn{width:30px;height:30px;border:1px solid transparent;background:transparent;border-radius:var(--radius);cursor:pointer;color:var(--text-secondary)}.icon-btn:hover:not(:disabled){background:var(--surface);border-color:var(--c-grey-200)}.icon-btn:focus-visible{outline:2px solid var(--action);outline-offset:1px}.icon-btn:disabled{opacity:.35;cursor:default}.blk .block-fields{border:0;margin:0;padding:var(--sp-4)}.blk>.field-error{margin:0 var(--sp-4) var(--sp-3)}.inserter{position:relative;height:26px;display:flex;align-items:center;justify-content:center}.inserter:before{content:"";position:absolute;left:0;right:0;top:50%;border-top:2px dashed transparent;transition:border-color .15s}.inserter.open:before,.inserter:focus-within:before,.inserter:hover:before{border-top-color:var(--c-grey-200)}.inserter.drop{height:56px}.inserter.drop:before{border-top-color:var(--action);border-top-style:solid}.inserter-btn{position:relative;z-index:1;width:26px;height:26px;border-radius:50%;border:1px solid var(--c-grey-300);background:var(--surface);color:var(--action);font-size:1.1rem;line-height:1;cursor:pointer;opacity:.55;transition:opacity .15s,transform .15s}.inserter-btn:focus-visible,.inserter.open .inserter-btn,.inserter:hover .inserter-btn{opacity:1;transform:scale(1.1)}.inserter-btn:focus-visible{outline:2px solid var(--action);outline-offset:2px}.inserter-drop{top:4px;padding:0 8px;color:var(--action);font-weight:600;z-index:1}.inserter-drop,.inserter-panel{position:absolute;background:var(--surface)}.inserter-panel{top:30px;left:0;right:0;z-index:20;border:1px solid var(--c-grey-200);box-shadow:var(--shadow-window);border-radius:var(--radius);padding:var(--sp-3);max-height:460px;overflow:auto}.add-panel{margin-top:var(--sp-4)}.palette-head{display:flex;gap:var(--sp-2);margin-bottom:var(--sp-3)}.palette-head input{flex:1 1}.palette-group{margin-bottom:var(--sp-3)}.palette-title{margin:0 0 var(--sp-2);font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--cat)}.palette-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:var(--sp-2)}.preset{width:100%;height:100%;display:flex;gap:var(--sp-2);align-items:flex-start;text-align:left;padding:var(--sp-2) var(--sp-3);background:var(--surface);border:1px solid var(--c-grey-200);border-radius:var(--radius);cursor:pointer;font:inherit;color:inherit}.preset:hover{background:var(--cat-bg);border-color:var(--cat)}.preset:focus-visible{outline:2px solid var(--action);outline-offset:1px}.preset-icon{width:30px;height:30px;flex:none;display:grid;place-items:center;border-radius:var(--radius);background:var(--cat-bg);color:var(--cat)}.preset-text{display:flex;flex-direction:column;gap:2px;font-size:.85rem}.preset-text span{color:var(--text-muted);font-size:.78rem}.dropzone{border:2px dashed var(--c-grey-300);border-radius:var(--radius);padding:var(--sp-3);background:var(--surface-subtle);display:flex;gap:var(--sp-3);align-items:center;flex-wrap:wrap;margin-bottom:var(--sp-3);transition:background .15s,border-color .15s}.dropzone.over{border-color:var(--action);background:var(--c-blue-50)}.dropzone-preview{max-width:180px;max-height:120px;border-radius:var(--radius);border:1px solid var(--c-grey-200);object-fit:cover}.dropzone-body{display:flex;gap:var(--sp-3);align-items:center}.dropzone-icon{font-size:1.6rem;opacity:.7}.dropzone-text{display:flex;flex-direction:column;gap:2px;margin:0}.dropzone>p{flex-basis:100%;margin:0}.linklike{background:none;border:0;padding:0;color:var(--action);text-decoration:underline;cursor:pointer;font:inherit}.layout-picker{border:0;padding:0;margin:0 0 var(--sp-3);display:flex;gap:var(--sp-2);flex-wrap:wrap}.layout-picker legend{margin-bottom:var(--sp-2)}.layout-option{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--sp-2);border:1px solid var(--c-grey-200);border-radius:var(--radius);cursor:pointer;min-width:84px}.layout-option.on{border-color:var(--action);background:var(--c-blue-50);box-shadow:inset 0 0 0 1px var(--action)}.layout-option:focus-within{outline:2px solid var(--action);outline-offset:1px}.sk{display:flex;gap:4px;width:64px;height:40px}.sk-col{flex-direction:column}.sk-img{background:var(--c-grey-300);border-radius:2px;flex:1 1}.sk-img.wide{flex:1.2 1}.sk-lines{flex:1 1;background:repeating-linear-gradient(var(--c-grey-200) 0 3px,transparent 3px 7px)}.sk-callout{align-items:center;justify-content:center;border-left:4px solid var(--cv);background:var(--cvbg);font-weight:700;color:var(--cv)}.v-tip{--cv:var(--c-turquoise);--cvbg:var(--c-turquoise-50)}.v-letop{--cv:var(--c-orange);--cvbg:#fff3e0}.v-weetje{--cv:var(--c-purple);--cvbg:#f1eef7}.v-doel{--cv:var(--c-blue);--cvbg:var(--c-blue-50)}.callout-edit{border-left:4px solid var(--cv);padding:var(--sp-3)}.callout,.callout-edit{background:var(--cvbg);border-radius:var(--radius)}.callout{display:flex;gap:var(--sp-3);border-left:5px solid var(--cv);padding:var(--sp-4)}.callout-icon{width:40px;height:40px;flex:none;border-radius:50%;background:var(--surface);color:var(--cv);display:grid;place-items:center;font-weight:700;font-size:1.2rem;border:2px solid var(--cv)}.callout h2{margin-top:0}.mediatext,.mt-editor{display:grid;gap:var(--sp-4);grid-template-columns:1fr 1fr;align-items:start}.mt-rechts .mediatext-media,.mt-rechts .mt-media{order:2}.mt-boven{grid-template-columns:1fr}.mediatext-media{margin:0}.mediatext-media img{width:100%;height:auto;border-radius:var(--radius);display:block}.mt-boven .mediatext-media img{max-height:340px;object-fit:cover}@media (max-width:720px){.mediatext,.mt-editor{grid-template-columns:1fr}.mt-rechts .mediatext-media,.mt-rechts .mt-media{order:0}}.cols-editor{display:grid;gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:var(--sp-2)}.col-edit{border:1px solid var(--c-grey-200);border-radius:var(--radius);padding:var(--sp-3);background:var(--surface-subtle)}.col-edit-head{display:flex;justify-content:space-between;align-items:center}.icon-input{width:5em}.columns{list-style:none;padding:0;margin:0;display:grid;gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.column-card{border:1px solid var(--c-grey-200);border-top:4px solid var(--c-blue);border-radius:var(--radius);padding:var(--sp-4);background:var(--surface)}.column-card:nth-child(2){border-top-color:var(--c-turquoise)}.column-card:nth-child(3){border-top-color:var(--c-yellow)}.column-card:nth-child(4){border-top-color:var(--c-purple)}.column-icon{font-family:var(--font-display);font-size:1.6rem;line-height:1;display:block;margin-bottom:var(--sp-2);color:var(--c-blue)}.column-title{margin:0 0 var(--sp-1);font-size:1rem}.answer-row.is-correct input[type=text]{border-color:var(--c-turquoise);background:var(--c-turquoise-50)}.tf-pick{border:0;padding:0;margin:0 0 var(--sp-3);display:flex;gap:var(--sp-2);flex-wrap:wrap}.tf-pick legend{margin-bottom:var(--sp-2)}.tf-option{padding:var(--sp-2) var(--sp-4);border:1px solid var(--c-grey-300);border-radius:var(--radius);cursor:pointer;font-weight:600}.tf-option.on.ok{background:var(--c-turquoise-50);border-color:var(--c-turquoise)}.tf-option.on.no{background:var(--c-red-50);border-color:var(--c-red)}.tf-option:focus-within{outline:2px solid var(--action);outline-offset:1px}.cloze-preview{background:var(--surface-subtle);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius);line-height:2}.cloze-gap-preview{display:inline-block;border-bottom:2px solid var(--action);margin:0 2px}.bonus-toggle.on{background:var(--c-yellow-50);border-radius:var(--radius);padding:var(--sp-1) var(--sp-2)}.tf-statement{font-size:1.15rem;font-weight:600;margin:var(--sp-3) 0}.tf-buttons{display:flex;gap:var(--sp-3);margin-bottom:var(--sp-3);flex-wrap:wrap}.tf-btn{flex:1 1 160px;padding:var(--sp-4);font:inherit;font-size:1.1rem;font-weight:700;border:2px solid var(--c-grey-300);background:var(--surface);border-radius:var(--radius);cursor:pointer}.tf-btn.ok.picked,.tf-btn.ok:hover:not(:disabled){border-color:var(--c-turquoise);background:var(--c-turquoise-50)}.tf-btn.no.picked,.tf-btn.no:hover:not(:disabled){border-color:var(--c-red);background:var(--c-red-50)}.tf-btn:focus-visible{outline:3px solid var(--action);outline-offset:2px}.tf-btn:disabled{cursor:default}.cloze-text{font-size:1.05rem;line-height:2.4}.cloze-input{display:inline-block;width:auto;min-width:6ch;padding:2px 6px;margin:0 3px;border:0;border-bottom:2px solid var(--action);background:var(--c-blue-50);font:inherit;border-radius:2px 2px 0 0}.cloze-input:focus{outline:2px solid var(--action);outline-offset:1px}.word-bank{display:flex;flex-wrap:wrap;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:var(--surface-subtle);border-radius:var(--radius)}.word-chip{padding:2px 10px;border:1px solid var(--c-grey-300);border-radius:999px;background:var(--surface)}.word-chip.used{opacity:.45;text-decoration:line-through}@media (prefers-reduced-motion:reduce){.blk,.inserter-btn{transition:none}}.cloze-text input.cloze-input{width:auto;height:auto;min-height:0;display:inline-block;padding:1px 6px;margin:0 3px;border:0;border-bottom:2px solid var(--action);border-radius:2px 2px 0 0;background:var(--c-blue-50);vertical-align:baseline}.column-icon{font-size:2rem}.desktop-main{min-height:0}.desktop>.taskbar,.desktop>.topbar{flex-shrink:0}.desktop-main>.window{left:0;top:0;max-height:none;max-width:100%;overflow:hidden;border-radius:var(--radius);animation:window-appear .12s ease-out}.window-bar{min-height:48px;flex-shrink:0;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.window-bar:active{cursor:grabbing}.window.maximized .window-bar{cursor:default}.window-bar h2{min-width:0;overflow:hidden;white-space:nowrap}.window-actions,.window-bar h2 svg{flex-shrink:0}.window-body{flex:1 1;min-height:0}.window-resize{position:absolute;right:0;bottom:0;width:var(--touch);height:var(--touch);cursor:nwse-resize;touch-action:none}.window-resize:after{content:"";position:absolute;right:5px;bottom:5px;width:10px;height:10px;border-right:2px solid var(--c-blue);border-bottom:2px solid var(--c-blue);opacity:.6}@keyframes window-appear{0%{opacity:.85}to{opacity:1}}@media (max-width:767px){.window-resize{display:none}.window-bar{touch-action:auto;cursor:default}}@media (prefers-reduced-motion:reduce){.desktop-main>.window{animation:none;transition:none}}body[data-public-demo]{--demo-banner-height:56px;padding-top:var(--demo-banner-height)}.public-demo-banner{position:fixed;inset:0 0 auto;z-index:1100;height:var(--demo-banner-height);display:flex;align-items:center;justify-content:center;padding:var(--sp-2) var(--sp-4);background:var(--surface-subtle);border-bottom:var(--border);color:var(--text-secondary);font-size:var(--fs-sm);text-align:center}body[data-public-demo] .desktop{top:var(--demo-banner-height)}body[data-public-demo] .role-switch{top:calc(var(--demo-banner-height) + var(--sp-2))}