@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";
:root{--paper:#fbfcfe;--surface:#fff;--canvas:#fbfcfe;--ink:#232735;--muted:#7a8192;--line:#e7eaf0;--accent:#4165ed;--deep:#4165ed;--green:#e6edff;--accent-soft:#edf2ff;--lab-green:#e6edff;--lab-deep:#4165ed;--lab-surface:#f8faff;--lab-control:#fff;--lab-feedback:#edf2ff;--warning:#a26430;--font-body:"DM Sans", sans-serif;--floating-shadow:0 4px 20px #1d2b5010, 0 1px 3px #1d2b5008}*{box-sizing:border-box}body{background:var(--canvas);color:var(--ink);font:14px/1.5 var(--font-body);margin:0}button,textarea,select,input{font:inherit}button{color:inherit;cursor:pointer;background:0 0;border:0}a{color:inherit;text-decoration:none}button,a,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button:not(:disabled),a{transition:color .15s,background-color .15s,border-color .15s}button svg{flex-shrink:0}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex="0"]:focus-visible{outline-offset:3px;outline:3px solid #4165ed70}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--ink);color:#fff;border-radius:8px;padding:10px 15px;position:fixed;top:10px;left:20px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.eyebrow{letter-spacing:1.25px;color:var(--muted);font-size:9px;font-weight:600}.canvas-workspace{isolation:isolate;background:var(--canvas);width:100%;height:100dvh;min-height:400px;position:relative;overflow:hidden}.canvas-stage{position:absolute;inset:0}.canvas-header{z-index:10;pointer-events:none;background:linear-gradient(var(--canvas) 55%, #fbfcfe00);justify-content:space-between;align-items:center;gap:24px;padding:23px 26px;display:flex;position:absolute;top:0;left:0;right:0}.canvas-identity,.canvas-actions{pointer-events:auto;align-items:center;display:flex}.canvas-identity{gap:20px;min-width:0}.canvas-wordmark{letter-spacing:-1.6px;padding:0;font-size:23px;font-weight:700;line-height:1}.canvas-wordmark>span{color:var(--accent);vertical-align:5px;margin-left:2px;font-size:16px;display:inline-block}.header-divider{background:#dfe4ee;flex-shrink:0;width:1px;height:24px}.canvas-document{align-items:center;gap:9px;min-width:0;display:flex}.canvas-document-title{color:#646d80;text-overflow:ellipsis;white-space:nowrap;max-width:min(34vw,420px);font-size:12px;overflow:hidden}.lesson-origin{color:#8490a5;white-space:nowrap;background:#f0f3f8;border:1px solid #e6eaf1;border-radius:4px;padding:2px 6px;font-size:8px}.canvas-actions{flex-shrink:0;gap:7px}.toolbar-button,.new-lesson-button{color:#70798a;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-height:34px;padding:8px 11px;font-size:11px;display:flex}.toolbar-button:hover{color:var(--ink);background:#edf1f8}.new-lesson-button{background:var(--ink);color:#fff;margin-left:4px;padding:9px 13px}.new-lesson-button:hover{background:#3f4960}.request-chip{background:var(--accent-soft);color:var(--accent);border-radius:6px;align-items:center;gap:7px;margin-right:4px;padding:7px 9px;font-size:10px;display:flex}.request-error{color:var(--warning);background:#fff4e8}.canvas-view-switch{z-index:8;border:1px solid var(--line);background:#fffefef0;border-radius:8px;gap:2px;padding:3px;display:flex;position:absolute;bottom:28px;left:78px;box-shadow:0 2px 7px #1d2b5006}.canvas-view-switch button{color:#9199a8;border-radius:5px;align-items:center;gap:6px;padding:7px 10px;font-size:10px;display:flex}.canvas-view-switch button.active{color:#4a556b;background:#f0f3f9}.canvas-view-switch button:hover{color:var(--ink)}.canvas-map-legend{z-index:5;color:#949eae;pointer-events:none;flex-wrap:wrap;gap:13px;font-size:9px;display:flex;position:absolute;bottom:111px;left:26px}.canvas-map-legend span{align-items:center;gap:5px;display:flex}.canvas-map-legend i{border-top:1px solid #8293bd;width:15px}.canvas-map-legend i.dashed{border-top-style:dashed}.sequence-dock{z-index:12;border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);max-width:calc(100% - 120px);box-shadow:var(--floating-shadow);background:#fffffff5;border-radius:13px;align-items:center;gap:10px;padding:10px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.sequence-arrow,.sequence-inspect{color:#818b9c;border-radius:7px;flex-shrink:0;place-items:center;width:37px;height:37px;display:grid}.sequence-arrow:hover:not(:disabled),.sequence-inspect:hover{color:var(--ink);background:#f0f3fa}.sequence-next{color:var(--accent);background:var(--accent-soft)}.sequence-next:hover{color:var(--accent)!important;background:#e0e8ff!important}.sequence-current{text-align:left;grid-template-columns:1fr 15px;column-gap:14px;min-width:190px;max-width:300px;padding:0 12px 0 2px;display:grid}.sequence-current>span{color:#959fb0;letter-spacing:.9px;grid-column:1;margin-bottom:2px;font-size:8px}.sequence-current strong{text-overflow:ellipsis;white-space:nowrap;grid-column:1;font-size:12px;font-weight:500;overflow:hidden}.sequence-current>svg{color:#9ca5b4;grid-area:1/2/3;align-self:center}.sequence-dots{align-items:center;gap:5px;margin:0 15px;display:flex}.sequence-dots button{background:#dce2ee;border-radius:50%;width:7px;height:7px;padding:0;position:relative}.sequence-dots button:before{content:"";position:absolute;inset:-8px -2px}.sequence-dots button.active{background:var(--accent);border-radius:6px;width:18px}.sequence-inspect{border-left:1px solid var(--line);border-radius:0;width:43px}.sequence-popover{background:var(--surface);border:1px solid var(--line);width:340px;max-width:calc(100vw - 32px);max-height:min(520px,65dvh);box-shadow:var(--floating-shadow);border-radius:12px;padding:10px;position:absolute;bottom:calc(100% + 12px);left:0;overflow-y:auto}.sequence-popover-heading{color:var(--muted);letter-spacing:1px;justify-content:space-between;align-items:center;padding:4px 7px 7px;font-size:8px;display:flex}.sequence-popover>button{text-align:left;border-radius:7px;align-items:start;gap:10px;width:100%;padding:11px 9px;display:flex}.sequence-popover>button:hover,.sequence-popover>button.active{background:#f2f5fc}.sequence-popover>button>span{color:#99a3b4;place-items:center;width:22px;min-width:22px;height:22px;font-size:9px;display:grid}.sequence-popover>button.active>span{color:var(--accent);background:#e5ecff;border-radius:5px}.sequence-popover strong{font-size:11px;font-weight:500;display:block}.sequence-popover small{color:#929bac;margin-top:3px;font-size:9px;line-height:1.6;display:block}.detail-drawer{z-index:15;border:1px solid var(--line);background:#fffffffc;border-radius:13px;outline:none;flex-direction:column;width:420px;max-width:calc(100% - 40px);animation:.2s ease-out drawer-in;display:flex;position:absolute;top:83px;bottom:103px;right:20px;overflow:hidden;box-shadow:0 8px 35px #1c294017}.drawer-header{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:9px 12px 0;display:flex}.drawer-header nav{gap:4px;display:flex}.drawer-header nav button{color:#939bad;border-bottom:2px solid #0000;padding:11px 10px 13px;font-size:11px}.drawer-header nav button.active{color:var(--accent);border-color:var(--accent)}.icon-button{color:#8c95a5;border-radius:6px;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid}.icon-button:hover{color:var(--ink);background:#f0f3f8}.drawer-header>.icon-button{margin-bottom:8px}.drawer-scroll{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.lesson-content{padding:25px}.detail-kicker{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.lesson-content h2{letter-spacing:-.8px;overflow-wrap:anywhere;margin:9px 0 10px;font-size:25px;font-weight:600;line-height:1.25}.lesson-content p{color:#7a8293;font-size:12px;line-height:1.85}.concept-summary{margin:0 0 23px;font-size:12px}.learning-objective{border-left:2px solid #bacbfc;margin:20px 0;padding-left:12px}.learning-objective .eyebrow{color:#8793ab;font-size:8px}.learning-objective p{margin:5px 0 0;font-size:11px}.explanation{white-space:pre-line;margin:22px 0}.example{background:#f7f9fd;border-left:2px solid #cbd6f4;margin:23px 0;padding:15px}.example .eyebrow{font-size:8px}.example p{margin:8px 0}.example small{color:#9aa4b5;font-size:8px}.review-badge{color:#a67b43;background:#fff6e7;border-radius:4px;padding:4px 7px;font-size:8px}.review-links{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.review-links>span{color:#8c97ac;width:100%;font-size:9px}.review-links button{color:var(--accent);background:var(--accent-soft);border-radius:5px;align-items:center;gap:5px;padding:6px 8px;font-size:9px;display:flex}.concept-connections{border-top:1px solid var(--line);margin-top:25px;padding-top:20px}.concept-connections>.eyebrow{margin-bottom:10px;display:block}.concept-connections>button{text-align:left;border-bottom:1px solid #eef1f6;align-items:center;gap:8px;width:100%;padding:12px 0;display:flex}.concept-connections>button>span{color:#939daf;flex-shrink:0;width:80px;font-size:9px}.concept-connections>button strong{flex:1;font-size:10px;font-weight:500}.concept-connections>button>svg{color:#a4adbc}.source-link{text-align:left;width:100%;color:var(--accent);align-items:center;gap:7px;margin-top:17px;padding:7px 0;font-size:10px;display:flex}.source-link>svg:last-child{margin-left:auto}.lesson-footer{border-top:1px solid var(--line);justify-content:space-between;gap:10px;padding:17px 25px;display:flex}.primary-button,.secondary-button{border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:9px;min-height:37px;padding:10px 13px;font-size:10px;display:inline-flex}.primary-button{color:#fff;background:var(--accent)}.primary-button:hover:not(:disabled){background:#3356d6}.secondary-button{border-color:var(--line);color:#7a8497;background:#fff}.secondary-button:hover:not(:disabled){background:#f5f7fc}.text-button{color:#8791a4;padding:8px 0;font-size:10px}.text-button:hover{color:var(--accent)}.practice-status{color:#8190ac;margin:20px 0;font-size:10px}.final-question{border-top:1px solid var(--line);padding:20px 0}.final-question-header>span{letter-spacing:1px;color:#959fb1;font-size:8px}.final-question-header>div,.source-concepts{flex-wrap:wrap;gap:6px;margin-top:9px;display:flex}.final-question-header button,.source-concepts button{border:1px solid var(--line);color:#8290a8;border-radius:5px;align-items:center;gap:4px;padding:4px 6px;font-size:8px;display:inline-flex}.practice-note{border-top:1px solid var(--line);padding-top:16px;color:#969fb0!important;font-size:10px!important}.source-scope{color:#929daf;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:20px 0;font-size:9px;display:flex}.source-scope button{text-underline-offset:3px;color:var(--accent);padding:4px 0;text-decoration:underline}.source-passage{border-top:1px solid var(--line);margin:20px 0;padding-top:20px}.source-heading{align-items:start;gap:10px;display:flex}.source-number{color:#9aa5b6;align-items:center;gap:5px;padding-top:3px;font-size:8px;display:flex}.source-heading h3{margin:0;font-size:12px;font-weight:500;line-height:1.5}.source-locator{color:#8e9bb2;overflow-wrap:anywhere;align-items:center;gap:4px;margin:10px 0;display:flex;font-size:9px!important}a.source-locator{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.source-passage blockquote{color:#7c879a;white-space:pre-wrap;overflow-wrap:anywhere;border-left:2px solid #d9e1f6;max-height:400px;margin:17px 0;padding:0 0 0 13px;font-size:11px;line-height:1.9;overflow-y:auto}.source-concepts>span{letter-spacing:1px;color:#a3acbb;width:100%;margin-bottom:3px;font-size:8px}.empty-state{color:#95a0b2;padding:15px 0;font-size:11px}.composer-dialog{width:590px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 60px);color:var(--ink);background:#fff;border:1px solid #e7ebf4;border-radius:18px;padding:0;box-shadow:0 24px 100px #26335c1f}.composer-dialog::backdrop{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#edf1f8bd}.composer-dialog-inner{padding:43px;position:relative}.dialog-close{position:absolute;top:16px;right:16px}.composer-intro h1{letter-spacing:-1.35px;margin:13px 0;font-size:35px;font-weight:500;line-height:1.13}.composer-intro p{color:#939bae;margin:12px 0 26px;font-size:11px}.notes-input{resize:vertical;color:#626f88;background:#fafbfe;border:1px solid #dfe5f1;border-radius:9px;width:100%;min-height:140px;max-height:300px;padding:14px;font-size:12px;line-height:1.8;display:block}.notes-input::placeholder{color:#a5aec0}.composer-tools{justify-content:space-between;align-items:center;gap:10px;margin-top:13px;display:flex}.composer-tools>span{color:#adb5c3;font-size:8px}.generation-modes{gap:3px;display:inline-flex}.generation-modes button{color:#a1aabd;border-radius:5px;align-items:center;gap:5px;padding:5px 7px;font-size:9px;display:flex}.generation-modes button.active{color:#5e77bd;background:#eff3ff}.generation-modes button>span{color:#879bcc;font-size:7px}.mode-explanation{color:#a0a9bb;margin:9px 0 22px;font-size:9px;line-height:1.8}.composer-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.composer-actions .primary-button{min-height:40px;padding:10px 15px;font-size:10px}.generation-progress{color:#7e90bd;background:#f2f6ff;border-radius:7px;align-items:center;gap:9px;margin-top:18px;padding:12px;font-size:10px;display:flex}.error{color:#9a694a;background:#fff4ed;border-left:2px solid #e7a278;margin-top:18px;padding:13px;font-size:10px;line-height:1.8}.error p{margin:5px 0}.error span{font-size:9px}.chat-handoff{border-top:1px solid var(--line);margin-top:22px;padding-top:20px}.handoff-heading{align-items:start;gap:10px;display:flex}.handoff-icon{color:#879bd1;background:#f0f4ff;border-radius:7px;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid}.handoff-heading>div{flex:1}.handoff-heading strong{margin-bottom:4px;font-size:11px;font-weight:500;display:block}.handoff-heading>div>span{color:#9ba5b8;font-size:9px;line-height:1.7;display:block}.handoff-heading>.spin{color:#a6b6df;margin-top:7px}.request-reference{padding-top:14px}.request-reference>span{letter-spacing:1px;color:#a5b0c2;margin-bottom:4px;font-size:7px;display:block}.request-reference code{color:#899bbb;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;font-size:9px}.handoff-steps{counter-reset:handoff;margin:17px 0;padding:0;list-style:none}.handoff-steps li{counter-increment:handoff;margin-top:12px;padding-left:24px;position:relative}.handoff-steps li:before{content:counter(handoff);color:#b0bad0;font-size:10px;position:absolute;top:0;left:0}.handoff-steps strong{font-size:10px;font-weight:500;display:block}.handoff-steps li>span{color:#9aa5b9;margin-top:3px;font-size:9px;line-height:1.8;display:block}.copy-request{color:var(--accent)}.mcp-guide,.import-details{border-top:1px solid var(--line);margin-top:16px;padding-top:12px}.mcp-guide>summary,.import-details>summary{cursor:pointer;color:#8996ae;align-items:center;gap:6px;font-size:9px;list-style:none;display:flex}.mcp-guide>summary::-webkit-details-marker{display:none}.import-details>summary::-webkit-details-marker{display:none}.mcp-guide>summary>svg:last-child,.import-details>summary>svg:last-child{margin-left:auto}.mcp-guide[open]>summary>svg:last-child,.import-details[open]>summary>svg:last-child{transform:rotate(180deg)}.mcp-guide p,.import-details p{color:#98a3b8;margin:12px 0 0;font-size:9px;line-height:1.9}.mcp-guide p code{color:#8497c7;background:#f0f4ff;border-radius:3px;padding:2px 4px;font-size:9px}.mcp-guide p a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.mcp-guide p a svg{display:none}.import-details form{margin-top:15px}.import-details label{color:#97a3b8;margin-bottom:6px;font-size:9px;display:block}.import-details textarea{resize:vertical;color:#7a8caa;background:#fafbff;border:1px solid #e2e7f1;border-radius:7px;width:100%;min-height:140px;max-height:300px;padding:11px;font:11px/1.7 ui-monospace,monospace}.import-details .primary-button{margin-top:12px}.handoff-message{color:#8a9ec9;border-left:2px solid #b4c5ed;margin:14px 0 0;padding-left:10px;font-size:9px;line-height:1.8}.flow-map{height:100%;position:relative}.flow-map .react-flow{--xy-controls-button-background-color-default:#fff;--xy-controls-button-color-default:#8895aa;--xy-controls-button-border-color-default:#edf0f5;background:var(--canvas)}.react-flow__node.concept-node{text-align:left;background:#fff;border:1px solid #e1e7f2;border-radius:10px;box-shadow:0 3px 12px #34466b06}.concept-node-button{text-align:left;border-radius:9px;width:100%;padding:17px}.concept-node-button:hover{background:#f6f8fe}.concept-node .node-index{letter-spacing:1px;color:#a9b4c9;justify-content:space-between;font-size:8px;display:flex}.concept-node strong{justify-content:space-between;align-items:start;gap:10px;margin:10px 0 8px;font-size:13px;font-weight:500;line-height:1.4;display:flex}.concept-node strong svg{color:#acb8d0;margin-top:3px}.concept-node .node-summary{color:#96a2ba;font-size:10px;line-height:1.7;display:block}.react-flow__node.concept-node.active{background:#f6f8ff;border-color:#9bb3f6}.react-flow__node.concept-node .react-flow__handle{pointer-events:none;background:#bccbed;border:1px solid #fff;width:5px;min-width:5px;height:5px;min-height:5px}.node-review{color:#bc9764;margin-top:9px;font-size:8px;display:block}.react-flow__controls{border:1px solid var(--line);border-radius:8px;overflow:hidden;box-shadow:var(--floating-shadow)!important;margin:0 0 25px 26px!important}.react-flow__controls button{color:#8e9ab0!important;background:#fff!important;border-color:#eef1f6!important}.react-flow__attribution{color:#a4adbb!important;background:#fbfcfeaa!important;font-size:8px!important}.map-hint{z-index:1;color:#a4adbd;pointer-events:none;font-size:9px;position:absolute;bottom:113px;left:50%;transform:translate(-50%)}.spin{animation:1.5s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes drawer-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@media (max-width:1100px){.canvas-view-switch{inset:83px 22px auto auto}.canvas-document-title{max-width:25vw}.canvas-header{padding:22px}.canvas-identity{gap:13px}.canvas-actions{gap:2px}.toolbar-button{padding:8px}.sequence-dots{margin:0 7px}.has-detail .sequence-dock{max-width:calc(100% - 44px);left:22px;transform:none}.has-detail .sequence-dots{display:none}}@media (max-width:700px){.canvas-header{align-items:start;gap:12px;padding:20px 16px}.canvas-wordmark{font-size:21px}.header-divider{display:none}.canvas-identity{display:block}.canvas-document{gap:6px;margin-top:9px}.canvas-document-title{max-width:42vw;font-size:9px}.lesson-origin{padding:1px 4px;font-size:7px}.canvas-actions{gap:2px}.toolbar-button{width:31px;min-height:31px;padding:7px}.toolbar-button>span,.new-lesson-button>span,.request-chip>span{display:none}.new-lesson-button{width:31px;min-height:31px;margin-left:5px;padding:7px}.request-chip{margin-right:0;padding:8px 6px}.canvas-view-switch{inset:94px auto auto 16px}.canvas-view-switch button{padding:6px 8px;font-size:9px}.sequence-dock,.has-detail .sequence-dock{border-radius:10px;gap:4px;max-width:none;padding:7px;bottom:17px;left:16px;right:16px;transform:none}.sequence-current{flex:1;column-gap:6px;min-width:0;padding-right:8px}.sequence-current strong{font-size:10px}.sequence-current>span{font-size:7px}.sequence-arrow,.sequence-inspect{width:31px;height:34px}.sequence-dots{display:none}.sequence-inspect{width:34px}.sequence-popover{width:calc(100vw - 34px);bottom:calc(100% + 9px);left:0}.canvas-map-legend{font-size:8px;bottom:88px;left:16px}.canvas-map-legend>span:last-child{display:none}.detail-drawer{border-radius:11px;width:auto;max-width:none;inset:143px 12px 85px}.lesson-content{padding:23px}.lesson-content h2{font-size:24px}.composer-dialog{border-radius:13px;max-height:calc(100dvh - 30px)}.composer-dialog-inner{padding:35px 24px 27px}.composer-intro h1{font-size:29px}.composer-intro p{margin-bottom:20px;font-size:10px}.notes-input{min-height:145px;padding:12px;font-size:16px;line-height:1.65}.composer-tools{flex-wrap:wrap;gap:7px}.composer-tools>span{margin-left:auto}.generation-modes button{gap:4px;padding:5px;font-size:8px}.generation-modes button>span{font-size:6px}.mode-explanation{font-size:8px}.composer-actions .primary-button{padding:9px 11px;font-size:9px}.composer-actions .text-button{font-size:9px}.import-details textarea{font-size:16px}.react-flow__controls{margin:0 0 92px 16px!important}.map-hint{font-size:8px;bottom:89px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.react-flow__edge.animated path{animation:none!important}}.further-learning{border-top:1px solid var(--line);margin-top:25px;padding-top:20px}.further-learning>div{margin-top:13px}.further-learning>div>a:first-child{color:#6179b9;justify-content:space-between;align-items:start;gap:10px;font-size:11px;line-height:1.7;display:flex}.further-learning>div>a:first-child>svg{margin-top:3px}.further-learning>div>span{color:#a2adbf;margin-top:4px;font-size:9px;display:block}.further-learning .publisher-link{color:#a1afcc;text-underline-offset:3px;align-items:center;gap:4px;margin-top:8px;font-size:8px;text-decoration:underline;display:inline-flex}.detail-drawer .concept-tags{flex-wrap:wrap;gap:5px;margin:12px 0 15px;padding:0;list-style:none;display:flex}.detail-drawer .concept-tags li{color:#8292b0;background:#f3f6fc;border:1px solid #e8edf6;border-radius:4px;padding:3px 6px;font-size:8px;line-height:1.5}.learner-confidence{border-top:1px solid var(--line);margin:20px 0 24px;padding-top:19px}.confidence-levels{border:0;min-width:0;margin:0;padding:0}.confidence-levels legend{color:#66748d;padding:0;font-size:11px;font-weight:500}.confidence-levels>p,.topic-confidence>p{color:#9aa6ba;margin:5px 0 12px;font-size:9px;line-height:1.8}.confidence-levels>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;display:grid}.confidence-levels label{color:#91a0ba;cursor:pointer;border:1px solid #e5eaf4;border-radius:6px;align-items:start;gap:5px;padding:9px 7px;font-size:8px;line-height:1.5;display:flex}.confidence-levels label.active{color:#597ac9;background:#f1f5ff;border-color:#c1cff4}.confidence-levels input{accent-color:var(--accent);flex-shrink:0;width:10px;height:10px;margin:1px 0 0}.confidence-levels label:focus-within{outline-offset:2px;outline:2px solid #4165ed70}.topic-confidence{margin-top:13px}.topic-confidence>summary{cursor:pointer;color:#92a0b8;font-size:9px}.topic-confidence>summary>span{color:#b0bacb;margin-left:5px;font-size:8px}.topic-confidence-row,.topic-confidence-add{align-items:center;gap:6px;margin-top:7px;display:flex}.topic-confidence-row>input,.topic-confidence-add>input,.topic-confidence-row>select{color:#8192ad;background:#fcfdff;border:1px solid #e2e8f3;border-radius:5px;min-width:0;padding:8px;font-size:9px}.topic-confidence-row>input,.topic-confidence-add>input{flex:1}.topic-confidence-row>select{width:140px}.topic-confidence-add>button{color:var(--accent);align-items:center;gap:4px;padding:7px;font-size:9px;display:flex}.topic-confidence>.confidence-validation{color:#b4875f}@media (max-width:600px){.confidence-levels>div{grid-template-columns:repeat(2,minmax(0,1fr))}.confidence-levels label{padding:10px;font-size:9px}.topic-confidence-row{flex-wrap:wrap}.topic-confidence-row>input{flex-basis:calc(100% - 38px);order:0}.topic-confidence-row>.icon-button{order:1}.topic-confidence-row>select{flex-basis:100%;order:2}.topic-confidence-row>input,.topic-confidence-add>input,.topic-confidence-row>select{font-size:16px}}.hierarchy-page{grid-template-columns:minmax(290px,335px) minmax(0,1fr);gap:28px;display:grid;position:absolute;inset:88px 26px 110px}.hierarchy-reading{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#e1e7f2 transparent;outline:none;min-height:0;padding:0 18px 25px 0;overflow-y:auto}.page-breadcrumbs{color:#a2aec1;flex-wrap:wrap;align-items:baseline;gap:5px;margin:0 0 15px;font-size:8px;line-height:1.7;display:flex}.page-breadcrumbs>button{color:#8a9dbe;text-align:left;padding:0;font-size:8px}.page-breadcrumbs>button:hover{color:var(--accent)}.page-breadcrumbs>span[aria-current]{color:#788ba9}.context-back{color:#8d9fbe;align-items:center;gap:5px;margin:0 0 17px;padding:3px 0;font-size:9px;display:inline-flex}.page-kind{color:#7d94c0;letter-spacing:1px;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 11px;font-size:8px;display:flex}.page-kind .legacy-design-label{letter-spacing:0;color:#a7b2c5;background:#f0f3f8;border-radius:3px;padding:2px 5px;font-size:7px}.hierarchy-reading h1{letter-spacing:-.9px;overflow-wrap:anywhere;margin:0 0 14px;font-size:27px;font-weight:500;line-height:1.22}.page-purpose{color:#8090ab;margin:0 0 24px;font-size:11px;line-height:1.9}.page-paragraph,.page-callout{color:#6f7f99;white-space:pre-wrap;margin:18px 0;font-size:12px;line-height:2}.page-callout{background:#f5f8ff;border-left:2px solid #c6d4f5;padding:12px 14px;font-size:11px}.inline-page-link{color:#4165cb;text-underline-offset:4px;font:inherit;text-align:inherit;white-space:normal;padding:0;-webkit-text-decoration:underline dotted #9cb5f0;text-decoration:underline dotted #9cb5f0;display:inline}.inline-page-link:hover{color:#284dbe;text-decoration-style:solid}.optional-support-note{color:#99a7bd;border-left:2px solid #d9dff0;margin:12px 0 23px;padding-left:10px;font-size:9px;line-height:1.9}.overview-route{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.overview-route>p{color:#99a8bf;margin:7px 0 10px;font-size:9px;line-height:1.9}.overview-route>button{text-align:left;border-bottom:1px solid #edf1f7;align-items:start;gap:10px;width:100%;padding:12px 0;display:flex}.overview-route>button>span{color:#a4b2c9;min-width:17px;padding-top:3px;font-size:8px}.overview-route>button>div{flex:1}.overview-route strong{font-size:10px;font-weight:500;line-height:1.7;display:block}.overview-route small{color:#99a8bf;margin-top:3px;font-size:8px;line-height:1.9;display:block}.overview-route>button>svg{color:#a3b3d0;margin-top:4px}.overview-route>button:hover strong{color:var(--accent)}.page-support-links{border-top:1px solid var(--line);margin-top:23px;padding-top:18px}.page-support-links>.eyebrow{font-size:8px}.page-support-links>button{color:#8398bb;text-align:left;align-items:center;gap:7px;width:100%;padding:10px 0 0;font-size:10px;display:flex}.page-support-links>button>span{flex:1}.page-reading-tools{flex-wrap:wrap;gap:8px 12px;margin:23px 0;display:flex}.page-reading-tools>button{color:#99a8c1;align-items:center;gap:4px;padding:3px 0;font-size:8px;display:inline-flex}.page-reading-tools>button:hover{color:var(--accent)}.page-transition{border-top:1px solid var(--line);padding-top:19px}.page-transition>.eyebrow{font-size:8px}.page-transition>p{color:#94a3bc;margin:8px 0 13px;font-size:10px;line-height:1.9}.page-transition .primary-button{text-align:left;max-width:100%;font-size:10px}.hierarchy-visual{min-width:0;min-height:0;position:relative}.shared-scenario-label{z-index:4;pointer-events:none;align-items:baseline;gap:8px;max-width:calc(100% - 40px);display:flex;position:absolute;top:0;left:24px}.shared-scenario-label>span{color:#b0bbce;letter-spacing:1px;white-space:nowrap;font-size:7px}.shared-scenario-label>strong{color:#98a9c4;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:400;overflow:hidden}.scenario-context{max-width:620px;margin:auto;padding:90px 50px}.scenario-context h2{letter-spacing:-.6px;margin:14px 0;font-size:25px;font-weight:500;line-height:1.4}.scenario-context>p{color:#94a4be;font-size:12px;line-height:2}.scenario-context dl{margin-top:27px}.scenario-context dl>div{border-top:1px solid var(--line);gap:15px;padding:12px 0;font-size:10px;display:flex}.scenario-context dt{color:#8298be;min-width:65px}.scenario-context dd{color:#a1afc4;margin:0}.hierarchy-dock{min-width:345px}@media (max-width:1100px){.hierarchy-page{grid-template-columns:minmax(260px,300px) minmax(0,1fr);gap:15px;inset:88px 22px 110px}.hierarchy-reading h1{font-size:25px}.shared-scenario-label{flex-wrap:wrap;gap:2px 6px;left:12px}.hierarchy-visual .react-flow__controls{margin-left:10px!important}}@media (max-width:760px){.hierarchy-page{grid-template-rows:minmax(180px,.9fr) minmax(210px,1fr);grid-template-columns:minmax(0,1fr);gap:14px;inset:145px 16px 90px}.hierarchy-reading{padding:0 5px 12px 0}.hierarchy-reading h1{font-size:23px}.page-breadcrumbs{margin-bottom:10px}.context-back{margin-bottom:11px}.page-purpose{margin-bottom:16px;font-size:10px}.page-paragraph,.page-callout{font-size:11px;line-height:1.95}.hierarchy-visual{border-top:1px solid #ecf0f7;padding-top:18px}.shared-scenario-label{top:7px;left:0}.shared-scenario-label>span{font-size:6px}.shared-scenario-label>strong{font-size:8px}.hierarchy-dock{min-width:0}.scenario-context{padding:45px 15px 20px}.scenario-context h2{font-size:19px}.scenario-context>p{font-size:10px}.hierarchy-visual .react-flow__controls{margin:0 0 12px!important}}.concept-connections>button>.connection-description{flex:1;width:auto}.connection-description>strong{display:block}.connection-description>.connection-meaning{color:#95a4bd;margin-top:5px;font-size:9px;line-height:1.8;display:block}.study-time-input{gap:9px;margin:22px 0;font-size:13px;display:grid}.study-time-input label{align-items:center;gap:12px;display:flex}.study-time-input small{color:#82908d}.study-time-input select,.study-time-input input{color:#345548;font:inherit;background:#fff;border:1px solid #dbe3e0;border-radius:12px;padding:10px 12px}.study-time-input p,.study-plan p{color:#667b73;margin:0;font-size:12px;line-height:1.6}.study-plan{border:1px solid #dbe3e0;border-radius:14px;margin:18px 0;padding:14px}.study-plan summary{cursor:pointer;color:#345548;font-size:13px}.study-plan button{background:#edf4ef;border:0;border-radius:8px;margin-top:9px;padding:8px;display:block}