@font-face{font-family:Noto Sans;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(/_next/static/media/82ef96de0e8f4d8c-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Noto Sans;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(/_next/static/media/a6ecd16fa044d500-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Noto Sans;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(/_next/static/media/bd82c78e5b7b3fe9-s.woff2) format("woff2");unicode-range:u+0900-097f,u+1cd0-1cf9,u+200c-200d,u+20a8,u+20b9,u+20f0,u+25cc,u+a830-a839,u+a8e0-a8ff,u+11b00-11b09}@font-face{font-family:Noto Sans;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(/_next/static/media/c32c8052c071fc42-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Noto Sans;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(/_next/static/media/6f22fce21a7c433c-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Noto Sans;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(/_next/static/media/1d8a05b60287ae6c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Noto Sans;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(/_next/static/media/77c207b095007c34-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Noto Sans;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(/_next/static/media/1755441e3a2fa970-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Noto Sans Fallback;src:local("Arial");ascent-override:100.54%;descent-override:27.56%;line-gap-override:0.00%;size-adjust:106.33%}.__className_c85df0{font-family:Noto Sans,Noto Sans Fallback;font-style:normal}.__variable_c85df0{--font-sans:"Noto Sans","Noto Sans Fallback"}@font-face{font-family:"Noto Serif";font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(/_next/static/media/7b800e61c24d781c-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:"Noto Serif";font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(/_next/static/media/dcd0d8c94b74be53-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:"Noto Serif";font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(/_next/static/media/435d7d3c1b2ff02f-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:"Noto Serif";font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(/_next/static/media/ba6607e4cc7979de-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:"Noto Serif";font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(/_next/static/media/3ba05cde04a1b013-s.woff2) format("woff2");unicode-range:u+0302-0303,u+0305,u+0307-0308,u+0310,u+0312,u+0315,u+031a,u+0326-0327,u+032c,u+032f-0330,u+0332-0333,u+0338,u+033a,u+0346,u+034d,u+0391-03a1,u+03a3-03a9,u+03b1-03c9,u+03d1,u+03d5-03d6,u+03f0-03f1,u+03f4-03f5,u+2016-2017,u+2034-2038,u+203c,u+2040,u+2043,u+2047,u+2050,u+2057,u+205f,u+2070-2071,u+2074-208e,u+2090-209c,u+20d0-20dc,u+20e1,u+20e5-20ef,u+2100-2112,u+2114-2115,u+2117-2121,u+2123-214f,u+2190,u+2192,u+2194-21ae,u+21b0-21e5,u+21f1-21f2,u+21f4-2211,u+2213-2214,u+2216-22ff,u+2308-230b,u+2310,u+2319,u+231c-2321,u+2336-237a,u+237c,u+2395,u+239b-23b7,u+23d0,u+23dc-23e1,u+2474-2475,u+25af,u+25b3,u+25b7,u+25bd,u+25c1,u+25ca,u+25cc,u+25fb,u+266d-266f,u+27c0-27ff,u+2900-2aff,u+2b0e-2b11,u+2b30-2b4c,u+2bfe,u+3030,u+ff5b,u+ff5d,u+1d400-1d7ff,u+1ee??}@font-face{font-family:"Noto Serif";font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(/_next/static/media/d4548b25969cca89-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:"Noto Serif";font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(/_next/static/media/f1c328b8a9761933-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:"Noto Serif";font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(/_next/static/media/30d74baa196fe88a-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:"Noto Serif Fallback";src:local("Times New Roman");ascent-override:90.29%;descent-override:24.75%;line-gap-override:0.00%;size-adjust:118.40%}.__className_d4b326{font-family:"Noto Serif","Noto Serif Fallback";font-style:normal}.__variable_d4b326{--font-serif:"Noto Serif","Noto Serif Fallback"}body{margin:0;font-family:var(--font-sans);font-optical-sizing:auto;font-style:normal;font-variation-settings:"wdth" 100}*{box-sizing:border-box}button{cursor:pointer}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);margin:0;color:#5a4636}a{color:inherit;text-decoration:inherit}p{margin:0;padding:0}button{background-color:rgba(0,0,0,0);border:none;font-family:inherit;font-size:inherit;color:inherit}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#f5f1e6}::-webkit-scrollbar-thumb{background-color:#8c6e54;border-radius:6px;border:3px solid #f5f1e6}::-webkit-scrollbar-thumb:hover{background-color:#5a4636}*{scrollbar-width:thin;scrollbar-color:#8c6e54 #f5f1e6}.example{border:1px dashed #8c6e54;border-radius:8px;padding:16px;margin-top:16px;margin-bottom:16px;display:flex;flex-direction:column;gap:16px}.btn{display:block;background-color:#8c6e54;color:#f5f1e6;border:none;border-radius:4px;padding:8px 16px;cursor:pointer;font-size:18px;font-weight:500}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;pointer-events:none}pre{max-width:100%;overflow:hidden}.end{display:flex;justify-content:end;gap:8px;margin-top:16px}ul{margin:0}.chat{display:flex;flex-direction:column;gap:16px;background-color:#fef8e6;padding:16px;border-radius:8px;font-family:var(--font-sans);min-height:100px;overflow:auto}.chat>div{display:flex;gap:8px;align-items:end}.chat p{border-radius:20px;padding:16px;display:inline-block;background-color:#fdefc8;align-self:start}.chat p:not(:last-child){margin-bottom:16px}.chat p:nth-child(odd){background-color:#8c6e54;color:#f5f1e6;margin:0}.chat>div,.chat>p{max-width:80%}.chat>div:nth-child(odd),.chat>p:nth-child(odd){align-self:end}.chat-box{display:flex;flex-direction:column;gap:16px;background-color:#fef8e6;padding:16px;border-radius:8px;font-family:var(--font-sans);min-height:100px;overflow:auto}.chat-box .message{display:flex;align-items:end;gap:8px}.chat-box .message-content{border-radius:20px;padding:16px;display:inline-block;background-color:#fdefc8}.chat-box .user{align-self:end}.chat-box .user .message-content{background-color:#5a4636;color:#f5f1e6}.chat-full{min-height:400px;background-color:#fef8e6;display:flex;flex-direction:column;justify-content:end;padding:8px}input{font-family:var(--font-sans)}.input{display:flex;position:relative;margin:8px}.input input{flex-grow:1;height:56px}.input .btn{position:absolute;right:8px;top:8px}input,textarea{border:1px solid #8c6e54;font-size:16px;padding:4px 16px;border-radius:8px;resize:vertical;display:block;font-family:var(--font-sans);color:inherit}textarea{min-height:300px;width:100%;margin-top:16px}.source{display:flex;flex-direction:column;gap:16px;background-color:#333;color:rgba(221,221,221,.8666666667);font-family:monospace;padding:16px;border-radius:8px;font-size:15px}.stepper{display:flex;justify-content:space-between;align-items:center;margin-top:32px}.stepper button{text-align:left}.stepper p{font-family:var(--font-sans);opacity:.8;font-size:14px}.sides{display:grid;grid-template-columns:auto 1fr;max-width:1500px;height:100svh;margin:0 auto;padding:16px}.header{display:flex;justify-content:center;background-color:rgba(0,0,0,0);border:none;margin:16px auto}.header,.timelineItem{align-items:center;text-align:left}.timelineItem{display:grid;grid-template-columns:100px 400px;margin:16px 0;padding:0;opacity:.7;transition:.2s}.timelineItem .timelineText{transition:.2s;transform-origin:center left;transform:scale(.95)}.timelineItem.active{opacity:1}.timelineItem.active .timelineText{transform:scale(1)}.timelineImage{display:flex;justify-content:center;align-items:center}.timelineImage img{border-radius:8px}.activeStep{font-size:18px;font-family:var(--font-serif);padding:16px 0}.flex{display:flex;align-items:center;gap:8px}.side-header{margin-bottom:16px}.content-section{max-width:100%;font-family:var(--font-serif)}.content-section p{margin-bottom:16px;line-height:1.5}.content-section strong{color:#5a4636}.content-section h4,.content-section h5{margin-bottom:8px;color:#5a4636}.content-section ul{padding-left:24px;margin-bottom:16px}.content-section ul li{margin-bottom:8px}.embedding-visualization{background-color:#fef8e6;padding:24px}.token-selector{margin-bottom:20px}.token-selector select{padding:8px 16px;border:1px solid #8c6e54;border-radius:8px;background-color:#fdefc8;color:#5a4636;font-family:var(--font-sans);font-size:16px;cursor:pointer;width:160px}.token-selector select:focus{outline:none;border-color:#5a4636}.embeddings-table{margin-bottom:24px;padding:16px;background-color:#fdefc8;border-radius:8px}.embeddings-table h5{margin-bottom:12px;font-size:18px}.vector-visualization{display:flex;flex-direction:column;gap:4px}.vector-cell{height:24px;border-radius:4px;display:flex;align-items:center;padding:0 8px;transition:all .2s;position:relative;min-width:30px}.vector-cell:hover{transform:scaleX(1.02);box-shadow:0 1px 3px rgba(0,0,0,.2)}.vector-cell .dimension-label{font-size:12px;font-family:var(--font-sans);color:#5a4636;background-color:hsla(0,0%,100%,.7);border-radius:4px;padding:0 4px}.tokens-comparison{margin-top:32px}.tokens-comparison h5{margin-bottom:16px;font-size:18px}.all-tokens-grid{display:flex;flex-direction:column;gap:8px}.token-row{display:flex;align-items:center;padding:8px;border-radius:8px;background-color:#fdefc8;cursor:pointer;transition:all .2s}.token-row:hover{background-color:#f5e6b8}.token-row.selected-token{background-color:#e9d6a1;border:1px solid #8c6e54}.token-label{width:100px;font-family:var(--font-sans);font-weight:500;color:#5a4636}.token-vector{flex:1 1;display:flex;height:24px;gap:1px}.vector-mini-cell{flex:1 1;height:100%;border-radius:2px}.visualization-note{margin-top:24px;font-size:14px;font-style:italic;color:#5a4636;opacity:.8}code{font-family:monospace}.tokenization-input{width:100%;min-height:100px;padding:12px;border:1px solid #8c6e54;border-radius:8px;font-family:var(--font-sans);font-size:16px;color:#5a4636;background-color:#fdefc8;margin-bottom:20px;resize:vertical}.tokenization-input:focus{outline:none;border-color:#5a4636;box-shadow:0 0 0 2px rgba(90,70,54,.1)}.token-visualization{margin-bottom:24px}.token-visualization h5{margin-bottom:12px;font-size:18px;color:#5a4636}.token-result{display:flex;flex-wrap:wrap;gap:8px;padding:16px;background-color:#fef8e6;border-radius:8px;min-height:60px}.token-chip{font-family:var(--font-sans);display:inline-block;transition:transform .2s}.token-ids{margin-bottom:24px}.token-ids h5{margin-bottom:12px;font-size:18px;color:#5a4636}.id-mapping{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:8px;gap:8px;padding:16px;background-color:#fef8e6;border-radius:8px}.id-pair{display:flex;justify-content:space-between;align-items:center;padding:6px 12px;background-color:#fdefc8;border-radius:6px;font-family:var(--font-sans);transition:background-color .2s}.id-pair:hover{background-color:#e9d6a1}.id-pair .token-text{font-weight:500;color:#5a4636}.id-pair .token-id{color:#8c6e54;font-family:monospace;background-color:rgba(140,110,84,.1);padding:2px 6px;border-radius:4px}.tokenization-examples{margin-bottom:24px}.example-container{display:flex;flex-direction:column;gap:16px}.example-item{padding:16px;background-color:#fef8e6;border-radius:8px}.example-header{font-weight:600;margin-bottom:8px;color:#5a4636;font-family:var(--font-sans)}.example-original{font-family:var(--font-serif);margin-bottom:12px;padding:8px;background-color:rgba(140,110,84,.1);border-radius:4px;font-style:italic}.example-tokenized{display:flex;flex-wrap:wrap;gap:6px}.example-token{padding:4px 8px;background-color:#8c6e54;color:#f5f1e6;border-radius:12px;font-family:var(--font-sans);font-size:14px}.tokenization-process{margin-bottom:24px}.process-steps{display:flex;align-items:center;justify-content:space-between;margin:24px 0;flex-wrap:wrap;gap:16px}.process-step{flex:1 1;min-width:180px;display:flex;align-items:flex-start;gap:12px;padding:16px;background-color:#fef8e6;border-radius:8px}.step-number{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background-color:#8c6e54;color:#f5f1e6;border-radius:50%;font-family:var(--font-sans);font-weight:600}.step-content{flex:1 1}.step-content h5{margin-bottom:8px;font-size:16px;color:#5a4636}.step-example{font-family:monospace;padding:8px;background-color:rgba(140,110,84,.1);border-radius:4px;word-break:break-all}.process-arrow{font-size:24px;color:#8c6e54;font-weight:600}.process-note{font-size:14px;font-style:italic;color:#5a4636;opacity:.8;margin-top:16px}@media(max-width:768px){.process-steps{flex-direction:column;align-items:stretch}.process-arrow{transform:rotate(90deg);margin:0 auto}}.training-loop-visualization{font-family:var(--font-serif);background-color:#fdefc8;border-radius:8px;padding:24px;color:#8c6e54;max-width:100%;overflow-x:hidden}.training-intro{margin-bottom:24px}.training-intro p{line-height:1.6;font-size:18px}.training-controls{background-color:#fef8e6;padding:16px;border-radius:8px;margin-bottom:24px;display:flex;flex-direction:column;gap:12px}.iteration-display{display:flex;justify-content:space-between;font-family:var(--font-sans);font-weight:500;font-size:18px}.loss-display{color:#5a4636;background-color:rgba(90,70,54,.1);padding:2px 8px;border-radius:4px}.iteration-controls{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.control-btn{padding:8px 12px;font-size:16px;transition:all .2s}.control-btn:disabled{opacity:.5;cursor:not-allowed}.training-process-nav{display:flex;gap:8px;margin-bottom:24px;overflow-x:auto;padding-bottom:8px}.process-nav-btn{background-color:#fef8e6;color:#8c6e54;padding:12px 16px;border-radius:8px;font-family:var(--font-sans);font-weight:500;font-size:16px;transition:all .2s;flex:1 1;min-width:120px;text-align:center;border:2px solid rgba(0,0,0,0)}.process-nav-btn:hover{background-color:#f5e6b8}.process-nav-btn.active-step{background-color:#8c6e54;color:#f5f1e6;border:2px solid #5a4636}.training-visualization{display:grid;grid-template-columns:3fr 2fr;grid-gap:24px;gap:24px;margin-bottom:32px}@media(max-width:992px){.training-visualization{grid-template-columns:1fr}}.training-phase{background-color:#fef8e6;border-radius:8px;padding:20px}.phase-content{animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.phase-content h4{margin-bottom:16px;font-size:22px;padding-bottom:8px;border-bottom:2px solid rgba(140,110,84,.2)}.phase-description{display:flex;flex-direction:column;gap:16px}.input-context{display:flex;align-items:center;gap:12px;margin-top:8px}.context-label{font-weight:500;color:#5a4636;font-family:var(--font-sans)}.context-tokens{display:flex;flex-wrap:wrap;gap:8px}.token-pill{background-color:#8c6e54;color:#f5f1e6;padding:6px 12px;border-radius:16px;font-family:var(--font-sans);font-size:14px}.token-pill.target-token{background-color:#5a4636;font-weight:600}.prediction-section{margin-top:16px}.prediction-section h5{margin-bottom:12px;font-size:18px;color:#5a4636}.prediction-bars{display:flex;flex-direction:column;gap:12px}.prediction-bar-container{display:flex;flex-direction:column;gap:4px}.prediction-label{display:flex;justify-content:space-between;font-family:var(--font-sans);font-size:14px}.token-text{font-weight:500;color:#5a4636}.prob-text{color:#8c6e54}.prediction-bar-bg{height:24px;background-color:rgba(140,110,84,.1);border-radius:12px;overflow:hidden}.prediction-bar{height:100%;background-color:#8c6e54;border-radius:12px;transition:width 1s ease-in-out}.prediction-bar.target-token{background-color:#5a4636}.target-section{display:flex;flex-direction:column;gap:16px;padding:16px;background-color:rgba(90,70,54,.05);border-radius:8px}.actual-target{display:flex;align-items:center;gap:12px}.target-label{font-weight:500;color:#5a4636;font-family:var(--font-sans)}.target-explanation{margin-top:8px}.ideal-distribution{display:flex;flex-direction:column;gap:8px;margin-top:8px;font-family:var(--font-sans)}.ideal-token{display:flex;justify-content:space-between;padding:6px 12px;background-color:rgba(140,110,84,.1);border-radius:6px}.token-prob{font-weight:600;color:#5a4636}.loss-explanation{margin-top:16px;padding:16px;background-color:rgba(140,110,84,.05);border-radius:8px}.loss-explanation h5{margin-bottom:8px;color:#5a4636}.gradient-flow{margin-top:16px}.gradient-flow h5{margin-bottom:12px;color:#5a4636}.flow-diagram{display:flex;flex-direction:column;align-items:center;gap:8px;margin:20px 0}.flow-node{padding:12px 24px;background-color:#8c6e54;color:#f5f1e6;border-radius:8px;font-family:var(--font-sans);min-width:180px;text-align:center}.flow-node.error-node{background-color:#5a4636;font-weight:600}.flow-arrow{font-size:24px;color:#8c6e54}.gradient-explanation{margin-top:16px;font-style:italic}.weight-section{margin-top:16px}.weight-section h5{margin-bottom:12px;color:#5a4636}.weight-connections{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.weight-connection{display:flex;flex-direction:column;gap:8px}.connection-tokens{display:flex;align-items:center;gap:8px}.connection-arrow{color:#8c6e54;font-weight:600}.weight-bar-bg{height:16px;background-color:rgba(140,110,84,.1);border-radius:8px;overflow:hidden}.weight-bar{height:100%;background-color:#8c6e54;border-radius:8px;transition:width 1s ease-in-out}.weight-value{font-family:var(--font-sans);font-size:14px;color:#5a4636;text-align:right}.update-explanation{margin-top:16px;font-style:italic}.training-progress{background-color:#fef8e6;border-radius:8px;padding:20px}.training-progress h4{margin-bottom:16px;font-size:22px;padding-bottom:8px;border-bottom:2px solid rgba(140,110,84,.2)}.loss-over-time{margin-top:20px;margin-bottom:20px}.loss-graph{display:flex;height:220px}.graph-y-axis{display:flex;flex-direction:column;width:40px;position:relative}.y-label{writing-mode:vertical-rl;transform:rotate(180deg);text-align:center;font-size:14px;color:#5a4636;margin:0 auto}.y-label,.y-ticks{font-family:var(--font-sans);height:100%}.y-ticks{position:absolute;right:0;display:flex;flex-direction:column;justify-content:space-between;font-size:12px;color:#8c6e54}.graph-content{flex-grow:1;display:flex;align-items:flex-end;justify-content:space-around;gap:8px;padding-bottom:20px;position:relative}.graph-bar{width:24px;background-color:rgba(140,110,84,.1);border-radius:4px 4px 0 0;position:relative;transition:height 1s ease-in-out}.graph-bar-filled{background-color:#8c6e54}.graph-point{top:-6px;width:12px;height:12px;border-radius:50%}.current-loss,.graph-point{position:absolute;left:50%;transform:translateX(-50%);background-color:#5a4636}.current-loss{top:-24px;color:#f5f1e6;padding:2px 6px;border-radius:4px;font-family:var(--font-sans);font-size:12px;white-space:nowrap}.graph-x-axis{height:40px;margin-top:8px;position:relative}.x-label{text-align:center;font-size:14px;color:#5a4636;margin-top:20px}.x-label,.x-ticks{font-family:var(--font-sans)}.x-ticks{position:absolute;top:0;width:100%;display:flex;justify-content:space-between;font-size:12px;color:#8c6e54;padding:0 12px}.progress-explanation{margin-top:16px;font-style:italic}.training-phases-explanation{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:24px;gap:24px}.training-example,.training-scale,.training-steps{background-color:#fef8e6;border-radius:8px;padding:20px}.training-phases-explanation h4{margin-bottom:16px;font-size:20px;color:#5a4636}.training-phases-explanation p{margin-bottom:12px;line-height:1.5}.training-phases-explanation ol,.training-phases-explanation ul{padding-left:24px;margin-bottom:16px}.training-phases-explanation li{margin-bottom:8px;line-height:1.5}.training-phases-explanation strong{color:#5a4636}@media(max-width:768px){.training-process-nav{flex-direction:column;gap:8px}.process-nav-btn{width:100%}.training-phases-explanation,.training-visualization{grid-template-columns:1fr}.flow-node{min-width:150px;padding:8px 16px}}.attention-container{margin:16px 0;padding:16px;background-color:#fdefc8;border-radius:8px;font-family:var(--font-sans)}.attention-container h4{margin-bottom:16px;color:#5a4636;font-family:var(--font-serif)}.attention-visualizer{width:100%;margin:20px 0}.attention-visualizer canvas{width:100%;background-color:#fef8e6;border-radius:6px;cursor:crosshair}.attention-legend{display:flex;justify-content:center;gap:20px;margin-top:8px;font-size:14px;color:#5a4636}.legend-item{display:flex;align-items:center;gap:8px}.legend-color{width:16px;height:16px;border-radius:4px}.token-grid{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.token-chip{background-color:#8c6e54;color:#f5f1e6;padding:6px 12px;border-radius:16px;font-size:14px;display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:32px;cursor:pointer;transition:transform .2s,background-color .2s;position:relative}.token-chip:hover{transform:scale(1.05)}.token-chip.highlighted{background-color:#5a4636;box-shadow:0 0 0 2px #f5f1e6,0 0 0 4px #8c6e54}.attention-connection{position:absolute;pointer-events:none;z-index:1}.attention-heatmap{display:grid;grid-template-columns:repeat(var(--columns),1fr);grid-gap:2px;gap:2px;margin-top:20px}.heatmap-cell{aspect-ratio:1/1;border-radius:2px;cursor:pointer}.heatmap-cell:hover{transform:scale(1.2);z-index:2}.heatmap-column-label,.heatmap-row-label{display:flex;align-items:center;justify-content:center;font-size:12px;color:#5a4636;padding:4px}.attention-explainer{background-color:#fef8e6;padding:16px;border-radius:8px;margin-top:24px}.attention-explainer h5{margin-bottom:12px;color:#5a4636}.attention-explainer p{margin-bottom:12px;line-height:1.5}.attention-explainer .explainer-highlight{background-color:rgba(140,110,84,.1);padding:2px 4px;border-radius:4px;font-weight:500}.attention-patterns{margin-top:16px}.attention-patterns .pattern-item{display:flex;align-items:center;gap:8px;margin-bottom:8px}.attention-patterns .pattern-icon{width:24px;height:24px;background-color:#8c6e54;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#f5f1e6;font-weight:700}.attention-context{margin-top:16px;padding:16px;background-color:#fef8e6;border-radius:8px}.attention-context .context-title{display:flex;align-items:center;gap:8px;margin-bottom:12px}.attention-context .context-title h5{margin:0}.attention-context .context-tokens{display:flex;flex-wrap:wrap;gap:8px}.attention-context .context-token{padding:4px 8px;background-color:rgba(140,110,84,.1);border-radius:4px;font-size:14px}.attention-context .context-score{font-weight:500;color:#5a4636}@media(max-width:767px){.sides{display:flex;flex-direction:column-reverse;padding:8px}h1{font-size:24px}h2{font-size:20px}h3{font-size:18px}.timelineItem{grid-template-columns:100px 1fr}.chat-full{height:calc(100svh - 400px);min-height:300px}.example{padding:12px}.btn{padding:6px 12px;font-size:16px}.process-steps{flex-direction:column}.training-phases-explanation,.training-visualization{grid-template-columns:1fr}.token-grid{gap:4px}.token-chip{padding:4px 8px;font-size:12px;min-width:30px;height:28px}.id-mapping{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}@media(min-width:768px){.sides{grid-template-columns:1fr 3fr;padding:24px}.chat-full{min-height:500px}.training-visualization{grid-template-columns:3fr 2fr}.training-phases-explanation{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}.article-container{max-width:720px;margin:0 auto;padding:4rem 1rem;font-size:1.05rem;line-height:1.8;color:#2f2f2f}.article-heading{font-size:2rem;font-weight:600;margin-bottom:.25rem;color:#1d1d1d}.article-subtitle{font-style:italic;color:#7d7d7d;margin-bottom:1.5rem}.article-meta{font-size:.9rem;color:#999;margin-bottom:2.5rem}.article-section-heading{font-size:1.3rem;margin-top:3rem;margin-bottom:1rem;font-weight:600;color:#3a3a3a}.article-subsection-heading{font-size:1.1rem;margin-top:1.5rem;margin-bottom:.75rem;font-weight:600;color:#4a4a4a}.article-paragraph{margin-bottom:1.2rem}.article-link{color:#8c6e54;text-decoration:none;border-bottom:1px solid rgba(140,110,84,.3);transition:border-color .2s}.article-link:hover{border-color:rgba(140,110,84,.8)}.article-list{margin-left:1.5rem;margin-bottom:2rem;padding-left:.5rem}.article-list-item{margin-bottom:.75rem}.article-feature-image{width:100%;height:auto;border-radius:12px;margin:2rem 0;box-shadow:0 5px 20px rgba(0,0,0,.1)}.article-back-link{margin-top:3rem;font-size:.95rem;text-align:left}.article-back-link a{color:#8c6e54;text-decoration:none;display:inline-flex;align-items:center;border-bottom:none}.article-back-link a:hover{text-decoration:underline}@media(max-width:768px){.article-container{padding:2rem 1rem}.article-heading{font-size:1.8rem}.article-section-heading{font-size:1.2rem;margin-top:2rem}.article-subsection-heading{font-size:1rem}.article-feature-image{margin:1.5rem 0}}.Navigation_navigation__NCE61{width:100%;padding:1.5rem 0;border-bottom:1px solid rgba(140,110,84,.2)}.Navigation_container__x6jI_{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.Navigation_logo__X1tHO{display:flex;flex-direction:column;text-decoration:none}.Navigation_logo__X1tHO .Navigation_name__nBgKH{font-family:var(--font-serif);font-size:1.5rem;font-weight:600;color:#5a4636}.Navigation_logo__X1tHO .Navigation_title__n5HXe{font-size:.9rem;color:#8c6e54}.Navigation_links__n4Qsf{display:flex;align-items:center;gap:2rem}.Navigation_navLink__mlp_H{font-size:1.1rem;color:#5a4636;text-decoration:none;padding:.5rem 0;position:relative}.Navigation_navLink__mlp_H:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:0;background-color:#8c6e54;transition:width .3s ease}.Navigation_navLink__mlp_H:hover:after{width:100%}.Navigation_socialLinks__M8eyf{display:flex;gap:1rem;margin-left:1rem;align-items:center}.Navigation_socialLink__1B9wh{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;background-color:rgba(140,110,84,.1);transition:background-color .2s}.Navigation_socialLink__1B9wh:hover{background-color:rgba(140,110,84,.2)}@media(max-width:768px){.Navigation_container__x6jI_{flex-direction:column;gap:1rem;padding:0 1rem}.Navigation_links__n4Qsf{width:100%;justify-content:center;gap:1rem}.Navigation_logo__X1tHO{align-items:center}.Navigation_logo__X1tHO .Navigation_name__nBgKH{font-size:1.3rem}.Navigation_logo__X1tHO .Navigation_title__n5HXe{font-size:.8rem}.Navigation_socialLinks__M8eyf{margin-left:0}}