:root{font-family:Segoe UI,Arial,sans-serif;color:#252525;background:#fff;font-synthesis:none;font-size:14px;--line: #d6d6d6;--muted: #616161;--accent: #245b99;--split: 45%}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}a{color:var(--accent);text-underline-offset:3px}a:hover{text-decoration-thickness:2px}button,select{cursor:pointer}button,select{border:1px solid #bbb;border-radius:3px;background:#fff;color:inherit;padding:6px 10px}button{white-space:nowrap}button:hover{background:#f0f0f0}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible,[tabindex]:not([tabindex="-1"]):focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover{background:#194777}.quiet{border-color:transparent;background:transparent}.text-button{border:0;background:none;padding:2px 4px;color:var(--accent);font-size:12px}.muted{color:var(--muted)}[hidden]{display:none!important}h1[tabindex="-1"]:focus,.lesson-section[tabindex="-1"]:focus,.chapter-practice[tabindex="-1"]:focus{outline:none}.topbar{min-height:52px;padding:9px 24px;border-bottom:1px solid var(--line);background:#f7f7f7;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{font-size:17px;font-weight:600;color:inherit;text-decoration:none}.header-actions{display:flex;gap:8px}.header-actions button{font-size:13px}.home{max-width:1040px;margin:0 auto;padding:36px 24px}.home h1{font-size:26px;font-weight:600;margin:0 0 10px}.home-intro{color:var(--muted);margin:0 0 28px;line-height:1.6}.task-list{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.task-row{display:grid;grid-template-columns:28px minmax(0,1fr) 170px;gap:12px;padding:22px 0;border-bottom:1px solid var(--line)}.task-number{color:var(--muted);padding-top:2px;font-variant-numeric:tabular-nums}.task-description h2{font-size:17px;font-weight:600;margin:0 0 7px}.task-description p{margin:0;line-height:1.6}.task-description .task-topics{margin-top:7px;color:var(--muted);font-size:13px}.task-meta{display:flex;flex-direction:column;align-items:flex-end;gap:8px;font-size:13px;color:var(--muted)}.task-status{font-size:12px}.status-hotovo{color:#256137}.status-rozpracovaná{color:#795514}.home-note{max-width:700px;margin:24px 0 0;color:var(--muted);font-size:13px;line-height:1.6}.storage-warning{background:#fff4da;border-bottom:1px solid #d8bd81;padding:10px 24px;color:#684d17;line-height:1.6}.storage-warning button{margin-left:8px}.workspace{padding:0 20px;display:flex;flex-direction:column;height:calc(100dvh - 52px);min-height:670px}.task-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0}.task-title{display:flex;align-items:center;gap:14px}.back-link{font-size:22px;padding:4px;text-decoration:none}.eyebrow{color:var(--muted);font-size:12px}.title-difficulty{margin-left:10px;padding-left:10px;border-left:1px solid var(--line)}.task-title h1{font-size:21px;font-weight:600;margin:3px 0 0}.task-heading-actions{display:flex;align-items:center;gap:16px}.task-heading-actions select{max-width:210px;font-size:13px}.done-toggle{display:flex;align-items:center;gap:7px;font-size:13px;cursor:pointer}.done-toggle input{accent-color:var(--accent);width:16px;height:16px}.assignment{border:1px solid var(--line);margin-bottom:12px;background:#fafafa}.assignment summary{padding:9px 12px;cursor:pointer;font-weight:600;font-size:13px}.assignment-body{display:grid;grid-template-columns:1.8fr 1fr;gap:24px;padding:14px 16px;border-top:1px solid var(--line);max-height:210px;overflow:auto}.goal{font-weight:600;font-size:13px;margin:0 0 8px;line-height:1.5}.assignment ul{padding-left:18px;margin:0;font-size:13px;line-height:1.55}.assignment li+li{margin-top:4px}.assignment aside{border-left:1px solid var(--line);padding-left:20px;font-size:13px}.assignment aside p{margin:6px 0;line-height:1.5}.assignment .assignment-note{color:var(--muted);font-size:12px}.hint-button{margin-top:6px;font-size:13px}.hint-button span{margin-left:7px;color:var(--muted)}.workbench{display:grid;grid-template-columns:minmax(260px,var(--split)) 12px minmax(300px,1fr);flex:1;min-height:320px}.editor-panel,.preview-panel{border:1px solid var(--line);overflow:hidden;background:#fff;display:flex;flex-direction:column;min-width:0;min-height:0}.panel-toolbar{display:flex;justify-content:space-between;align-items:center;height:40px;flex-shrink:0;border-bottom:1px solid var(--line);padding:0 8px;gap:4px}.tabs{display:flex;height:100%;gap:12px;align-items:stretch}.tabs button{border:0;border-radius:0;border-bottom:2px solid transparent;padding:0 4px;background:transparent;color:var(--muted);font-size:13px}.tabs button:hover{background:#f4f4f4}.tabs button[aria-selected=true]{border-bottom-color:var(--accent);color:#222;font-weight:600}.lock-label{font-size:11px;font-weight:400;margin-left:4px}.editor-controls{display:flex;align-items:center;gap:2px}.editor-controls button{padding:4px 6px;border:0;font-size:13px}.control-divider{height:16px;border-left:1px solid var(--line);margin:0 4px}.file-bar{height:30px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:#f7f7f7;border-bottom:1px solid #e5e5e5;font-family:Consolas,monospace;font-size:12px;color:var(--muted);flex-shrink:0}.code-editor{flex:1;min-height:0;overflow:hidden}.editor-footer,.preview-footer{height:28px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 10px;border-top:1px solid var(--line);color:var(--muted);font-size:11px;flex-shrink:0}.splitter{cursor:col-resize;display:flex;align-items:center;justify-content:center;touch-action:none}.splitter span{height:28px;width:2px;background:#bbb}.splitter:hover span{background:var(--accent)}.resizing{-webkit-user-select:none;user-select:none}.resizing iframe{pointer-events:none}.preview-settings{height:36px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 8px;background:#f7f7f7;border-bottom:1px solid var(--line);flex-shrink:0}.size-controls{display:flex;gap:4px}.size-controls button{font-size:12px;padding:3px 7px;border-color:transparent;background:transparent}.size-controls .selected{background:#fff;border-color:#aaa;color:#222}.preview-settings>span{font-family:Consolas,monospace;font-size:12px;color:var(--muted)}.expand-button{border:0;padding:2px 6px;font-size:22px}#preview-content{display:flex;flex:1;min-height:0;background:#f1f1f1;overflow:hidden}#preview-content.comparison{display:grid;grid-template-columns:1fr 1fr}.preview-item{display:flex;flex-direction:column;min-width:0;min-height:0;width:100%}.preview-label{min-height:29px;display:flex;justify-content:space-between;align-items:center;gap:6px;padding:5px 10px;background:#f7f7f7;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}.preview-label select{font-size:11px;padding:2px;min-width:0;max-width:72%}.preview-scroll{overflow:auto;flex:1;min-height:0;display:flex;align-items:flex-start}.frame-holder{height:100%;min-height:200px;flex-shrink:0;margin:0 auto;background:#fff}.frame-holder iframe{display:block;width:100%;height:100%;border:0;background:#fff}.reference-image{display:block;flex-shrink:0;max-width:none;object-fit:contain;margin:0 auto}.fit-reference .reference-image{max-width:100%;height:auto}.reference-caption{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:5px 10px;font-size:11px;background:#f7f7f7;color:var(--muted);border-top:1px solid var(--line)}.reference-caption button{font-size:11px}.comparison .result-item{border-right:1px solid var(--line)}.expanded{position:fixed;inset:12px;z-index:50;box-shadow:0 0 0 20px #eee}.workspace-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;font-size:12px}.workspace-footer>div{display:flex;align-items:center;gap:14px}.workspace-footer button{font-size:12px}.storage-note{color:var(--muted);font-size:11px}dialog{border:1px solid #aaa;border-radius:4px;padding:24px;max-width:480px;width:calc(100% - 32px);color:inherit}dialog::backdrop{background:#0005}dialog h2{font-size:21px;margin:0 0 12px;font-weight:600}dialog p{font-size:14px;line-height:1.6}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.hint-header{display:flex;align-items:center;justify-content:space-between}.hint-header h2{margin:0}.hint-header button{border:0;font-size:24px;padding:0 6px}.hint-dialog{max-height:80dvh}.hint{border-top:1px solid var(--line);padding:16px 0 4px}.hint h3{font-size:15px;margin:8px 0}.hint pre{padding:12px;background:#f3f3f3;overflow:auto;font-size:13px;line-height:1.6}.hint-dialog>.primary{margin-top:14px}#toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#292929;color:#fff;padding:12px 18px;border-radius:3px;opacity:0;pointer-events:none;z-index:100;font-size:13px;max-width:min(600px,90vw);line-height:1.5}#toast.visible{opacity:1}.loading{display:grid;place-content:center;min-height:100dvh;text-align:center}@media(max-width:1100px){.storage-note,.lock-label{display:none}.tabs{gap:7px}.task-heading-actions{gap:10px}}@media(max-width:760px){.topbar{padding:10px 12px;gap:8px;flex-wrap:wrap}.brand{font-size:16px}.header-actions{gap:3px}.header-actions button{font-size:12px;padding:5px 7px}.home{padding:26px 16px}.task-row{grid-template-columns:22px minmax(0,1fr);gap:8px;padding:18px 0}.task-meta{grid-column:2;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap}.workspace{padding:0 12px;height:auto;min-height:0}.task-heading{align-items:flex-start;flex-wrap:wrap;gap:12px}.task-title h1{font-size:20px}.task-heading-actions{width:100%;justify-content:space-between;flex-wrap:wrap}.task-heading-actions select{max-width:190px}.done-toggle{font-size:12px}.assignment-body{grid-template-columns:1fr;gap:12px;max-height:260px}.assignment aside{border-left:0;border-top:1px solid var(--line);padding:12px 0 0}.workbench{display:flex;flex-direction:column;gap:14px;min-height:0}.editor-panel{height:370px}.preview-panel{height:420px}.splitter{display:none}.workspace-footer{align-items:flex-start;flex-direction:column}.workspace-footer>div{width:100%;justify-content:space-between;gap:6px;flex-wrap:wrap}.workspace-footer button{font-size:12px;padding:6px}.expanded{height:auto}.comparison .preview-label{flex-wrap:wrap}.comparison .preview-label select{max-width:100%}.comparison .reference-caption{flex-wrap:wrap}}.header-navigation,.header-navigation nav{display:flex;align-items:center;gap:24px}.header-navigation nav{gap:16px;font-size:13px}.header-navigation nav a{color:var(--muted);text-decoration:none}.header-navigation nav a[aria-current=page]{color:var(--accent);font-weight:600;text-decoration:underline}.learning-start{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;margin-bottom:28px;font-size:14px}.button-link{display:inline-block;padding:9px 12px;border:1px solid #adb8c4;border-radius:3px;background:#f7f9fc;text-decoration:none}.chapter-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.chapter-list>li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;align-items:start;padding:17px 0;border-bottom:1px solid var(--line)}.chapter-number{color:var(--muted);font-variant-numeric:tabular-nums;padding-top:2px}.chapter-list h2{font-size:17px;font-weight:600;margin:0 0 6px}.chapter-list p{color:var(--muted);margin:0;line-height:1.5}.chapter-progress{text-align:right;font-size:12px;color:var(--muted);padding-top:3px}.learning-layout{max-width:1220px;margin:0 auto;padding:28px 24px 48px;display:grid;grid-template-columns:220px minmax(0,1fr);gap:40px;align-items:start}.chapter-sidebar{position:sticky;top:16px;max-height:calc(100dvh - 32px);overflow:auto}.chapter-menu summary{cursor:pointer;font-weight:600;padding:4px 0 12px}.chapter-menu ol{padding:0;margin:0;list-style:none}.chapter-menu li a{display:block;padding:7px 10px;color:#40474f;font-size:13px;text-decoration:none;border-left:2px solid transparent}.chapter-menu li a:hover{background:#f5f5f5}.chapter-menu li a[aria-current=page]{color:#194777;border-left-color:var(--accent);background:#edf3f9;font-weight:600}.overview-link{display:inline-block;font-size:13px;margin:18px 10px 0}.chapter-content{min-width:0;max-width:800px}.chapter-content h1{font-size:30px;font-weight:600;margin:8px 0 12px}.chapter-content h2{font-size:21px;font-weight:600;margin:0 0 12px}.chapter-content p{font-size:15px;line-height:1.75;margin:10px 0 16px}.chapter-intro{color:var(--muted)}.chapter-contents{display:flex;gap:8px 16px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:18px}.chapter-contents .text-button{font-size:13px;white-space:normal;text-align:left;text-decoration:underline}.lesson-section{padding-top:30px;scroll-margin-top:20px}.lesson-section p code,.lesson-definitions code,.self-check code{font:.92em Consolas,monospace;background:#f1f3f5;color:#254d75;padding:1px 4px;border-radius:2px;overflow-wrap:anywhere}.lesson-definitions{padding-left:22px;margin:12px 0 18px;font-size:15px;line-height:1.75}.lesson-definitions li+li{margin-top:6px}.code-example{margin:16px 0;border:1px solid #d6dde4;background:#f7f9fb}.example-label{display:block;padding:8px 14px;color:var(--muted);font-size:12px;border-bottom:1px solid #e1e5ea}.chapter-content pre{padding:14px;overflow:auto;margin:0;font:14px/1.65 Consolas,monospace;tab-size:2}.example-html{font-size:13px;margin-bottom:12px}.example-html summary{cursor:pointer;color:var(--muted)}.example-html pre{background:#f7f7f7;margin-top:10px}.lesson-example{display:block;width:100%;height:190px;border:1px solid var(--line);background:#fff}.chapter-content .lesson-note{padding:10px 14px;border-left:3px solid #b8c6d5;background:#f7f9fb;color:#46515c;font-size:14px}.chapter-practice{margin-top:36px;padding-top:24px;border-top:1px solid var(--line);scroll-margin-top:20px}.chapter-practice ul{margin:0;padding:0;list-style:none}.chapter-practice li{display:flex;gap:16px;justify-content:space-between;align-items:start;padding:16px;margin:10px 0;border:1px solid #c5d1df;background:#f8fafc}.practice-link{font-size:17px;font-weight:600}.chapter-practice li p{font-size:14px;margin:5px 0 0}.chapter-practice .task-status{white-space:nowrap;padding-top:4px}.self-check{margin-top:32px}.self-check details{padding:12px 0;border-bottom:1px solid var(--line)}.self-check summary{cursor:pointer;font-size:14px;line-height:1.6}.self-check details p{margin-bottom:0;font-size:14px}.chapter-resources{margin:32px 0}.chapter-resources h2{font-size:17px}.chapter-resources p,.chapter-resources li{font-size:13px;line-height:1.6}.chapter-resources ul{padding-left:18px}.chapter-resources li+li{margin-top:8px}.external-label{color:var(--muted);font-size:12px}.chapter-pagination{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;padding-top:20px;border-top:1px solid var(--line);font-size:14px}.study-context{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 0 0;font-size:12px}.workspace:has(.study-context){min-height:720px}.chapter-content .chapter-save{color:var(--muted);font-size:12px}.try-instruction{border-left:3px solid #91adc9;padding-left:12px}.inline-workbench{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border:1px solid var(--line)}.inline-source,.inline-result{min-width:0}.inline-source{border-right:1px solid var(--line)}.inline-label{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:42px;padding:6px 12px;border-bottom:1px solid var(--line);background:#f7f8f9;font-size:12px;color:#52606b}.inline-label select{font-size:12px;padding:3px}.inline-editor,.inline-html-editor{height:280px;overflow:hidden}.inline-source-tabs{padding:0 12px;height:42px}.inline-source-tabs .tabs{align-self:stretch;height:auto}.inline-preview-scroll{overflow:auto;height:280px}.inline-example .lesson-example{height:100%;border:0;max-width:none}.inline-actions{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px;padding:8px 0;color:var(--muted);font-size:11px}.inline-actions button{font-size:12px}.inline-hint{margin:4px 0 12px;font-size:13px}.inline-hint summary{cursor:pointer;color:var(--accent)}.chapter-content .inline-hint p,.chapter-content .inline-version{font-size:13px}@media(max-width:1000px){.inline-workbench{grid-template-columns:minmax(0,1fr)}.inline-source{border-right:0;border-bottom:1px solid var(--line)}.inline-editor,.inline-html-editor,.inline-preview-scroll{height:230px}}@media(max-width:1000px){.learning-layout{grid-template-columns:190px minmax(0,1fr);gap:24px}.header-navigation{gap:16px}}@media(max-width:760px){.topbar{align-items:flex-start}.header-navigation{width:100%;justify-content:space-between}.header-actions{margin-left:auto}.learning-layout{display:block;padding:16px}.chapter-sidebar{position:static;max-height:none;border-bottom:1px solid var(--line);margin-bottom:24px;padding-bottom:12px}.chapter-content h1{font-size:26px}.chapter-content p{font-size:14px}.chapter-list>li{grid-template-columns:24px minmax(0,1fr)}.chapter-progress{grid-column:2;text-align:left}.chapter-practice li{flex-direction:column;gap:8px}.chapter-content pre{font-size:13px}.workspace:has(.study-context){min-height:0}}