@font-face{font-family:Noto Sans;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(../media/d0daeb77ad486505-s.53fd57f3.woff2)format("woff2");unicode-range:U+460-52F,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(../media/13c8bea787795a91-s.3c7372c0.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Noto Sans;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(../media/fb34704f4f4f68ab-s.ce643c06.woff2)format("woff2");unicode-range:U+900-97F,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(../media/26229c3b890d5b41-s.d2027bdc.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(../media/ec173da4e4ac482c-s.6e8c23fe.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Noto Sans;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(../media/eca1cc1e672884b5-s.080cd8a2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,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(../media/05ce0245cbf07d46-s.bde6fdef.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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(../media/dc6d2a64e9dbf3bc-s.p.4b9eb7a1.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,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.0%;size-adjust:106.33%}.noto_sans_b5f0cb71-module__dsfsIW__className{font-family:Noto Sans,Noto Sans Fallback;font-style:normal}.noto_sans_b5f0cb71-module__dsfsIW__variable{--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(../media/d829ba9c72f21fd6-s.0f24f2f4.woff2)format("woff2");unicode-range:U+460-52F,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(../media/cf1514ba67088a5f-s.12662226.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Noto Serif;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(../media/142d1fb481f1ebcd-s.b03113a9.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(../media/41900da7e74536d5-s.d8f8a8c5.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Noto Serif;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(../media/aeacf25a943e1f19-s.41fedda8.woff2)format("woff2");unicode-range:U+302-303,U+305,U+307-308,U+310,U+312,U+315,U+31A,U+326-327,U+32C,U+32F-330,U+332-333,U+338,U+33A,U+346,U+34D,U+391-3A1,U+3A3-3A9,U+3B1-3C9,U+3D1,U+3D5-3D6,U+3F0-3F1,U+3F4-3F5,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(../media/5d3604dad620f8b2-s.40d9c683.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,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(../media/2b4499d915222007-s.15c28d66.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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(../media/b4e85636e2ca4056-s.p.9ecc21d7.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,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.0%;size-adjust:118.4%}.noto_serif_f417b961-module__xuxblG__className{font-family:Noto Serif,Noto Serif Fallback;font-style:normal}.noto_serif_f417b961-module__xuxblG__variable{--font-serif:"Noto Serif","Noto Serif Fallback"}
body{font-family:var(--font-sans);font-optical-sizing:auto;font-variation-settings:"wdth" 100;margin:0;font-style:normal}*{box-sizing:border-box}button{cursor:pointer}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);color:#5a4636;margin:0}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}p{margin:0;padding:0}button{font-family:inherit;font-size:inherit;color:inherit;background-color:#0000;border:none}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#f5f1e6}::-webkit-scrollbar-thumb{background-color:#8c6e54;border:3px solid #f5f1e6;border-radius:6px}::-webkit-scrollbar-thumb:hover{background-color:#5a4636}*{scrollbar-width:thin;scrollbar-color:#8c6e54 #f5f1e6}.example{border:1px dashed #8c6e54;border-radius:8px;flex-direction:column;gap:16px;margin-top:16px;margin-bottom:16px;padding:16px;display:flex}.btn{color:#f5f1e6;cursor:pointer;background-color:#8c6e54;border:none;border-radius:4px;padding:8px 16px;font-size:18px;font-weight:500;display:block}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;pointer-events:none}pre{max-width:100%;overflow:hidden}.end{justify-content:end;gap:8px;margin-top:16px;display:flex}ul{margin:0}.chat{font-family:var(--font-sans);background-color:#fef8e6;border-radius:8px;flex-direction:column;gap:16px;min-height:100px;padding:16px;display:flex;overflow:auto}.chat>div{align-items:end;gap:8px;display:flex}.chat p{background-color:#fdefc8;border-radius:20px;align-self:start;padding:16px;display:inline-block}.chat p:not(:last-child){margin-bottom:16px}.chat p:nth-child(odd){color:#f5f1e6;background-color:#8c6e54;margin:0}.chat>div,.chat>p{max-width:80%}.chat>div:nth-child(odd),.chat>p:nth-child(odd){align-self:end}.chat-box{font-family:var(--font-sans);background-color:#fef8e6;border-radius:8px;flex-direction:column;gap:16px;min-height:100px;padding:16px;display:flex;overflow:auto}.chat-box .message{align-items:end;gap:8px;display:flex}.chat-box .message-content{background-color:#fdefc8;border-radius:20px;padding:16px;display:inline-block}.chat-box .user{align-self:end}.chat-box .user .message-content{color:#f5f1e6;background-color:#5a4636}.chat-full{background-color:#fef8e6;flex-direction:column;justify-content:end;min-height:400px;padding:8px;display:flex}input{font-family:var(--font-sans)}.input{margin:8px;display:flex;position:relative}.input input{flex-grow:1;height:56px}.input .btn{position:absolute;top:8px;right:8px}input,textarea{resize:vertical;font-size:16px;font-family:var(--font-sans);color:inherit;border:1px solid #8c6e54;border-radius:8px;padding:4px 16px;display:block}textarea{width:100%;min-height:300px;margin-top:16px}.source{color:#dddd;background-color:#333;border-radius:8px;flex-direction:column;gap:16px;padding:16px;font-family:monospace;font-size:15px;display:flex}.stepper{justify-content:space-between;align-items:center;margin-top:32px;display:flex}.stepper button{text-align:left}.stepper p{font-family:var(--font-sans);opacity:.8;font-size:14px}.sides{grid-template-columns:auto 1fr;max-width:1500px;height:100svh;margin:0 auto;padding:16px;display:grid}.header{text-align:left;background-color:#0000;border:none;justify-content:center;align-items:center;margin:16px auto;display:flex}.timelineItem{text-align:left;opacity:.7;grid-template-columns:100px 400px;align-items:center;margin:16px 0;padding:0;transition:all .2s;display:grid}.timelineItem .timelineText{transform-origin:0;transition:all .2s;transform:scale(.95)}.timelineItem.active{opacity:1}.timelineItem.active .timelineText{transform:scale(1)}.timelineImage{justify-content:center;align-items:center;display:flex}.timelineImage img{border-radius:8px}.activeStep{font-size:18px;font-family:var(--font-serif);padding:16px 0}.flex{align-items:center;gap:8px;display:flex}.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{color:#5a4636;margin-bottom:8px}.content-section ul{margin-bottom:16px;padding-left:24px}.content-section ul li{margin-bottom:8px}.embedding-visualization{background-color:#fef8e6;padding:24px}.token-selector{margin-bottom:20px}.token-selector select{color:#5a4636;font-family:var(--font-sans);cursor:pointer;background-color:#fdefc8;border:1px solid #8c6e54;border-radius:8px;width:160px;padding:8px 16px;font-size:16px}.token-selector select:focus{border-color:#5a4636;outline:none}.embeddings-table{background-color:#fdefc8;border-radius:8px;margin-bottom:24px;padding:16px}.embeddings-table h5{margin-bottom:12px;font-size:18px}.vector-visualization{flex-direction:column;gap:4px;display:flex}.vector-cell{border-radius:4px;align-items:center;min-width:30px;height:24px;padding:0 8px;transition:all .2s;display:flex;position:relative}.vector-cell:hover{transform:scaleX(1.02);box-shadow:0 1px 3px #0003}.vector-cell .dimension-label{font-size:12px;font-family:var(--font-sans);color:#5a4636;background-color:#ffffffb3;border-radius:4px;padding:0 4px}.tokens-comparison{margin-top:32px}.tokens-comparison h5{margin-bottom:16px;font-size:18px}.all-tokens-grid{flex-direction:column;gap:8px;display:flex}.token-row{cursor:pointer;background-color:#fdefc8;border-radius:8px;align-items:center;padding:8px;transition:all .2s;display:flex}.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);color:#5a4636;font-weight:500}.token-vector{flex:1;gap:1px;height:24px;display:flex}.vector-mini-cell{border-radius:2px;flex:1;height:100%}.visualization-note{color:#5a4636;opacity:.8;margin-top:24px;font-size:14px;font-style:italic}code{font-family:monospace}.tokenization-input{width:100%;min-height:100px;font-family:var(--font-sans);color:#5a4636;resize:vertical;background-color:#fdefc8;border:1px solid #8c6e54;border-radius:8px;margin-bottom:20px;padding:12px;font-size:16px}.tokenization-input:focus{border-color:#5a4636;outline:none;box-shadow:0 0 0 2px #5a46361a}.token-visualization{margin-bottom:24px}.token-visualization h5{color:#5a4636;margin-bottom:12px;font-size:18px}.token-result{background-color:#fef8e6;border-radius:8px;flex-wrap:wrap;gap:8px;min-height:60px;padding:16px;display:flex}.token-chip{color:#f5f1e6;font-family:var(--font-sans);background-color:#8c6e54;border-radius:16px;padding:6px 12px;font-size:14px;transition:transform .2s;display:inline-block}.token-ids{margin-bottom:24px}.token-ids h5{color:#5a4636;margin-bottom:12px;font-size:18px}.id-mapping{background-color:#fef8e6;border-radius:8px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;padding:16px;display:grid}.id-pair{font-family:var(--font-sans);background-color:#fdefc8;border-radius:6px;justify-content:space-between;align-items:center;padding:6px 12px;transition:background-color .2s;display:flex}.id-pair:hover{background-color:#e9d6a1}.id-pair .token-text{color:#5a4636;font-weight:500}.id-pair .token-id{color:#8c6e54;background-color:#8c6e541a;border-radius:4px;padding:2px 6px;font-family:monospace}.tokenization-examples{margin-bottom:24px}.example-container{flex-direction:column;gap:16px;display:flex}.example-item{background-color:#fef8e6;border-radius:8px;padding:16px}.example-header{color:#5a4636;font-weight:600;font-family:var(--font-sans);margin-bottom:8px}.example-original{font-family:var(--font-serif);background-color:#8c6e541a;border-radius:4px;margin-bottom:12px;padding:8px;font-style:italic}.example-tokenized{flex-wrap:wrap;gap:6px;display:flex}.example-token{color:#f5f1e6;font-family:var(--font-sans);background-color:#8c6e54;border-radius:12px;padding:4px 8px;font-size:14px}.tokenization-process{margin-bottom:24px}.process-steps{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:24px 0;display:flex}.process-step{background-color:#fef8e6;border-radius:8px;flex:1;align-items:flex-start;gap:12px;min-width:180px;padding:16px;display:flex}.step-number{color:#f5f1e6;width:28px;height:28px;font-family:var(--font-sans);background-color:#8c6e54;border-radius:50%;justify-content:center;align-items:center;font-weight:600;display:flex}.step-content{flex:1}.step-content h5{color:#5a4636;margin-bottom:8px;font-size:16px}.step-example{word-break:break-all;background-color:#8c6e541a;border-radius:4px;padding:8px;font-family:monospace}.process-arrow{color:#8c6e54;font-size:24px;font-weight:600}.process-note{color:#5a4636;opacity:.8;margin-top:16px;font-size:14px;font-style:italic}@media (max-width:768px){.process-steps{flex-direction:column;align-items:stretch}.process-arrow{margin:0 auto;transform:rotate(90deg)}}.training-loop-visualization{font-family:var(--font-serif);color:#8c6e54;background-color:#fdefc8;border-radius:8px;max-width:100%;padding:24px;overflow-x:hidden}.training-intro{margin-bottom:24px}.training-intro p{font-size:18px;line-height:1.6}.training-controls{background-color:#fef8e6;border-radius:8px;flex-direction:column;gap:12px;margin-bottom:24px;padding:16px;display:flex}.iteration-display{font-family:var(--font-sans);justify-content:space-between;font-size:18px;font-weight:500;display:flex}.loss-display{color:#5a4636;background-color:#5a46361a;border-radius:4px;padding:2px 8px}.iteration-controls{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.control-btn{padding:8px 12px;font-size:16px;transition:all .2s}.control-btn:disabled{opacity:.5;cursor:not-allowed}.training-process-nav{gap:8px;margin-bottom:24px;padding-bottom:8px;display:flex;overflow-x:auto}.process-nav-btn{color:#8c6e54;font-family:var(--font-sans);text-align:center;background-color:#fef8e6;border:2px solid #0000;border-radius:8px;flex:1;min-width:120px;padding:12px 16px;font-size:16px;font-weight:500;transition:all .2s}.process-nav-btn:hover{background-color:#f5e6b8}.process-nav-btn.active-step{color:#f5f1e6;background-color:#8c6e54;border:2px solid #5a4636}.training-visualization{grid-template-columns:3fr 2fr;gap:24px;margin-bottom:32px;display:grid}@media (max-width:992px){.training-visualization{grid-template-columns:1fr}}.training-phase{background-color:#fef8e6;border-radius:8px;padding:20px}.phase-content{animation:.5s ease-in-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.phase-content h4{border-bottom:2px solid #8c6e5433;margin-bottom:16px;padding-bottom:8px;font-size:22px}.phase-description{flex-direction:column;gap:16px;display:flex}.input-context{align-items:center;gap:12px;margin-top:8px;display:flex}.context-label{color:#5a4636;font-weight:500;font-family:var(--font-sans)}.context-tokens{flex-wrap:wrap;gap:8px;display:flex}.token-pill{color:#f5f1e6;font-family:var(--font-sans);background-color:#8c6e54;border-radius:16px;padding:6px 12px;font-size:14px}.token-pill.target-token{background-color:#5a4636;font-weight:600}.prediction-section{margin-top:16px}.prediction-section h5{color:#5a4636;margin-bottom:12px;font-size:18px}.prediction-bars{flex-direction:column;gap:12px;display:flex}.prediction-bar-container{flex-direction:column;gap:4px;display:flex}.prediction-label{font-family:var(--font-sans);justify-content:space-between;font-size:14px;display:flex}.token-text{color:#5a4636;font-weight:500}.prob-text{color:#8c6e54}.prediction-bar-bg{background-color:#8c6e541a;border-radius:12px;height:24px;overflow:hidden}.prediction-bar{background-color:#8c6e54;border-radius:12px;height:100%;transition:width 1s ease-in-out}.prediction-bar.target-token{background-color:#5a4636}.target-section{background-color:#5a46360d;border-radius:8px;flex-direction:column;gap:16px;padding:16px;display:flex}.actual-target{align-items:center;gap:12px;display:flex}.target-label{color:#5a4636;font-weight:500;font-family:var(--font-sans)}.target-explanation{margin-top:8px}.ideal-distribution{font-family:var(--font-sans);flex-direction:column;gap:8px;margin-top:8px;display:flex}.ideal-token{background-color:#8c6e541a;border-radius:6px;justify-content:space-between;padding:6px 12px;display:flex}.token-prob{color:#5a4636;font-weight:600}.loss-explanation{background-color:#8c6e540d;border-radius:8px;margin-top:16px;padding:16px}.loss-explanation h5{color:#5a4636;margin-bottom:8px}.gradient-flow{margin-top:16px}.gradient-flow h5{color:#5a4636;margin-bottom:12px}.flow-diagram{flex-direction:column;align-items:center;gap:8px;margin:20px 0;display:flex}.flow-node{color:#f5f1e6;font-family:var(--font-sans);text-align:center;background-color:#8c6e54;border-radius:8px;min-width:180px;padding:12px 24px}.flow-node.error-node{background-color:#5a4636;font-weight:600}.flow-arrow{color:#8c6e54;font-size:24px}.gradient-explanation{margin-top:16px;font-style:italic}.weight-section{margin-top:16px}.weight-section h5{color:#5a4636;margin-bottom:12px}.weight-connections{flex-direction:column;gap:16px;margin-bottom:20px;display:flex}.weight-connection{flex-direction:column;gap:8px;display:flex}.connection-tokens{align-items:center;gap:8px;display:flex}.connection-arrow{color:#8c6e54;font-weight:600}.weight-bar-bg{background-color:#8c6e541a;border-radius:8px;height:16px;overflow:hidden}.weight-bar{background-color:#8c6e54;border-radius:8px;height:100%;transition:width 1s ease-in-out}.weight-value{font-family:var(--font-sans);color:#5a4636;text-align:right;font-size:14px}.update-explanation{margin-top:16px;font-style:italic}.training-progress{background-color:#fef8e6;border-radius:8px;padding:20px}.training-progress h4{border-bottom:2px solid #8c6e5433;margin-bottom:16px;padding-bottom:8px;font-size:22px}.loss-over-time{margin-top:20px;margin-bottom:20px}.loss-graph{height:220px;display:flex}.graph-y-axis{flex-direction:column;width:40px;display:flex;position:relative}.y-label{writing-mode:vertical-rl;text-align:center;font-family:var(--font-sans);color:#5a4636;height:100%;margin:0 auto;font-size:14px;transform:rotate(180deg)}.y-ticks{height:100%;font-family:var(--font-sans);color:#8c6e54;flex-direction:column;justify-content:space-between;font-size:12px;display:flex;position:absolute;right:0}.graph-content{flex-grow:1;justify-content:space-around;align-items:flex-end;gap:8px;padding-bottom:20px;display:flex;position:relative}.graph-bar{background-color:#8c6e541a;border-radius:4px 4px 0 0;width:24px;transition:height 1s ease-in-out;position:relative}.graph-bar-filled{background-color:#8c6e54}.graph-point{background-color:#5a4636;border-radius:50%;width:12px;height:12px;position:absolute;top:-6px;left:50%;transform:translate(-50%)}.current-loss{color:#f5f1e6;font-family:var(--font-sans);white-space:nowrap;background-color:#5a4636;border-radius:4px;padding:2px 6px;font-size:12px;position:absolute;top:-24px;left:50%;transform:translate(-50%)}.graph-x-axis{height:40px;margin-top:8px;position:relative}.x-label{text-align:center;font-family:var(--font-sans);color:#5a4636;margin-top:20px;font-size:14px}.x-ticks{width:100%;font-family:var(--font-sans);color:#8c6e54;justify-content:space-between;padding:0 12px;font-size:12px;display:flex;position:absolute;top:0}.progress-explanation{margin-top:16px;font-style:italic}.training-phases-explanation{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.training-steps,.training-example,.training-scale{background-color:#fef8e6;border-radius:8px;padding:20px}.training-phases-explanation h4{color:#5a4636;margin-bottom:16px;font-size:20px}.training-phases-explanation p{margin-bottom:12px;line-height:1.5}.training-phases-explanation ol,.training-phases-explanation ul{margin-bottom:16px;padding-left:24px}.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-visualization,.training-phases-explanation{grid-template-columns:1fr}.flow-node{min-width:150px;padding:8px 16px}}.attention-container{font-family:var(--font-sans);background-color:#fdefc8;border-radius:8px;margin:16px 0;padding:16px}.attention-container h4{color:#5a4636;font-family:var(--font-serif);margin-bottom:16px}.attention-visualizer{width:100%;margin:20px 0}.attention-visualizer canvas{cursor:crosshair;background-color:#fef8e6;border-radius:6px;width:100%}.attention-legend{color:#5a4636;justify-content:center;gap:20px;margin-top:8px;font-size:14px;display:flex}.legend-item{align-items:center;gap:8px;display:flex}.legend-color{border-radius:4px;width:16px;height:16px}.token-grid{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.token-chip{color:#f5f1e6;cursor:pointer;background-color:#8c6e54;border-radius:16px;justify-content:center;align-items:center;min-width:40px;height:32px;padding:6px 12px;font-size:14px;transition:transform .2s,background-color .2s;display:inline-flex;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{pointer-events:none;z-index:1;position:absolute}.attention-heatmap{grid-template-columns:repeat(var(--columns),1fr);gap:2px;margin-top:20px;display:grid}.heatmap-cell{aspect-ratio:1;cursor:pointer;border-radius:2px}.heatmap-cell:hover{z-index:2;transform:scale(1.2)}.heatmap-row-label,.heatmap-column-label{color:#5a4636;justify-content:center;align-items:center;padding:4px;font-size:12px;display:flex}.attention-explainer{background-color:#fef8e6;border-radius:8px;margin-top:24px;padding:16px}.attention-explainer h5{color:#5a4636;margin-bottom:12px}.attention-explainer p{margin-bottom:12px;line-height:1.5}.attention-explainer .explainer-highlight{background-color:#8c6e541a;border-radius:4px;padding:2px 4px;font-weight:500}.attention-patterns{margin-top:16px}.attention-patterns .pattern-item{align-items:center;gap:8px;margin-bottom:8px;display:flex}.attention-patterns .pattern-icon{color:#f5f1e6;background-color:#8c6e54;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-weight:700;display:flex}.attention-context{background-color:#fef8e6;border-radius:8px;margin-top:16px;padding:16px}.attention-context .context-title{align-items:center;gap:8px;margin-bottom:12px;display:flex}.attention-context .context-title h5{margin:0}.attention-context .context-tokens{flex-wrap:wrap;gap:8px;display:flex}.attention-context .context-token{background-color:#8c6e541a;border-radius:4px;padding:4px 8px;font-size:14px}.attention-context .context-score{color:#5a4636;font-weight:500}@media (max-width:767px){.sides{flex-direction:column-reverse;padding:8px;display:flex}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-visualization,.training-phases-explanation{grid-template-columns:1fr}.token-grid{gap:4px}.token-chip{min-width:30px;height:28px;padding:4px 8px;font-size:12px}.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{color:#2f2f2f;max-width:720px;margin:0 auto;padding:4rem 1rem;font-size:1.05rem;line-height:1.8}.article-heading{color:#1d1d1d;margin-bottom:.25rem;font-size:2rem;font-weight:600}.article-subtitle{color:#7d7d7d;margin-bottom:1.5rem;font-style:italic}.article-meta{color:#999;margin-bottom:2.5rem;font-size:.9rem}.article-section-heading{color:#3a3a3a;margin-top:3rem;margin-bottom:1rem;font-size:1.3rem;font-weight:600}.article-subsection-heading{color:#4a4a4a;margin-top:1.5rem;margin-bottom:.75rem;font-size:1.1rem;font-weight:600}.article-paragraph{margin-bottom:1.2rem}.article-link{color:#8c6e54;border-bottom:1px solid #8c6e544d;text-decoration:none;transition:border-color .2s}.article-link:hover{border-color:#8c6e54cc}.article-list{margin-bottom:2rem;margin-left:1.5rem;padding-left:.5rem}.article-list-item{margin-bottom:.75rem}.article-feature-image{border-radius:12px;width:100%;height:auto;margin:2rem 0;box-shadow:0 5px 20px #0000001a}.article-back-link{text-align:left;margin-top:3rem;font-size:.95rem}.article-back-link a{color:#8c6e54;border-bottom:none;align-items:center;text-decoration:none;display:inline-flex}.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{margin-top:2rem;font-size:1.2rem}.article-subsection-heading{font-size:1rem}.article-feature-image{margin:1.5rem 0}}
.Navigation-module-scss-module__ri7hTa__navigation{border-bottom:1px solid #8c6e5433;width:100%;padding:1.5rem 0}.Navigation-module-scss-module__ri7hTa__container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 2rem;display:flex}.Navigation-module-scss-module__ri7hTa__logo{flex-direction:column;text-decoration:none;display:flex}.Navigation-module-scss-module__ri7hTa__logo .Navigation-module-scss-module__ri7hTa__name{font-family:var(--font-serif);color:#5a4636;font-size:1.5rem;font-weight:600}.Navigation-module-scss-module__ri7hTa__logo .Navigation-module-scss-module__ri7hTa__title{color:#8c6e54;font-size:.9rem}.Navigation-module-scss-module__ri7hTa__links{align-items:center;gap:2rem;display:flex}.Navigation-module-scss-module__ri7hTa__navLink{color:#5a4636;padding:.5rem 0;font-size:1.1rem;text-decoration:none;position:relative}.Navigation-module-scss-module__ri7hTa__navLink:after{content:"";background-color:#8c6e54;width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}.Navigation-module-scss-module__ri7hTa__navLink:hover:after{width:100%}.Navigation-module-scss-module__ri7hTa__socialLinks{align-items:center;gap:1rem;margin-left:1rem;display:flex}.Navigation-module-scss-module__ri7hTa__socialLink{background-color:#8c6e541a;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;transition:background-color .2s;display:flex}.Navigation-module-scss-module__ri7hTa__socialLink:hover{background-color:#8c6e5433}@media (max-width:768px){.Navigation-module-scss-module__ri7hTa__container{flex-direction:column;gap:1rem;padding:0 1rem}.Navigation-module-scss-module__ri7hTa__links{justify-content:center;gap:1rem;width:100%}.Navigation-module-scss-module__ri7hTa__logo{align-items:center}.Navigation-module-scss-module__ri7hTa__logo .Navigation-module-scss-module__ri7hTa__name{font-size:1.3rem}.Navigation-module-scss-module__ri7hTa__logo .Navigation-module-scss-module__ri7hTa__title{font-size:.8rem}.Navigation-module-scss-module__ri7hTa__socialLinks{margin-left:0}}