:root{--background:#f7f7f5;--surface:#fff;--surface-soft:#f1f1ed;--text:#171717;--text-soft:#5f5f5f;--border:#deded9;--border-strong:#c7c7c1;--blue:#5b9cf6;--green:#67c47b;--orange:#f28b4b;--yellow:#f1c94d;--purple:#a98af4;--ink-blue:#1c3047;--max-width:1120px;--reading-width:820px;--radius:18px}.shell{width:min(calc(100% - 40px), var(--max-width));margin-inline:auto}.hero{background:radial-gradient(circle at 84% 12%, #5b9cf624, transparent 29%), radial-gradient(circle at 74% 36%, #a98af417, transparent 27%), linear-gradient(180deg, #fff, var(--background));border-bottom:1px solid var(--border)}.hero-inner{padding:92px 0 78px}.eyebrow,.kicker{color:var(--text-soft);letter-spacing:.14em;text-transform:uppercase;margin:0 0 12px;font-size:.76rem;font-weight:800}.hero h1,.article h2,.article h3,.article h4,.dialog-body h3{letter-spacing:-.035em;margin:0;line-height:1.12}.hero h1{max-width:1030px;font-size:clamp(3rem,7vw,6.4rem);font-weight:780}.hero h1 span{color:#57575f}.hero-thesis{margin:30px 0 8px;font-size:clamp(1.35rem,2.5vw,2rem);font-weight:650}.hero-description{max-width:870px;color:var(--text-soft);margin:0;font-size:1.08rem}.byline{color:#777;margin:25px 0 0;font-size:.84rem}.article-nav{z-index:10;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f7f7f5f0;position:sticky;top:0;overflow-x:auto}.article-nav .shell{white-space:nowrap;gap:24px;padding-block:13px;display:flex}.article-nav a{color:var(--text-soft);font-size:.78rem;font-weight:720;text-decoration:none}.article-nav a:hover{color:var(--text)}.article{padding:54px 0 100px}.article>section{margin-bottom:76px;scroll-margin-top:70px}.section-heading{max-width:900px;margin-bottom:28px}.section-heading h2{font-size:clamp(2rem,4vw,3.4rem)}.section-heading>p:last-child{color:var(--text-soft);margin-top:12px;font-size:1.05rem}.callout{background:var(--surface);border:1px solid var(--border);border-left:5px solid var(--text);border-radius:var(--radius);padding:30px 34px}.callout h2{margin-bottom:10px;font-size:clamp(1.7rem,3vw,2.7rem)}.callout>p:last-child{max-width:900px;color:var(--text-soft);margin-bottom:0;font-size:1.05rem}.workflow{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:34px}.workflow-grid{grid-template-columns:minmax(130px,1fr) 34px minmax(130px,1fr) 34px minmax(150px,1.1fr) 34px minmax(150px,1fr);align-items:center;display:grid}.workflow-grid-bottom{border-top:1px dashed var(--border-strong);margin-top:18px;padding-top:18px}.flow-node{border:1px solid var(--border-strong);border-top:4px solid var(--text);background:#fff;border-radius:14px;min-height:130px;padding:18px}.flow-node span{color:#888;margin-bottom:18px;font-size:.68rem;font-weight:800;display:block}.flow-node strong{font-size:1.03rem;display:block}.flow-node p{color:var(--text-soft);margin:7px 0 0;font:.84rem/1.4 SFMono-Regular,Consolas,monospace}.flow-node.accent-blue{border-top-color:var(--blue)}.flow-node.accent-purple{border-top-color:var(--purple)}.flow-node.accent-orange{border-top-color:var(--orange)}.flow-node.accent-green{border-top-color:var(--green)}.flow-arrow{color:var(--text-soft);text-align:center;font-size:1.45rem}.flow-loop-label{color:var(--text-soft);text-align:center;font-size:.78rem}.reading-path{max-width:var(--reading-width)}.reading-path>p{color:#404047;font-size:1.06rem}.reading-path h3{margin:0 0 8px;font-size:1.35rem}.definition-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin:28px 0;display:grid}.definition-grid>div{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;justify-content:space-between;min-height:130px;padding:16px;display:flex}.definition-grid code{color:#445;overflow-wrap:anywhere;font-size:.76rem}.definition-grid strong{margin-top:auto;padding-top:22px}.definition-grid span{color:var(--text-soft);font-size:.76rem}.lab-card{color:#f6f7f8;border-radius:var(--radius);background:#101317;border:1px solid #2d333a;overflow:hidden;box-shadow:0 18px 45px #0000001f}.lab-toolbar{border-bottom:1px solid #30363d;justify-content:space-between;align-items:center;gap:18px;padding:18px 22px;display:flex}.lab-toolbar strong,.lab-toolbar span{display:block}.lab-toolbar span{color:#9da7b1;margin-top:3px;font-size:.76rem}.worker-heading{padding-top:4px}.worker-heading strong{font-size:1rem}.animation-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.lab-toolbar .animation-status{color:#f5d975;text-align:right;min-width:160px;margin:0 4px 0 0;font:700 .7rem/1.2 SFMono-Regular,Consolas,monospace}.animation-button,.speed-control select{color:#f4f6f7;background:#242b32;border:1px solid #46515b;border-radius:7px;min-height:34px;font:700 .72rem/1 Inter,system-ui,sans-serif}.animation-button{cursor:pointer;padding:0 12px}.animation-button:hover,.animation-button:focus-visible,.speed-control select:focus-visible{border-color:#f1c94d;outline:2px solid #0000}.animation-button-secondary{color:#cbd2d8;background:0 0}.speed-control{color:#9da7b1;align-items:center;gap:6px;font-size:.7rem;font-weight:700;display:flex}.speed-control select{padding:0 28px 0 9px}#matrix-canvas{outline:none;width:100%;height:720px;display:block}#matrix-canvas:focus-visible{box-shadow:inset 0 0 0 3px var(--yellow)}.equation-strip{background:#171b20;border-top:1px solid #30363d;justify-content:space-between;align-items:center;gap:20px;padding:18px 22px;display:flex}.equation-strip code{color:#a9c9ff}.equation-strip strong{color:#f5d975;text-align:right;font:700 .88rem/1.4 SFMono-Regular,Consolas,monospace}.layer-box{background:var(--surface);border-radius:var(--radius);border:2px solid #272727;padding:26px}.layer-title{letter-spacing:.08em;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;font-weight:820;display:flex}.layer-title small{color:var(--text-soft);letter-spacing:0;font-weight:500}.layer-section{border:1px solid var(--border-strong);background:#fafaf8;border-radius:14px;padding:34px 20px 22px;position:relative}.group-title{color:var(--text-soft);letter-spacing:.1em;background:#fafaf8;padding:3px 8px;font-size:.68rem;font-weight:800;position:absolute;top:0;left:16px;transform:translateY(-50%)}.attention-flow{grid-template-columns:1fr auto 1.15fr auto 1.2fr auto 1.3fr auto 1fr;align-items:center;gap:9px;display:grid}.tensor{border:1px solid var(--border-strong);text-align:center;background:#fff;border-radius:10px;flex-direction:column;justify-content:center;min-height:92px;padding:11px;display:flex}.tensor small{color:var(--text-soft);font-size:.63rem}.tensor strong{margin:4px 0;font-size:1.3rem}.tensor code{font-size:.65rem}.tensor.weight{border-top:4px solid var(--blue)}.tensor.activation{border-top:4px solid var(--green)}.tensor.attention-tensor{border-top:4px solid var(--purple)}.weight-stack{gap:5px;display:grid}.weight-stack .tensor{min-height:62px}.branch-arrow{color:var(--text-soft);text-align:center}.residual-row{text-align:center;background:#f7f2df;border:1px dashed #b5a66e;border-radius:10px;width:72%;margin:15px auto;padding:10px;font-weight:720}.residual-row span{color:#786f50;margin-left:8px;font-size:.74rem;font-weight:500}.mlp-section{margin-top:0}.compact-flow{color:#35353a;grid-template-columns:repeat(9,auto);justify-content:center;align-items:center;gap:12px;font-size:.82rem;display:grid}.compact-flow span{border:1px solid var(--border);background:#fff;border-radius:8px;padding:8px 10px}.number-example{grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:14px;margin-top:20px;display:grid}.matrix-panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:17px}.matrix-panel span{color:var(--text-soft);font-size:.76rem;font-weight:750}.matrix-panel pre{color:#303038;background:0 0;margin:13px 0 0;font:.85rem/1.6 SFMono-Regular,Consolas,monospace;overflow-x:auto}.result-panel{border-top:4px solid var(--green)}.math-symbol{color:#777;font-size:1.6rem}.diagram-note{color:var(--text-soft);margin:10px 2px 0;font-size:.83rem}.comparison-grid{grid-template-columns:1fr 1fr;gap:12px;margin:26px 0;display:grid}.comparison-grid>div{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:24px}.comparison-label{color:var(--text-soft);letter-spacing:.1em;text-transform:uppercase;font-size:.7rem;font-weight:800}.comparison-grid h3{margin-top:24px}.comparison-grid code{color:#f4f4f5;text-align:center;background:#151515;border-radius:9px;margin:15px 0;padding:12px;display:block}.comparison-grid p{color:var(--text-soft);font-size:.92rem}.small-callout{margin-top:18px}.small-callout h2{font-size:1.65rem}.gpu-card{background:var(--ink-blue);color:#fff;border-radius:var(--radius);grid-template-columns:1fr 1.2fr 1.4fr;align-items:center;gap:28px;padding:30px;display:grid}.gpu-formula code{color:#c8dcff;font-size:clamp(.76rem,1.5vw,.95rem)}.gpu-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.gpu-grid span{aspect-ratio:1.35;background:#5b9cf62e;border:1px solid #a0c7ff6b;border-radius:7px;place-items:center;font:700 .68rem/1 monospace;display:grid}.gpu-grid span:nth-child(5){color:#17202b;background:var(--yellow);border-color:var(--yellow)}.gpu-caption p{color:#bdc9d6;margin-bottom:0;font-size:.86rem}.deep-dives details{background:var(--surface);border:1px solid var(--border);border-radius:15px;margin:12px 0;overflow:hidden}.deep-dives summary{cursor:pointer;align-items:center;gap:14px;padding:20px 22px;font-size:1.02rem;font-weight:720;list-style:none;display:flex}.deep-dives summary::-webkit-details-marker{display:none}.deep-dives summary:after{content:"+";color:var(--text-soft);margin-left:auto;font-size:1.35rem;font-weight:400}.deep-dives details[open] summary:after{content:"–"}.detail-number{background:var(--surface-soft);width:34px;height:34px;color:var(--text-soft);border-radius:50%;flex:0 0 34px;place-items:center;font-size:.72rem;display:grid}.detail-body{max-width:940px;padding:0 24px 28px 70px}.detail-body p{color:#45454c}.detail-body pre{color:#f4f4f5;background:#151515;border-radius:12px;padding:20px;font-size:.86rem;line-height:1.55;overflow:auto}.final-callout{border-left-color:var(--purple)}.sources{max-width:var(--reading-width)}.sources ol{padding-left:20px}.sources li{margin:8px 0}.sources a{text-underline-offset:3px;text-decoration-thickness:1px}.closing-note{color:var(--text-soft);font-size:.86rem}.go-deeper-section{color:#fff;border-radius:var(--radius);text-align:center;background:#171717;padding:38px}.go-deeper-section .kicker{color:#aeb2b7}.go-deeper-section h2{max-width:720px;margin-inline:auto;font-size:clamp(1.8rem,3vw,2.7rem)}.go-deeper-section>p:not(.kicker){color:#bbbfc4;max-width:680px;margin:12px auto 24px}.go-deeper-button{background:var(--yellow);color:#171717;border:1px solid var(--yellow);cursor:pointer;border-radius:9px;padding:12px 22px;font:800 .92rem/1 Inter,system-ui,sans-serif}.go-deeper-button:hover{background:#ffe06b}.go-deeper-button:focus-visible,.dialog-close:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.deeper-dialog{width:min(1080px,100% - 28px);max-height:min(92vh,980px);color:var(--text);background:var(--background);border:1px solid var(--border-strong);border-radius:20px;margin:auto;padding:0;box-shadow:0 30px 100px #00000059}.deeper-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0c0e11b8}.deeper-dialog[open]{animation:.18s ease-out dialog-in}.dialog-header{z-index:2;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;justify-content:space-between;align-items:flex-start;gap:24px;padding:24px 28px;display:flex;position:sticky;top:0}.dialog-header h2{max-width:780px;font-size:clamp(1.55rem,3vw,2.5rem)}.dialog-close{color:#333;background:var(--surface-soft);border:1px solid var(--border);cursor:pointer;border-radius:50%;flex:0 0 42px;place-items:center;width:42px;height:42px;padding:0;font:400 1.55rem/1 Inter,system-ui,sans-serif;display:grid}.dialog-body{padding:28px}.dialog-body>section{margin-bottom:52px}.dialog-body>section:last-child{margin-bottom:0}.dialog-body h3{letter-spacing:-.02em;font-size:1.16rem}.dialog-body li,.dialog-body p{color:#46464d}.dialog-body li{margin:8px 0}.disclaimer-panel{border:1px solid var(--border);border-left:5px solid var(--orange);background:#fff;border-radius:15px;padding:26px}.disclaimer-panel>ul{margin:20px 0;padding-left:21px}.ai-disclosure{background:#f7f2df;border:1px solid #d5c98f;border-radius:11px;margin-top:22px;padding:17px 18px}.ai-disclosure strong{margin-bottom:5px;display:block}.ai-disclosure p{color:#665f46;margin:0;font-size:.9rem}.prerequisite-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.prerequisite-grid article{background:var(--surface);border:1px solid var(--border);border-radius:12px;min-height:160px;padding:19px}.prerequisite-grid article>span{color:var(--purple);font:800 .72rem/1 SFMono-Regular,Consolas,monospace}.prerequisite-grid h3{margin-top:27px}.prerequisite-grid p{margin-bottom:0;font-size:.88rem}.topic-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.topic-columns>div{border:1px solid var(--border);background:#fff;border-radius:12px;padding:20px}.topic-columns ul{padding-left:18px}.topic-columns li{font-size:.87rem}.learning-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.learning-links a{border:1px solid var(--border);background:#fff;border-radius:12px;flex-direction:column;min-height:150px;padding:20px;text-decoration:none;transition:border-color .15s,transform .15s;display:flex}.learning-links a:hover{border-color:var(--blue);transform:translateY(-2px)}.learning-links span{color:var(--text-soft);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:800}.learning-links strong{margin:auto 0 7px;font-size:1.06rem}.learning-links small{color:var(--text-soft);font-size:.8rem;line-height:1.45}.course-note{color:var(--text-soft);margin-bottom:0;font-size:.78rem}@keyframes dialog-in{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=980px){.workflow-grid{grid-template-columns:1fr;gap:9px}.workflow-grid-bottom{margin-top:9px}.flow-arrow{transform:rotate(90deg)}.flow-arrow.reverse{transform:rotate(-90deg)}.flow-node{min-height:0}.flow-loop-label{padding:10px}.attention-flow{grid-template-columns:1fr}.branch-arrow{transform:rotate(90deg)}.weight-stack{grid-template-columns:repeat(3,1fr)}.compact-flow{text-align:center;grid-template-columns:1fr}.compact-flow b{transform:rotate(90deg)}.gpu-card{grid-template-columns:1fr 1fr}.gpu-caption{grid-column:1/-1}}@media (width<=720px){.shell{width:min(calc(100% - 28px), var(--max-width))}.hero-inner{padding:66px 0 56px}.hero h1{font-size:clamp(2.65rem,13vw,4.7rem)}.article{padding-top:36px}.article>section{margin-bottom:58px}.callout,.workflow,.layer-box{padding:22px}.definition-grid,.comparison-grid{grid-template-columns:1fr 1fr}.lab-toolbar{flex-direction:column;align-items:flex-start}.animation-controls{justify-content:flex-start}.lab-toolbar .animation-status{text-align:left;width:100%;min-width:0;margin:0 0 4px}#matrix-canvas{height:1040px}.equation-strip{flex-direction:column;align-items:flex-start}.equation-strip strong{text-align:left}.number-example{grid-template-columns:1fr}.math-symbol{text-align:center;transform:rotate(90deg)}.layer-title{flex-direction:column;align-items:flex-start}.residual-row{width:100%}.gpu-card{grid-template-columns:1fr}.gpu-caption{grid-column:auto}.detail-body{padding:0 18px 22px}.detail-number{display:none}.dialog-header,.dialog-body{padding:20px}.prerequisite-grid,.topic-columns,.learning-links{grid-template-columns:1fr}.go-deeper-section{padding:28px 20px}}@media (width<=460px){.definition-grid,.comparison-grid{grid-template-columns:1fr}}