/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:"IBM Plex Sans", "Aptos", "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Cascadia Code", monospace;--color-red-800:oklch(44.4% .177 26.899);--color-orange-50:oklch(98% .016 73.684);--color-orange-300:oklch(83.7% .128 66.29);--color-orange-800:oklch(47% .157 37.304);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-800:oklch(47.3% .137 46.201);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-800:oklch(43.2% .095 166.913);--color-emerald-950:oklch(26.2% .051 172.552);--color-teal-50:oklch(98.4% .014 180.72);--color-teal-300:oklch(85.5% .138 181.071);--color-teal-800:oklch(43.7% .078 188.216);--color-sky-50:oklch(97.7% .013 236.62);--color-sky-300:oklch(82.8% .111 230.318);--color-sky-800:oklch(44.3% .11 240.79);--color-stone-50:oklch(98.5% .001 106.423);--color-stone-200:oklch(92.3% .003 48.717);--color-stone-500:oklch(55.3% .013 58.071);--color-stone-600:oklch(44.4% .011 73.639);--color-stone-700:oklch(37.4% .01 67.558);--color-stone-950:oklch(14.7% .004 49.25);--color-white:#fff;--spacing:.25rem;--container-3xl:48rem;--container-4xl:56rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-bold:700;--font-weight-black:900;--leading-tight:1.25;--radius-xl:.75rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-display:"Fraunces", "Iowan Old Style", "Palatino Linotype", serif}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff}body{min-width:320px;font-family:var(--font-sans);text-rendering:optimizelegibility;background:radial-gradient(circle at 92% 8%,#f59e0b14,#0000 22rem),#fff;margin:0;line-height:1.65}button,input,textarea{font:inherit}button:focus-visible,input:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #b4530959}h1,h2,h3{text-wrap:balance}p,li{overflow-wrap:anywhere}a{color:#9a3412;text-underline-offset:.18em;text-decoration-thickness:.08em}ul,ol{padding-left:1.35rem}li+li{margin-top:.35rem}}@layer components{.boot-shell{place-items:center;min-height:100vh;padding:1.5rem;display:grid}.boot-card{color:#292524;text-align:center;justify-items:center;display:grid}.boot-card strong{font-family:var(--font-display);margin-top:.75rem;font-size:2rem}.boot-card p{color:#78716c;margin:.2rem 0 0}.boot-mark{color:#9a3412;width:3.5rem;height:3.5rem;font-family:var(--font-display);border:2px solid #c2410c;border-radius:.85rem .85rem .85rem .2rem;place-items:center;font-size:1.65rem;font-weight:900;animation:1.4s ease-in-out infinite alternate boot-pulse;display:grid}@keyframes boot-pulse{to{transform:translateY(-.2rem);box-shadow:0 .75rem 2rem #c2410c29}}.app-shell{background:#fff;min-height:100vh}.skip-link{z-index:100;color:#fff;background:#1c1917;border-radius:.5rem;padding:.7rem 1rem;position:fixed;top:.75rem;left:.75rem;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.course-sidebar{z-index:50;background:linear-gradient(145deg,#fff7ede6,#0000 16rem),#fafaf9;border-right:1px solid #e7e5e4;width:min(88vw,22rem);padding:1.25rem;transition:transform .18s;position:fixed;inset:0 auto 0 0;overflow-y:auto;transform:translate(-105%)}.course-sidebar.is-open{transform:translate(0)}.sidebar-scrim{z-index:40;background:#1c191773;border:0;position:fixed;inset:0}.sidebar-brand,.hub-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.75rem;display:flex}.sidebar-brand p{letter-spacing:.13em;color:#78716c;text-transform:uppercase;margin:0;font-size:.68rem}.brand-mark{color:#92400e;width:2.6rem;height:2.6rem;font-family:var(--font-display);border:2px solid #b45309;border-radius:.7rem .7rem .7rem .15rem;place-items:center;font-size:1.25rem;font-weight:900;display:grid;transform:rotate(-2deg)}.eyebrow{font-family:var(--font-mono);letter-spacing:.13em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:800}.search-input{color:#1c1917;background:#fff;border:1px solid #d6d3d1;border-radius:.75rem;width:100%;margin-top:.5rem;padding:.75rem .9rem}.module-group>summary{cursor:pointer;color:#57534e;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:start;gap:.75rem;font-size:.72rem;font-weight:900;line-height:1.35;list-style:none;display:flex}.module-group>summary::-webkit-details-marker{display:none}.module-group>summary small{white-space:nowrap;color:#a8a29e}.chapter-link{color:#57534e;text-align:left;background:0 0;border:0;border-radius:.7rem;grid-template-columns:.55rem minmax(0,1fr);align-items:start;gap:.65rem;width:100%;padding:.58rem .65rem;font-size:.82rem;line-height:1.4;display:grid}.chapter-link:hover{color:#1c1917;background:#fff}.chapter-link.active{color:#78350f;background:#fef3c7;font-weight:800}.chapter-status{border:1px solid #a8a29e;border-radius:50%;width:.48rem;height:.48rem;margin-top:.32rem}.chapter-status.complete{background:#10b981;border-color:#047857;box-shadow:0 0 0 2px #d1fae5}.topbar{z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border-bottom:1px solid #e7e5e4e6;justify-content:space-between;align-items:center;gap:1rem;min-height:4.4rem;padding:.7rem 1rem;display:flex;position:sticky;top:0}.progress-summary{width:min(18rem,42vw)}.progress-summary>div:first-child{justify-content:space-between;gap:.7rem;font-size:.72rem;display:flex}.progress-summary span{color:#78716c}.progress-track{background:#e7e5e4;border-radius:99px;height:.35rem;margin-top:.35rem;overflow:clip}.progress-track i{border-radius:inherit;background:linear-gradient(90deg,#d97706,#059669);height:100%;transition:width .25s;display:block}.primary-button,.secondary-button,.complete-button,.icon-button{border-radius:.7rem;padding:.65rem .9rem;font-weight:800;transition:transform .12s,background .12s}.primary-button{color:#fff;background:#1c1917;border:1px solid #1c1917}.secondary-button{color:#292524;background:#fff;border:1px solid #d6d3d1}.complete-button{color:#92400e;background:#fffbeb;border:1px solid #d97706}.complete-button.is-complete{color:#065f46;background:#ecfdf5;border-color:#047857}.icon-button{background:#fff;border:1px solid #d6d3d1;place-items:center;min-width:2.65rem;padding:.45rem;font-size:1.2rem;display:grid}.primary-button:hover,.secondary-button:hover,.complete-button:hover,.icon-button:hover{transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.45;transform:none!important}.learning-card,.resource-panel,.english-panel{border-style:solid;border-width:1px;border-radius:1rem;padding:clamp(1.1rem,3vw,1.5rem)}.learning-card h2,.concept-block h2,.resource-panel h2,.english-panel h2,.project-card h2{color:#0c0a09;font-family:var(--font-display);margin:.35rem 0 0;font-size:clamp(1.35rem,3vw,1.65rem);font-weight:900;line-height:1.25}.learning-card p,.concept-block p,.resource-panel p,.english-panel p,.project-card p{margin-bottom:0;line-height:1.75}.concept-block{border-left:3px solid #d97706;padding-left:clamp(1rem,3vw,1.5rem)}.callout-note{background:#f0f9ff;border-color:#7dd3fc}.callout-warning{background:#fff7ed;border-color:#fdba74}.callout-security{background:#fef2f2;border-color:#fca5a5}.callout-domain{background:#f0fdf4;border-color:#86efac}.code-block,.legacy-content pre.code{color:#f5f5f4;max-width:100%;font-family:var(--font-mono);white-space:pre;background:#0c0a09;border:1px solid #292524;border-radius:.85rem;padding:1.15rem;font-size:clamp(.76rem,2vw,.88rem);line-height:1.7;overflow-x:auto}.quiz-option{color:#292524;text-align:left;background:#fff;border:1px solid #bae6fd;border-radius:.75rem;width:100%;padding:.85rem 1rem}.quiz-option:hover{border-color:#0369a1}.quiz-option.correct{background:#ecfdf5;border-color:#059669}.quiz-option.incorrect{background:#fef2f2;border-color:#dc2626}.project-card{color:#e7e5e4;background:radial-gradient(circle at 95% 0,#f59e0b4d,#0000 14rem),#1c1917;border-radius:1rem;padding:clamp(1.25rem,4vw,2rem);box-shadow:0 1.25rem 3rem #1c191724}.project-card h2,.project-card h3{color:#fff}.project-card h3{margin-top:1.4rem;font-weight:900}.resource-panel{background:#f0fdf4;border-color:#a7f3d0}.english-panel{background:#f0f9ff;border-color:#bae6fd}.resource-link{background:#fff;border:1px solid #d1fae5;border-radius:.75rem;padding:.85rem;text-decoration:none;display:block}.resource-link span,.resource-link small{color:#57534e;font-size:.72rem;display:block}.resource-link strong{color:#065f46;margin:.2rem 0;display:block}.legacy-content{color:#44403c;min-width:0;line-height:1.75}.legacy-content h3{color:#1c1917;font-family:var(--font-display);margin:1.5rem 0 .65rem;font-size:1.35rem;font-weight:900}.legacy-content h4{color:#292524;margin:1.2rem 0 .5rem;font-weight:900}.legacy-content p{margin:.7rem 0}.legacy-content img,.legacy-content svg,.legacy-content video{max-width:100%;height:auto}.legacy-content table{border-collapse:collapse;width:100%;max-width:100%;display:block;overflow-x:auto}.legacy-content th,.legacy-content td{text-align:left;vertical-align:top;border:1px solid #d6d3d1;min-width:8rem;padding:.65rem}.legacy-content th{color:#1c1917;background:#f5f5f4}.legacy-content code:not(pre code){color:#9a3412;font-family:var(--font-mono);overflow-wrap:anywhere;word-break:normal;white-space:normal;background:#f5f5f4;border:1px solid #e7e5e4;border-radius:.25rem;padding:.08rem .3rem;font-size:.9em}.legacy-content .concept-foundation,.legacy-content .callout,.legacy-content .rules-box,.legacy-content .project-quality-gate{background:#fafaf9;border:1px solid #d6d3d1;border-radius:.9rem;padding:1rem}.legacy-content .concept-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:.75rem;display:grid}.legacy-content .concept-card{border-left:2px solid #d97706;padding-left:.75rem}.legacy-content .concept-card dt{color:#292524;font-weight:900}.legacy-content .concept-card dd{margin:.2rem 0 0}.legacy-content .learning-layers{grid-template-columns:repeat(auto-fit,minmax(min(100%,11rem),1fr));gap:.7rem;padding:0;list-style:none;display:grid}.legacy-content .learning-layers li{border:1px solid #e7e5e4;border-radius:.75rem;padding:.8rem}.legacy-content .tech-badge,.legacy-content .exercise-tag,.legacy-content .concept-level{color:#92400e;background:#fef3c7;border-radius:99px;padding:.2rem .55rem;font-size:.72rem;font-weight:900;display:inline-block}.legacy-content .prereq-tag{overflow-wrap:anywhere;background:#f5f5f4;border-radius:99px;margin:.15rem;padding:.2rem .55rem;display:inline-block}.legacy-content .install-tabs,.legacy-content .install-panel,.legacy-content .solution{max-width:100%}.legacy-exercise .exercise{padding:0}.legacy-exercise .exercise-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;display:flex}.legacy-exercise .solution{margin-top:1rem;display:none}.legacy-exercise.is-revealed .solution{display:block}.legacy-exercise .reveal-btn{color:#9a3412;background:#fff;border:1px solid #c2410c;border-radius:.65rem;padding:.55rem .8rem;font-weight:800}.note-workspace{background:#fff;border:1px solid #d6d3d1;border-radius:1rem;margin-top:2rem;overflow:hidden}.note-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.1rem;display:flex}.note-heading h2{font-family:var(--font-display);margin:0;font-size:1.2rem;font-weight:900}.note-heading p{color:#78716c;margin:.2rem 0 0;font-size:.75rem}.note-views,.note-toolbar{flex-wrap:wrap;gap:.35rem;max-width:100%;display:flex}.note-views button,.note-toolbar button{background:#fff;border:1px solid #d6d3d1;border-radius:.45rem;padding:.4rem .6rem;font-size:.75rem}.note-views button[aria-pressed=true]{color:#78350f;background:#fef3c7;border-color:#b45309;font-weight:900}.note-toolbar{background:#fafaf9;border-block:1px solid #e7e5e4;padding:.55rem 1rem}.note-layout{min-height:17rem;display:grid}.note-layout.note-split{grid-template-columns:repeat(2,minmax(0,1fr))}.note-layout textarea{resize:vertical;width:100%;min-height:17rem;font-family:var(--font-mono);border:0;outline:none;padding:1rem;font-size:.85rem;line-height:1.7}.note-preview{overflow-wrap:anywhere;border-left:1px solid #e7e5e4;min-width:0;padding:1rem;line-height:1.7}.note-preview h2,.note-preview h3,.note-preview h4{font-family:var(--font-display);margin:.8rem 0 .35rem;font-weight:900}.note-preview p{margin:.45rem 0}.note-preview blockquote{color:#57534e;border-left:3px solid #d97706;margin:.75rem 0;padding-left:.8rem}.note-task{align-items:flex-start;gap:.55rem;padding:.25rem 0;display:flex}.note-task input{accent-color:#047857;margin-top:.35rem}.modal-backdrop{z-index:80;background:#1c19178c;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.study-hub{background:#fff;border:1px solid #d6d3d1;border-radius:1.2rem;width:min(52rem,100%);max-height:calc(100vh - 2rem);overflow-y:auto;box-shadow:0 2rem 6rem #0000004d}.hub-header{margin:0;padding:1.25rem 1.25rem 1rem}.hub-header h2{font-family:var(--font-display);margin:.2rem 0 0;font-size:1.7rem;font-weight:900}.hub-tabs{background:#fafaf9;border-block:1px solid #e7e5e4;max-width:100%;padding:.45rem .75rem;display:flex;overflow-x:auto}.hub-tabs button{white-space:nowrap;background:0 0;border:0;border-radius:.55rem;padding:.55rem .8rem}.hub-tabs button[aria-selected=true]{color:#78350f;background:#fef3c7;font-weight:900}.hub-content{padding:1.25rem}.hub-section{border:1px solid #e7e5e4;border-radius:.9rem;margin-top:1rem;padding:1rem}.hub-section:first-child{margin-top:0}.hub-section h3{font-family:var(--font-display);margin:0 0 .45rem;font-size:1.15rem;font-weight:900}.hub-section p{color:#57534e;margin:.35rem 0;line-height:1.6}.hub-empty{color:#57534e;border:1px dashed #d6d3d1;border-radius:.8rem;padding:1rem}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.stats-grid>div{border:1px solid #e7e5e4;border-radius:.8rem;padding:1rem}.stats-grid strong,.stats-grid span{display:block}.stats-grid strong{font-family:var(--font-display);font-size:1.8rem}.stats-grid span{color:#78716c;font-size:.75rem}.hub-list{gap:.4rem;display:grid}.hub-list button{text-align:left;background:#fff;border:1px solid #e7e5e4;border-radius:.7rem;padding:.75rem}.hub-list small{color:#78716c;display:block}.activity-grid{grid-template-columns:repeat(14,minmax(0,1fr));gap:.25rem;margin-top:.8rem;display:grid}.activity-grid span{aspect-ratio:1;background:#fafaf9;border:1px solid #e7e5e4;border-radius:.2rem}.activity-grid span.l1{background:#fef3c7;border-color:#fde68a}.activity-grid span.l2{background:#fbbf24;border-color:#f59e0b}.activity-grid span.l3{background:#10b981;border-color:#047857}.mastery-track{background:#e7e5e4;border-radius:99px;height:.45rem;overflow:hidden}.mastery-track i{border-radius:inherit;background:linear-gradient(90deg,#d97706,#047857);height:100%;display:block}.review-plan-list{gap:.35rem;max-height:11rem;margin-top:.7rem;display:grid;overflow-y:auto}.review-plan-list label{border:1px solid #e7e5e4;border-radius:.55rem;align-items:center;gap:.55rem;padding:.55rem;display:flex}.review-card textarea{resize:vertical;background:#fff;border:1px solid #a7f3d0;border-radius:.65rem;width:100%;min-height:7rem;margin:.75rem 0;padding:.75rem}.review-result{border-radius:.55rem;margin-top:.7rem;padding:.65rem;font-weight:800}.review-result.correct{color:#065f46;background:#ecfdf5}.review-result.incorrect{color:#991b1b;background:#fef2f2}.knowledge-tabs{gap:.35rem;max-width:100%;padding-bottom:.3rem;display:flex;overflow-x:auto}.knowledge-tabs button,.knowledge-filters button{white-space:nowrap;background:#fff;border:1px solid #d6d3d1;border-radius:.5rem;padding:.45rem .65rem}.knowledge-tabs button[aria-selected=true],.knowledge-filters button[aria-pressed=true]{color:#78350f;background:#fef3c7;border-color:#b45309;font-weight:900}.knowledge-filters{flex-wrap:wrap;gap:.3rem;display:flex}.mastery-list,.error-list,.project-readiness-list,.glossary-list{gap:.65rem;margin-top:.8rem;display:grid}.mastery-list article,.error-list article,.project-readiness-list article,.glossary-list article{background:#fff;border:1px solid #e7e5e4;border-radius:.75rem;padding:.8rem}.mastery-list article>div:first-child,.project-readiness-list article>div:first-child{justify-content:space-between;align-items:center;gap:.7rem;display:flex}.mastery-list span,.project-readiness-list span,.error-list article>span{color:#78716c;font-size:.72rem;font-weight:800}.mastery-list article>button,.glossary-list button,.project-readiness-list details button{color:#92400e;text-align:left;background:0 0;border:0;margin-top:.55rem;font-weight:800}.error-list article.resolved{background:#f0fdf4;border-color:#a7f3d0}.project-readiness-list details{margin-top:.55rem}.project-readiness-list details button{display:block}.glossary-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr))}.glossary-list h4{margin:0;font-weight:900}.danger-button{color:#991b1b;background:#fef2f2;border:1px solid #dc2626;border-radius:.55rem;padding:.65rem .9rem;font-weight:800}.lab-editor{resize:vertical;color:#f5f5f4;width:100%;min-height:19rem;font-family:var(--font-mono);tab-size:4;background:#0c0a09;border:1px solid #292524;border-radius:.8rem;margin-top:1rem;padding:1rem;font-size:.82rem;line-height:1.7}.storage-warning{color:#991b1b;text-align:center;background:#fef2f2;margin:0;padding:.6rem 1rem;font-size:.8rem}.focus-clock{color:#1c1917;font-family:var(--font-mono);letter-spacing:-.08em;text-align:center;margin:1rem auto;font-size:clamp(3.5rem,14vw,7rem);font-weight:900;line-height:1}.setting-row{border:1px solid #e7e5e4;border-radius:.8rem;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem;display:flex}.setting-row span,.setting-row small{display:block}.setting-row small{color:#78716c;margin-top:.15rem}.setting-row input{accent-color:#b45309;width:1.2rem;height:1.2rem}.comfortable-reading main article{line-height:1.72}}@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.static{position:static}.top-3{top:calc(var(--spacing) * 3)}.order-42{order:42}.order-99{order:99}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.container\!{width:100%!important}@media (width>=40rem){.container\!{max-width:40rem!important}}@media (width>=48rem){.container\!{max-width:48rem!important}}@media (width>=64rem){.container\!{max-width:64rem!important}}@media (width>=80rem){.container\!{max-width:80rem!important}}@media (width>=96rem){.container\!{max-width:96rem!important}}.mx-auto{margin-inline:auto}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-7{margin-top:calc(var(--spacing) * 7)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.ml-2{margin-left:calc(var(--spacing) * 2)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.min-h-screen{min-height:100vh}.w-full{width:100%}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.min-w-0{min-width:0}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-7>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 7) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 7) * calc(1 - var(--tw-space-y-reverse)))}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-amber-300{border-color:var(--color-amber-300)}.border-amber-700{border-color:var(--color-amber-700)}.border-emerald-200{border-color:var(--color-emerald-200)}.border-emerald-300{border-color:var(--color-emerald-300)}.border-orange-300{border-color:var(--color-orange-300)}.border-sky-300{border-color:var(--color-sky-300)}.border-stone-200{border-color:var(--color-stone-200)}.border-teal-300{border-color:var(--color-teal-300)}.bg-amber-50{background-color:var(--color-amber-50)}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-orange-50{background-color:var(--color-orange-50)}.bg-sky-50{background-color:var(--color-sky-50)}.bg-stone-50{background-color:var(--color-stone-50)}.bg-teal-50{background-color:var(--color-teal-50)}.bg-white{background-color:var(--color-white)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.px-5{padding-inline:calc(var(--spacing) * 5)}.py-8{padding-block:calc(var(--spacing) * 8)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-10{padding-top:calc(var(--spacing) * 10)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pl-4{padding-left:calc(var(--spacing) * 4)}.text-center{text-align:center}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-8{--tw-leading:calc(var(--spacing) * 8);line-height:calc(var(--spacing) * 8)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.text-balance{text-wrap:balance}.text-amber-800{color:var(--color-amber-800)}.text-emerald-800{color:var(--color-emerald-800)}.text-emerald-950{color:var(--color-emerald-950)}.text-orange-800{color:var(--color-orange-800)}.text-red-800{color:var(--color-red-800)}.text-sky-800{color:var(--color-sky-800)}.text-stone-500{color:var(--color-stone-500)}.text-stone-600{color:var(--color-stone-600)}.text-stone-700{color:var(--color-stone-700)}.text-stone-950{color:var(--color-stone-950)}.text-teal-800{color:var(--color-teal-800)}.text-white\/75{color:#ffffffbf}@supports (color:color-mix(in lab, red, red)){.text-white\/75{color:color-mix(in oklab, var(--color-white) 75%, transparent)}}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}@media (width>=40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:px-8{padding-inline:calc(var(--spacing) * 8)}.sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}}@media (width>=64rem){.lg\:hidden{display:none}.lg\:py-14{padding-block:calc(var(--spacing) * 14)}}}@media (width>=1024px){.app-shell{grid-template-columns:21rem minmax(0,1fr);display:grid}.course-sidebar{width:auto;height:100vh;position:sticky;top:0;transform:none}.sidebar-scrim{display:none}.topbar{padding-inline:1.5rem}.app-shell.focus-mode{grid-template-columns:minmax(0,1fr)}.app-shell.focus-mode .course-sidebar{display:none}}@media (width<=520px){.topbar{flex-wrap:wrap;align-items:stretch}.progress-summary{order:3;width:100%}.topbar .secondary-button{padding:.55rem .65rem;font-size:.78rem}.stats-grid,.note-layout.note-split{grid-template-columns:1fr}.note-preview{border-top:1px solid #e7e5e4;border-left:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--reader-scale:1;--bg:#050505;--bg-alt:#0d0d0d;--bg-card:#151515;--panel:#080808;--panel-strong:#181818;--ink:#fff;--ink-dim:#dedede;--ink-faint:#aaa;--line:#555;--line-soft:#4448;--accent:#ffad45;--accent-soft:#fff1;--accent-2:#b5db80;--accent-2-soft:#fff1;--danger:#ff7664;--danger-soft:#ff766426;--info:#76c7ed;--info-soft:#76c7ed1c;--violet:#c6a7ff;--violet-soft:#c6a7ff1c;--syntax-keyword:#ffad45;--syntax-type:#8bd5ca;--syntax-function:#b5db80;--syntax-string:#e6c384;--syntax-comment:#8f9a91;--syntax-number:#f28fad;--tech-java:#dd8b32;--tech-spring:#6cb26c;--tech-db:#6aa9c9;--tech-nosql:#70b97b;--tech-docker:#4bc3d8;--tech-kafka:#b497df;--tech-security:#e1735a;--tech-devops:#d8b454;--tech-front:#df93bc;--shadow:#000b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-theme=white]{--bg:#fff;--bg-alt:#f6f6f6;--bg-card:#fff;--panel:#fff;--panel-strong:#f6f6f6;--ink:#1c1917;--ink-dim:#57534e;--ink-faint:#78716c;--line:#c9c5c1;--line-soft:#dedbd7;--accent:#9a4f00;--accent-soft:#b453091a;--accent-2:#3f6212;--accent-2-soft:#4d7c0f1a;--danger:#9f2d20;--danger-soft:#b4231817;--info:#075985;--info-soft:#0284c71a;--violet:#6d28d9;--violet-soft:#7c3aed14;--syntax-keyword:#9a3412;--syntax-type:#0369a1;--syntax-function:#3f6212;--syntax-string:#8a4b08;--syntax-comment:#526055;--syntax-number:#9d174d;--tech-java:#9a4f00;--tech-spring:#27622b;--tech-db:#075985;--tech-nosql:#2f6f3a;--tech-docker:#06778a;--tech-kafka:#6d28d9;--tech-security:#9f2d20;--tech-devops:#7a5500;--tech-front:#9d174d;--shadow:#29252424;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=contrast]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body,.app-shell{background:var(--bg);color:var(--ink)}body{background:radial-gradient(circle at 84% 4%, var(--accent), transparent 28rem), var(--bg);overflow-x:hidden}@supports (color:color-mix(in lab, red, red)){body{background:radial-gradient(circle at 84% 4%, color-mix(in srgb, var(--accent) 7%, transparent), transparent 28rem), var(--bg)}}body{font-size:calc(16px * var(--reader-scale))}::selection{background:var(--accent);color:var(--bg)}a{color:var(--accent)}button,input,textarea,select{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline-color:var(--accent)}.reduce-motion *,.reduce-motion :before,.reduce-motion :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.reading-progress{z-index:110;pointer-events:none;height:3px;position:fixed;inset:0 0 auto}.reading-progress i{background:linear-gradient(90deg, var(--accent), var(--accent-2));height:100%;box-shadow:0 0 14px var(--accent);transition:width 80ms linear;display:block}.offline-banner{z-index:75;border:1px solid var(--accent);background:var(--bg-card);max-width:min(28rem,100vw - 2rem);color:var(--accent);box-shadow:0 1rem 3rem var(--shadow);font:.7rem var(--font-mono);border-radius:999px;padding:.65rem 1rem;position:fixed;bottom:1rem;right:1rem}.course-sidebar{border-color:var(--line);background:linear-gradient(180deg, var(--bg-alt), var(--bg));color:var(--ink);scrollbar-color:var(--line) transparent}.sidebar-brand{margin-bottom:1rem}.sidebar-brand p,.sidebar-result-count{color:var(--ink-faint);font-family:var(--font-mono)}.brand-mark{border-color:var(--accent);color:var(--accent)}.sidebar-progress{border:1px solid var(--line);background:var(--bg-card);border-radius:.7rem;margin:.75rem 0 1.1rem;padding:.75rem}.sidebar-progress>div:first-child{color:var(--ink-dim);font:.66rem var(--font-mono);text-transform:uppercase;letter-spacing:.07em;justify-content:space-between;display:flex}.sidebar-progress strong{color:var(--accent)}.eyebrow{color:var(--accent)!important}.search-input{border-color:var(--line);background:var(--bg-card);color:var(--ink)}.search-input::placeholder,textarea::placeholder{color:var(--ink-faint)}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:0}.sidebar-result-count{margin:.35rem 0 .6rem;font-size:.62rem}.practice-filter{border:1px solid var(--line);background:var(--bg-card);width:100%;color:var(--ink-dim);font:.67rem var(--font-mono);border-radius:.55rem;padding:.55rem .7rem}.practice-filter:hover,.practice-filter.active{border-color:var(--accent-2);background:var(--accent-2-soft);color:var(--accent-2)}.sidebar-tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:.42rem;margin-top:.65rem;display:grid}.sidebar-tools button{border:1px solid var(--line);background:var(--bg-card);min-height:2.35rem;color:var(--ink-dim);font:.65rem var(--font-mono);border-radius:.55rem;padding:.45rem}.sidebar-tools button:hover,.sidebar-tools button.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.sidebar-tools .english-tool{border-color:var(--accent-2)}@supports (color:color-mix(in lab, red, red)){.sidebar-tools .english-tool{border-color:color-mix(in srgb, var(--accent-2) 55%, var(--line))}}.sidebar-tools .english-tool{color:var(--accent-2)}.module-group>summary,.module-group>summary small{color:var(--ink-faint)}.chapter-link{color:var(--ink-dim)}.chapter-link:hover{background:var(--bg-card);color:var(--ink)}.chapter-link.active{background:var(--accent-soft);color:var(--accent)}.chapter-status{border-color:var(--line)}.chapter-status.complete{border-color:var(--accent-2);background:var(--accent-2);box-shadow:0 0 8px var(--accent-2)}.sidebar-connection,.hub-connection{color:var(--ink-faint);font:.61rem var(--font-mono);align-items:center;gap:.5rem;margin-top:1.2rem;display:flex}.sidebar-connection i,.hub-connection i{background:var(--accent-2);width:.45rem;height:.45rem;box-shadow:0 0 8px var(--accent-2);border-radius:50%;flex:none}.sidebar-connection i.offline,.hub-connection i.offline{background:var(--accent);box-shadow:0 0 8px var(--accent)}.topbar{border-color:var(--line);background:var(--bg)}@supports (color:color-mix(in lab, red, red)){.topbar{background:color-mix(in srgb, var(--bg) 92%, transparent)}}.topbar{color:var(--ink)}.toolbar-context{min-width:0;display:none}.toolbar-context span{color:var(--ink-dim);font:.66rem var(--font-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.toolbar-context small{color:var(--ink-faint);font:.61rem var(--font-mono);white-space:nowrap}.progress-summary span{color:var(--ink-faint)}.progress-track,.mastery-track{background:var(--line-soft)}.progress-track i,.mastery-track i{background:linear-gradient(90deg, var(--accent), var(--accent-2))}.toolbar-actions{align-items:center;gap:.42rem;display:flex}.toolbar-action{border:1px solid var(--line);background:var(--bg-card);width:2rem;height:2rem;color:var(--ink-dim);font:.78rem var(--font-mono);border-radius:.5rem;place-items:center;display:grid}.toolbar-action:hover{border-color:var(--accent);color:var(--accent)}.toolbar-action.english-shortcut{color:var(--accent-2);font-size:.65rem;font-weight:900}.primary-button,.secondary-button,.complete-button,.icon-button{font-family:var(--font-mono);font-size:.72rem}.primary-button{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.secondary-button,.icon-button{border-color:var(--line);background:var(--bg-card);color:var(--ink-dim)}.complete-button{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.complete-button.is-complete{border-color:var(--accent-2);background:var(--accent-2-soft);color:var(--accent-2)}.primary-button:hover,.secondary-button:hover,.complete-button:hover,.icon-button:hover{border-color:var(--accent);color:var(--accent)}.chapter-page{color:var(--ink-dim)}.chapter-hero{padding-top:clamp(1rem,3vw,2.5rem);position:relative;border-color:var(--line)!important}.chapter-hero:after{content:"JAVA / BACKEND / ENGLISH";background:var(--bg);color:var(--ink-faint);font:.58rem var(--font-mono);letter-spacing:.15em;padding-left:.8rem;position:absolute;bottom:-.85rem;right:0}.chapter-page h1{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;max-width:17ch;font-size:clamp(2.4rem,5vw,4.6rem);line-height:1.02;color:var(--ink)!important}.chapter-page h1:first-letter{color:var(--accent)}.chapter-page .text-stone-600,.chapter-page .text-stone-700{color:var(--ink-dim)}.chapter-page .text-emerald-800{color:var(--accent-2)}.chapter-hero>p{color:var(--ink-dim)!important}.chapter-hero .grid>div{border-color:var(--line)!important;background:var(--bg-card)!important}.chapter-hero .grid>div:first-child{border-left:2px solid var(--accent)!important}.chapter-hero .grid>div:last-child{border-left:2px solid var(--accent-2)!important}.learning-card,.resource-panel,.english-panel,.concept-block{border-color:var(--line);background:var(--bg-card);color:var(--ink-dim)}.learning-card h2,.concept-block h2,.resource-panel h2,.english-panel h2,.project-card h2{color:var(--ink)}.learning-card{box-shadow:inset 2px 0 var(--accent)}.concept-block{border-left-color:var(--accent)}.callout-note{box-shadow:inset 2px 0 #63b3d8}.callout-warning{box-shadow:inset 2px 0 var(--accent)}.callout-security{box-shadow:inset 2px 0 var(--danger)}.callout-domain{box-shadow:inset 2px 0 var(--accent-2)}.code-block,.legacy-content pre.code{border-color:var(--line);color:#d8cdb8;background:#0b0b0b;box-shadow:inset 0 1px #ffffff08}.quiz-option{border-color:var(--line);background:var(--bg-alt);color:var(--ink-dim)}.quiz-option:hover{border-color:var(--accent)}.quiz-option.correct{border-color:var(--accent-2);background:var(--accent-2-soft);color:var(--ink)}.quiz-option.incorrect{border-color:var(--danger);background:var(--danger-soft);color:var(--ink)}.project-card{border:1px solid var(--line);background:radial-gradient(circle at 95% 0, var(--accent), transparent 14rem), var(--panel-strong)}@supports (color:color-mix(in lab, red, red)){.project-card{background:radial-gradient(circle at 95% 0, color-mix(in srgb, var(--accent) 25%, transparent), transparent 14rem), var(--panel-strong)}}.project-card{color:var(--ink-dim);box-shadow:0 1.25rem 3rem var(--shadow)}.project-english-spec{border:1px solid var(--accent);margin-top:1.5rem;padding:clamp(1rem,3vw,1.5rem)}@supports (color:color-mix(in lab, red, red)){.project-english-spec{border:1px solid color-mix(in srgb, var(--accent) 55%, var(--line))}}.project-english-spec{background:var(--accent);border-radius:1rem}@supports (color:color-mix(in lab, red, red)){.project-english-spec{background:color-mix(in srgb, var(--accent) 8%, var(--panel))}}.project-english-spec h3,.project-english-spec h4{color:var(--ink)}.project-english-spec h4{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;margin-top:1.25rem;font-size:.75rem}.resource-panel{border-color:var(--accent-2)}@supports (color:color-mix(in lab, red, red)){.resource-panel{border-color:color-mix(in srgb, var(--accent-2) 45%, var(--line))}}.resource-panel{background:var(--accent-2-soft)}.resource-link{border-color:var(--line);background:var(--bg-card)}.resource-link span,.resource-link small{color:var(--ink-dim)}.resource-link strong{color:var(--accent-2)}.legacy-content{color:var(--ink-dim)}.legacy-content h3,.legacy-content h4,.legacy-content .concept-card dt{color:var(--ink)}.legacy-content th,.legacy-content td{border-color:var(--line)}.legacy-content th{background:var(--bg-alt);color:var(--ink)}.legacy-content code:not(pre code),.note-preview code{border-color:var(--line-soft);background:var(--bg-alt);color:#e3c98a}.legacy-content .concept-foundation,.legacy-content .callout,.legacy-content .rules-box,.legacy-content .project-quality-gate,.legacy-content .learning-layers li{border-color:var(--line);background:var(--bg-card)}.legacy-content .tech-badge,.legacy-content .exercise-tag,.legacy-content .concept-level{background:var(--accent-soft);color:var(--accent)}.legacy-content .prereq-tag{background:var(--bg-alt);color:var(--ink-dim)}.legacy-exercise .reveal-btn{border-color:var(--accent);background:var(--bg-alt);color:var(--accent)}.note-workspace{border-color:var(--line);background:var(--bg-card)}.note-heading p{color:var(--ink-faint)}.note-heading h2,.note-preview h2,.note-preview h3,.note-preview h4{color:var(--ink)}.note-views button,.note-toolbar button{border-color:var(--line);color:var(--ink-dim);background:0 0}.note-views button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.note-toolbar{border-color:var(--line);background:var(--bg-alt)}.note-layout textarea{background:var(--bg-card);color:var(--ink)}.note-preview{border-color:var(--line);color:var(--ink-dim)}.note-preview blockquote{border-color:var(--accent);color:var(--ink-dim)}.english-lab{border:1px solid var(--accent-2);position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.english-lab{border:1px solid color-mix(in srgb, var(--accent-2) 48%, var(--line))}}.english-lab{background:linear-gradient(150deg, var(--bg-card), var(--accent-2-soft));border-radius:1rem;padding:clamp(1.1rem,3vw,1.5rem)}.english-lab:after{content:"EN";color:var(--accent-2);position:absolute;top:-.35rem;right:.65rem}@supports (color:color-mix(in lab, red, red)){.english-lab:after{color:color-mix(in srgb, var(--accent-2) 12%, transparent)}}.english-lab:after{font:900 6rem/1 var(--font-display);pointer-events:none}.english-lab-heading{z-index:1;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex;position:relative}.english-lab h2{color:var(--ink);font:900 clamp(1.35rem, 3vw, 1.7rem)/1.2 var(--font-display);margin:.3rem 0 0}.english-level{border:1px solid var(--accent-2);min-width:2.8rem;height:2.8rem;color:var(--accent-2);font:800 .68rem var(--font-mono);border-radius:50%;place-items:center;display:grid}.english-principle{z-index:1;color:var(--ink-dim);font-size:.85rem;position:relative}.english-principle strong{color:var(--accent-2)}.english-context{z-index:1;border:1px solid var(--line);background:var(--bg-alt);border-radius:.8rem;margin-top:1rem;position:relative;overflow:hidden}.english-context-label{border-bottom:1px solid var(--line-soft);font:700 .6rem var(--font-mono);letter-spacing:.1em;text-transform:uppercase;padding:.55rem .75rem;color:var(--accent-2)!important;margin:0!important}.english-code-cue{max-width:100%;color:var(--syntax-function);font:.72rem/1.55 var(--font-mono);white-space:pre;scrollbar-color:var(--line) transparent;background:#0b0b0b;margin:0;padding:.8rem;overflow-x:auto}.english-context blockquote{border-top:1px solid var(--line-soft);color:var(--ink);margin:0;padding:.85rem;font-size:.86rem;line-height:1.6}.english-terms{flex-wrap:wrap;gap:.35rem;display:flex}.english-terms code{border:1px solid var(--line);background:var(--bg-alt);color:var(--accent-2);font:.65rem var(--font-mono);border-radius:999px;padding:.25rem .55rem}.english-flow{gap:.6rem;margin:1rem 0;padding:0;list-style:none;display:grid}.english-flow li{border-top:1px solid var(--line-soft);grid-template-columns:2rem 1fr;gap:.65rem;margin:0;padding-top:.65rem;display:grid}.english-flow li>span{color:var(--accent-2);font:.62rem var(--font-mono)}.english-flow strong{color:var(--ink)}.english-flow p{color:var(--ink-dim);margin:.15rem 0 0;font-size:.82rem;line-height:1.55}.english-evidence span,.english-evidence small{display:block}.english-evidence span{color:var(--accent-2);font:.68rem var(--font-mono);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.4rem}.english-evidence textarea{resize:vertical;border:1px solid var(--line);background:var(--bg-alt);width:100%;min-height:8rem;color:var(--ink);border-radius:.7rem;padding:.8rem}.english-evidence textarea:focus{border-color:var(--accent-2);box-shadow:0 0 0 3px var(--accent-2-soft);outline:0}.english-evidence small{color:var(--ink-faint);margin-top:.35rem}.english-roadmap{grid-template-columns:repeat(4,1fr);gap:.65rem;margin-bottom:1rem;display:grid}.english-roadmap article{border:1px solid var(--line);background:var(--bg-card);border-radius:.75rem;padding:.75rem}.english-roadmap strong,.english-roadmap span{display:block}.english-roadmap strong{color:var(--accent-2);font-family:var(--font-mono)}.english-roadmap span{color:var(--ink-faint);font-size:.7rem}.english-roadmap p{color:var(--ink-dim);font-size:.75rem;line-height:1.45}.modal-backdrop,.command-overlay{z-index:90;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#000b;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.study-hub{border-color:var(--line);background:var(--panel);width:min(74rem,100%);height:min(50rem,100vh - 2rem);max-height:none;box-shadow:0 2rem 6rem var(--shadow);grid-template-columns:14rem minmax(0,1fr);display:grid;overflow:hidden}.hub-nav{border-right:1px solid var(--line);background:var(--bg-alt);flex-direction:column;min-height:0;padding:1.3rem .85rem;display:flex}.hub-brand{align-items:center;gap:.75rem;padding:0 .5rem 1.25rem;display:flex}.hub-brand strong,.hub-brand small{display:block}.hub-brand strong{color:var(--ink);font-family:var(--font-display)}.hub-brand small{color:var(--ink-faint);font:.58rem var(--font-mono);text-transform:uppercase}.hub-tab-list{gap:.2rem;display:grid}.hub-tab-list button{width:100%;color:var(--ink-dim);text-align:left;background:0 0;border:0;border-radius:.55rem;align-items:center;gap:.65rem;padding:.65rem;font-size:.76rem;display:flex}.hub-tab-list button>span{min-width:1.3rem;color:var(--ink-faint);font-family:var(--font-mono)}.hub-tab-list button:hover,.hub-tab-list button[aria-selected=true]{background:var(--accent-soft);color:var(--accent)}.hub-tab-list button[aria-selected=true]>span{color:var(--accent)}.hub-connection{margin-top:auto;padding-inline:.5rem}.hub-main{flex-direction:column;min-width:0;min-height:0;display:flex}.hub-header{border-bottom:1px solid var(--line);flex:none;padding:1rem 1.4rem}.hub-header h2{color:var(--ink)}.hub-content{scrollbar-color:var(--line) transparent;min-height:0;padding:1.6rem clamp(1.1rem,4vw,2.9rem) 3rem;overflow-y:auto}.hub-heading h2{color:var(--ink)}.hub-heading p{color:var(--ink-dim)}.hub-kicker{color:var(--accent)}.hub-section,.stats-grid>div,.mastery-list article,.error-list article,.project-readiness-list article,.glossary-list article{border-color:var(--line);background:var(--bg-card)}.hub-section p,.stats-grid span,.hub-list small,.setting-row small{color:var(--ink-dim)}.hub-list button{border-color:var(--line);background:var(--bg-alt);color:var(--ink)}.hub-list button:hover{border-color:var(--accent)}.activity-grid span{border-color:var(--line-soft);background:var(--line-soft)}.activity-grid span.l1{border-color:var(--accent-2);background:var(--accent-2)}@supports (color:color-mix(in lab, red, red)){.activity-grid span.l1{background:color-mix(in srgb, var(--accent-2) 32%, transparent)}}.activity-grid span.l2{border-color:var(--accent-2);background:var(--accent-2)}@supports (color:color-mix(in lab, red, red)){.activity-grid span.l2{background:color-mix(in srgb, var(--accent-2) 62%, transparent)}}.activity-grid span.l3{border-color:var(--accent-2);background:var(--accent-2)}.daily-goal{align-items:center;gap:1rem;display:flex}.goal-ring{--goal:0deg;background:conic-gradient(var(--accent) var(--goal), var(--line-soft) 0);border-radius:50%;flex:none;place-items:center;width:4.8rem;height:4.8rem;display:grid}.goal-ring:before{content:"";background:var(--bg-card);border-radius:50%;grid-area:1/1;width:3.75rem;height:3.75rem}.goal-ring b{z-index:1;color:var(--ink);font:.72rem var(--font-mono);grid-area:1/1}.daily-goal label{color:var(--ink-faint);font:.62rem var(--font-mono);text-transform:uppercase;margin-right:.5rem;display:inline-block}.daily-goal select{border:1px solid var(--line);background:var(--bg-alt);color:var(--ink);border-radius:.45rem;padding:.35rem .5rem}.achievement-list{flex-wrap:wrap;gap:.5rem;display:flex}.achievement{border:1px solid var(--line);color:var(--ink-faint);font:.65rem var(--font-mono);border-radius:999px;padding:.4rem .65rem}.achievement.unlocked{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.knowledge-tabs button,.knowledge-filters button{border-color:var(--line);background:var(--bg-alt);color:var(--ink-dim)}.knowledge-tabs button[aria-selected=true],.knowledge-filters button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.review-plan-list label{border-color:var(--line);background:var(--bg-card)}.review-card textarea{border-color:var(--line);background:var(--bg-alt);color:var(--ink)}.review-result.correct{background:var(--accent-2-soft);color:var(--accent-2)}.review-result.incorrect{background:var(--danger-soft);color:var(--danger)}.error-list article.resolved{border-color:var(--accent-2);background:var(--accent-2-soft)}.focus-clock{color:var(--accent);text-shadow:0 0 2rem var(--accent-soft)}.focus-actions,.setting-actions,.lab-toolbar{flex-wrap:wrap;gap:.5rem;display:flex}.setting-row{border-color:var(--line);background:var(--bg-card)}.setting-row+.setting-row{margin-top:.65rem}.segmented{border:1px solid var(--line);background:var(--bg-alt);border-radius:.6rem;flex-wrap:wrap;gap:.25rem;padding:.2rem;display:flex}.segmented button{color:var(--ink-dim);font:.65rem var(--font-mono);background:0 0;border:0;border-radius:.42rem;padding:.42rem .6rem}.segmented button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent)}.danger-button{border-color:var(--danger);background:var(--danger-soft);color:var(--danger)}.support-note{color:var(--ink-faint);font:.65rem var(--font-mono)}.lab-toolbar select{border:1px solid var(--line);background:var(--bg-alt);border-radius:.55rem;padding:.55rem}.lab-editor{border-color:var(--line);color:#d8cdb8;background:#0b0b0b}.lab-editor:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:0}.lab-console{border:1px solid var(--line);background:var(--bg-alt);min-height:7rem;color:var(--accent-2);font:.76rem/1.6 var(--font-mono);white-space:pre-wrap;border-radius:.75rem;padding:1rem;overflow-x:auto}.lab-console.error{border-color:var(--danger);color:var(--danger)}.hub-message{border:1px solid var(--accent-2);background:var(--bg-card);color:var(--accent-2);border-radius:.65rem;padding:.65rem;font-size:.75rem;position:sticky;bottom:0}.command-overlay{z-index:120;align-items:start;padding-top:min(14vh,8rem)}.command-box{border:1px solid var(--line);background:var(--panel);width:min(42rem,100%);box-shadow:0 2rem 6rem var(--shadow);border-radius:1rem;overflow:hidden}.command-input{border:0;border-bottom:1px solid var(--line);background:var(--bg-alt);width:100%;color:var(--ink);outline:0;padding:1rem 1.1rem}.command-results{max-height:min(62vh,32rem);padding:.45rem;overflow-y:auto}.command-results button{width:100%;color:var(--ink-dim);text-align:left;background:0 0;border:0;border-radius:.6rem;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem;display:flex}.command-results button.selected{background:var(--accent-soft);color:var(--accent)}.command-results button span,.command-results button small{display:block}.command-results button small{color:var(--ink-faint);font:.56rem var(--font-mono);text-transform:uppercase}.command-results kbd{border:1px solid var(--line);background:var(--bg-card);color:var(--ink-faint);font:.58rem var(--font-mono);border-radius:.35rem;flex:none;padding:.2rem .4rem}.back-to-top{z-index:70;border:1px solid var(--line);background:var(--bg-card);width:2.8rem;height:2.8rem;color:var(--accent);box-shadow:0 .75rem 2rem var(--shadow);border-radius:50%;place-items:center;display:grid;position:fixed;bottom:1rem;left:1rem}.back-to-top:hover{border-color:var(--accent)}.review-mode .chapter-page>.space-y-9>:not(.learning-card):not(.project-card){opacity:.42}.review-mode .learning-card,.review-mode .project-card,.review-mode .english-lab{outline:1px solid var(--accent);outline-offset:4px}@media (width>=760px){.toolbar-context{align-items:center;gap:.75rem;display:flex}}@media (width<=900px){.study-hub{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);width:100%;max-width:100%}.hub-nav{border-right:0;border-bottom:1px solid var(--line);min-width:0;max-width:100%;padding:.6rem;overflow:hidden}.hub-brand,.hub-connection{display:none}.hub-tab-list{overscroll-behavior-inline:contain;gap:.2rem;width:100%;max-width:100%;display:flex;overflow-x:auto}.hub-tab-list button{white-space:nowrap;flex:none;width:auto;padding:.55rem .7rem}.hub-main,.hub-header,.hub-content{min-width:0;max-width:100%}.english-roadmap{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.chapter-page{padding-inline:1.15rem}.chapter-page h1{font-size:clamp(2.15rem,12vw,3.4rem)}.topbar{flex-wrap:nowrap;min-height:3.8rem}.progress-summary,.toolbar-actions .toolbar-action:nth-child(-n+2){display:none}.toolbar-actions{margin-left:auto}.study-hub{border-radius:.85rem;height:calc(100vh - 1rem)}.modal-backdrop{padding:.5rem}.hub-header{padding:.75rem 1rem}.hub-header h2{font-size:1.15rem}.hub-content{padding:1rem}.setting-row{flex-direction:column;align-items:flex-start}.english-roadmap{grid-template-columns:1fr}}.chapter-blocks{gap:1.15rem;min-width:0;display:grid}.chapter-blocks>*{min-width:0;max-width:100%}.chapter-blocks>:is(.learning-card,.project-card,.concept-block){margin-block:.65rem}.chapter-blocks>.legacy-block:has(>h2){margin-top:1.4rem}.legacy-content{min-width:0;font-size:clamp(.98rem,1.35vw,1.08rem);line-height:1.78}.legacy-content>:first-child{margin-top:0}.legacy-content>:last-child{margin-bottom:0}.legacy-content h2,.legacy-content h3,.legacy-content h4{color:var(--ink);overflow-wrap:anywhere}.legacy-content h2{font:900 clamp(1.35rem, 3vw, 1.75rem)/1.22 var(--font-display);margin:0;padding-left:.9rem;position:relative}.legacy-content h2:before{content:"";background:linear-gradient(var(--accent), var(--accent-2));border-radius:99px;width:2px;position:absolute;inset:.14em auto .14em 0}.legacy-content h2.sub{color:var(--accent-2);font:800 .78rem/1.5 var(--font-sans);letter-spacing:.07em;text-transform:uppercase;padding-left:0}.legacy-content h2.sub:before{display:none}.legacy-content h3{font-size:clamp(1.2rem,2.5vw,1.5rem)}.legacy-content h4{font-size:1.05rem}.legacy-content strong,.legacy-content b{color:var(--ink)}.legacy-content a{overflow-wrap:anywhere}.code-figure,.code-block,.legacy-content pre.code{min-width:0;max-width:100%}.code-figure figcaption{font-family:var(--font-mono);letter-spacing:.02em;font-size:.7rem;color:var(--ink-dim)!important}.code-block,.legacy-content pre.code{scrollbar-color:var(--line) #0b0b0b;scrollbar-width:thin;tab-size:4;margin-block:.75rem;padding:clamp(.85rem,3vw,1.2rem);position:relative}.code-block code{width:max-content;min-width:100%;display:block}.code-shell,.legacy-code-shell{min-width:0;position:relative}.code-shell .code-block,.legacy-code-shell pre.code{margin:0}.copy-code-button{z-index:2;border:1px solid var(--line);color:#ddd;opacity:.72;font:.62rem var(--font-mono);background:#111e;border-radius:.45rem;padding:.35rem .55rem;position:absolute;top:.55rem;right:.55rem}.copy-code-button:hover,.copy-code-button:focus-visible{border-color:var(--accent);color:var(--accent);opacity:1}.code-block .kw,.legacy-content .kw{color:var(--syntax-keyword);font-weight:700}.code-block .cls,.legacy-content .cls{color:var(--syntax-type)}.code-block .fn,.legacy-content .fn{color:var(--syntax-function)}.code-block .str,.legacy-content .str{color:var(--syntax-string)}.code-block .com,.legacy-content .com{color:var(--syntax-comment);font-style:italic}.code-block .num,.legacy-content .num{color:var(--syntax-number)}.code-block .annotation,.legacy-content .annotation{color:var(--violet)}.code-block .meta,.legacy-content .meta{color:var(--info)}.code-explanation,.code-mistakes{border:1px solid var(--line);background:var(--bg-card);color:var(--ink-dim);border-radius:.75rem;margin-top:.75rem;padding:.9rem 1rem}.code-explanation h3{color:var(--ink);margin:0 0 .45rem;font-size:.95rem}.code-explanation ol,.code-mistakes ul{margin:.35rem 0 0;padding-left:1.2rem}.code-mistakes{border-left:3px solid var(--danger);background:var(--danger-soft)}.responsive-table{width:100%;max-width:100%;margin-block:1rem;overflow-x:auto}.responsive-table table{border-collapse:collapse;background:var(--bg-card);width:100%}.responsive-table caption{color:var(--ink-dim);text-align:left;padding:.6rem;font-size:.8rem}.responsive-table th,.responsive-table td{border:1px solid var(--line);text-align:left;vertical-align:top;min-width:10rem;padding:.7rem .8rem}.responsive-table th{background:var(--bg-alt);color:var(--ink)}.semantic-flow{gap:.5rem;padding-left:1.35rem;display:grid}.comparison-decisions{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:.75rem;display:grid}.comparison-decisions article{border:1px solid var(--line);background:var(--bg-alt);border-radius:.7rem;padding:.85rem}.semantic-error-case{border-left:3px solid var(--danger);background:var(--danger-soft)}.semantic-error-case dl{gap:.55rem;margin-block:1rem;display:grid}.semantic-error-case dl div{grid-template-columns:minmax(5rem,7rem) 1fr;gap:.75rem;display:grid}.semantic-error-case dt{color:var(--ink);font-weight:800}.semantic-error-case dd{margin:0}.semantic-diagram{border-left:3px solid var(--info);background:var(--info-soft)}.legacy-content table,.legacy-content .cmp{border:1px solid var(--line);border-collapse:separate;border-spacing:0;background:var(--bg-card);scrollbar-color:var(--line) transparent;border-radius:.8rem;width:100%;max-width:100%;margin-block:1rem;display:block;overflow-x:auto}.legacy-content th,.legacy-content td{border-width:0 1px 1px 0;border-color:var(--line-soft);min-width:min(12rem,68vw);padding:.7rem .8rem}.legacy-content tr:last-child>*{border-bottom-width:0}.legacy-content tr>:last-child{border-right-width:0}.legacy-content tr:nth-child(2n) td{background:var(--bg-alt)}@supports (color:color-mix(in lab, red, red)){.legacy-content tr:nth-child(2n) td{background:color-mix(in srgb, var(--bg-alt) 65%, transparent)}}.legacy-content th{background:var(--bg-alt);color:var(--ink);letter-spacing:.025em;font-size:.78rem}.legacy-content :is(.callout,.warn,.secret,.analogy,.study-tip,.rules-box,.concept-foundation,.project-quality-gate){border:1px solid var(--line);background:var(--bg-card);color:var(--ink-dim);border-left-width:3px;border-radius:.85rem;margin-block:1rem;padding:2.15rem 1rem 1rem;position:relative}.legacy-content :is(.callout,.warn,.secret,.analogy,.study-tip):before{font:800 .62rem var(--font-mono);letter-spacing:.11em;text-transform:uppercase;position:absolute;top:.7rem;left:1rem}.legacy-content .callout{border-left-color:var(--info);background:var(--info-soft)}.legacy-content .callout:before{content:"Contexto";color:var(--info)}.legacy-content .warn{border-left-color:var(--danger);background:var(--danger-soft)}.legacy-content .warn:before{content:"Atenção";color:var(--danger)}.legacy-content .secret{border-left-color:var(--violet);background:var(--violet-soft)}.legacy-content .secret:before{content:"Por dentro";color:var(--violet)}.legacy-content .analogy{border-left-color:var(--info);background:var(--info-soft)}.legacy-content .analogy:before{content:"Modelo mental";color:var(--info)}.legacy-content .study-tip{border-left-color:var(--accent-2);background:var(--accent-2-soft)}.legacy-content .study-tip:before{content:"Estratégia de estudo";color:var(--accent-2)}.legacy-content .rules-box{border-left-color:var(--accent);background:var(--accent-soft);padding-top:1rem}.legacy-content .rules-box h2{margin-bottom:.5rem}.legacy-content .concept-grid,.legacy-content .learning-layers{grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:.75rem;margin-block:1rem;display:grid}.legacy-content .concept-card,.legacy-content .learning-layers li{border:1px solid var(--line);border-left:3px solid var(--accent);background:var(--bg-card);border-radius:.75rem;min-width:0;padding:.85rem}.legacy-content .concept-card dd{margin-left:0}.legacy-content .topic-meta{border:1px solid var(--line);background:var(--bg-card);color:var(--ink-faint);font:.68rem/1.5 var(--font-mono);border-radius:.75rem;flex-wrap:wrap;align-items:center;gap:.45rem .65rem;margin-block:.75rem 1.25rem;padding:.75rem .85rem;display:flex}.legacy-content .meta-item,.legacy-content .time-est{overflow-wrap:anywhere;min-width:0}.legacy-content .dots{vertical-align:middle;gap:.18rem;display:inline-flex}.legacy-content .dots i{border:1px solid var(--line);border-radius:50%;width:.42rem;height:.42rem}.legacy-content .dots i.on{border-color:var(--accent);background:var(--accent);box-shadow:0 0 .4rem var(--accent)}.legacy-content .tech-badge,.legacy-content .exercise-tag,.legacy-content .concept-level,.legacy-content .prereq-tag{border:1px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.legacy-content .tech-badge,.legacy-content .exercise-tag,.legacy-content .concept-level,.legacy-content .prereq-tag{border:1px solid color-mix(in srgb, var(--accent) 42%, var(--line))}}.legacy-content .tech-badge,.legacy-content .exercise-tag,.legacy-content .concept-level,.legacy-content .prereq-tag{background:var(--accent-soft);color:var(--accent);text-decoration:none}.legacy-content .tech-badge.tech-java{border-color:var(--tech-java)}@supports (color:color-mix(in lab, red, red)){.legacy-content .tech-badge.tech-java{border-color:color-mix(in srgb, var(--tech-java) 55%, var(--line))}}.legacy-content .tech-badge.tech-java{background:var(--tech-java)}@supports (color:color-mix(in lab, red, red)){.legacy-content .tech-badge.tech-java{background:color-mix(in srgb, var(--tech-java) 14%, transparent)}}.legacy-content .tech-badge.tech-java{color:var(--tech-java)}.legacy-content .tech-badge.tech-spring{border-color:var(--tech-spring)}@supports (color:color-mix(in lab, red, red)){.legacy-content .tech-badge.tech-spring{border-color:color-mix(in srgb, var(--tech-spring) 55%, var(--line))}}.legacy-content .tech-badge.tech-spring{background:var(--tech-spring)}@supports (color:color-mix(in lab, red, red)){.legacy-content .tech-badge.tech-spring{background:color-mix(in srgb, var(--tech-spring) 14%, transparent)}}.legacy-content .tech-badge.tech-spring{color:var(--tech-spring)}.legacy-content .tech-badge.tech-db{border-color:var(--tech-db)}@supports (color:color-mix(in lab, red, red)){.legacy-content .tech-badge.tech-db{border-color:color-mix(in srgb, var(--tech-db) 55%, var(--line))}}.legacy-content .tech-badge.tech-db{background:var(--tech-db)}@supports (color:color-mix(in lab, red, red)){.legacy-content .tech-badge.tech-db{background:color-mix(in srgb, var(--tech-db) 14%, transparent)}}.legacy-content .tech-badge.tech-db{color:var(--tech-db)}.legacy-content .tech-badge.tech-nosql{border-color:var(--tech-nosql)}@supports (color:color-mix(in lab, red, red)){.legacy-content .tech-badge.tech-nosql{border-color:color-mix(in srgb, var(--tech-nosql) 55%, var(--line))}}.legacy-content .tech-badge.tech-nosql{background:var(--tech-nosql)}@supports (color:color-mix(in lab, red, red)){.legacy-content .tech-badge.tech-nosql{background:color-mix(in srgb, var(--tech-nosql) 14%, transparent)}}.legacy-content .tech-badge.tech-nosql{color:var(--tech-nosql)}.legacy-content .tech-badge.tech-docker{border-color:var(--tech-docker)}@supports (color:color-mix(in lab, red, red)){.legacy-content .tech-badge.tech-docker{border-color:color-mix(in srgb, var(--tech-docker) 55%, var(--line))}}.legacy-content .tech-badge.tech-docker{background:var(--tech-docker)}@supports (color:color-mix(in lab, red, red)){.legacy-content .tech-badge.tech-docker{background:color-mix(in srgb, var(--tech-docker) 14%, transparent)}}.legacy-content .tech-badge.tech-docker{color:var(--tech-docker)}.legacy-content .tech-badge.tech-kafka{border-color:var(--tech-kafka)}@supports (color:color-mix(in lab, red, red)){.legacy-content .tech-badge.tech-kafka{border-color:color-mix(in srgb, var(--tech-kafka) 55%, var(--line))}}.legacy-content .tech-badge.tech-kafka{background:var(--tech-kafka)}@supports (color:color-mix(in lab, red, red)){.legacy-content .tech-badge.tech-kafka{background:color-mix(in srgb, var(--tech-kafka) 14%, transparent)}}.legacy-content .tech-badge.tech-kafka{color:var(--tech-kafka)}.legacy-content .tech-badge.tech-security{border-color:var(--tech-security)}@supports (color:color-mix(in lab, red, red)){.legacy-content .tech-badge.tech-security{border-color:color-mix(in srgb, var(--tech-security) 55%, var(--line))}}.legacy-content .tech-badge.tech-security{background:var(--tech-security)}@supports (color:color-mix(in lab, red, red)){.legacy-content .tech-badge.tech-security{background:color-mix(in srgb, var(--tech-security) 14%, transparent)}}.legacy-content .tech-badge.tech-security{color:var(--tech-security)}.legacy-content .tech-badge.tech-devops{border-color:var(--tech-devops)}@supports (color:color-mix(in lab, red, red)){.legacy-content .tech-badge.tech-devops{border-color:color-mix(in srgb, var(--tech-devops) 55%, var(--line))}}.legacy-content .tech-badge.tech-devops{background:var(--tech-devops)}@supports (color:color-mix(in lab, red, red)){.legacy-content .tech-badge.tech-devops{background:color-mix(in srgb, var(--tech-devops) 14%, transparent)}}.legacy-content .tech-badge.tech-devops{color:var(--tech-devops)}.legacy-content .tech-badge.tech-front{border-color:var(--tech-front)}@supports (color:color-mix(in lab, red, red)){.legacy-content .tech-badge.tech-front{border-color:color-mix(in srgb, var(--tech-front) 55%, var(--line))}}.legacy-content .tech-badge.tech-front{background:var(--tech-front)}@supports (color:color-mix(in lab, red, red)){.legacy-content .tech-badge.tech-front{background:color-mix(in srgb, var(--tech-front) 14%, transparent)}}.legacy-content .tech-badge.tech-front{color:var(--tech-front)}.legacy-content .checklist{gap:.55rem;margin:1rem 0;padding:0;list-style:none;display:grid}.legacy-content .checklist li,.checklist-item{border:1px solid var(--line);background:var(--bg-alt);min-width:0;color:var(--ink-dim);border-radius:.7rem;align-items:flex-start;gap:.75rem;padding:.8rem;display:flex}.legacy-content .checklist input,.checklist-item input{width:1.05rem;height:1.05rem;accent-color:var(--accent-2);flex:none;margin-top:.25rem}.checklist-card{border-color:var(--accent-2)}@supports (color:color-mix(in lab, red, red)){.checklist-card{border-color:color-mix(in srgb, var(--accent-2) 50%, var(--line))}}.checklist-card{box-shadow:inset 2px 0 var(--accent-2)}.checklist-items{gap:.55rem;margin-top:1rem;display:grid}.checklist-item:has(input:checked){border-color:var(--accent-2);background:var(--accent-2-soft);color:var(--ink)}.checklist-item:has(input:checked) span{text-decoration:line-through;-webkit-text-decoration-color:var(--accent-2);-webkit-text-decoration-color:var(--accent-2);-webkit-text-decoration-color:var(--accent-2);text-decoration-color:var(--accent-2)}.legacy-content .install-box,.legacy-content .code-comparison{border:1px solid var(--line);background:var(--bg-card);border-radius:.85rem;padding:.85rem;overflow:hidden}.legacy-content .install-tabs,.legacy-content .code-toggle-bar{gap:.35rem;max-width:100%;margin-block:.75rem;display:flex;overflow-x:auto}.legacy-content .install-tab,.legacy-content .ct-btn{border:1px solid var(--line);background:var(--bg-alt);color:var(--ink-dim);font:.7rem var(--font-mono);border-radius:.5rem;flex:none;padding:.5rem .7rem}.legacy-content .install-tab.active,.legacy-content .ct-btn.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.legacy-content .ct-btn.good{color:var(--accent-2)}.legacy-content .ct-btn.bad{color:var(--danger)}.legacy-content :is(.install-panel,.ct-panel):not(.active){display:none}.legacy-content :is(.install-panel,.ct-panel).active{animation:.16s ease-out legacy-panel-in;display:block}@keyframes legacy-panel-in{0%{opacity:0;transform:translateY(.25rem)}}.quiz-option{overflow-wrap:anywhere;min-width:0;line-height:1.55}.quiz-option:focus-visible{border-color:var(--accent)}.learning-card>h2{overflow-wrap:anywhere}@media (width<=640px){.chapter-page{padding:1.25rem .9rem 3rem}.chapter-hero{margin-bottom:1.5rem;padding-top:.5rem;padding-bottom:1.6rem}.chapter-hero:after{display:none}.chapter-page h1{max-width:none;font-size:clamp(2rem,11vw,3.1rem)}.chapter-hero>.flex:first-child{align-items:flex-start}.chapter-hero>.flex:first-child>.flex{width:100%}.chapter-hero .complete-button{flex:1}.chapter-blocks{gap:.9rem}.chapter-blocks>.legacy-block:has(>h2){margin-top:1rem}.learning-card,.resource-panel,.english-panel,.project-card{border-radius:.8rem;padding:1rem}.learning-card h2,.project-card h2{font-size:1.3rem}.quiz-option{padding:.75rem;font-size:.92rem}.legacy-content{font-size:.98rem;line-height:1.7}.legacy-content h2{font-size:1.32rem}.legacy-content :is(.callout,.warn,.secret,.analogy,.study-tip,.rules-box,.concept-foundation,.project-quality-gate){border-radius:.7rem;padding-inline:.8rem}.legacy-content th,.legacy-content td{min-width:10rem;padding:.6rem;font-size:.88rem}.code-block,.legacy-content pre.code{border-radius:.7rem;font-size:.76rem}.course-sidebar{overscroll-behavior:contain;width:min(94vw,22rem);padding:1rem}.topbar{gap:.45rem;min-width:0;padding:.55rem .65rem}.topbar>.secondary-button{flex:none;padding-inline:.65rem}.toolbar-actions{gap:.3rem;min-width:0}.toolbar-action{width:2rem;height:2rem}.offline-banner{border-radius:.7rem;max-width:none;bottom:.75rem;left:.75rem;right:.75rem}.resource-panel+.english-lab{margin-top:0}.note-heading{align-items:flex-start}.note-views{width:100%}}@media (width>=641px){.chapter-page{padding-inline:2rem}}@media (width>=1280px){.app-shell{grid-template-columns:22rem minmax(0,1fr)}.topbar{padding-inline:2rem}.chapter-page{max-width:64rem;padding-inline:3rem}}@media (prefers-reduced-motion:reduce){.legacy-content :is(.install-panel,.ct-panel).active{animation:none}}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
