.constellation{position:relative;height:360px;margin:58px 0 20px;overflow:hidden;border-radius:14px}.constellation svg.lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.constellation svg.lines line{stroke:var(--rule);stroke-width:1;opacity:.55;stroke-dasharray:2 4}.constellation .word-node{position:absolute;max-width:110px;padding:6px 13px;border:1px solid var(--rule);border-radius:9px;background:var(--paper);box-shadow:0 4px 14px -8px #3c281440;color:var(--ink);font-family:var(--display);font-size:.92rem;transform:translate(-50%,-50%);animation:drift 22s ease-in-out infinite;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.constellation .word-node.edge-right{transform:translate(-100%,-50%)}.constellation .word-node.edge-left{transform:translateY(-50%)}.constellation .word-node.edge-right{animation-name:drift-right}.constellation .word-node.edge-left{animation-name:drift-left}.word-node.cluster-a{background:var(--coral-soft);border-color:#fdbcab}.word-node.cluster-b{background:var(--sage-soft);border-color:#b6d9b6}.word-node.cluster-c{background:var(--blue-soft);border-color:#a8d5f0}.word-node.cluster-d{background:var(--gold-soft);border-color:#e3cb99}@keyframes drift{0%,to{transform:translate(-50%,-50%) translate(0)}25%{transform:translate(-50%,-50%) translate(8px,-6px)}50%{transform:translate(-50%,-50%) translate(-4px,8px)}75%{transform:translate(-50%,-50%) translate(6px,3px)}}@keyframes drift-right{0%,to{transform:translate(-100%,-50%) translate(0)}25%{transform:translate(-100%,-50%) translate(4px,-6px)}50%{transform:translate(-100%,-50%) translate(-4px,8px)}75%{transform:translate(-100%,-50%) translate(3px,3px)}}@keyframes drift-left{0%,to{transform:translateY(-50%) translate(0)}25%{transform:translateY(-50%) translate(4px,-6px)}50%{transform:translateY(-50%) translate(-3px,8px)}75%{transform:translateY(-50%) translate(4px,3px)}}.bridge{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:22px;align-items:center;padding:24px 4px}.bridge .arrow{color:var(--ink-faint);font-family:var(--display);font-size:1.6rem;text-align:center}.bridge .panel{display:flex;min-width:0;flex-direction:column;gap:10px}.bridge .panel-label{color:var(--ink-faint);font-family:var(--display);font-size:.74rem;letter-spacing:.12em;text-transform:uppercase}.token-id-card{display:inline-flex;max-width:100%;flex-direction:column;align-items:stretch;border:1px solid var(--rule);border-radius:8px;overflow:hidden;background:var(--paper);font-family:var(--mono)}.token-id-card .glyph{padding:6px 12px;background:var(--coral-soft);border-bottom:1px solid var(--rule);font-size:.95rem;text-align:center;white-space:normal;overflow-wrap:anywhere}.token-id-card .id{padding:4px 12px;background:var(--ink);color:var(--paper);font-size:.78rem;text-align:center;letter-spacing:.04em}.vector-box{max-width:100%;padding:14px 16px;border:1px solid var(--rule);border-radius:10px;background:var(--paper-2);font-family:var(--mono);font-size:.78rem;line-height:1.5;color:var(--ink-soft);max-height:200px;overflow:hidden;position:relative;overflow-wrap:anywhere}.vector-box:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(transparent,var(--paper-2));pointer-events:none}.vector-box .num{display:inline-block;margin-right:6px}.vector-box .num.pos{color:var(--coral-deep)}.vector-box .num.neg{color:var(--blue-deep)}.bridge-input{width:100%;padding:10px 14px;border:1.5px solid var(--rule);border-radius:8px;background:var(--paper);font-family:var(--serif);font-size:1rem}.bridge-input:focus{outline:none;border-color:var(--coral-deep)}.semantic-map{position:relative;height:460px;border:1px solid var(--rule);border-radius:10px;background:linear-gradient(var(--paper-2) 1px,transparent 1px) 0 0/100% 40px,linear-gradient(90deg,var(--paper-2) 1px,transparent 1px) 0 0/40px 100%,var(--paper);overflow:hidden}.semantic-map .axis-label{position:absolute;color:var(--ink-faint);font-family:var(--display);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.semantic-map .axis-label.x{bottom:8px;right:12px}.semantic-map .axis-label.y{top:12px;left:12px}.semantic-map svg.connections{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.semantic-map svg.connections line{stroke:var(--coral-deep);stroke-width:1.5;opacity:0;transition:opacity .3s ease}.semantic-map svg.connections line.active{opacity:.5}.map-word{position:absolute;max-width:112px;padding:4px 10px;border:1px solid var(--rule);border-radius:7px;background:var(--paper);color:var(--ink);font-family:var(--display);font-size:.84rem;cursor:pointer;transform:translate(-50%,-50%);transition:all .2s ease;z-index:2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.map-word.cat-animal{background:var(--coral-soft);border-color:#fdbcab}.map-word.cat-fruit{background:var(--sage-soft);border-color:#b6d9b6}.map-word.cat-tech{background:var(--blue-soft);border-color:#a8d5f0}.map-word.cat-feel{background:var(--gold-soft);border-color:#e3cb99}.map-word.cat-place{background:#f7defd;border-color:#e3c0eb}.map-word.edge-right{transform:translate(-100%,-50%)}.map-word.edge-left{transform:translateY(-50%)}.map-word.edge-top{transform:translate(-50%)}.map-word.edge-bottom{transform:translate(-50%,-100%)}.map-word.edge-right.edge-top{transform:translate(-100%)}.map-word.edge-left.edge-top{transform:translate(0)}.map-word.edge-right.edge-bottom{transform:translate(-100%,-100%)}.map-word.edge-left.edge-bottom{transform:translateY(-100%)}.map-word:hover,.map-word.active{transform:translate(-50%,-50%) scale(1.08);z-index:5;box-shadow:0 8px 22px -8px #3c281466;border-color:var(--ink)}.map-word.edge-right:hover,.map-word.edge-right.active{transform:translate(-100%,-50%) scale(1.08)}.map-word.edge-left:hover,.map-word.edge-left.active{transform:translateY(-50%) scale(1.08)}.map-word.edge-top:hover,.map-word.edge-top.active{transform:translate(-50%) scale(1.08)}.map-word.edge-bottom:hover,.map-word.edge-bottom.active{transform:translate(-50%,-100%) scale(1.08)}.map-word.dimmed{opacity:.32}.map-legend{display:flex;flex-wrap:wrap;gap:14px;margin-top:14px;font-family:var(--display);font-size:.82rem;color:var(--ink-soft)}.map-legend .swatch{display:inline-block;width:10px;height:10px;margin-right:6px;border-radius:3px;border:1px solid var(--rule);vertical-align:middle}.sim-grid{display:grid;gap:14px}.sim-row{display:flex;gap:10px;align-items:center}.sim-row label{flex:0 0 auto;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--paper);font-family:var(--display);font-size:.74rem;font-weight:600}.sim-row input{flex:1;padding:10px 14px;border:1.5px solid var(--rule);border-radius:8px;background:var(--paper);font-family:var(--serif);font-size:1.02rem}.sim-row input:focus{outline:none;border-color:var(--coral-deep)}.sim-readout{margin-top:18px;padding:22px;border:1px solid var(--rule);border-radius:10px;background:var(--paper-2);text-align:center}.sim-bar{position:relative;width:100%;height:12px;margin:14px 0 10px;border-radius:999px;background:linear-gradient(90deg,oklch(.78 .13 25),#fac092 35%,#dfcc99,#a7d6a8 65%,#4d9351);overflow:hidden}.sim-bar .marker{position:absolute;top:-4px;width:4px;height:20px;border-radius:2px;background:var(--ink);transition:left .5s cubic-bezier(.34,1.56,.64,1)}.sim-score{font-family:var(--display);font-size:2.4rem;font-weight:500;color:var(--ink);line-height:1}.sim-verdict{margin-top:6px;font-family:var(--display);font-size:.92rem;color:var(--ink-soft)}.sim-cosine{margin-top:16px;padding:14px 18px;border-top:1px dashed var(--rule);font-family:var(--mono);font-size:.84rem;color:var(--ink-faint);text-align:left;line-height:1.5}.analogy-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;padding:22px 4px;font-family:var(--display);font-size:1.4rem}.analogy-pill{min-height:44px;padding:8px 16px;border:1.5px solid var(--rule);border-radius:9px;background:var(--paper-2);color:var(--ink);font-family:var(--display);font-size:1.1rem;cursor:pointer;transition:all .2s ease}.analogy-pill.token-a{background:var(--coral-soft);border-color:#fdbcab}.analogy-pill.token-b{background:var(--blue-soft);border-color:#a8d5f0}.analogy-pill.token-c{background:var(--sage-soft);border-color:#b6d9b6}.analogy-result{display:inline-block;min-width:110px;padding:8px 18px;border:1.5px dashed var(--coral-deep);border-radius:9px;background:var(--paper);color:var(--coral-deep);font-family:var(--display);font-size:1.2rem;font-weight:500;text-align:center;transition:all .3s ease}.analogy-result.computing{opacity:.5}.analogy-presets{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:16px}.preset-btn{min-height:44px;padding:8px 12px;border:1px solid var(--rule);border-radius:999px;background:var(--paper);color:var(--ink-soft);font-family:var(--display);font-size:.82rem;cursor:pointer;transition:all .2s ease}.preset-btn:hover{background:var(--paper-2);color:var(--ink);border-color:var(--ink-soft)}.preset-btn.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.rag-shell{display:grid;gap:18px}.rag-query{display:flex;gap:8px;align-items:stretch}.rag-query input{flex:1;padding:12px 16px;border:1.5px solid var(--rule);border-radius:8px;background:var(--paper);font-family:var(--serif);font-size:1.05rem}.rag-query input:focus{outline:none;border-color:var(--coral-deep)}.rag-mode{display:flex;border:1.5px solid var(--rule);border-radius:999px;overflow:hidden;background:var(--paper)}.rag-mode button{padding:8px 16px;border:0;background:transparent;color:var(--ink-soft);cursor:pointer;font-family:var(--display);font-size:.84rem}.rag-mode button.active{background:var(--ink);color:var(--paper)}.rag-results{display:grid;gap:10px}.rag-card{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:14px 16px;border:1px solid var(--rule);border-radius:10px;background:var(--paper)}.rag-card .rank{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--paper-2);color:var(--ink-faint);font-family:var(--display);font-size:.82rem}.rag-card.top .rank{background:var(--coral-deep);color:var(--paper)}.rag-card .body{font-family:var(--serif);font-size:.96rem;color:var(--ink);line-height:1.45}.rag-card .score{font-family:var(--mono);font-size:.82rem;color:var(--ink-faint);white-space:nowrap}.rag-card.faded{opacity:.5}.dim-shell{padding:8px 4px}.dim-slider-row{display:flex;align-items:center;gap:16px;margin:18px 0 22px}.dim-slider-row input[type=range]{flex:1;min-height:44px;-webkit-appearance:none;appearance:none;height:4px;border-radius:2px;background:var(--rule);outline:none;background-clip:content-box;padding-block:20px}.dim-slider-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:var(--ink);cursor:pointer;border:3px solid var(--paper);box-shadow:0 2px 6px #0003}.dim-readout{font-family:var(--display);font-size:1.3rem;font-weight:500;color:var(--ink);min-width:90px;text-align:right}.dim-canvas{position:relative;height:280px;border:1px solid var(--rule);border-radius:10px;background:var(--paper);overflow:hidden}.dim-dot{position:absolute;width:10px;height:10px;border-radius:50%;transform:translate(-50%,-50%);transition:left .7s cubic-bezier(.4,0,.2,1),top .7s cubic-bezier(.4,0,.2,1);border:1.5px solid var(--paper);box-shadow:0 2px 6px #00000026}.dim-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:14px;margin-top:16px;padding:14px 18px;border:1px dashed var(--rule);border-radius:10px;background:var(--paper-2)}.dim-stat .label{display:block;color:var(--ink-faint);font-family:var(--display);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase}.dim-stat .val{font-family:var(--display);font-size:1.4rem;font-weight:500;color:var(--ink)}.caveats{display:grid;gap:4px;margin-top:18px}.caveats article{padding:18px 0;border-top:1px solid var(--rule)}.caveats article h4{font-family:var(--display);font-size:1.05rem;margin-bottom:6px}.caveats article p{margin:0;color:var(--ink-soft);font-size:.96rem}.next-lesson-card{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;margin-top:60px;padding:22px 24px;border:1.5px solid var(--rule);border-radius:14px;background:var(--paper);text-decoration:none;background-image:none;transition:all .2s ease}.next-lesson-card:hover{border-color:var(--ink-soft);background-image:none;box-shadow:0 18px 36px -22px #3c28144d;transform:translateY(-2px)}.next-lesson-card .num{font-family:var(--display);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)}.next-lesson-card .title{font-family:var(--display);font-size:1.15rem;font-weight:500;color:var(--ink);margin-top:2px}.next-lesson-card .arrow{font-family:var(--display);font-size:1.4rem;color:var(--ink-faint)}@media(max-width:720px){.semantic-map{height:380px}.constellation{height:280px}.constellation .word-node{max-width:82px;padding:5px 9px;font-size:.8rem}.bridge{grid-template-columns:1fr;gap:14px}.bridge .arrow{transform:rotate(90deg)}.vector-box{max-height:150px;font-size:.72rem}.semantic-map{background-size:100% 34px,34px 100%}.map-word{max-width:76px;padding:4px 7px;font-size:.72rem}.sim-row{align-items:stretch}.rag-query{flex-direction:column}.rag-mode{width:100%}.rag-mode button{flex:1;min-height:44px}.rag-card{grid-template-columns:auto 1fr}.rag-card .score{grid-column:2}.dim-slider-row{align-items:stretch;flex-direction:column;gap:8px}.dim-readout{min-width:0;text-align:center}.analogy-row{font-size:1.05rem}}