:root{--bg:#0d1522;--panel:#121c2c;--panel-2:#18243a;--line:#24334d;--text:#e6edf7;--muted:#93a4bf;--accent:#4cc9a8;--accent-ink:#06231c;--warn:#ffb347;--danger:#ff6b6b;--radius:10px;color:var(--text);background:var(--bg);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-size:14px;line-height:1.5;overflow:hidden}button,input{font:inherit;color:inherit}button{cursor:pointer;text-align:inherit;background:0 0;border:0;padding:0}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}ul,ol{margin:0;padding:0;list-style:none}h1,h2,h3,p{margin:0}.app{grid-template:"top top top"58px"left view right"minmax(0,1fr)/330px minmax(0,1fr) 350px;height:100dvh;display:grid}.topbar{background:var(--panel);border-bottom:1px solid var(--line);grid-area:top;justify-content:space-between;align-items:center;gap:16px;padding:0 16px;display:flex}.brand{align-items:center;gap:10px;min-width:0;display:flex}.brand-mark{background:var(--accent);width:32px;height:32px;color:var(--accent-ink);border-radius:8px;place-items:center;font-weight:700;display:grid}.brand h1{letter-spacing:.01em;font-size:16px}.brand p{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.tabs{background:var(--bg);border-radius:999px;gap:4px;padding:4px;display:flex}.tab{color:var(--muted);white-space:nowrap;border-radius:999px;padding:6px 16px;font-weight:600}.tab:hover{color:var(--text)}.tab.active{background:var(--accent);color:var(--accent-ink)}.panel{background:var(--panel);min-height:0}.panel-left{border-right:1px solid var(--line);grid-area:left}.panel-right{border-left:1px solid var(--line);grid-area:right}.panel-scroll{flex-direction:column;gap:12px;height:100%;padding:14px;display:flex;overflow-y:auto}.viewport{background:var(--bg);grid-area:view;min-height:0;position:relative}.viewport canvas{touch-action:none}.toolbar-wrap{pointer-events:none;z-index:5;flex-wrap:wrap;justify-content:center;gap:6px;max-width:calc(100% - 24px);display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.toolbar-wrap>*{pointer-events:auto}.toolbar{border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#121c2cd9;border-radius:999px;gap:2px;max-width:100%;padding:4px;display:flex;overflow-x:auto}.toolbar button.on{background:var(--accent);color:var(--accent-ink)}.tool-panel{border:1px solid var(--line);background:#121c2ce6;border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px;padding:6px 10px;font-size:12px;display:flex}.segmented.small{grid-template-columns:repeat(3,auto);padding:3px}.tool-dock{z-index:5;flex-direction:column;align-items:center;gap:6px;max-width:calc(100% - 24px);display:flex;position:absolute;bottom:36px;left:50%;transform:translate(-50%)}.segmented.small button{padding:3px 10px;font-size:12px}.slider{color:var(--muted);align-items:center;gap:8px;display:flex}.slider input{width:160px;accent-color:var(--accent)}.physio-badge{text-align:center;color:var(--muted);pointer-events:none;background:#121c2cd9;border-radius:999px;padding:3px 10px;font-size:12px}.label-layer{pointer-events:none;position:absolute;inset:0;overflow:hidden}.label-lines{width:100%;height:100%;position:absolute;inset:0}.label-lines polyline{fill:none;stroke:#e6edf7b3;stroke-width:1px}.label-lines circle{fill:#fff}.atlas-label{border:1px solid var(--line);white-space:nowrap;pointer-events:auto;cursor:pointer;background:#080d16d1;border-radius:6px;padding:2px 8px;font-size:12px;line-height:16px;position:absolute;top:0;left:0}.atlas-label:hover,.atlas-label.selected{border-color:var(--warn);color:var(--warn)}.toolbar button{color:var(--muted);white-space:nowrap;border-radius:999px;padding:5px 12px;font-size:13px}.toolbar button:hover{background:var(--panel-2);color:var(--text)}.viewport-hint{text-align:center;color:var(--muted);pointer-events:none;padding:0 12px;font-size:12px;position:absolute;bottom:10px;left:0;right:0}.hover-tip{z-index:50;border:1px solid var(--line);pointer-events:none;white-space:nowrap;background:#080d16eb;border-radius:6px;padding:4px 10px;font-size:13px;transition:opacity .12s;position:fixed;top:0;left:0}.marker-label{color:var(--text);white-space:nowrap;background:#080d16eb;border:1px solid;border-radius:6px;padding:3px 9px;font-size:12px;font-weight:600}@keyframes spin{to{transform:rotate(360deg)}}.loading{border:1px solid var(--line);pointer-events:none;background:#121c2ce6;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:13px;display:flex;position:absolute;top:56px;left:50%;transform:translate(-50%)}.spinner{border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin}.section-title{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:700}.muted{color:var(--muted)}.small{font-size:12px}.row-between{justify-content:space-between;align-items:center;gap:8px;display:flex}.chips{gap:4px;display:flex}.chip{border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:12px}.chip:hover{color:var(--text);border-color:var(--muted)}.search{border-radius:var(--radius);border:1px solid var(--line);background:var(--bg);width:100%;padding:9px 12px}.search::placeholder{color:var(--muted)}.btn{border:1px solid var(--line);background:var(--panel-2);text-align:center;border-radius:8px;padding:7px 12px;font-weight:600}.btn:hover{border-color:var(--muted)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.active{border-color:var(--warn);color:var(--warn)}.btn.learned{border-color:var(--accent);color:var(--accent)}.actions{flex-wrap:wrap;gap:6px;display:flex}.systems{flex-direction:column;gap:6px;display:flex}.system{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2);overflow:hidden}.system:not(.on) .system-title span{color:var(--muted)}.system-head{align-items:center;gap:10px;padding:9px 10px;display:flex}.eye{border:2px solid;border-radius:50%;flex:none;width:18px;height:18px}.system-title{flex-direction:column;flex:1;min-width:0;display:flex}.system-title span{font-weight:600}.system-title small{color:var(--muted);font-size:12px}.caret{color:var(--muted);text-align:center;width:20px}.progress{background:var(--line);height:2px}.progress span{background:var(--accent);height:100%;transition:width .25s;display:block}.progress.tall{border-radius:3px;height:5px;overflow:hidden}.system-body{flex-direction:column;gap:8px;padding:10px;font-size:13px;display:flex}.system-controls{justify-content:space-between;align-items:center;gap:10px;display:flex}.system-controls label{color:var(--muted);flex:1;align-items:center;gap:8px;font-size:12px;display:flex}.system-controls input[type=range]{min-width:0;accent-color:var(--accent);flex:1}.rows{flex-direction:column;display:flex}.system>.rows{padding:0 6px 6px}.row{border-radius:7px;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:6px 8px;display:flex}.row:hover{background:#ffffff0d}.row.selected{box-shadow:inset 2px 0 0 var(--warn);background:#ffb34724}.row-name{flex-direction:column;min-width:0;display:flex}.row-name em{color:var(--muted);font-size:12px}.check{color:var(--accent);font-weight:700}.segmented{border-radius:var(--radius);background:var(--bg);grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.segmented button{text-align:center;color:var(--muted);border-radius:7px;padding:6px;font-weight:600}.segmented button.active{background:var(--panel-2);color:var(--text)}.info{flex-direction:column;gap:10px;display:flex}.info h2{font-size:20px;line-height:1.25}.info h3{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:4px;font-size:12px}.info h3.clinical-title{color:var(--accent)}.latin{color:var(--muted);margin-top:-6px;font-style:italic}.badge{border:1px solid;border-radius:999px;align-self:flex-start;padding:2px 10px;font-size:12px;font-weight:600}.info ul,.steps{flex-direction:column;gap:6px;padding-left:18px;display:flex}.info ul{list-style:outside}.steps{list-style:decimal}.info ul.clinical{padding-left:0;list-style:none}.clinical li{border-left:3px solid var(--accent);background:#4cc9a817;border-radius:8px;padding:8px 10px}.warning{border-left:3px solid var(--danger);background:#ff6b6b1a;border-radius:8px;padding:8px 10px}.stat{border-radius:var(--radius);background:var(--panel-2);border:1px solid var(--line);align-items:baseline;gap:8px;padding:10px 12px;display:flex}.stat strong{color:var(--accent);font-size:20px}.stat span{color:var(--muted)}.disclaimer{border-top:1px solid var(--line);color:var(--muted);margin-top:auto;padding-top:12px;font-size:12px}.quiz-modes,.options{flex-direction:column;gap:8px;display:flex}.quiz-mode{border-radius:var(--radius);border:1px solid var(--line);background:var(--panel-2);flex-direction:column;gap:2px;width:100%;padding:12px;display:flex}.quiz-mode:hover{border-color:var(--accent)}.quiz-mode strong{font-size:15px}.quiz-mode span,.quiz-mode small{color:var(--muted)}.quiz-prompt{font-size:16px;font-weight:600}.quiz-prompt strong{color:var(--warn)}.option{border:1px solid var(--line);background:var(--panel-2);border-radius:8px;width:100%;padding:10px 12px}.option:not(:disabled):hover{border-color:var(--accent)}.option:disabled{cursor:default}.option.correct{border-color:var(--accent);background:#4cc9a826}.option.wrong{border-color:var(--danger);background:#ff6b6b1f}.feedback{border-radius:var(--radius);border:1px solid;flex-direction:column;gap:8px;padding:12px;display:flex}.feedback.ok{border-color:var(--accent)}.feedback.ok>strong{color:var(--accent)}.feedback.no{border-color:var(--danger)}.feedback.no>strong{color:var(--danger)}.quiz-result{flex-direction:column;gap:10px;display:flex}.score{color:var(--accent);font-size:44px;font-weight:700;line-height:1}.score span{color:var(--muted);font-size:20px}@media (width<=1080px){.app{grid-template:"top top"58px"left view"minmax(0,1.25fr)"left right"minmax(0,1fr)/300px minmax(0,1fr)}.panel-right{border-left:0;border-top:1px solid var(--line)}}@media (width<=720px){body{overflow:auto}.app{flex-direction:column;height:auto;min-height:100dvh;display:flex}.topbar{z-index:30;flex-wrap:wrap;gap:8px;padding:8px 12px;position:sticky;top:0}.brand h1{white-space:nowrap}.tabs{width:100%}.tab{text-align:center;flex:1;padding:6px 8px}.viewport{flex:none;height:56dvh}.toolbar-wrap{scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;max-width:none;top:8px;left:8px;right:8px;overflow-x:auto;transform:none}.toolbar{flex:none;overflow:visible}.toolbar button{padding:4px 9px;font-size:12px}.tool-dock{bottom:8px}.tool-panel{gap:6px;padding:5px 8px}.load-error,.loading{top:52px}.slider input{width:110px}.viewport-hint{display:none}.panel{border:0;border-top:1px solid var(--line)}.panel-right{order:3}.panel-left{order:4}.panel-scroll{height:auto;overflow:visible}}body:has(.review){overflow:auto}.review{max-width:1100px;color:var(--text);margin:0 auto;padding:24px 16px 64px}.review h2{margin:32px 0 8px;font-size:20px}.review h3{color:var(--accent);margin:20px 0 8px;font-size:15px}.rv-head{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:16px;padding-bottom:16px;display:flex}.rv-head h1{margin-bottom:6px;font-size:22px}.rv-head p{color:var(--muted);margin-top:4px}.rv-actions{align-items:flex-start;gap:8px;display:flex}.rv-actions a{color:inherit;text-decoration:none}.review table{border-collapse:collapse;width:100%;font-size:13px}.review th,.review td{border:1px solid var(--line);vertical-align:top;text-align:left;padding:8px}.review th{background:var(--panel-2)}.review td p{margin:0 0 4px}.review td ul,.review td ol{margin:0 0 6px;padding-left:18px}.review td ul{list-style:outside}.review td ol{padding-left:22px;list-style:upper-alpha}.rv-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:11px;font-weight:700}.rv-tag{border:1px solid var(--line);border-radius:999px;margin-top:4px;margin-right:4px;padding:0 6px;font-size:11px;display:inline-block}.rv-warn{color:var(--danger)}.rv-verdict span{margin-bottom:4px;display:block}.rv-notes{min-height:48px;color:var(--muted)}@media print{:root{--text:#111;--muted:#555;--line:#999;--panel-2:#eee;--accent:#0a5c4a;--danger:#a00}html,body{background:#fff;height:auto;overflow:visible}.rv-actions{display:none}.review{max-width:none;padding:0}.review tr{break-inside:avoid}}.disclaimer a{color:var(--accent)}.step-list{flex-direction:column;display:flex}.step-card{border-radius:var(--radius);border:1px solid var(--line);background:var(--panel-2);flex-direction:column;gap:8px;padding:12px;display:flex}.step-card h3{font-size:16px}.btn:disabled{opacity:.4;cursor:default}.warning-inline{color:var(--danger);margin-top:4px}.exam-setup{flex-direction:column;gap:12px;display:flex}.field{color:var(--muted);border:0;flex-direction:column;flex:1;gap:6px;margin:0;padding:0;font-size:12px;display:flex}.field legend{margin-bottom:6px}.field-row{gap:10px;display:flex}.field select{color:var(--text)}.chip-grid{flex-wrap:wrap;gap:6px;display:flex}.chip.on{border-color:var(--accent);color:var(--accent)}.quiz-mode.exam{border-color:#4cc9a880}.timer{font-variant-numeric:tabular-nums;border:1px solid var(--line);border-radius:999px;padding:3px 8px;font-size:12px}.timer.low{color:var(--danger);border-color:var(--danger)}.report-meta{grid-template-columns:auto 1fr;gap:2px 10px;margin:0;font-size:13px;display:grid}.report-meta dt{color:var(--muted)}.report-meta dd{margin:0}.report-table{border-collapse:collapse;width:100%;margin-top:8px;font-size:12px}.report-table th,.report-table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:6px 4px}.report-table small{color:var(--muted)}.report-table tr.ok td:last-child{color:var(--accent)}.report-table tr.no td:last-child{color:var(--danger)}@media print{body.printing-report *{visibility:hidden}body.printing-report .quiz-report,body.printing-report .quiz-report *{visibility:visible;color:#111!important}body.printing-report .quiz-report{background:#fff;width:100%;position:absolute;inset:0 auto auto 0}}.transfer{flex-direction:column;gap:6px;display:flex}label.btn{cursor:pointer}.viewport-message{flex-direction:column;justify-content:center;gap:10px;max-width:560px;margin:0 auto;padding:32px;display:flex;position:absolute;inset:0}.load-error{border:1px solid var(--danger);z-index:6;background:#3c1014eb;border-radius:12px;align-items:center;gap:10px;max-width:calc(100% - 24px);padding:8px 12px;font-size:13px;display:flex;position:absolute;top:100px;left:50%;transform:translate(-50%)}.step-text-mobile{display:none}@media (width<=720px){.step-text-mobile{display:block}}.toast{background:var(--accent);color:var(--accent-ink);z-index:60;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.kind-tag{border:1px solid var(--line);color:var(--muted);border-radius:999px;flex:none;padding:0 8px;font-size:11px}.flash-answer{border-radius:var(--radius);border:1px solid var(--line);background:var(--panel-2);flex-direction:column;gap:6px;padding:12px;display:flex}.flash-answer h3{font-size:18px}.clinical-note{border-left:3px solid var(--accent);background:#4cc9a817;border-radius:6px;padding:6px 8px}.actions.grade .btn{flex-direction:column;flex:1;align-items:center;display:flex}.actions.grade small{opacity:.8;font-size:11px;font-weight:400}.btn.lupa{border-color:var(--danger);color:var(--danger)}.glossary{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2);flex-direction:column;gap:10px;padding:10px;display:flex}.glossary-toggle{width:100%}.glossary-group dl{flex-direction:column;gap:10px;margin:6px 0 0;display:flex}.glossary-term dt{justify-content:space-between;align-items:center;gap:8px;font-weight:600;display:flex}.glossary-term dd{margin:2px 0 0;font-size:13px}.title-row{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.star{color:var(--muted);padding:2px 4px;font-size:22px;line-height:1}.star.on{color:var(--warn)}.note-field{flex-direction:column;gap:6px;display:flex}.note-field textarea{resize:vertical;border:1px solid var(--line);background:var(--bg);width:100%;color:var(--text);font:inherit;border-radius:8px;padding:8px 10px;font-size:13px}.quiz-mode.active{border-color:var(--warn)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--accent);color:var(--accent-ink);border-radius:8px;padding:8px 12px;font-weight:700;position:absolute;top:-40px;left:8px}.skip-link:focus{top:8px}.viewport:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.panel,.topbar{zoom:var(--ui-zoom,1)}.a11y-tools{gap:2px;margin-left:auto;display:flex}.a11y-tools button{border:1px solid var(--line);min-width:32px;color:var(--muted);border-radius:8px;padding:4px 8px;font-size:13px;font-weight:700}.a11y-tools button[aria-pressed=true]{color:var(--accent-ink);background:var(--accent)}.a11y-tools button:disabled{opacity:.35}:root[data-contrast=high]{--bg:#000;--panel:#05080d;--panel-2:#0d131c;--line:#8a9ab3;--text:#fff;--muted:#d6dee9;--accent:#5ef0c8;--warn:#ffc266;--danger:#ff8f8f}:root[data-contrast=high] button:focus-visible,:root[data-contrast=high] input:focus-visible{outline-width:3px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (width<=720px){.a11y-tools{order:2}}.brand>div,.topbar{min-width:0}.brand h1{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}