.encoder-example-scope,.encoder-saved-input,.encoder-destination{border:1px solid #c5d3c4;border-radius:8px;margin:24px 0;padding:22px}.encoder-example-scope{background:#faf4e8}.encoder-saved-input{border-left:4px solid #537ca6}.encoder-worked-steps{gap:28px;margin:32px 0;padding:0;list-style:none;display:grid}.encoder-worked-steps>li{background:#fff;border:1px solid #b6cdbb;border-radius:10px;min-width:0;padding:24px}.encoder-worked-steps>li>header{border-bottom:1px solid #d7e2d2;align-items:center;gap:14px;margin-bottom:20px;padding-bottom:16px;display:flex}.encoder-worked-steps>li>header>span{color:#fff;text-align:center;background:#16786e;border-radius:50%;flex-shrink:0;width:34px;height:34px;font:18px/34px ui-monospace,monospace}.encoder-worked-steps header small{color:#526b59;font-size:12px}.encoder-worked-steps header h4{margin:5px 0 0;font-size:21px}.encoder-worked-steps h5{margin:28px 0 10px;font-size:18px;line-height:1.8}.encoder-number-row{background:#f8faf7;border:1px solid #d7e2d2;border-radius:7px;min-width:0;margin:14px 0;padding:14px}.encoder-row-label{margin-bottom:10px;font-size:13px;line-height:1.8;display:block}.encoder-number-cells{grid-template-columns:repeat(var(--cell-count), minmax(0, 1fr));gap:8px;display:grid}.encoder-number-cells>span{text-align:center;background:#fff;border:1px solid #dce5d7;border-radius:5px;gap:8px;padding:10px 3px;display:grid}.encoder-number-cells small{color:#637068;font-size:11px}.encoder-number-cells b{font-variant-numeric:tabular-nums;font:600 19px/1.5 ui-monospace,monospace}.encoder-number-row.is-saved,.encoder-number-row.is-head-one{background:#edf4fc;border-color:#adc3de}.encoder-number-row.is-head-two{background:#fff5e6;border-color:#d9bb8d}.encoder-number-row.is-result{background:#eaf5ec;border-color:#83b49d}.encoder-number-row.is-concat .encoder-number-cells>span:nth-child(-n+2){background:#edf4fc}.encoder-number-row.is-concat .encoder-number-cells>span:nth-child(n+3){background:#fff5e6}.encoder-head-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.encoder-operation{text-align:center;font-size:14px!important}.encoder-component-calculations{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0;display:grid}.encoder-component-calculations>div{background:#f8faf7;border:1px solid #d7e2d2;border-radius:6px;gap:8px;min-width:0;padding:14px;display:grid}.encoder-component-calculations small{color:#526b59;font-size:12px}.encoder-component-calculations b{font-variant-numeric:tabular-nums;font-size:15px}.encoder-full-dot-product{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.encoder-full-dot-product>span{white-space:nowrap}.encoder-component-calculations>.is-second-output{background:#fff5e6;border:2px solid #a46a28}.encoder-output-weights{min-width:0;margin:24px 0;padding:14px 0}.encoder-output-weights>.tex{margin:0}.encoder-matrix-scroll-hint{display:none}.encoder-add-sign{text-align:center;color:#16786e;font-size:24px;line-height:1;display:block}.encoder-residual-sum{border-left:3px solid #537ca6;margin:18px 0;padding-left:16px}.encoder-norm-action{border-top:1px solid #d7e2d2;padding:18px 0}.encoder-norm-action>b{font-size:16px}.encoder-norm-action p{margin:8px 0}.encoder-relu-cells{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:18px 0;display:grid}.encoder-relu-cells>div{font-variant-numeric:tabular-nums;background:#f8faf7;border:1px solid #c5d3c4;border-radius:6px;justify-items:center;gap:6px;min-width:0;padding:14px 4px;display:grid}.encoder-relu-cells small{font-size:11px}.encoder-relu-cells .was-negative{background:#fff5e6;border:2px solid #a86730}.encoder-relu-cells .was-negative>span:first-of-type{color:#8b5f3b;text-decoration:line-through}.encoder-relu-cells b{font:600 18px/1.5 ui-monospace,monospace}.encoder-detail{border:1px solid #c5d3c4;border-radius:6px;margin:20px 0;padding:18px}.encoder-detail>summary{cursor:pointer;font-size:14px;font-weight:600;line-height:1.8}.encoder-caption{color:#53665b;font-size:13px!important}.encoder-destination{background:#eaf5ec;border:2px solid #16786e}.encoder-stack-flow{margin:24px 0}.encoder-stack-flow figcaption{margin-bottom:14px;font-weight:700}.encoder-position-once,.encoder-stack-layer{background:#fff;border:1px solid #b6cdbb;border-radius:6px;padding:14px}.encoder-position-once{background:#fff5e6;border-color:#d9bb8d}.encoder-stack-flow small{margin-top:5px;font-size:13px;line-height:1.8;display:block}.encoder-stack-arrow{text-align:center;padding:10px 0;font-size:13px;line-height:1.8}.encoder-stack-boundary{border:2px solid #16786e;border-radius:8px;padding:14px}.encoder-stack-boundary>p{font-size:13px}.ffn-purpose{background:#edf4fc;border-left:3px solid #537ca6;margin-bottom:24px;padding:18px}.ffn-purpose h5{margin-top:0}.ffn-parameter-path{flex-wrap:wrap;align-items:stretch;gap:12px;margin:20px 0;display:flex}.ffn-parameter-path article{background:#f3f7ee;border:1px solid #b6cdbb;border-radius:6px;flex:200px;min-width:0;padding:18px}.ffn-parameter-path small{font-size:12px;line-height:1.8;display:block}.ffn-relu-bridge{text-align:center;align-self:center;padding:10px}.ffn-matrix-product{min-width:0;margin:22px 0;padding:14px 0}.ffn-expanded-example{min-width:0;padding:10px 0}@media (width<=600px){.encoder-worked-steps>li,.encoder-example-scope,.encoder-saved-input,.encoder-destination{padding:14px}.encoder-worked-steps header h4{font-size:18px}.encoder-head-pair{gap:8px}.encoder-number-row{padding:8px}.encoder-number-cells{gap:4px}.encoder-number-cells b{font-size:12px}.encoder-number-cells small{font-size:10px}.encoder-component-calculations{grid-template-columns:1fr}.encoder-matrix-scroll-hint{color:#53665b;display:block;font-size:12px!important}.encoder-residual-sum{padding-left:6px}.encoder-relu-cells,#encoder-expanded .encoder-number-cells{grid-template-columns:repeat(3,minmax(0,1fr))}.encoder-detail{padding:12px}}.decoder-walkthrough{--decoder-blue:#245b97}.decoder-walkthrough .decoder-step{border-top:1px solid #d7e2d2;margin-top:30px;padding-top:28px}.decoder-walkthrough .decoder-step>h4{margin-bottom:16px;font-size:23px;line-height:1.7}.decoder-walkthrough h5{margin:0 0 12px;font-size:18px;line-height:1.8}.decoder-input-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:24px 0;display:grid}.decoder-input-pair article{background:#f3f7ee;border:1px solid #b6cdbb;border-radius:7px;min-width:0;padding:22px}.decoder-input-pair article.is-query{background:#edf4fc;border-color:#8daaca}.decoder-input-pair h4{margin-top:12px;font-size:22px}.decoder-input-pair mark{color:#245b97;background:#d5e5f7;border-bottom:2px solid #537ca6;padding:2px 8px}.decoder-focus{background:#edf4fc;border-left:3px solid #537ca6;border-radius:4px;margin-top:20px;padding:18px}.decoder-walkthrough .table-scroll{border-radius:5px}.decoder-walkthrough table{width:100%;font-size:14px}.decoder-walkthrough th{font-weight:600}.decoder-walkthrough td{white-space:nowrap}.decoder-walkthrough tr.is-current>*{color:#245b97;background:#edf4fc}.decoder-walkthrough tr.is-blocked>*{color:#795637;background:#f5eee8}.decoder-detail{border:1px solid #c5d3c4;border-radius:7px;margin-top:20px;padding:20px}.decoder-detail>summary{cursor:pointer;font-size:15px;font-weight:600;line-height:1.9}.decoder-detail[open]>summary{margin-bottom:16px}.decoder-calculation,.decoder-result{background:#fbfcf8;border:1px solid #c5d3c4;border-radius:7px;margin-top:22px;padding:24px}.decoder-calculation h5:not(:first-child){margin-top:24px}.decoder-result{background:#eaf4e6;border-left:4px solid #16786e}.decoder-result>div{margin:18px 0;font-size:19px}.decoder-matrices{flex-wrap:wrap;gap:16px;margin:22px 0;display:flex}.decoder-matrices>div{text-align:center;border:1px solid #c5d3c4;border-radius:6px;flex:180px;align-content:start;justify-items:center;gap:18px;min-width:0;padding:20px 12px;font-size:14px;display:grid}.decoder-matrix{text-align:center;padding:20px 0;overflow-x:auto}.decoder-weight-bars{gap:12px;margin:22px 0;display:grid}.decoder-weight-bars>div{grid-template-columns:55px minmax(0,1fr) 55px;align-items:center;gap:12px;font-size:13px;display:grid}.decoder-bar-track{background:#e3eae0;border-radius:3px;height:16px;overflow:hidden}.decoder-bar-track>span{background:#537ca6;height:100%;display:block}.decoder-contributions{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.decoder-contributions article{text-align:center;background:#fff;border:1px solid #c5d3c4;border-radius:6px;min-width:0;padding:18px 8px}.decoder-contributions article>div,.decoder-contributions article>p{margin-top:12px}.decoder-shape-flow{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin:24px 0;display:flex}.decoder-shape-flow>div{text-align:center;background:#edf4fc;border-radius:6px;gap:8px;padding:18px;font-size:14px;display:grid}.decoder-caption{margin-top:24px}.decoder-walkthrough .tex{max-width:100%}.decoder-walkthrough .tex-wide{margin:16px 0}.decoder-walkthrough .table-scroll:focus-visible,.decoder-walkthrough summary:focus-visible{outline-offset:3px;outline:2px solid #245b97}@media (width<=700px){.decoder-input-pair{grid-template-columns:1fr;gap:14px}.decoder-contributions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=540px){.decoder-walkthrough .decoder-step>h4{font-size:20px}.decoder-walkthrough h5{font-size:16px}.decoder-input-pair article,.decoder-calculation,.decoder-result,.decoder-detail{padding:16px}.decoder-focus{padding:14px}.decoder-shape-flow{flex-direction:column;gap:8px}.decoder-shape-flow>div{width:100%}.decoder-walkthrough th,.decoder-walkthrough td{padding:12px}}.advanced-walkthrough .worked-step{border-top:1px solid #d7e2d2;margin-top:30px;padding-top:28px}.advanced-walkthrough .worked-step>h4{margin-bottom:16px;font-size:23px;line-height:1.7}.advanced-walkthrough h5{margin:0 0 12px;font-size:18px;line-height:1.8}.worked-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:24px 0;display:grid}.worked-pair>article,.worked-card{background:#fbfcf8;border:1px solid #c5d3c4;border-radius:7px;min-width:0;padding:22px}.worked-pair>article:nth-child(2){background:#f3f7fc;border-color:#94afcc}.worked-card{margin:22px 0}.worked-node{text-align:center;background:#edf4fc;border:1px solid #94afcc;border-radius:6px;padding:18px}.worked-fork .worked-pair{margin-top:0}.worked-fork article{text-align:center}.worked-arrow{color:#16786e;margin-bottom:12px;display:block}.worked-result{background:#eaf4e6;border:1px solid #c5d3c4;border-left:4px solid #16786e;border-radius:6px;min-width:0;margin:22px 0;padding:22px}.worked-result>div{margin:16px 0}.worked-detail{border:1px solid #c5d3c4;border-radius:7px;margin:20px 0;padding:20px}.worked-detail>summary{cursor:pointer;font-size:15px;font-weight:600;line-height:1.9}.worked-detail[open]>summary{margin-bottom:16px}.worked-matrices{flex-wrap:wrap;gap:16px;margin:22px 0;display:flex}.worked-matrices>div{text-align:center;border:1px solid #c5d3c4;border-radius:6px;flex:240px;align-content:start;justify-items:center;gap:16px;min-width:0;padding:20px 12px;font-size:14px;display:grid}.worked-calculation-list{gap:18px;margin:20px 0;padding:0;list-style:none;display:grid}.worked-calculation-list>li{border-bottom:1px solid #d7e2d2;gap:10px;min-width:0;padding-bottom:18px;display:grid}.worked-calculation-list>li>span{min-width:0}.worked-layer-steps{gap:12px;margin:24px 0;display:grid}.worked-layer-steps article{background:#fbfcf8;border:1px solid #c5d3c4;border-radius:6px;padding:18px}.worked-number-row{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.worked-number-row>span{color:#245b97;text-align:center;background:#edf4fc;border-radius:5px;gap:8px;padding:12px 4px;font:14px/1.6 ui-monospace,monospace;display:grid}.worked-number-row small{font:12px/1.6 sans-serif}.advanced-walkthrough table{width:100%;font-size:14px}.advanced-walkthrough td{white-space:nowrap}.advanced-walkthrough tr.is-current>*,.advanced-walkthrough td.is-current{color:#245b97;background:#edf4fc}.advanced-walkthrough .table-scroll:focus-visible,.worked-detail>summary:focus-visible{outline-offset:3px;outline:2px solid #245b97}.worked-token-line{flex-wrap:wrap;gap:8px;margin:18px 0;display:flex}.worked-token-line>*{background:#fff;border:1px solid #b6cdbb;border-radius:5px;padding:6px 10px}.worked-token-line>mark{color:#245b97;background:#dce9f8;border-color:#94afcc}.worked-token-line>.is-future{color:#795637;background:#f5eee8}.advanced-walkthrough .translation-example{background:#fbfcf8;border:1px solid #c5d3c4;border-radius:7px;margin:24px 0;padding:22px}.translation-last-state{background:#edf4fc;border:1px solid #94afcc;border-radius:6px;padding:20px}.translation-last-state>b{margin-bottom:10px;display:block}.translation-last-state .tex{margin:10px 0}#translation-probabilities{min-width:0}.advanced-walkthrough .translation-prefix b.is-last{color:#245b97;background:#dce9f8;border-color:#94afcc}.worked-caption{margin-top:24px}@media (width<=850px){.worked-pair{grid-template-columns:1fr;gap:14px}}@media (width<=540px){.advanced-walkthrough .worked-step>h4{font-size:20px}.advanced-walkthrough h5{font-size:16px}.worked-pair>article,.worked-card,.worked-result,.worked-detail,.advanced-walkthrough .translation-example,.translation-last-state{padding:16px}.worked-number-row{grid-template-columns:repeat(3,minmax(0,1fr))}.worked-layer-steps article{padding:14px}.advanced-walkthrough th,.advanced-walkthrough td{padding:12px}.advanced-walkthrough .heads-diagram{text-align:center;flex-direction:column;align-items:stretch}.advanced-walkthrough .heads-diagram>div{grid-template-columns:repeat(2,minmax(0,1fr))}.advanced-walkthrough .translation-controls{gap:6px}.advanced-walkthrough .translation-controls button{padding:10px 7px;font-size:12px}}.transformer-page{--teal:#16786e;--ink:#243a37;--muted:#71817d;--line:#e0e7e2;--paper:#f7f9f5;background:var(--paper);color:var(--ink);margin:0;font:14px/1.7 Segoe UI,Yu Gothic UI,Meiryo,sans-serif}.transformer-page *{box-sizing:border-box}.transformer-page button,.transformer-page input{font:inherit}.transformer-page button{cursor:pointer}.transformer-page button:disabled{cursor:not-allowed;opacity:.45}.transformer-page button,.transformer-page a,.transformer-page input{touch-action:manipulation}.transformer-page :focus-visible{outline-offset:4px;outline:3px solid #16877a}.transformer-page a{color:inherit}.transformer-page h1,.transformer-page h2,.transformer-page h3{color:var(--ink)}.transformer-page p{margin:0}.transformer-page button{color:var(--ink)}.explorer-header{border-bottom:1px solid var(--line);background:#fbfcfa;justify-content:space-between;align-items:center;gap:20px;min-height:76px;padding:16px 4%;display:flex}.lab-brand{white-space:nowrap;align-items:center;gap:10px;font-size:18px;font-weight:700;text-decoration:none;display:flex}.brand-mark{color:var(--teal);font-size:32px;line-height:1}.brand-divider{color:#bcc8c0;margin:0 8px;font-weight:400}.brand-section{letter-spacing:1.3px;color:var(--muted);font:10px/1.4 ui-monospace,monospace}.explorer-header nav{gap:28px;font-size:12px;display:flex}.explorer-header nav a{text-decoration:none}.explorer-header nav a:first-child{color:var(--teal)}.explorer-main{width:1400px;max-width:92%;margin:auto;padding:0}.explorer-intro{justify-content:space-between;align-items:flex-end;padding:48px 0 33px;display:flex}.eyebrow{letter-spacing:1.5px;color:var(--teal);font:600 10px/1.5 ui-monospace,monospace}.explorer-intro .eyebrow{align-items:center;gap:9px;margin-bottom:10px;display:flex}.eyebrow>span{background:var(--teal);border-radius:50%;width:6px;height:6px}.explorer-intro h1{letter-spacing:-1.8px;margin-bottom:15px;font-size:clamp(30px,3.6vw,49px);font-weight:600;line-height:1.25}.explorer-intro h1 em{color:var(--teal);font-style:normal;font-weight:400}.version-tag{letter-spacing:.4px;vertical-align:middle;background:#e9eee7;border:1px solid #dce4d9;border-radius:4px;margin-left:18px;padding:5px 8px;font-size:10px;font-weight:500}.intro-copy{color:#61746c;letter-spacing:.3px;font-size:14px}.intro-link{white-space:nowrap;margin-bottom:4px;font-size:12px;text-decoration:none}.intro-link span{margin-left:16px}.mobile-break{display:none}.explorer{background:#fff;border:1px solid #d8e2da;border-radius:12px;scroll-margin-top:20px;overflow:hidden;box-shadow:0 8px 28px #1a3d2810}.experiment-bar{color:#62776a;letter-spacing:1px;background:#eef3ec;justify-content:space-between;gap:12px;padding:11px 25px;font:10px/1.5 ui-monospace,monospace;display:flex}.experiment-bar b{padding:0 10px;font-weight:400}.live-dot{background:#28826b;border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block}.input-workspace{border-bottom:1px solid var(--line);grid-template-columns:230px 1fr;gap:12px 22px;padding:24px 28px 19px;display:grid}.input-label{align-items:center;gap:12px;display:flex}.section-number{color:#8d9a90;margin-right:12px;font:11px ui-monospace,monospace;display:inline-flex}.input-label .section-number{margin:0}.input-label label{font-size:14px;font-weight:600}.input-label small{color:var(--muted);margin-top:3px;font-size:10px;display:block}#input-form{gap:10px;display:flex}#sentence{width:100%;min-width:0;height:45px;color:var(--ink);letter-spacing:2px;background:#fafcf9;border:1px solid #cfdad2;border-radius:6px;padding:0 16px;font-size:16px}.primary-button{background:var(--teal);white-space:nowrap;border:0;border-radius:6px;padding:10px 18px;color:#fff!important;font-size:12px!important}.primary-button span{margin-left:10px}.preset-row{flex-wrap:wrap;grid-column:2;align-items:center;gap:8px;font-size:10px;display:flex}.preset-row>span{color:var(--muted);margin-right:3px}.preset-row button{color:#6b7b71;background:#fff;border:1px solid #e4e9e2;border-radius:4px;padding:3px 10px;font-size:10px}.preset-row button:hover{background:#eef6f0}#input-feedback{color:#708074;grid-column:2;font-size:10px;line-height:1.5}#input-feedback.error{color:#a33d31}.flow-toolbar{justify-content:space-between;align-items:center;gap:15px;padding:22px 28px 8px;display:flex}.flow-toolbar strong{font-size:13px}.flow-toolbar .muted{margin-left:16px;font-size:10px}.muted{color:var(--muted)}.playback{gap:6px;display:flex}.playback button{border:1px solid var(--line);background:#fff;border-radius:5px;padding:5px 12px;font-size:11px}.playback button:first-child{padding:0 10px;font-size:18px}.flow-scroll{background:radial-gradient(#dce4db .6px,#0000 .6px) 0 0/12px 12px;padding:12px 25px 0;overflow-x:auto}.model-flow{grid-template-columns:1fr 1.12fr 1.4fr 1.12fr 1.15fr;gap:25px;min-width:850px;padding:10px 0 16px;display:grid}.flow-column{min-width:0;position:relative}.stage-button{background:#f7faf6;border:1px solid #0000;border-radius:6px;flex-wrap:wrap;justify-content:center;align-items:center;gap:0 6px;width:100%;padding:9px 4px;display:flex}.stage-button strong{font-size:12px;font-weight:600}.stage-button small{width:100%;color:var(--muted);margin-top:2px;font-size:9px;display:block}.stage-count{color:#8b9c8c;font-size:9px}.stage-button[aria-pressed=true]{background:#eaf4ec;border-color:#68a18c}.stage-button[aria-pressed=true] strong{color:var(--teal)}.stage-visual{flex-direction:column;justify-content:center;gap:6px;height:220px;padding:15px 10px;display:flex}.stage-dimension{text-align:center;color:var(--muted);font:9px ui-monospace,monospace;display:block}.flow-arrow{color:#94a999;font-size:20px;position:absolute;top:50%;right:-23px}.token-button{background:#fff;border:1px solid #dde6de;border-radius:4px;justify-content:space-between;align-items:center;width:100%;min-height:25px;padding:2px 10px;font-size:11px;display:flex}.token-button small{color:#88948b;font:9px ui-monospace,monospace}.token-button[aria-pressed=true]{border-color:var(--teal);color:var(--teal);background:#e8f3e9;font-weight:600}.vector-row{background:0 0;border:1px solid #0000;border-radius:3px;align-items:center;gap:3px;width:100%;height:24px;padding:3px;display:flex}.vector-row.selected{background:#eaf3ed;border-color:#398679}.vector-cell{border-radius:2px;flex:1;min-width:0;height:100%;display:block}.mini-attention{width:100%;height:100%;overflow:visible}.mini-attention text{fill:#526b5c;font-size:10px}.mini-output{grid-template-columns:32px 1fr 33px;align-items:center;gap:6px;font-size:10px;display:grid}.mini-output b{font:9px ui-monospace,monospace}.mini-bar{background:#edf1e9;border-radius:2px;height:7px;overflow:hidden}.mini-bar span{background:#70a185;height:100%;display:block}.mini-output:first-child .mini-bar span{background:var(--teal)}.flow-caption{color:var(--muted);border-top:1px solid #edf0eb;justify-content:space-between;gap:16px;padding:12px 28px;font-size:9px;display:flex}.legend-dot{background:var(--teal);border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.detail-workspace{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) 300px;display:grid}.detail-main{min-width:0;padding:26px 28px 17px}.detail-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.detail-heading h2{letter-spacing:.2px;margin:6px 0 10px;font-size:22px;font-weight:600}.detail-chip{letter-spacing:.6px;color:#647e65;white-space:nowrap;background:#f4f7f0;border:1px solid #dbe5dc;border-radius:4px;padding:4px 8px;font:9px ui-monospace,monospace}.detail-description{color:#6f7e74;max-width:75ch;font-size:12px}.attention-controls{justify-content:space-between;align-items:center;gap:12px;margin:20px 0 10px;display:flex}.segmented{background:#f6f8f3;border:1px solid #dbe3d8;border-radius:5px;gap:3px;padding:3px;display:flex}.segmented button{background:0 0;border:0;border-radius:3px;padding:5px 17px;font-size:11px}.segmented button[aria-pressed=true]{color:var(--teal);background:#fff;font-weight:600;box-shadow:0 1px 4px #122a1720}.toggle-label{align-items:center;gap:7px;font-size:11px;display:flex}.toggle-label .muted{font-size:10px}.transformer-page input[type=checkbox]{accent-color:var(--teal);width:14px;height:14px}.attention-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:20px;padding:10px 0 16px;display:grid}.attention-diagram{width:100%;height:210px;overflow:visible}.attention-diagram text{fill:#4c675b;font:12px Segoe UI,Meiryo,sans-serif}.attention-diagram .svg-heading{fill:#87958b;letter-spacing:1px;font:9px ui-monospace,monospace}.heatmap-wrap{padding:4px;overflow:auto}.heatmap-wrap>p{color:var(--muted);margin-bottom:8px;font-size:10px}.heatmap{align-items:center;gap:3px;width:max-content;display:grid}.heatmap .axis{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:38px;font-size:9px;overflow:hidden}.heat-cell{border:1px solid #0000;border-radius:3px;width:29px;height:27px;padding:0;font-family:ui-monospace,monospace!important;font-size:8px!important}.heat-cell.selected{outline-offset:0;outline:2px solid #215d4c}.heat-cell.masked{color:#adb8a8!important;background:repeating-linear-gradient(135deg,#f1f3ed,#f1f3ed 3px,#e9eee5 3px 4px)!important}.heat-legend{color:var(--muted);align-items:center;gap:7px;margin-top:9px;font-size:9px;display:flex}.heat-legend i{background:linear-gradient(90deg,#f0f6e8,#1b7c68);border-radius:2px;width:75px;height:6px}.detail-bottom{color:var(--muted);border-top:1px solid #e9eee5;justify-content:space-between;align-items:center;gap:15px;padding-top:13px;font-size:10px;display:flex}.detail-bottom button,.guide-cards button{color:var(--teal);white-space:nowrap;background:0 0;border:0;padding:4px 0;font-size:11px}.inspector{border-left:1px solid var(--line);background:#f8faf6;padding:26px 24px}.inspector h3{margin:8px 0 17px;font-size:14px;font-weight:600;line-height:1.6}.formula{text-align:center;color:#416747;background:#eef3e9;border:1px solid #dce5d7;border-radius:5px;margin:16px 0;padding:12px 10px;font:11px/1.9 ui-monospace,monospace}.inspect-pair{justify-content:space-between;align-items:center;margin-bottom:12px;font-size:12px;display:flex}.inspect-pair strong{color:var(--teal);font-size:19px;font-weight:500}.inspect-stat{border-bottom:1px solid #e5ebe0;justify-content:space-between;padding:7px 0;font-size:10px;display:flex}.inspect-stat code{font:11px ui-monospace,monospace}.inspector-note{border-left:2px solid #aec2a1;padding-left:10px;margin-top:17px!important}.model-settings{color:#71816f;border-top:1px solid #e0e7dc;margin-top:20px;padding-top:13px;font-size:10px}.model-settings summary{cursor:pointer}.model-settings label{align-items:center;gap:7px;margin:12px 0;display:flex}.model-settings p{margin-top:9px;font-size:10px}.vector-detail{padding:20px 0;overflow:auto}.vector-table{width:100%;min-width:420px;font-size:11px}.vector-table th,.vector-table td{text-align:center;border:0;padding:7px 4px}.vector-table th{color:var(--muted);font-size:10px;font-weight:400}.vector-table td:not(:first-child){font:10px ui-monospace,monospace}.vector-table td{border-radius:3px}.vector-key{color:var(--muted);margin-top:12px;font-size:10px}.token-detail{flex-wrap:wrap;gap:12px;margin:26px 0;display:flex}.token-card{text-align:center;background:#f9fcf6;border:1px solid #dbe6d7;border-radius:7px;min-width:70px;padding:17px 20px}.token-card strong{font-size:20px;font-weight:500;display:block}.prediction-controls{flex-wrap:wrap;align-items:center;gap:14px;margin:18px 0;font-size:12px;display:flex}.prediction-controls input{max-width:150px;accent-color:var(--teal)}.probability-list{grid-template-columns:1fr 1fr;gap:8px 24px;padding:8px 0 20px;display:grid}.probability-row{grid-template-columns:45px 1fr 45px;align-items:center;gap:9px;font-size:11px;display:grid}.probability-row b{font:10px ui-monospace,monospace}.probability-row .mini-bar{height:10px}.generate-button{background:#edf5ea;border:1px solid #aac5b4;border-radius:5px;margin-bottom:18px;padding:8px 12px;font-size:11px!important}.learning-guide{grid-template-columns:260px 1fr;gap:40px;padding:58px 0 38px;scroll-margin-top:30px;display:grid}.guide-title h2{margin:12px 0;font-size:25px;font-weight:500;line-height:1.6}.guide-title>p:last-child{color:var(--muted);font-size:12px}.guide-cards{grid-template-columns:repeat(3,1fr);gap:27px;display:grid}.guide-cards article{border-top:1px solid #b7cbbb;padding-top:20px}.guide-cards article>span{letter-spacing:1px;color:#7a947e;font:9px ui-monospace,monospace}.guide-cards h3{margin:12px 0;font-size:15px;font-weight:600;line-height:1.6}.guide-cards p{color:#718071;margin-bottom:12px;font-size:12px;line-height:1.9}.reading-note{border-top:1px solid var(--line);color:var(--muted);padding:23px 0;font-size:11px}.reading-note p+p{margin-top:10px}.reading-note a{text-underline-offset:3px}.explorer-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:20px;padding:23px 0 32px;font-size:10px;display:flex}.explorer-footer>a{color:var(--ink);font-size:13px;font-weight:600;text-decoration:none}.footer-separator{padding:0 10px}.stage-visual{height:max(220px,calc(var(--token-count,5) * 31px + 24px))}.model-badge{letter-spacing:0;margin-left:7px;font-family:Segoe UI,Meiryo,sans-serif;font-size:9px}@media (width>=1500px){.stage-visual{height:max(250px,calc(var(--token-count,5) * 31px + 24px))}.attention-diagram{height:235px}}@media (width<=1100px){.explorer-main{max-width:94%}.detail-workspace{grid-template-columns:minmax(0,1fr) 265px}.detail-main{padding:24px 20px 16px}.inspector{padding:25px 18px}.detail-heading h2{font-size:20px}.detail-chip{display:none}.learning-guide{grid-template-columns:200px 1fr;gap:25px}.guide-cards{gap:18px}.flow-toolbar .muted,.brand-section{display:none}.input-workspace{grid-template-columns:200px 1fr}.attention-layout{gap:10px}}@media (width<=800px){.detail-workspace{grid-template-columns:1fr}.inspector{border-left:0;border-top:1px solid var(--line)}.learning-guide{grid-template-columns:1fr;gap:28px}.guide-title h2 br,.guide-title>p br,.intro-link{display:none}.input-workspace{grid-template-columns:1fr;gap:12px;padding:22px}.preset-row,#input-feedback{grid-column:1}.input-label small{display:none}.attention-diagram{height:235px}.explorer-header{padding:16px 4%}.explorer-header nav{gap:18px}.explorer-intro{padding-top:30px}.explorer-intro h1{font-size:37px}.version-tag{margin-left:12px}.flow-caption{flex-direction:column;gap:5px}.inspector-content{max-width:500px}.experiment-bar{font-size:9px}.experiment-bar b{padding:0 4px}}@media (width<=540px){.lab-brand{gap:6px;font-size:15px}.brand-mark{font-size:25px}.brand-divider{display:none}.explorer-header nav{gap:14px;font-size:10px}.explorer-header nav a:nth-child(2){display:none}.explorer-intro h1{letter-spacing:-1px;font-size:29px}.version-tag{margin-left:8px;padding:4px 5px;font-size:9px;display:inline-block}.intro-copy{font-size:12px;line-height:1.9}.mobile-break{display:block}.eyebrow{letter-spacing:1px;font-size:9px}.experiment-bar{letter-spacing:.2px;padding:11px 14px;font-size:8px}.input-workspace{padding:20px 15px}.primary-button{padding:10px 13px}.flow-toolbar{padding:18px 15px 8px}.flow-toolbar strong{font-size:12px}.section-number{margin-right:8px}.playback button{padding:5px 8px;font-size:10px}.detail-main{padding:22px 16px 15px}.detail-heading h2{font-size:20px}.detail-description{font-size:11px}.attention-controls{align-items:flex-start}.toggle-label{flex-wrap:wrap;justify-content:flex-end;gap:4px;font-size:10px}.toggle-label .muted{display:none}.segmented button{padding:4px 12px}.attention-layout{grid-template-columns:1fr}.attention-diagram{height:230px}.heatmap-wrap{justify-self:center}.detail-bottom{align-items:flex-start;font-size:9px}.detail-bottom button{font-size:10px}.guide-cards{grid-template-columns:1fr;gap:23px}.learning-guide{padding:38px 6px 28px}.guide-cards p{margin-bottom:6px}.explorer-footer{flex-direction:column;gap:8px}.footer-separator{padding:0 5px}.probability-list{grid-template-columns:1fr}.token-card{padding:12px}.flow-caption{padding:12px 15px}.flow-scroll{padding-left:15px;padding-right:15px}}@media (prefers-reduced-motion:no-preference){.stage-button,.token-button{transition:background .18s,border-color .18s}.mini-bar span{transition:width .3s}.flow-column:has(.stage-button[aria-pressed=true]) .stage-visual{animation:.3s ease-out stage-appear}@keyframes stage-appear{0%{opacity:.6;transform:translateY(3px)}to{opacity:1;transform:none}}}.transformer-page{--muted:#586c61;font-size:16px}.explorer-main{width:1280px}.explorer-intro{padding-top:38px;padding-bottom:25px}.explorer-intro h1{letter-spacing:-.7px;font-size:clamp(28px,3.3vw,43px);line-height:1.55}.intro-copy{color:#52675c;font-size:16px;line-height:1.9}.intro-level{color:#63786b;margin-left:12px;font:12px Meiryo,sans-serif;background:0 0!important;width:auto!important;height:auto!important}.welcome-card{background:#eef4e9;border:1px solid #d4e2d4;border-radius:12px;grid-template-columns:1.05fr 1fr;gap:42px;margin-bottom:26px;padding:27px 30px;display:grid}.welcome-kicker{color:#52724d;font-size:12px;font-weight:600}.welcome-card h2{margin:7px 0 14px;font-size:21px;line-height:1.5}.welcome-card p{font-size:14px;line-height:1.9}.sentence-preview{letter-spacing:3px;flex-wrap:wrap;align-items:center;gap:12px;margin:12px 0 15px;font-size:23px;display:flex}.next-placeholder{color:var(--teal);border:2px dashed #92b192;border-radius:7px;place-items:center;width:42px;height:42px;display:grid}.welcome-aside{border-left:1px solid #ceddcb;padding-left:30px}.welcome-aside .model-disclosure{color:#5c705e;margin:11px 0 17px;font-size:13px}.welcome-aside .primary-button{white-space:normal;min-height:44px;font-size:14px!important}.experiment-bar{letter-spacing:.3px;font:12px/1.6 Segoe UI,Meiryo,sans-serif}.input-editor>summary,.overview>summary{cursor:pointer;color:#31594b;padding:16px 25px;font-size:14px}.input-editor>summary span,.overview>summary span{color:var(--muted);margin-left:16px;font-size:12px}.input-editor{border-bottom:1px solid var(--line)}.input-workspace{border:0;padding-top:5px}.input-label small,#input-feedback,.preset-row,.preset-row button{font-size:12px}.preset-row button{min-height:36px}.lesson-nav{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:23px 25px 17px;scroll-margin-top:16px;display:grid}.lesson-nav button{text-align:left;background:#f7f9f5;border:1px solid #dce5da;border-radius:8px;align-items:center;gap:10px;padding:13px 10px;font-size:14px;font-weight:600;line-height:1.6;display:flex}.lesson-nav button[aria-pressed=true]{border-color:var(--teal);box-shadow:inset 0 -3px var(--teal);color:#155e4e;background:#e5f1e8}.lesson-number{background:#e4e9df;border-radius:50%;flex:0 0 28px;place-items:center;height:28px;font:13px ui-monospace,monospace;display:grid}.lesson-nav button[aria-pressed=true] .lesson-number{background:var(--teal);color:#fff}.lesson-nav button small{color:#64776a;margin-top:2px;font-size:10px;font-weight:400;display:block}.overview{background:#fafcf8}.overview>summary{padding-top:10px;padding-bottom:15px;font-size:13px}.overview[open]>summary{border-bottom:1px solid var(--line)}.paper-architecture{background:#f5f8f0;border-top:1px solid #e1e8dd;border-bottom:1px solid #e1e8dd}.paper-location{color:#305c45;padding:15px 25px;font-size:14px;line-height:1.8}#paper-current{margin-left:12px;font-weight:600}.paper-panel{background:#fcfdf9;border-top:1px solid #dce6d4;padding:25px}.paper-panel-heading h2{margin-bottom:10px;font-size:23px;line-height:1.6}.paper-panel-heading p{color:#51664f;font-size:14px}.paper-layout{grid-template-columns:minmax(0,1.35fr) minmax(260px,1fr);gap:28px;margin-top:24px;display:grid}.paper-figure{min-width:0;margin:0}.paper-svg-scroll{background:#fff;border:1px solid #d7e2d2;border-radius:8px;padding:15px 5px;overflow-x:auto}.paper-svg{width:100%;min-width:530px;height:auto;font-family:Segoe UI,Meiryo,sans-serif;display:block}.paper-svg .stack-heading{fill:#344f3d;font-size:17px;font-weight:600}.paper-svg .stack-background{fill:#f7f8f5;stroke:#bbcabc;stroke-width:1.2px}.paper-svg .paper-node{fill:#edf1e9;stroke:#8f9f90;stroke-width:1.2px}.paper-svg .node-label{fill:#2e4837;font-size:12px}.paper-svg .node-translation{fill:#516a56;font-size:10px}.paper-svg .position-label{fill:#4c6250;font-size:11px}.paper-svg .stack-repeat,.paper-svg .edge-label{fill:#5b705d;font-size:12px}.paper-svg .omitted{stroke-dasharray:5 4}.paper-svg .encoder-boxes .paper-node,.paper-svg .omitted .paper-node{fill:#f6f6f1;stroke-dasharray:5 4}.paper-svg .omission-label{fill:#6c775f;font-size:11px}.paper-svg .input-label-bg,.paper-svg .position-label-bg{fill:#fff;stroke:#0000}.paper-svg .paper-part{cursor:pointer;pointer-events:bounding-box;text-decoration:none}.paper-svg .paper-part:hover .paper-node{stroke-width:2.5px}.paper-svg .is-current .paper-node,.paper-svg .is-current .input-label-bg,.paper-svg .is-current .position-label-bg{fill:#d8efdd;stroke:#16786e;stroke-width:2.5px}.paper-svg .is-current .node-label,.paper-svg .is-current .position-label{fill:#135544;font-weight:700}.paper-legend{flex-wrap:wrap;gap:10px 20px;margin:12px 0;font-size:11px;display:flex}.paper-legend span{align-items:center;gap:7px;display:flex}.paper-legend i{background:#d8efdd;border:2px solid #16786e;border-radius:2px;width:15px;height:12px}.paper-legend span+span i{background:#f6f6f1;border:1px dashed #819580}.paper-figure figcaption{color:#5a6e58;font-size:11px;line-height:1.8}.diagram-scroll-hint{color:#63765e;font-size:11px;margin-bottom:9px!important}.paper-annotations h3{margin:10px 0 13px;font-size:22px;line-height:1.6}.paper-annotations p{font-size:14px;line-height:1.95}.paper-annotation{border-left:3px solid #91b488;margin:19px 0;padding-left:15px}.paper-annotation b{color:#507440;font-size:12px}.paper-annotation p{margin-top:6px}#paper-live-setting:not(:empty){background:#faf4e3;border:1px solid #e1d3ac;border-radius:4px;margin-top:10px;padding:10px;font-size:12px}.paper-residual-note{background:#eef3e8;border-radius:5px;padding:14px;font-size:13px!important}.paper-differences{border-top:1px solid #d7e1cf;margin:20px 0;padding-top:13px}.paper-differences summary{cursor:pointer;font-size:13px}.paper-differences table{margin:15px 0;font-size:11px}.paper-differences th,.paper-differences td{padding:8px 5px;font-size:11px}.paper-differences p{font-size:12px}.paper-original-link{font-size:12px;line-height:1.9;display:inline-block}.detail-workspace{grid-template-columns:minmax(0,1fr) 305px}.detail-main{padding:30px}.detail-heading h2{margin-bottom:14px;font-size:25px;line-height:1.6}.detail-heading .eyebrow{font-size:12px}.detail-chip{display:none}.detail-description{color:#395648;font-size:16px;line-height:1.9}.step-purpose{border-bottom:1px solid #e6ece1;align-items:baseline;gap:12px;margin-top:16px;padding-bottom:21px;display:flex}.step-purpose>span{color:#53753f;background:#eef3e6;border-radius:4px;flex-shrink:0;padding:3px 7px;font-size:12px;font-weight:600}.step-purpose p{color:#526653;font-size:14px;line-height:1.85}.token-source,.prediction-context{background:#fafcf8;border:1px solid #dce4d8;border-radius:8px;margin-top:25px;padding:17px 20px}.token-source>span,.prediction-context>span{color:var(--muted);font-size:12px}.token-source p,.prediction-context p{letter-spacing:2px;margin-top:5px;font-size:21px;line-height:1.8}.split-arrow{text-align:center;color:var(--teal);font-size:13px;margin:15px 0!important}.token-detail{gap:9px;margin:10px 0 14px}.token-card{background:#fff;flex:1;min-width:90px;max-width:150px;padding:12px 10px}.token-card[aria-pressed=true]{border:2px solid var(--teal);background:#eaf4eb;padding:11px 9px}.token-card span{color:#546654;font:11px/1.7 Meiryo,sans-serif}.token-card strong{overflow-wrap:anywhere;margin:7px 0;font-size:22px}.token-card small{font-size:10px;display:block}.visual-caption{color:var(--muted);font-size:12px;line-height:1.8;margin:10px 0 18px!important}.token-picker{margin-top:21px}.token-picker>p{font-size:14px;font-weight:600}.token-picker p span{color:var(--muted);margin-left:8px;font-size:11px;font-weight:400}.token-picker>div{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}.token-picker button{overflow-wrap:anywhere;background:#fff;border:1px solid #d4dfd0;border-radius:6px;max-width:100%;min-height:42px;padding:6px 13px;font-size:15px}.token-picker button small{color:#637a66;margin-right:7px;font:10px ui-monospace,monospace}.token-picker button[aria-pressed=true]{background:var(--teal);color:#fff;border-color:var(--teal)}.token-picker button[aria-pressed=true] small{color:#d9e9dc}.embedding-demo,.ffn-demo{margin:25px 0 17px}.embedding-demo p,.ffn-demo div>p{flex-wrap:wrap;align-items:baseline;gap:3px 12px;margin-bottom:9px;font-size:14px;display:flex}.embedding-demo p>span,.ffn-demo div>p>span{color:var(--muted);font-size:12px}.number-strip{grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;display:grid}.number-strip>span{text-align:center;color:#193d2e;border:1px solid #53634515;border-radius:4px;padding:13px 1px;font:12px ui-monospace,monospace}.math-operator{color:#6c8e71;padding-left:10px;font-size:23px;line-height:1.6;display:block}.embedding-result{border-top:1px solid #d6e1d0;padding-top:13px}.vector-origins{grid-template-columns:1fr 1fr;gap:12px;margin:24px 0;display:grid}.vector-origins>div{background:#eef7f1;border:1px solid #b8d6c5;border-radius:7px;padding:16px}.vector-origins>div+div{background:#faf5e8;border-color:#dbcba5}.vector-origins span{color:#526b5c;font-size:12px;display:block}.vector-origins strong{margin:6px 0;font-size:15px;display:block}.vector-origins p{font-size:13px}.embedding-step{border-bottom:1px solid #dce6d8;margin:27px 0;padding-bottom:23px}.embedding-step h3{margin-bottom:12px;font-size:19px;line-height:1.7}.embedding-step h3>span{color:var(--teal);margin-right:6px}.embedding-step>p{font-size:14px;line-height:1.95}.lookup-path{flex-wrap:wrap;align-items:center;gap:8px;margin:18px 0;display:flex}.lookup-path b{overflow-wrap:anywhere;background:#e6f2e9;border:1px solid #c0d9c5;border-radius:5px;padding:7px 10px;font-size:13px}.lookup-path>span{color:#6b8c74}.position-path b{background:#f8f1df;border-color:#e3d4af}.embedding-matrix{background:#f7faf5;border:1px solid #d2dfd0;border-radius:8px;padding:13px}.embedding-matrix>p{margin-bottom:11px;font-size:12px}.embedding-matrix>p>span{color:var(--muted);font-size:11px;display:block}.lookup-row{background:#fff;border:1px solid #e2e8dd;border-radius:5px;margin-top:7px;padding:12px}.lookup-row>span{align-items:center;gap:12px;margin-bottom:6px;font-size:14px;display:flex}.lookup-row small{color:#5d6f60;font-size:11px}.lookup-selected{background:#ebf6ee;border:2px solid #4a9571}.transformer-page .vector-literal{color:#264735;overflow-wrap:anywhere;white-space:normal;background:0 0;padding:0;font:13px/1.9 ui-monospace,Consolas,monospace;display:block}.parameter-origin{background:#f3f6ec;border-left:3px solid #7c9c66;margin-top:18px;padding:16px 18px}.parameter-origin h4{margin-bottom:9px;font-size:15px;line-height:1.7}.parameter-origin p{font-size:13px;line-height:1.95}.parameter-origin p+p{margin-top:10px}.embedding-step .embedding-footnote{color:#5e725f;margin-top:14px;font-size:12px;line-height:1.9}.position-formula{background:#f9f3e4;border-radius:5px;padding:12px;margin:14px 0!important}.position-formula code{white-space:normal;overflow-wrap:anywhere;background:0 0;font-size:12px;line-height:1.9}.position-result{background:#fffcf4;border:1px solid #ddcfae;border-radius:6px;margin-top:15px;padding:15px}.position-result>span{margin-bottom:8px;font-size:12px;display:block}.embedding-result .vector-literal{margin-bottom:12px}.embedding-compare{background:#f8fbf5;border:1px solid #ccdcca;border-radius:8px;padding:20px}.embedding-compare h3{font-size:17px;line-height:1.7}.embedding-compare p{font-size:13px;line-height:1.9}.comparison-switch{gap:7px;margin:15px 0;display:flex}.comparison-switch button{background:#fff;border:1px solid #bcd2bd;border-radius:5px;padding:9px 12px;font-size:13px}.comparison-switch button[aria-pressed=true]{background:var(--teal);border-color:var(--teal);color:#fff}.comparison-context{border-bottom:1px solid #dce5d6;padding-bottom:15px}.comparison-row{margin:16px 0}.comparison-row>div{align-items:center;gap:14px;margin-bottom:7px;font-size:14px;display:flex}.comparison-row .changed,.comparison-row .unchanged{color:#775319;background:#f5e6c2;border-radius:3px;padding:2px 8px;font-size:12px}.comparison-row .unchanged{color:#396c3d;background:#e4efdf}.comparison-row>p{color:#5b725f;margin-top:5px;font-size:12px}.comparison-footnote{color:var(--muted);border-top:1px solid #dce5d6;padding-top:13px;font-size:12px!important}.process-arrow{color:#526f53;padding:15px 0;font-size:12px;line-height:1.8}.attention-controls{flex-wrap:wrap;margin:22px 0 0}.segmented button{min-height:37px;font-size:13px}.toggle-label{font-size:13px}.control-explanation{width:100%;color:var(--muted);font-size:12px;line-height:1.85}.attention-focus{background:#fafcf8;border:1px solid #e0e8da;border-radius:8px;margin:18px 0;padding:15px}.mobile-attention{display:none}.mobile-attention>p{color:#395b45;margin-bottom:16px;font-size:13px}.attention-weight{grid-template-columns:76px minmax(0,1fr) 51px;align-items:center;gap:7px;margin:14px 0;display:grid}.attention-weight>span{overflow-wrap:anywhere;font-size:14px}.attention-weight small{color:#617763;margin-right:7px;font:10px ui-monospace,monospace}.attention-weight b{text-align:right;font:12px ui-monospace,monospace}.attention-weight .mini-bar{height:13px}.attention-weight .mini-bar span{background:#377f64}.mobile-attention .collect-arrow{text-align:center;margin:22px 0 12px}.attention-recipient{text-align:center;background:#e2f0e5;border:1px solid #66a381;border-radius:6px;padding:11px;font-size:16px;font-weight:600}.attention-recipient small{font-size:11px;font-weight:400;display:block}.attention-diagram{max-width:550px;height:auto;margin:auto;display:block}.attention-diagram .svg-heading{letter-spacing:0;fill:#496551;font:12px Meiryo,sans-serif}.attention-diagram text{font-size:14px}.visual-details{border-top:1px solid #e0e7db;min-width:0;margin:17px 0}.visual-details>summary{color:#39634e;cursor:pointer;padding:12px 0;font-size:13px}.heatmap-wrap{max-width:100%;padding:5px 3px 12px}.heatmap-wrap>p,.heat-legend{font-size:12px}.heatmap .axis{max-width:60px;font-size:12px}.heat-cell{width:38px;height:37px;font-size:12px!important}.rounding-note{margin-top:10px!important;font-size:11px!important}.observation{background:#edf5eb;border-left:3px solid #5b9b75;border-radius:0 6px 6px 0;margin-top:20px;padding:15px 18px}.observation>span{color:#3d6b47;font-size:12px;font-weight:600}.observation p{color:#2f523b;overflow-wrap:anywhere;margin-top:6px;font-size:15px;line-height:1.9}.try-it{background:#fcfdf8;border:1px dashed #c9d8bc;border-radius:7px;justify-content:space-between;align-items:center;gap:20px;margin:19px 0 24px;padding:17px;display:flex}.try-it div{flex:1}.try-it span{color:#756027;font-size:12px;font-weight:600}.try-it p{margin-top:5px;font-size:13px;line-height:1.8}.try-it button{color:#325b40;background:#fff;border:1px solid #b6c9ad;border-radius:5px;max-width:220px;min-height:44px;padding:10px 13px;font-size:13px}.detail-bottom{gap:10px}.detail-bottom button{white-space:normal;min-height:44px;font-size:13px}.detail-bottom #next-stage{background:var(--teal);color:#fff;border-radius:6px;padding:10px 17px}.detail-bottom>span{color:#536a59;white-space:nowrap;margin-left:auto;font:12px ui-monospace,monospace}.inspector{padding:30px 24px}.takeaway .eyebrow{color:#497341;letter-spacing:.8px;font:12px Meiryo,sans-serif}.takeaway h3{margin:12px 0;font-size:20px;line-height:1.75}.inspector p{color:#4c6350;font-size:13px;line-height:1.9}.word-note{border-top:1px solid #dce5d6;margin:24px 0;padding-top:19px}.word-note>span{color:#65794f;font-size:11px}.word-note dl{margin:7px 0}.word-note dt{font-size:14px;font-weight:600;line-height:1.8}.word-note dd{color:#546853;margin:7px 0 0;font-size:13px;line-height:1.9}.quick-check{background:#f2f6eb;border:1px solid #d8e2cc;border-radius:6px;padding:13px}.quick-check>summary,.math-details>summary{cursor:pointer;color:#3c613c;font-size:13px;line-height:1.9}.quick-check #quiz-question{margin-top:13px}#quiz-options{gap:7px;margin-top:12px;display:grid}#quiz-options button{text-align:left;background:#fff;border:1px solid #cfdbc4;border-radius:5px;min-height:44px;padding:10px;font-size:13px}#quiz-options button[aria-pressed=true]{background:#e2efdb;border-color:#307b51}#quiz-feedback:not(:empty){margin-top:13px;font-size:13px}.math-details{border-top:1px solid #dce5d6;margin-top:21px;padding-top:15px}.math-details h3{margin-top:17px;font-size:15px}.math-details .model-settings{margin-top:15px}.formula{overflow-wrap:anywhere;font-size:12px}.inspect-stat{font-size:12px}.model-settings{font-size:12px;line-height:1.8}.model-settings p{font-size:12px}.vector-table th{font-size:11px}.vector-key{font-size:12px}.prediction-context b{color:var(--teal);border:1px dashed #92b192;border-radius:4px;padding:0 10px;display:inline-block}.prediction-controls{gap:10px;font-size:14px}.prediction-controls p{width:100%;color:var(--muted);font-size:12px}.probability-list{grid-template-columns:1fr;gap:14px;padding:12px 0}.probability-row{grid-template-columns:100px 1fr 64px;font-size:16px}.probability-row>span small{color:var(--muted);margin-right:7px;font-size:11px}.probability-row b{font-size:13px}.probability-row .mini-bar{border-radius:3px;height:18px}.generate-button{background:var(--teal);border:0;min-height:46px;padding:10px 18px;color:#fff!important;font-size:15px!important}.prediction-caution{color:#6b6949;font-size:12px;margin:-5px 0 15px!important}.learning-completion{background:#eaf4e6;border:1px solid #c9dcc7;border-radius:8px;padding:22px;font-size:15px;line-height:1.9;margin-top:20px!important}.guide-cards p,.guide-title>p:last-child{font-size:14px}.guide-cards button{min-height:44px;font-size:13px}.guide-cards h3{font-size:17px}.reading-note{font-size:13px;line-height:1.9}.explorer-footer{font-size:12px}@media (width<=1050px){.detail-workspace{grid-template-columns:minmax(0,1fr) 275px}.detail-main{padding:24px}.lesson-nav button{text-align:center;flex-direction:column;gap:5px;font-size:13px}.lesson-number{flex-basis:auto;width:27px}.welcome-card{gap:25px}.welcome-aside{padding-left:25px}.try-it{flex-direction:column;align-items:stretch;gap:13px}.try-it button{max-width:none}}@media (width<=800px){.paper-layout{grid-template-columns:1fr}.paper-annotations{max-width:600px}.detail-workspace{grid-template-columns:1fr}.welcome-card{grid-template-columns:1fr;gap:20px;padding:24px}.welcome-aside{border-top:1px solid #ceddcb;border-left:0;padding:18px 0 0}.intro-level{display:none!important}.detail-main{padding:24px}.inspector{padding:25px}.takeaway h3{font-size:21px}.input-editor>summary span,.overview>summary span{display:none}.attention-diagram{max-width:480px}.try-it{flex-direction:row;align-items:center}}@media (width<=540px){.paper-location{padding:13px 15px;font-size:13px}#paper-current{margin:5px 0 0;font-size:12px;display:block}.paper-panel{padding:20px 15px}.paper-panel-heading h2,.paper-annotations h3{font-size:20px}.paper-annotations p{font-size:13px}.vector-origins{grid-template-columns:1fr;gap:8px}.embedding-step h3{font-size:18px}.lookup-path{gap:5px}.lookup-path b{padding:6px 8px;font-size:11px}.embedding-matrix{padding:9px}.lookup-row{padding:10px}.transformer-page .vector-literal{font-size:12px}.embedding-compare{padding:15px}.comparison-switch button{flex:1;padding:8px;font-size:12px}.explorer-intro{padding:24px 4px 20px}.explorer-intro h1{margin:12px 0;font-size:28px}.intro-copy{font-size:14px}.welcome-card{gap:15px;margin-bottom:20px;padding:20px 17px}.welcome-card h2{font-size:19px}.sentence-preview{letter-spacing:1px;gap:8px;font-size:20px}.welcome-card p{font-size:13px}.experiment-bar{flex-wrap:wrap;gap:5px;padding:10px 15px;font-size:11px}.input-editor>summary{padding:13px 15px;font-size:13px}.lesson-nav{gap:4px;padding:17px 10px 12px;scroll-margin-top:8px}.lesson-nav button{border-radius:5px;gap:7px;padding:9px 3px 11px;font-size:11px}.lesson-nav button small{display:none}.lesson-nav button>span:last-child{min-height:36px}.lesson-number{width:25px;height:25px;font-size:12px}.overview>summary{padding:8px 15px 13px;font-size:11px}.detail-main{padding:23px 17px}.detail-heading h2{font-size:22px}.detail-description{font-size:15px}.step-purpose{flex-direction:column;gap:7px;padding-bottom:18px}.step-purpose p{font-size:13px}.token-card{min-width:74px;padding:10px 7px}.token-card[aria-pressed=true]{padding:9px 6px}.token-source,.prediction-context{padding:13px}.token-source p,.prediction-context p{letter-spacing:1px;font-size:18px}.token-picker p span{margin-top:3px;margin-left:0;display:block}.token-picker button{padding:6px 10px;font-size:14px}.number-strip{gap:2px}.number-strip>span{padding:12px 0;font-size:9px}.attention-controls{gap:10px}.toggle-label{font-size:11px}.segmented button{padding:4px 9px;font-size:12px}.attention-focus{padding:17px 13px}.attention-diagram{display:none}.mobile-attention{display:block}.try-it{flex-direction:column;align-items:stretch}.observation{padding:13px}.observation p{font-size:14px}.detail-bottom #next-stage{max-width:65%;padding:9px 10px;font-size:12px}.detail-bottom #previous-stage{font-size:12px}.detail-bottom>span{display:none}.inspector{padding:23px 20px}.probability-row{grid-template-columns:77px 1fr 54px;gap:7px;font-size:14px}.probability-row b{font-size:11px}.probability-row>span small{margin-right:3px}.prediction-controls input{max-width:120px}.generate-button{white-space:normal;width:100%;font-size:14px!important}.learning-completion{font-size:14px}}.architecture-overview{grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;margin:28px 0 16px;display:grid}.architecture-overview article{background:#f3f7ee;border:1px solid #d7e2d2;border-radius:10px;padding:24px}.architecture-overview article>span{color:#526b59;font-size:12px}.architecture-overview h3{margin:5px 0 12px;font-size:24px}.architecture-overview p{font-size:15px;line-height:1.9}.architecture-overview .translation-sentence{color:#16786e;margin-bottom:12px;font-size:22px}.architecture-bridge{text-align:center;color:#16786e;font-size:14px}.architecture-bridge span{margin-top:8px;font-size:12px;line-height:1.8;display:block}.transformer-page .architecture-overview-note{color:#5b705d;font-size:13px}.architecture-topic-nav{flex-wrap:wrap;gap:8px;margin:25px 0 16px;display:flex}.architecture-topic-nav button,.qkv-example-controls button{background:#fff;border:1px solid #b8cbbd;border-radius:6px;padding:10px 14px;font-size:13px}.architecture-topic-nav button[aria-pressed=true],.qkv-example-controls button[aria-pressed=true]{color:#fff;background:#16786e;border-color:#16786e}.architecture-diagram-instruction{font-size:14px;line-height:1.9}.paper-svg .paper-topic-part{cursor:pointer;pointer-events:bounding-box;text-decoration:none}.paper-svg .symbol-hit{fill:#edf3e8;stroke:#b5c9b9;stroke-dasharray:none}.paper-svg .paper-topic-part:hover .paper-node,.paper-svg .paper-topic-part:hover .symbol-hit{stroke:#16786e;stroke-width:2.5px}.paper-svg .topic-highlight .paper-node,.paper-svg .topic-highlight.paper-node,.paper-svg .topic-highlight .symbol-hit,.paper-svg .topic-highlight .input-label-bg,.paper-svg .topic-highlight .position-label-bg{fill:#d8efdd;stroke:#16786e;stroke-width:2.5px}.paper-svg .topic-highlight.stack-background{fill:#eaf5ec;stroke:#16786e;stroke-width:2px}.paper-svg path.topic-highlight{stroke:#16786e;stroke-width:4px}.architecture-guide{min-width:0;margin-top:36px}.architecture-reading-nav{border-top:1px solid #d7e2d2;border-bottom:1px solid #d7e2d2;flex-wrap:wrap;gap:12px 24px;padding:18px 0;font-size:13px;display:flex}.architecture-reading-nav a{color:#16786e;text-underline-offset:4px}.architecture-chapter{border-bottom:1px solid #d7e2d2;padding:36px 0;scroll-margin-top:20px}.architecture-chapter h3{margin:8px 0 18px;font-size:26px;line-height:1.5}.architecture-chapter h4{margin:0 0 12px;font-size:17px;line-height:1.6}.architecture-chapter p,.architecture-chapter li{font-size:15px;line-height:1.95}.architecture-chapter p+p{margin-top:12px}.architecture-chapter .architecture-small,.architecture-citation{color:#5b705d;font-size:13px;line-height:1.9}.architecture-chapter .architecture-table-hint{color:#5b705d;margin-top:12px;font-size:12px;display:none}.transformer-page .parameter-learning-note{border-left:3px solid #b6cdbb;margin-top:20px;padding-left:18px}.architecture-guide .table-scroll{max-width:100%;margin:22px 0 14px;overflow-x:auto}.architecture-guide table{border-collapse:collapse;width:100%;min-width:600px;margin:0;font-size:14px}.architecture-guide th,.architecture-guide td{text-align:left;border:1px solid #d7e2d2;padding:14px;line-height:1.8}.architecture-guide th{background:#f3f7ee;font-weight:600}.architecture-guide thead th{background:#e8f0e3;font-size:13px}.attention-source-table button,.architecture-parts-grid button{color:#16786e;text-align:left;text-underline-offset:4px;background:0 0;border:0;padding:0;font-size:13px;line-height:1.8;text-decoration:underline}.qkv-roles{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:28px 0;display:grid}.qkv-roles article{border:1px solid #d7e2d2;border-radius:8px;padding:21px}.qkv-roles h4{margin-top:14px}.q-label,.k-label,.v-label{border-radius:5px;padding:6px 10px;font-size:14px;display:inline-block}.q-label{color:#305a83;background:#e3eefb}.k-label{color:#815a26;background:#f9ebd9}.v-label{color:#286447;background:#e1f1e6}.qkv-equations{flex-wrap:wrap;gap:12px;margin:18px 0;display:flex}.qkv-equations code{font-family:ui-monospace,monospace}.projection-explanation,.heads-explanation{background:#f3f7ee;border-radius:8px;padding:24px}.attention-calculation{margin:28px 0}.attention-calculation ol{padding-left:24px}.attention-calculation li{padding:4px 0}.transformer-page .architecture-formula{overflow-wrap:anywhere;margin:15px 0;font:14px/1.9 ui-monospace,monospace}.qkv-example,.translation-example{background:#fcfdfa;border:1px solid #b6cdbb;border-radius:10px;margin:26px 0;padding:26px}.qkv-example h4{margin-top:8px}.qkv-example-controls{flex-wrap:wrap;gap:10px;margin:18px 0;display:flex}.example-weight-bar{background:linear-gradient(to right, #16786e var(--weight), #e1e9dc var(--weight));border-radius:3px;width:100%;min-width:65px;height:7px;margin-top:7px;display:block}.qkv-example-result{overflow-wrap:anywhere;background:#e9f4e8;border-left:3px solid #16786e;margin-bottom:16px;padding:20px}.qkv-example-result>span{font-size:12px;line-height:1.8}.qkv-example-result>p{margin:8px 0;font-family:ui-monospace,monospace}.qkv-example-result .qkv-output{color:#16786e;font-size:23px;font-weight:600}.tensor-shape-note{background:#f6f2e7;border-radius:8px;padding:18px 22px}.stack-explanation{grid-template-columns:1fr 1fr;gap:24px;margin:24px 0;display:grid}.stack-explanation>div{background:#f3f7ee;border-radius:8px;min-width:0;padding:22px}.unrolled-stack{gap:20px;margin-top:18px;display:grid}.unrolled-stack>span{background:#fff;border:1px solid #bacdbb;border-radius:5px;justify-content:space-between;align-items:center;padding:10px 16px;display:flex;position:relative}.unrolled-stack>span:not(:last-child):after{content:"↓";color:#16786e;font-size:13px;position:absolute;bottom:-19px;left:50%}.unrolled-stack b,.unrolled-stack small{font-size:13px}.unrolled-stack small{color:#687d6d;font-size:12px}.heads-explanation{margin-top:24px}.heads-diagram{align-items:center;gap:16px;margin:20px 0;font-size:13px;display:flex}.heads-diagram>div{flex:1;grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.heads-diagram>div>span{text-align:center;background:#fff;border:1px solid #bacdbb;border-radius:4px;padding:8px}.architecture-parts-grid,.training-generation{grid-template-columns:1fr 1fr;gap:22px;margin:24px 0;display:grid}.architecture-parts-grid article,.training-generation article{border:1px solid #d7e2d2;border-radius:8px;min-width:0;padding:24px}.architecture-parts-grid button{margin-top:16px}.translation-prefix{background:#edf3e8;border-radius:6px;margin-top:22px;padding:20px}.translation-prefix>span,.translation-choice>span{color:#526b59;font-size:13px}.translation-prefix p{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.translation-prefix b{background:#fff;border:1px solid #bacdbb;border-radius:4px;padding:4px 12px;font-size:18px}.translation-process{color:#526b59;padding:18px 8px;font-size:13px;line-height:1.9}.translation-choice{background:#e9f4e8;border-left:3px solid #16786e;padding:15px 20px}.translation-choice strong{color:#16786e;margin:6px 0;font-size:26px;display:block}.translation-controls{justify-content:space-between;align-items:center;gap:12px;margin:20px 0;display:flex}.translation-controls button{background:#fff;border:1px solid #b8cbbd;border-radius:6px;padding:10px 13px;font-size:13px}.translation-controls>span{white-space:nowrap;font-size:13px}.transformer-page .architecture-citation{margin-top:24px}@media (width<=850px){.architecture-chapter .architecture-table-hint{display:block}.architecture-overview{grid-template-columns:1fr;gap:14px}.architecture-bridge{text-align:left;padding:0 16px}.architecture-bridge span{margin-left:14px;display:inline}.architecture-bridge br{display:none}.qkv-roles,.stack-explanation{grid-template-columns:1fr}}@media (width<=540px){.architecture-overview article{padding:18px}.architecture-chapter h3{font-size:22px}.architecture-chapter p,.architecture-chapter li,.architecture-overview p{font-size:14px}.architecture-chapter{padding:28px 0}.architecture-topic-nav{gap:6px}.architecture-topic-nav button{padding:9px 10px;font-size:12px}.architecture-parts-grid,.training-generation{grid-template-columns:1fr}.architecture-parts-grid article,.training-generation article,.projection-explanation,.heads-explanation,.qkv-example,.translation-example{padding:16px}.architecture-reading-nav{display:grid}.heads-diagram{flex-direction:column;gap:8px}.heads-diagram>b{transform:rotate(90deg)}.heads-diagram>div{grid-template-columns:repeat(2,1fr);width:100%}.qkv-example-result{padding:13px}.translation-controls{gap:6px}.translation-controls button{padding:10px 7px;font-size:11px}.translation-prefix{padding:14px}.translation-prefix b{padding:4px 8px;font-size:16px}}.transformer-page [hidden]{display:none!important}.course-header{border-bottom:1px solid var(--line);background:#f9fcf5;padding:30px;scroll-margin-top:18px}.course-progress-row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.course-header .eyebrow{padding-top:8px;font-size:13px}.course-contents{width:min(460px,65%);font-size:13px}.course-contents summary{cursor:pointer;text-align:right;color:#16786e;padding:8px}.course-contents nav{background:#fff;border:1px solid #d7e2d2;border-radius:8px;gap:4px;margin-top:8px;padding:12px;display:grid}.course-contents button{text-align:left;background:0 0;border:0;border-radius:5px;align-items:center;gap:12px;padding:10px;line-height:1.6;display:flex}.course-contents button span{color:#16786e;font-family:ui-monospace,monospace}.course-contents button[aria-current=step]{background:#e5f1e8;font-weight:700}.course-progress-track{background:#e2e9dd;border-radius:2px;height:4px;margin:18px 0 24px}#course-progress{background:#16786e;border-radius:2px;width:12.5%;height:100%;display:block}.course-header h2{margin:10px 0 15px;font-size:29px;line-height:1.5}.course-question{font-size:19px;font-weight:600;margin-bottom:12px!important}.course-bridge{color:#526b59;max-width:76ch;font-size:15px;line-height:1.9}.course-overview{padding:5px 30px 28px}.course-first-instruction{font-size:15px;line-height:1.9;margin-top:20px!important}.explorer>.architecture-guide{margin-top:0;padding:0 30px}.architecture-guide .architecture-chapter{border-bottom:0}.architecture-guide .architecture-citation{margin:0 0 24px}.course-pipeline{counter-reset:pipeline;gap:12px;margin:22px 0 28px;padding:0;list-style:none;display:grid}.course-pipeline li{counter-increment:pipeline;background:#f3f7ee;border:1px solid #d7e2d2;border-radius:6px;padding:16px 18px 16px 55px;position:relative}.course-pipeline li:before{content:counter(pipeline);color:#fff;text-align:center;background:#16786e;border-radius:50%;width:24px;height:24px;font:13px/24px ui-monospace,monospace;position:absolute;top:18px;left:17px}.course-pipeline b{display:block}.lab-scope{background:#f6f4eb;padding:18px 30px;font-size:13px;line-height:1.9}.lab-scope p{color:#655f4b;margin-top:5px}#number-lab>summary{cursor:pointer;background:#edf5e9;border-top:1px solid #d7e2d2;border-bottom:1px solid #d7e2d2;padding:20px 30px;font-size:16px;font-weight:600;line-height:1.7}#number-lab>summary::marker{color:#16786e}.paper-architecture{border:1px solid #d7e2d2;border-radius:8px;margin:24px 30px 0;overflow:hidden}.paper-location{padding:13px 20px}.paper-panel{padding:22px}#paper-reference-title{margin:0 0 8px;font-size:20px}.paper-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.paper-svg{min-width:460px}.paper-svg .topic-highlight text{fill:#135544;font-weight:700}.paper-svg .omitted,.paper-svg .omitted .paper-node,.paper-svg .encoder-boxes .paper-node{stroke-dasharray:none}.paper-supplement summary{cursor:pointer;color:#526b59;font-size:13px}.paper-annotations h3{font-size:20px}.course-bottom{padding:28px 30px}.course-takeaway{background:#eaf4e6;border-left:4px solid #16786e;border-radius:4px;padding:20px 24px}.course-takeaway>span,.course-next-context>span{color:#526b59;font-size:12px;font-weight:700}.course-takeaway p{margin-top:8px;font-size:17px;line-height:1.9}.course-next-context{margin:20px 0}.course-next-context p{color:#526b59;margin-top:5px;font-size:14px;line-height:1.9}.course-navigation{justify-content:space-between;align-items:center;gap:16px;display:flex}.course-navigation button{background:#fff;border:1px solid #b6cdbb;border-radius:6px;padding:13px 18px;font-size:14px;line-height:1.7}.course-navigation #course-next{color:#fff;background:#16786e;border-color:#16786e}#course-completed{background:#eaf4e6;margin-top:20px;padding:20px;line-height:1.9}@media (width<=900px){.paper-layout{grid-template-columns:1fr}}@media (width<=540px){.course-header,.course-bottom{padding:22px 17px}.course-header h2{font-size:24px}.course-question{font-size:17px}.course-bridge{font-size:14px}.course-contents{width:70%}.course-contents summary{font-size:12px}.course-contents nav{padding:6px}.course-contents button{gap:8px;padding:8px;font-size:12px}.course-overview{padding:0 17px 20px}.explorer>.architecture-guide{padding:0 17px}.paper-architecture{margin:18px 12px 0}.paper-panel{padding:16px 12px}.paper-location{padding:12px}#number-lab>summary{padding:16px 17px;font-size:14px}.lab-scope{padding:16px 17px}.course-takeaway{padding:16px}.course-takeaway p{font-size:15px}.course-navigation{align-items:stretch;gap:9px}.course-navigation button{padding:12px;font-size:12px}.course-navigation #course-previous{flex-shrink:0}.course-pipeline li{padding:14px 14px 14px 49px}.course-pipeline li:before{left:13px}}.attention-purpose{background:#eef5e9;border-radius:8px;justify-content:center;align-items:center;gap:25px;margin:24px 0;padding:24px;display:flex}.attention-start{margin-bottom:32px}.attention-head-definition{border:1px solid #b6cdbb;border-radius:7px;margin:20px 0;padding:18px 20px}.attention-head-definition h4{margin:0 0 10px;font-size:19px;line-height:1.7}.head-purpose-note{background:#edf4fc;border-left:3px solid #537ca6;margin:20px 0;padding:18px 20px}.attention-head-handoff{background:#fbfcf8;border:1px solid #b6cdbb;border-radius:7px;margin:30px 0;padding:22px}.attention-head-handoff h5{font-size:20px;line-height:1.7}.head-handoff-input{text-align:center;background:#edf4fc;border:1px solid #b6cdbb;border-radius:6px;margin:20px 0 0;padding:16px}.head-handoff-branches{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:24px 0;display:grid}.head-handoff-branches article{text-align:center;background:#fff;border:1px solid #9ab9a8;border-radius:6px;gap:8px;min-width:0;padding:18px;display:grid;position:relative}.head-handoff-branches article:before{content:"";border-left:2px solid #9ab9a8;height:24px;position:absolute;top:-25px;left:50%}.head-handoff-branches article:after{content:"";border-left:2px solid #9ab9a8;height:24px;position:absolute;bottom:-25px;left:50%}.head-handoff-branches small{line-height:1.8}.head-learned-weights{background:#edf4fc;border-radius:5px;gap:8px;padding:12px 6px;font-size:13px;display:grid}.head-weight-symbols{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.concat-number-example{border:1px solid #b6cdbb;border-radius:6px;margin-top:18px;padding:16px}.concat-number-example>p{margin-top:0;font-size:13px}.concat-input-pair{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.concat-input-pair>span{text-align:center;color:#245b97;background:#edf4fc;border-radius:5px;gap:8px;padding:12px;display:grid}.concat-input-pair>span:last-child{color:#88530d;background:#fff5e6}.concat-result-label{text-align:center;margin:14px 0;font-size:13px;line-height:1.8;display:block}.output-projection-example{border:1px solid #b6cdbb;border-radius:6px;margin-top:16px;padding:16px}.output-projection-example>summary{cursor:pointer;font-weight:600;line-height:1.8}.output-projection-equation{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin:18px 0;display:flex}.head-weights-training{background:#f3f7ee;border-left:3px solid #16786e;padding:18px}.head-handoff-next{counter-reset:handoff;gap:14px;margin:0;padding:0;list-style:none;display:grid}.head-handoff-next li{counter-increment:handoff;background:#fff;border:1px solid #b6cdbb;border-radius:6px;min-width:0;padding:18px}.head-handoff-next li>b{margin-bottom:10px;display:block}.head-handoff-next li>b:before{content:counter(handoff) ". "}.head-handoff-next li>span{line-height:1.9;display:block}@media (width<=600px){.attention-head-handoff{padding:14px}.head-handoff-branches{gap:10px}.head-handoff-branches article{padding:12px 6px}.head-handoff-branches p{font-size:12px;line-height:1.9}.head-handoff-branches small{font-size:11px}.head-handoff-next li{padding:12px}}.attention-scope-note{background:#f8f2e4;border-left:3px solid #b79c66;border-radius:4px;margin:20px 0;padding:18px}.attention-scope-note p{font-size:14px}.attention-input-output{margin:24px 0}.attention-input-output figcaption{margin-bottom:14px;font-size:14px;line-height:1.8}.attention-io-row{text-align:center;border:1px solid #c5d3c4;border-radius:7px;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;margin:12px 0;padding:18px;line-height:1.8;display:grid}.attention-io-row>span{gap:6px;display:grid}.attention-io-row small{font-size:13px}.attention-io-row.is-current{background:#edf4fc;border:2px solid #537ca6}.attention-materials{border-top:1px solid #d7e2d2;padding:24px 0}.attention-materials>h4{font-size:23px}.attention-qkv-definition{background:#f3f7ee;border-left:3px solid #9ab9a8;margin:20px 0;padding:14px 20px}.attention-qkv-definition p{font-size:15px}.attention-material-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:22px 0;display:grid}.attention-material-card{border:1px solid #c5d3c4;border-radius:7px;min-width:0;padding:20px}.attention-material-card.is-current{border:2px solid #537ca6}.attention-material-card h5{font-size:18px}.attention-material-card dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.attention-material-card dl>div{text-align:center;justify-items:center;gap:7px;min-width:0;padding:12px 4px;display:grid}.attention-material-card dt{font-size:19px;font-weight:700}.attention-material-card dd{margin:0}.attention-material-card small{font-size:12px;line-height:1.7}.material-used-q{outline-offset:2px;outline:2px solid #537ca6}.attention-focus-rule{background:#edf4fc;border-radius:6px;padding:16px}.attention-weight-details,.attention-formula-guide,.attention-paper-detail,.condition-experiment,.condition-softmax-detail{border:1px solid #c5d3c4;border-radius:6px;margin-top:20px;padding:18px}.attention-weight-details>summary,.attention-formula-guide>summary,.attention-paper-detail>summary,.condition-experiment>summary,.condition-softmax-detail>summary{cursor:pointer;font-size:15px;font-weight:600;line-height:1.8}.attention-weight-details h5{font-size:18px}.attention-matrix-trio{flex-wrap:wrap;gap:16px;margin:20px 0;display:flex}.attention-matrix-trio>div{text-align:center;border:1px solid #c5d3c4;border-radius:6px;flex:180px;justify-items:center;gap:12px;min-width:0;padding:18px;display:grid}.attention-matrix-trio small{font-size:12px;line-height:1.7}.matrix-product{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;max-width:100%;display:flex}.attention-matrix-result .attention-matrix-trio>div{flex-basis:280px}.attention-matrix-result .attention-matrix-trio p{margin:0}.attention-matrix-definition h5,.attention-matrix-result h5{margin-top:24px;font-size:19px;line-height:1.8}.attention-matrix-result{margin:28px 0}.attention-paper-branches{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0;display:grid}.attention-paper-branches>div{text-align:center;background:#edf4fc;border:1px solid #537ca6;border-radius:6px;justify-items:center;gap:10px;padding:18px;font-size:14px;display:grid}.attention-next-bridge{background:#f3f7ee;border-left:3px solid #16786e;margin-top:28px;padding:18px}.condition-query-label{font-size:18px;display:block}#attention-sources>.why-query{border:0;border-top:1px solid #d7e2d2;padding:28px 0 0}.condition-experiment{text-align:left;background:#fff}.condition-experiment label{margin-top:14px}.attention-purpose>div{text-align:center;flex:1}.attention-purpose span{color:#526b59;font-size:13px}.attention-purpose p{margin-top:12px}.attention-purpose b{background:#fff;border:1px solid #b6cdbb;border-radius:5px;margin:0 5px;padding:10px 20px;display:inline-block}.attention-purpose .purpose-arrow{color:#16786e;font-size:28px}#attention-sources .qkv-example{margin-top:28px}.attention-control-hint{color:#526b59;font-size:13px!important}.attention-walk-step{border-top:1px solid #d7e2d2;margin-top:24px;padding:26px 0}.attention-walk-step>h4{margin-top:6px;font-size:21px}.qkv-color-key{flex-wrap:wrap;gap:8px;margin:18px 0;display:flex}.qkv-color-key span{font-size:12px}.projection-token-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:24px 0 18px;display:grid}.projection-token{background:#fff;border:1px solid #c9d8c6;border-radius:8px;min-width:0;padding:18px}.projection-token.is-receiver{border:2px solid #537ca6;padding:17px}.projection-token-name{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px;font-weight:700;display:flex;font-size:20px!important}.projection-token-name small{color:#536d85;font-size:11px;font-weight:400}.input-vector{text-align:center;background:#f3f7ee;border:1px solid #c9d8c6;border-radius:5px;margin-top:14px;padding:13px;font:15px ui-monospace,monospace}.projection-fork{color:#667a69;text-align:center;margin:12px 0;font-size:12px}.projected-vectors{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.projected-vectors>div{text-align:center;gap:5px;padding:8px 3px;font:12px/1.8 ui-monospace,monospace;display:grid}.projected-vectors b{font-size:20px}.projected-vectors small{font-size:11px}.selected-query{outline-offset:2px;outline:2px solid #537ca6}.active-query{text-align:center;justify-items:center;gap:8px;padding:20px 12px 0;font-size:14px;display:grid}.active-query strong{border:2px solid #537ca6;padding:10px 24px;font:700 21px/1.8 ui-monospace,monospace}.comparison-branches{width:100%;height:56px;display:block}.attention-source-cards,.value-source-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.attention-source-cards article{text-align:center;background:#fffcf5;border:1px solid #d7c4a9;border-radius:8px;min-width:0;padding:20px}.attention-source-cards article>span,.value-source-cards article>span{font-size:13px;line-height:1.8;display:block}.attention-source-cards article>strong.k-label{margin:10px 0;font:700 17px/1.8 ui-monospace,monospace}.attention-source-cards p{font-size:14px}.attention-source-cards .dot-calculation{font:14px/1.8 ui-monospace,monospace}.attention-source-cards .weight-conversion{color:#80664a;margin-top:14px}.attention-percentage{color:#16786e;font:600 30px/1.7 ui-monospace,monospace;display:block}.attention-operation-note{background:#f3f7ee;border-radius:6px;padding:16px;margin:18px 0 0!important}#qkv-value-flow{margin-top:20px}.value-source-cards article{text-align:center;background:#edf6ed;border:1px solid #a9c9b6;border-radius:8px;min-width:0;padding:18px 12px}.value-source-cards strong{margin:10px 0;font:700 18px/1.8 ui-monospace,monospace;display:block}.value-source-cards b{color:#16786e;font:600 21px/1.8 ui-monospace,monospace;display:block}.value-source-cards small{overflow-wrap:anywhere;margin-top:8px;font-size:12px;line-height:1.8;display:block}.value-streams{width:100%;height:96px;display:block}#attention-sources .qkv-example-result{text-align:center;border:2px solid #25836a;border-radius:8px;margin-top:0}.attention-conclusion{background:#f3f7ee;border-left:3px solid #16786e;padding:18px}.attention-projection-details{border:1px solid #d7e2d2;border-radius:7px;margin:16px 0;padding:18px}.attention-projection-details summary{cursor:pointer;color:#305c45;font-size:15px;font-weight:600;line-height:1.8}.attention-projection-details[open] summary{margin-bottom:16px}.example-matrices{gap:9px;margin:16px 0;display:grid}.example-matrices code{overflow-wrap:anywhere;background:#f3f7ee;border-radius:5px;padding:12px;font-size:14px}.attention-symbols{border-top:1px solid #d7e2d2;margin-top:32px;padding-top:30px}.attention-symbols article{border:1px solid #d7e2d2;border-radius:8px;margin:24px 0;padding:24px}.symbol-matrices{flex-wrap:wrap;align-items:center;gap:18px;margin:20px 0;display:flex}.symbol-matrix{flex:1;min-width:220px}.symbol-matrix>strong{margin-bottom:12px;font-size:13px;display:block}.symbol-matrix>div{grid-template-columns:minmax(70px,1fr) 1fr 1fr;align-items:center;gap:5px;margin-top:5px;display:grid}.symbol-matrix span{color:#526b59;font-size:12px}.symbol-matrix b{text-align:center;background:#edf1e9;border-radius:4px;padding:12px;font:16px ui-monospace,monospace;display:block}.matrix-arrow{color:#16786e;font-size:13px}.attention-symbols .symbol-worked-example{background:#edf5e9;border-radius:6px;margin:16px 0;padding:16px}.attention-symbols .attention-full-equation{background:#edf5e9;border:1px solid #b6cdbb;border-radius:6px;padding:20px}.transformer-page .tex{vertical-align:middle;max-width:100%;padding:3px 2px;display:inline-block;overflow:visible}.transformer-page .tex-wide{scrollbar-width:none;overflow:auto hidden}.transformer-page .tex-wide::-webkit-scrollbar{display:none}.transformer-page .tex .katex-display{overflow:visible}.transformer-page .formula,.transformer-page .position-formula{overflow-x:auto}.transformer-page .tex-block{padding:8px 0;display:block}.transformer-page .tex .katex-display{margin:4px 0}.transformer-page .tex .katex{font-size:1.12em}.qkv-role-intro article{background:#fcfdfa}.qkv-role-intro .q-label,.qkv-role-intro .k-label,.qkv-role-intro .v-label{font-weight:600}.weight-explanation{background:#f3f7ee;border:1px solid #c9d8c6;border-radius:8px;margin:28px 0;padding:26px}.weight-explanation h4{font-size:21px}.weight-explanation>h4:not(:first-child){margin-top:30px}.input-versus-weights{grid-template-columns:1fr 1fr;gap:18px;margin:22px 0;display:grid}.input-versus-weights article{background:#fff;border:1px solid #c9d8c6;border-radius:7px;min-width:0;padding:22px}.input-versus-weights article>span{color:#526b59;font-size:12px}.input-versus-weights h5{margin:8px 0 14px;font-size:18px;line-height:1.7}.projection-map{margin:28px 0}.projection-location{margin:22px 0}.projection-location figcaption{margin-bottom:20px;font-size:16px;line-height:1.9}.weight-connection-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.weight-connection{border:1px solid var(--connection-color);background:#fff;border-radius:8px;min-width:0;padding:22px}.weight-connection h5{color:var(--connection-color);text-align:center;font-size:19px}.weight-connection svg{width:100%;max-width:390px;margin:18px auto;font-family:inherit;display:block}.edge-caption{fill:#314739;font-size:15px}.edge-number{fill:#243c30;font-size:28px;font-weight:600}.edge-weight{fill:var(--connection-color);font-size:22px;font-weight:600}.connection-arithmetic{background:var(--connection-tint);color:var(--connection-color);text-align:center;border-radius:5px;padding:12px;font-size:18px}.connection-key{background:#fff;border-left:3px solid #537ca6;margin-top:20px;padding:16px}.projection-edge-example{margin:32px 0}.projection-edge-example h5,.projection-paper-location h5{font-size:20px;line-height:1.7}.architecture-guide .connection-weight-table{table-layout:fixed;border-collapse:collapse;width:100%;min-width:0;margin:20px 0;font-size:15px}.connection-weight-table caption{text-align:left;padding-bottom:10px;font-weight:600}.connection-weight-table th,.connection-weight-table td{text-align:center;border:1px solid #c9d8c6;padding:14px}.connection-weight-table td{font-size:24px;font-weight:600}.connection-weight-table th:nth-child(2),.connection-weight-table td:nth-child(2){color:#245b97;background:#edf4fc}.connection-weight-table th:nth-child(3),.connection-weight-table td:nth-child(3){color:#88530d;background:#fff5e6}.connection-matrix,.connection-equation{background:#fff;border-radius:6px;margin:18px 0;padding:16px}.connection-general,.projection-other-locations{background:#fff;border:1px solid #c9d8c6;border-radius:6px;margin:22px 0;padding:18px}.connection-general summary,.projection-other-locations summary{cursor:pointer;font-weight:600;line-height:1.8}.projection-other-locations li{margin:14px 0;line-height:1.9}.query-position-strip{text-align:center;justify-items:center;gap:10px;margin:22px 0;font-size:15px;line-height:1.9;display:grid}.query-position-strip strong{box-sizing:border-box;color:#245b97;background:#edf4fc;border:2px solid #537ca6;border-radius:6px;width:100%;padding:18px}.why-query{background:#fff;border-left:4px solid #537ca6;border-radius:6px;margin-top:24px;padding:24px}.why-query h5{margin-top:26px;font-size:19px;line-height:1.8}.query-concrete-goal{background:#f3f7ee;border:1px solid #b9caba;border-radius:8px;margin:22px 0;padding:20px}.query-concrete-goal small{font-size:12px;line-height:1.8}.output-ownership{margin:24px 0}.ownership-row{text-align:center;background:#fff;border:1px solid #c5d3c4;border-radius:6px;grid-template-columns:1fr auto 1fr auto 1.6fr;align-items:center;gap:12px;margin:12px 0;padding:18px;font-size:14px;line-height:1.8;display:grid}.ownership-row.is-current{color:#245b97;background:#edf4fc;border:2px solid #537ca6}.output-ownership figcaption{margin-top:14px;font-size:13px;line-height:1.9}.qk-direction-example{background:#fff8ee;border-left:3px solid #af783c;padding:18px}.qk-direction-example p{font-size:15px}.ownership-sum{background:#fff;border:1px solid #d2bd9e;flex-wrap:wrap;gap:6px 14px;padding:14px;font-size:14px;line-height:1.8;display:flex}.condition-output p{font-size:14px}.condition-pair-name{background:#fff;border-radius:4px;padding:8px}.query-coefficient-examples,.condition-key-pair,.condition-value-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:20px 0;display:grid}.query-coefficient-examples article{background:#edf4fc;border:1px solid #b5c8de;border-radius:7px;gap:14px;min-width:0;padding:20px;display:grid}.query-coefficient-examples article p{font-size:15px}.query-condition-flow{background:#fcfdfa;border:1px solid #b9caba;border-radius:9px;margin:30px 0;padding:24px}.query-condition-flow figcaption{margin-bottom:24px;font-size:18px;line-height:1.8}.query-condition-flow figcaption>span{color:#526b59;margin-top:8px;font-size:13px;display:block}.condition-query-node{text-align:center;background:#edf4fc;border:2px solid #537ca6;border-radius:8px;padding:22px}.condition-query-node label{font-size:18px;font-weight:600;display:block}.condition-query-vector{margin:15px 0;font-size:25px}#condition-query-slider{accent-color:#245b97;cursor:pointer;width:100%;max-width:520px;margin:10px auto}.condition-slider-ends{flex-wrap:wrap;justify-content:space-between;gap:8px;max-width:520px;margin:auto;font-size:12px;display:flex}.condition-query-node p{font-size:14px}.condition-arrow{text-align:center;color:#526b59;padding:12px 0;font-size:14px;line-height:1.8}.condition-key-pair article,.condition-value-pair article{text-align:center;background:#fff8ee;border:1px solid #d2bd9e;border-radius:7px;min-width:0;padding:20px}.condition-key-pair h6,.condition-value-pair h6{margin-bottom:16px;font-size:16px;line-height:1.8}.condition-key-pair article p{font-size:14px}.condition-score-math{scrollbar-width:none;margin:16px 0;font-size:18px;overflow-x:auto}.condition-score-math::-webkit-scrollbar{display:none}.condition-normalize{background:#fff;border:1px solid #b9caba;border-radius:7px;padding:20px}.condition-normalize p{font-size:14px}[data-condition-contribution],#condition-normalization-values,#condition-sum{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:20px;display:flex}.condition-weight-bar{border-radius:4px;height:22px;margin-top:20px;display:flex;overflow:hidden}.condition-weight-bar span:first-child{background:#537ca6}.condition-weight-bar span:last-child{background:#af783c}.condition-weight-labels{flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:10px;font-size:13px;display:flex}.condition-weight-labels b:first-child{color:#245b97}.condition-weight-labels b:last-child{color:#88530d}.condition-value-pair article{background:#edf6ed;border-color:#a9c9b6}.condition-output{text-align:center;background:#edf6ed;border:2px solid #16786e;border-radius:8px;padding:22px}#condition-output-vector{margin-top:16px;font-size:24px;display:block}.query-concrete-conclusion{background:#edf4fc;border-left:4px solid #537ca6;padding:18px}.condition-weight-origin,.condition-role-details{border:1px solid #c9d8c6;border-radius:6px;margin-top:24px;padding:18px}.condition-weight-origin summary,.condition-role-details summary{cursor:pointer;font-weight:600;line-height:1.8}.query-role-tables{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:24px 0;display:grid}.query-role-tables figure{border:1px solid #bacabb;border-radius:7px;min-width:0;margin:0;padding:18px}.query-role-tables figcaption{font-size:15px;line-height:1.8}.query-role-tables figcaption span{margin-top:8px;font-size:13px;display:block}.architecture-guide .query-role-table{table-layout:fixed;border-collapse:collapse;width:100%;min-width:0;margin-top:18px;font-size:14px}.query-role-table th,.query-role-table td{text-align:center;border:1px solid #c9d8c6;padding:14px 5px}.query-role-table td{font-size:21px}.query-row-view tbody tr:last-child>*{color:#245b97;background:#edf4fc;border-top:2px solid #537ca6;border-bottom:2px solid #537ca6}.key-column-view tr>:nth-child(2){color:#88530d;background:#fff5e6;border-left:2px solid #af783c;border-right:2px solid #af783c}.query-role-tables figure p{font-size:14px}.role-error-paths{padding-left:22px}.role-error-paths li{padding:8px 0;line-height:1.9}.role-error-paths b,.role-error-paths span{display:block}.role-error-paths span{font-size:14px}.role-learning-conclusion{background:#edf4fc;border-radius:6px;padding:18px}.role-gradient-detail,.query-arithmetic-review{border:1px solid #c9d8c6;border-radius:6px;margin-top:24px;padding:18px}.role-gradient-detail summary,.query-arithmetic-review summary{cursor:pointer;font-weight:600;line-height:1.8}.query-pair-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:22px 0;display:grid}.query-pair-cards article{border:1px solid #bacabb;border-radius:7px;min-width:0;padding:20px}.query-pair-cards h6{font-size:16px;line-height:1.8}.query-pair-cards article p{font-size:14px}.named-qk-pair{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:18px 0;display:flex}.named-qk-pair>div{text-align:center;background:#edf4fc;border-radius:6px;gap:8px;padding:12px;display:grid}.named-qk-pair>div:last-child{background:#fff5e6}.named-qk-pair b{font-size:14px}.query-pair-product{text-align:center;background:#f3f7ee;padding:14px;font-size:18px}.named-value-sum{text-align:center;background:#f3f7ee;justify-items:center;gap:12px;margin:20px 0;padding:20px;display:grid}.named-value-sum>div{gap:10px;max-width:100%;display:grid}.named-value-sum b,.named-value-sum>span{font-size:14px}.query-weight-alternative{border:1px solid #c9d8c6;border-radius:6px;margin-top:24px;padding:18px}.query-weight-alternative summary{cursor:pointer;font-weight:600;line-height:1.8}.query-fixed-keys{background:#f3f7ee;flex-wrap:wrap;gap:12px 26px;margin:16px 0;padding:14px;font-size:14px;display:flex}.query-purpose-cases{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:22px 0;display:grid}.query-purpose-cases article{border:1px solid #bacabb;border-radius:7px;min-width:0;padding:20px}.query-purpose-cases h6{font-size:16px;line-height:1.8}.query-purpose-cases article p,.query-purpose-cases dl{font-size:14px}.query-purpose-cases dl>div{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 16px;margin:12px 0;display:flex}.query-purpose-cases dd{margin:0}.query-case-result{background:#edf4fc;padding:10px}.query-choice-bar{border-radius:4px;height:20px;display:flex;overflow:hidden}.query-choice-bar span:first-child{background:#537ca6}.query-choice-bar span:last-child{background:#af783c}.query-choice-labels{flex-wrap:wrap;justify-content:space-between;gap:4px 10px;display:flex}.query-choice-labels b:first-child{color:#245b97}.query-choice-labels b:last-child{color:#88530d}.query-learning-chain{margin:20px 0;padding-left:25px;list-style:decimal}.query-learning-chain li{padding:8px 0 8px 6px;line-height:1.8}.query-learning-chain b,.query-learning-chain span{display:block}.query-learning-chain span{color:#526b59;font-size:14px}.weight-lifecycle{counter-reset:weights;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:24px 0;padding:0;list-style:none;display:grid}.weight-lifecycle li{counter-increment:weights;background:#fff;border:1px solid #c9d8c6;border-radius:6px;padding:17px}.weight-lifecycle li:before{content:counter(weights);color:#16786e;margin-bottom:10px;font:600 20px ui-monospace,monospace;display:block}.weight-lifecycle b,.weight-lifecycle span{font-size:14px;display:block}.weight-lifecycle span{color:#526b59;margin-top:8px;font-size:13px}.weight-products{gap:10px;margin:20px 0;display:grid}.weight-products>div{background:#fff;border:1px solid #c9d8c6;border-radius:5px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:flex}.weight-products>div>span:first-child{font-size:14px}.weight-demo-origin{background:#f8f2e4;border-left:3px solid #b79c66;padding:16px}.math-parameter{background:#f3f7ee;border:1px solid #c9d8c6;border-radius:5px;padding:15px}.qkv-example .qkv-output{font-size:22px}#qkv-projection-calculation{background:#fff;border:1px solid #d7e2d2;border-radius:7px;padding:18px}@media (width<=650px){.attention-material-cards,.attention-paper-branches{grid-template-columns:1fr}.attention-material-card,.attention-weight-details,.attention-formula-guide,.attention-paper-detail,.condition-experiment,.condition-softmax-detail{padding:12px}.attention-material-card dl{gap:5px}.attention-material-card dl .katex{font-size:.95em}.attention-io-row{gap:10px;padding:12px;font-size:14px}.attention-matrix-trio>div{flex-basis:140px}.ownership-row{grid-template-columns:1fr;gap:6px;padding:12px}.ownership-row>span[aria-hidden]{transform:rotate(90deg)}.qk-direction-example{padding:12px}.weight-explanation .why-query{margin-left:-16px;margin-right:-16px;padding:16px 10px}[data-condition-contribution],#condition-normalization-values,#condition-sum{flex-direction:column;gap:8px;font-size:14px}.condition-inline-arrow{transform:rotate(90deg)}.query-coefficient-examples,.condition-key-pair,.condition-value-pair{grid-template-columns:1fr;gap:14px}.query-condition-flow,.condition-query-node,.condition-key-pair article,.condition-value-pair article,.condition-normalize,.condition-output,.query-coefficient-examples article,.condition-role-details,.condition-weight-origin{padding:12px}.query-condition-flow{margin:24px -8px}.condition-query-node label,.query-condition-flow figcaption{font-size:16px}#condition-output-vector{font-size:18px}.condition-score-math{font-size:14px}.input-versus-weights,.query-purpose-cases,.query-role-tables{grid-template-columns:1fr}.query-role-tables figure,.role-gradient-detail,.query-arithmetic-review{padding:12px}.architecture-guide .query-role-table{font-size:12px}.query-pair-cards{grid-template-columns:1fr}.query-pair-cards article,.query-weight-alternative,.named-value-sum{padding:12px}.named-qk-pair{gap:8px}.named-qk-pair>div{padding:8px}.query-purpose-cases article{padding:12px}.input-versus-weights article,.why-query{padding:16px}.weight-connection-pair{grid-template-columns:1fr;gap:18px}.weight-connection{padding:12px}.weight-connection h5{font-size:16px}.connection-arithmetic{padding:8px 0;font-size:14px}.architecture-guide .connection-weight-table{font-size:12px}.connection-weight-table th,.connection-weight-table td{padding:10px 4px}.connection-matrix,.connection-equation,.connection-general,.projection-other-locations{padding:12px}.weight-explanation{padding:17px}.weight-lifecycle{grid-template-columns:1fr}.weight-products>div{padding:12px}.qkv-example .qkv-output{font-size:18px}#qkv-projection-calculation{padding:12px}.attention-purpose{flex-direction:column;gap:12px;padding:18px}.attention-purpose .purpose-arrow{transform:rotate(90deg)}.projection-token-cards{grid-template-columns:1fr;gap:12px}.attention-source-cards,.value-source-cards{gap:8px}.attention-source-cards article,.value-source-cards article{padding:12px 6px}.attention-source-cards article>span,.value-source-cards article>span{font-size:12px}.attention-source-cards article>strong.k-label,.value-source-cards strong{padding:5px 2px;font-size:12px}.attention-source-cards .dot-calculation{overflow-wrap:anywhere;font-size:11px}.attention-source-cards p{font-size:12px}.attention-percentage{font-size:23px}.value-source-cards b{font-size:18px}.value-source-cards small{font-size:11px}.attention-walk-step h4{font-size:18px}.attention-symbols article{padding:16px}.symbol-matrices{flex-direction:column;align-items:stretch}.symbol-matrix{min-width:0}.matrix-arrow{align-self:center}}