:root{color:#18212f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f7f8fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{letter-spacing:0}pre code.hljs{padding:1em;display:block;overflow-x:auto}code.hljs{padding:3px 5px}.hljs{color:#383a42;background:#fafafa}.hljs-comment,.hljs-quote{color:#a0a1a7;font-style:italic}.hljs-doctag,.hljs-keyword,.hljs-formula{color:#a626a4}.hljs-section,.hljs-name,.hljs-selector-tag,.hljs-deletion,.hljs-subst{color:#e45649}.hljs-literal{color:#0184bb}.hljs-string,.hljs-regexp,.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string{color:#50a14f}.hljs-attr,.hljs-variable,.hljs-template-variable,.hljs-type,.hljs-selector-class,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-number{color:#986801}.hljs-symbol,.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-title{color:#4078f2}.hljs-built_in,.hljs-title.class_,.hljs-class .hljs-title{color:#c18401}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}.pin-shell{color:#18212f;background:linear-gradient(120deg,#236cae1a,#0000 34%),linear-gradient(315deg,#e861491a,#0000 38%),#f7f8fb;place-items:center;min-height:100svh;padding:24px;display:grid}.pin-card{background:#fffffff0;border:1px solid #dfe5ee;border-radius:8px;gap:22px;width:min(440px,100%);padding:28px;display:grid;box-shadow:0 24px 70px #19243a1f}.pin-hero{gap:8px;padding-top:10px;display:grid}.pin-hero svg{color:#14213d}.pin-hero h2{color:#111827;margin:0;font-size:30px}.pin-hero p,.pin-status{color:#52637a;margin:0}.pin-status.error{color:#b42318}.pin-input{color:#66768d;text-transform:uppercase;gap:8px;font-size:12px;font-weight:800;display:grid}.pin-input input{color:#172033;width:100%;min-height:48px;font:inherit;background:#fff;border:1px solid #d8e1ec;border-radius:8px;padding:10px 12px}.pin-submit,.lock-button{color:#fff;cursor:pointer;background:#14213d;border:1px solid #14213d;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:9px 12px;display:inline-flex}.pin-submit:disabled{cursor:wait;opacity:.7}.app-shell{color:#18212f;background:linear-gradient(120deg,#236cae17,#0000 34%),linear-gradient(315deg,#e8614914,#0000 38%),#f7f8fb;grid-template-columns:320px minmax(0,1fr);min-height:100svh;display:grid}.sidebar{background:#ffffffd6;border-right:1px solid #dfe5ee;flex-direction:column;gap:22px;height:100svh;padding:28px;display:flex;position:sticky;top:0;overflow:auto}.brand{align-items:center;gap:14px;display:flex}.brand-mark{color:#fff;background:#14213d;border-radius:8px;place-items:center;width:46px;height:46px;font-size:22px;font-weight:800;display:grid}.eyebrow{color:#66768d;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:800}.brand h1,.topbar h2,.section-heading h3,.branch-panel h3,.flashcard h3{color:#111827;margin:0}.brand h1{font-size:22px}.dataset-switcher,.view-tabs{gap:8px;display:flex}.dataset-switcher{flex-direction:column}button{font:inherit}.dataset-switcher button,.view-tabs button,.flash-actions button{color:#334155;cursor:pointer;background:#fff;border:1px solid #d8e1ec;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:9px 12px;transition:border-color .16s,background .16s,color .16s,transform .16s;display:inline-flex}.dataset-switcher button{justify-content:flex-start}.dataset-switcher button:hover,.view-tabs button:hover,.flash-actions button:hover,.branch-button:hover{transform:translateY(-1px)}.dataset-switcher button.active,.view-tabs button.active,.flash-actions button.primary{color:#fff;background:#14213d;border-color:#14213d}.lock-button{color:#334155;background:#fff;border-color:#d8e1ec;width:100%}.branch-list{flex-direction:column;gap:8px;display:flex}.branch-button{color:#243247;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:12px;width:100%;min-height:58px;padding:10px 12px;transition:background .16s,border-color .16s,transform .16s;display:flex}.branch-button.active{background:color-mix(in srgb, var(--branch-color) 10%, white);border-color:color-mix(in srgb, var(--branch-color) 48%, white)}.branch-icon{background:color-mix(in srgb, var(--branch-color) 18%, white);width:34px;height:34px;color:var(--branch-color);border-radius:50%;flex:none;place-items:center;display:grid}.branch-button strong,.branch-button small{display:block}.branch-button small{color:#64748b;margin-top:2px;font-size:12px}.workspace{min-width:0;padding:28px}.topbar{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:20px;display:flex}.topbar h2{font-size:34px;line-height:1.1}.topbar p:last-child{color:#52637a;max-width:680px;margin:8px 0 0}.metrics{gap:10px;display:flex}.metrics div{background:#fff;border:1px solid #dfe5ee;border-radius:8px;min-width:104px;padding:13px 14px}.metrics strong,.metrics span{display:block}.metrics strong{color:#0f172a;font-size:24px}.metrics span{color:#66768d;text-transform:uppercase;font-size:12px;font-weight:700}.toolbar{grid-template-columns:minmax(260px,1fr) auto;align-items:center;gap:14px;margin-bottom:18px;display:grid}.search-box{color:#63748b;background:#fff;border:1px solid #d8e1ec;border-radius:8px;align-items:center;gap:10px;min-height:48px;padding:0 14px;display:flex}.search-box input{color:#172033;width:100%;font:inherit;background:0 0;border:0;outline:0}.view-tabs{background:#e9eef5;border-radius:8px;padding:4px}.view-tabs button{border-color:#0000;min-height:40px}.status-line{color:#52637a;justify-content:space-between;align-items:center;gap:12px;min-height:36px;margin:-4px 0 18px;font-size:13px;font-weight:700;display:flex}.status-line span{align-items:center;gap:7px;display:inline-flex}.status-line.error{color:#b42318}.status-line button{color:#334155;cursor:pointer;background:#fff;border:1px solid #d8e1ec;border-radius:8px;padding:6px 10px}.map-view{grid-template-columns:minmax(420px,.9fr) minmax(320px,1.1fr);align-items:stretch;gap:18px;display:grid}.radial-map{background:radial-gradient(circle at center, color-mix(in srgb, var(--active-color) 13%, transparent), transparent 36%), linear-gradient(180deg, #fff, #f4f8fb);border:1px solid #dfe5ee;border-radius:8px;min-height:560px;position:relative;overflow:hidden}.radial-map:before{content:"";border:1px dashed color-mix(in srgb, var(--active-color) 40%, #b7c3d4);border-radius:50%;position:absolute;inset:18%}.center-node,.map-node{color:#1f2937;cursor:pointer;background:#fff;border:1px solid #d8e1ec;border-radius:8px;position:absolute;box-shadow:0 16px 35px #19243a14}.center-node{width:160px;min-height:112px;color:var(--active-color);place-items:center;gap:8px;padding:16px;font-weight:800;display:grid;top:50%;left:50%;transform:translate(-50%,-50%)}.map-node{left:calc(50% + var(--x));top:calc(50% + var(--y));flex-direction:column;justify-content:center;align-items:center;gap:5px;width:138px;min-height:76px;padding:10px;font-size:13px;font-weight:800;display:flex;transform:translate(-50%,-50%)}.map-node span{color:var(--node-color)}.map-node.active{border-color:color-mix(in srgb, var(--node-color) 58%, white);background:color-mix(in srgb, var(--node-color) 10%, white)}.branch-panel,.concept-card,.flashcard,.empty-state{background:#ffffffeb;border:1px solid #dfe5ee;border-radius:8px}.branch-panel{border-top:4px solid var(--branch-color);flex-direction:column;justify-content:space-between;gap:26px;padding:26px;display:flex}.branch-panel h3,.section-heading h3,.flashcard h3{font-size:28px}.branch-panel p:not(.eyebrow){color:#52637a;margin:10px 0 0}.concept-strip{gap:10px;display:grid}.concept-strip button{border:1px solid color-mix(in srgb, var(--branch-color) 22%, #d8e1ec);color:#243247;cursor:pointer;text-align:left;background:#fff;border-radius:8px;align-items:center;gap:12px;min-height:54px;padding:12px 14px;font-weight:700;display:flex}.concept-strip span{color:var(--branch-color);font-size:12px;font-weight:900}.library-view,.flashcard-view{gap:16px;display:grid}.section-heading{justify-content:space-between;align-items:end;gap:16px;display:flex}.section-actions{justify-content:flex-end;align-items:center;gap:12px;display:flex}.section-heading span{color:#66768d;text-align:right;max-width:560px}.section-actions button,.concept-title-row button,.editor-actions button{color:#334155;cursor:pointer;background:#fff;border:1px solid #d8e1ec;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:7px 10px;display:inline-flex}.section-actions button:disabled,.concept-title-row button:disabled{cursor:not-allowed;opacity:.45}.concept-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.concept-card{flex-direction:column;gap:14px;min-height:320px;padding:20px;display:flex}.concept-card-header{color:var(--branch-color);align-items:center;gap:8px;display:flex}.concept-card-header small{color:#66768d;text-transform:uppercase;font-weight:800}.concept-card h4{color:#111827;margin:0;font-size:20px}.concept-title-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.concept-title-row div{flex:none;gap:6px;display:flex}.concept-card p,.answer p,.prompt{color:#52637a;margin:0;line-height:1.65}.tool-list{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.tool-list span{color:#334155;background:#f6f8fb;border:1px solid #d8e1ec;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:700}pre.code-block{background:#fafafa;border:1px solid #d8e1ec;border-radius:8px;grid-template-columns:18px minmax(0,1fr);gap:10px;margin:auto 0 0;padding:12px 14px;display:grid;overflow:auto}pre.code-block .code-block-icon{color:#64748b;margin-top:2px}pre.code-block code.hljs{white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;background:0 0;padding:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;line-height:1.55;display:block}.concept-editor{border-top:4px solid #14213d}.concept-editor label{color:#66768d;text-transform:uppercase;gap:7px;font-size:12px;font-weight:800;display:grid}.concept-editor input,.concept-editor textarea{color:#172033;width:100%;font:inherit;text-transform:none;resize:vertical;background:#fff;border:1px solid #d8e1ec;border-radius:8px;padding:10px 12px}.concept-editor textarea{line-height:1.5}.concept-editor .code-input{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px}.editor-actions{justify-content:flex-end;gap:8px;margin-top:auto;display:flex}.editor-actions .primary{color:#fff;background:#14213d;border-color:#14213d}.flashcard-view{justify-items:center;padding-top:14px}.flashcard{border-top:4px solid var(--branch-color);flex-direction:column;gap:18px;width:min(760px,100%);min-height:430px;padding:28px;display:flex}.answer{gap:16px;display:grid}.flash-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.empty-state{color:#52637a;text-align:center;width:min(760px,100%);padding:38px}@media (width<=1120px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.branch-list{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.map-view,.concept-grid{grid-template-columns:1fr}}@media (width<=760px){.sidebar,.workspace{padding:18px}.topbar,.toolbar,.section-heading,.section-actions{display:grid}.toolbar{grid-template-columns:1fr}.metrics,.dataset-switcher{flex-wrap:wrap}.view-tabs{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}.view-tabs button{padding-inline:8px}.branch-list{scroll-snap-type:x proximity;flex-direction:row;gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.branch-button{scroll-snap-align:start;min-width:230px}.topbar h2{font-size:28px}.radial-map{min-height:620px}.map-node{width:120px;font-size:12px}.section-heading span{text-align:left}.section-actions{justify-content:stretch}.section-actions button{width:100%}}