:root{font-family:Inter,Segoe UI,Microsoft YaHei,sans-serif;color:#232426;background:#fafafa;font-synthesis:none;font-weight:400;--muted:#797b80;--line:#e7e8eb;--surface:#fff;--mono:"Cascadia Code","SFMono-Regular",Consolas,"Liberation Mono",monospace;--keyword:#e7e3fb;--ident:#def0e9;--number:#ffedcc;--special:#e0ecfb;--string:#f9e1ef;--error:#fbdedc}#app,#app *{font-variant-ligatures:none;font-feature-settings:"liga" 0,"clig" 0,"calt" 0}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{opacity:.36;cursor:not-allowed}button,select{touch-action:manipulation}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid #2b7270;outline-offset:4px}button{border:0;background:none}a{color:inherit}svg{flex-shrink:0}button{display:inline-flex;align-items:center;justify-content:center;gap:8px}[hidden]{display:none!important}::selection{background:#d5e9e5}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-thumb{background:#cfd1d3;border-radius:8px}::-webkit-scrollbar-track{background:transparent}.topbar{height:76px;background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 48px}.brand{display:flex;align-items:center;text-decoration:none;gap:12px}.brand-icon{width:34px;height:34px;border-radius:10px;background:#222426;color:#fff;display:grid;place-items:center}.brand strong{font-size:17px;font-weight:600;letter-spacing:.025em}.brand-divider{height:20px;width:1px;background:#dedfe2;margin:0 3px 0 8px}.brand-sub{font-family:var(--mono);font-size:14px;color:#71747a}.header-actions{display:flex;align-items:center;gap:20px}.engine-status{font-size:12px;color:var(--muted)}.engine-status.ready:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#6c9e8a;margin-right:8px;vertical-align:2px}.icon-button{width:34px;height:34px;border-radius:7px;flex-shrink:0;color:#60636a}.icon-button:hover:not(:disabled){background:#efeff1;color:#202124}main{max-width:1512px;margin:0 auto;padding:41px 48px 0}.intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:33px}.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:600;color:#8a8c91}.eyebrow span{margin:0 11px;color:#b9bbbf}h1{font-size:32px;line-height:1.4;font-weight:560;letter-spacing:-.055em;margin:11px 0 10px}.heading-dot{color:#838b86;margin-left:3px}.intro p{font-size:14px;color:#797c82;margin:0;line-height:1.8}.button{height:37px;padding:0 13px;border:1px solid #dedfe2;background:#fff;border-radius:8px;font-size:13px;font-weight:500;white-space:nowrap}.button:hover:not(:disabled){background:#f4f4f5;border-color:#bfc2c7}.button.primary{background:#252729;border-color:#252729;color:#fff;padding:0 17px}.button.primary:hover:not(:disabled){background:#404244}.presentation{color:#595c63;font-size:13px;height:36px;margin-top:24px}.workspace-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;gap:15px}.sample-control,.mode-control{display:flex;align-items:center;gap:12px;font-size:13px;color:#70737b}.sample-control label{margin-right:1px}select{border:1px solid #dfe1e5;border-radius:7px;background:#fff;color:#41454c;padding:7px 30px 7px 11px;cursor:pointer;max-width:100%;font-size:13px}.sample-control select{min-width:168px}.mode-control>span{font-size:12px}.segmented{display:flex;padding:3px;background:#ededef;border:1px solid #e8e8ea;border-radius:8px;gap:2px}.segmented button{font-size:12px;padding:5px 12px;line-height:1.5;border-radius:5px;color:#7b7d83;white-space:nowrap}.segmented button[aria-pressed=true]{background:#fff;color:#2d3135;box-shadow:0 1px 3px #0000000b}.segmented button:hover{color:#202124}.workbench{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:18px}.panel{border:1px solid #e1e3e7;border-radius:12px;background:var(--surface);overflow:hidden}.panel-heading{height:56px;padding:0 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-title{display:flex;align-items:center;gap:10px;min-width:0}.section-number{font-family:var(--mono);font-size:12px;color:#b0b3b9;margin-right:2px}h2{font-size:14px;line-height:1.5;font-weight:600;margin:0;white-space:nowrap}.file-label{font-family:var(--mono);font-size:12px;color:#8c8f94;background:#f5f5f6;padding:3px 7px;border:1px solid #eeeff1;border-radius:4px;margin-left:4px}.text-button{font-size:12px;padding:4px 0;color:#797c83;white-space:nowrap}.text-button:hover:not(:disabled){color:#171a1f}.source-panel{display:flex;flex-direction:column;min-height:432px}.source-stage{position:relative;flex:1;min-height:335px}.source-code{position:absolute;inset:0;padding:24px 0;overflow:auto;font:14px/28px var(--mono);tab-size:2;scrollbar-gutter:stable}.code-line{display:flex;min-height:28px;min-width:max-content;padding-right:28px;position:relative}.line-number{width:52px;flex-shrink:0;text-align:right;padding-right:20px;color:#b1b3b8;-webkit-user-select:none;user-select:none;font-size:12px;position:sticky;left:0;background:#fff;z-index:1}.line-content{white-space:pre}.source-char{position:relative;color:#42464b;background:none!important}.source-char.keyword{color:#75629c}.source-char.ident{color:#377e69}.source-char.number{color:#ae8142}.source-char.special{color:#5d7190}.source-char.string{color:#aa5b84}.source-char.error{color:#bb4b4b;text-decoration:underline wavy #dfa19a;text-underline-offset:5px}.source-char.scanning{background:#eef1f0!important;box-shadow:0 1.5px #8c9e98}.source-char.cursor{background:#e4e9e6!important;border-radius:1px}.source-char.cursor:before{content:"";position:absolute;left:-1px;top:-3px;bottom:-3px;width:2px;background:#242c28}.source-char.newline{color:transparent!important}.source-char.newline.cursor{color:#a2a6a4!important}.eof-char{font:12px var(--mono);color:#a5a8ad!important;margin-left:8px;padding:3px 4px;visibility:hidden}.eof-char.cursor{visibility:visible}.current-line{background:#fafbfa}.current-line .line-number{color:#545d58;background:#fafbfa}.source-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #f0f0f2;height:37px;padding:0 20px;font-size:12px;color:#92959a}.source-footer>div{display:flex;align-items:center;gap:8px}.cursor-key{display:inline-block;background:#56645c;width:2px;height:10px}#editor-wrap{position:absolute;inset:0;display:flex;background:#fdfdfd}.editor-gutter{padding:24px 20px 24px 0;width:52px;flex-shrink:0;font:12px/28px var(--mono);color:#a0a4aa;text-align:right;white-space:pre;overflow:hidden;-webkit-user-select:none;user-select:none}textarea{border:0;outline:0!important;resize:none;background:transparent;width:100%;min-width:0;padding:24px 20px 24px 0;font:14px/28px var(--mono);tab-size:2;color:#31363d}.scanner-panel{min-height:432px}.status-pill{font-size:12px;color:#82868b;background:#f3f4f5;padding:4px 8px;border-radius:5px;white-space:nowrap}.status-pill.has-error{color:#b34b47;background:#fdf0ee}.scanner-body{padding:22px 24px 13px}.flow{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:24px;font-size:12px;color:#a8abb1}.flow span{padding:5px 7px;white-space:nowrap;border-radius:4px}.flow span.active{color:#42494a;background:#eff2f1}.flow i{font-size:13px;font-style:normal;color:#c5c8cd}.peek-row{display:flex;align-items:center;gap:13px;margin-bottom:19px}.char-observe label{font:12px var(--mono);color:#666b73;display:block;white-space:nowrap;margin-bottom:9px}.char-observe label span{font-family:Inter,Microsoft YaHei,sans-serif;color:#a0a3aa;font-size:12px;margin-left:3px}.char-box{width:64px;height:58px;border:1px solid #e5e7eb;border-radius:8px;display:grid;place-items:center;background:#fafafa;font:23px var(--mono);color:#9fa3aa}.char-box.current{border-color:#a9b9b2;background:#f2f5f3;color:#333f38;box-shadow:0 0 0 3px #f7f8f7}.peek-arrow{color:#c6c9ce;margin-top:19px}.position-grid{margin-left:auto;font:12px/1.85 var(--mono);min-width:88px;padding-left:10px;color:#9b9fa6;align-self:flex-end}.position-grid span{display:flex;align-items:center;justify-content:space-between;gap:14px}.position-grid b{color:#5e646d;font-weight:400}.buffer{background:#f8f9fa;border:1px solid #edeef1;border-radius:8px;padding:10px 13px;min-height:75px}.buffer-label{display:flex;justify-content:space-between;align-items:center;color:#90949c;font-size:12px;gap:8px}.buffer-label code{font:12px var(--mono);color:#a9adb5}.lexeme{font:18px/1.4 var(--mono);margin-top:7px;overflow:auto;white-space:pre;max-height:48px;overflow-wrap:anywhere;color:#40494b}.lexeme.empty{color:#b3b6bd;font:12px/25px Inter,Microsoft YaHei,sans-serif}.explanation{min-height:86px;padding:16px 0 9px}.explanation h3{margin:0 0 6px;font-size:13px;line-height:1.5;font-weight:500}.explanation p{margin:0;font-size:12px;line-height:1.8;color:#8b8f97;overflow-wrap:anywhere}.function-link{display:flex;align-items:center;justify-content:space-between;width:100%;gap:8px;font-size:12px;color:#91969d;border-top:1px solid #f0f1f3;padding:11px 0 0;line-height:1.5;text-align:left}.function-link>span:first-child{display:flex;gap:6px;align-items:center;min-width:0}.function-link code{font:12px var(--mono);text-overflow:ellipsis;overflow:hidden}.function-link>span:last-child{white-space:nowrap}.function-link:hover{color:#353f3b}.playback{display:flex;align-items:center;gap:22px;padding:20px 0 22px;min-width:0}.playback-buttons{display:flex;align-items:center;gap:7px;flex-shrink:0}.next-token{margin:0 7px;font-size:12px;gap:10px}.next-token span{font-size:17px;color:#a1a5ab}.timeline{flex:1;min-width:80px;display:flex;align-items:center;gap:15px}.timeline label{font:12px var(--mono);color:#9599a1;white-space:nowrap}input[type=range]{appearance:none;-webkit-appearance:none;background:linear-gradient(to right,#6a7870 var(--progress,0%),#e1e4e7 var(--progress,0%));height:3px;width:100%;min-width:40px;cursor:pointer;border-radius:4px;margin:0}input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:#555e59;border:2px solid white;box-shadow:0 0 0 1px #c8cfcb}input[type=range]::-moz-range-thumb{width:8px;height:8px;background:#555e59;border:2px solid white;border-radius:50%}.playback>select{border:0;background:transparent;color:#81868e;font:12px var(--mono);padding-right:12px}.output-heading{height:58px}.output-count{font:12px var(--mono);color:#999da6;margin-left:4px}.output-actions{display:flex;align-items:center;gap:12px}.segmented.small{background:#f4f4f5;border-color:#f0f0f2;padding:2px}.segmented.small button{font-size:12px;padding:4px 10px}.output-body{padding:24px 23px 0}.token-stream{display:flex;align-items:flex-start;flex-wrap:wrap;gap:7px;max-height:255px;overflow:auto;padding:1px 1px 7px}.token{border:1px solid transparent;display:inline-flex;gap:12px;align-items:center;justify-content:space-between;border-radius:5px;padding:7px 9px;font:13px/1.2 var(--mono);position:relative;transition:background .15s,border-color .15s,opacity .15s;min-height:33px;max-width:100%;color:#41444b}.token span{max-width:500px;white-space:pre;overflow:hidden;text-overflow:ellipsis}.token small{font:12px var(--mono);color:inherit;opacity:.45}.keyword{background:var(--keyword);color:#6a5595}.ident{background:var(--ident);color:#3e7964}.number{background:var(--number);color:#9e7737}.special{background:var(--special);color:#516e9a}.string{background:var(--string);color:#9d567d}.error{background:var(--error);color:#b34f49}.eof{background:#f0f1f3;color:#9297a0}.token.pending{opacity:.48}.token:hover{opacity:1;box-shadow:inset 0 0 0 1px #0000001c}.token.selected{border-color:#667b6e;box-shadow:0 0 0 2px #edf1ee;opacity:1}.token-detail{border-top:1px solid #f0f1f3;margin-top:17px;padding:14px 0;font-size:12px;color:#969ba3;display:flex;align-items:center;gap:13px;min-height:45px;flex-wrap:wrap}.token-detail code{font:12px var(--mono);color:#56605b;overflow-wrap:anywhere;word-break:break-word}.detail-label{font-size:12px;flex-shrink:0;color:#a1a5ac}.output-footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 23px;background:#fdfdfd;font-size:12px;color:#959aa2}.legend{display:flex;align-items:center;gap:17px;flex-wrap:wrap}.legend span{display:flex;align-items:center;gap:6px}.legend i{width:8px;height:8px;border-radius:2px;display:inline-block}.error-text{color:#b75751!important}.table-wrap{max-height:280px;overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}th{background:#fff;position:sticky;top:0;font-size:12px;font-weight:400;color:#9298a0;padding:0 10px 12px;border-bottom:1px solid var(--line)}td{padding:9px 10px;border-bottom:1px solid #f1f2f3;color:#727982}td:first-child,td:last-child{font:12px var(--mono);color:#a0a5ac}tr.pending{opacity:.45}tr.selected{background:#f4f7f5}.table-token{font:12px var(--mono);padding:0;max-width:100%;overflow-wrap:anywhere;white-space:pre-wrap;text-align:left;justify-content:flex-start}.table-token:hover{text-decoration:underline}.category-label{padding:3px 6px;border-radius:4px;font-size:12px}.bottom-note{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;color:#969ba4;font-size:12px;line-height:1.8;padding:17px 0}.bottom-note p{margin:0}.bottom-note>span{flex-shrink:0;font-size:12px}kbd{font:12px var(--mono);padding:2px 4px;border:1px solid #e1e3e7;background:#fff;border-radius:3px;margin:0 4px;color:#949aa3}kbd+kbd{margin-left:0}.page-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;color:#aaaeb5;border-top:1px solid #ebedef;margin-top:16px;padding:20px 0 25px}.footer-dot{color:#c4c6cb;margin:0 7px}.error-notice{background:#fff0ed;color:#ab5548;border:1px solid #edc8bf;padding:15px 20px;border-radius:8px;font-size:14px;line-height:1.7;margin:15px 0}dialog{border:1px solid #e1e4e7;border-radius:15px;padding:0;width:min(850px,calc(100vw - 32px));max-height:86vh;box-shadow:0 30px 120px #0000002e;color:#353b43}dialog::backdrop{background:#1c202342;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog-header{padding:25px 28px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:2}.dialog-header h2{font:21px/1.5 var(--mono);margin-top:7px;white-space:normal}.dialog-header .eyebrow{font-size:12px}#dialog-content{padding:0 28px 25px}.dialog-note{font-size:12px;line-height:1.8;color:#868d94;margin:18px 0}.go-code{background:#f8f9fa;border:1px solid #edeff1;border-radius:8px;overflow:auto;padding:16px 12px;font:12px/1.8 var(--mono)}.go-code>div{display:flex;min-width:max-content}.go-code>div>span{width:38px;text-align:right;padding-right:16px;color:#b2b8bf;-webkit-user-select:none;user-select:none;flex-shrink:0}.go-code code{white-space:pre;tab-size:2}.guide{font-size:14px;line-height:1.9;color:#6b737d}.guide>p{margin:20px 0}.guide li{padding-left:4px;margin:16px 0}.guide li strong{font-weight:500;color:#303a44}.guide li p{margin:5px 0}.guide-muted{font-size:12px;color:#9298a0}.guide a{color:#4f7869;text-underline-offset:4px}body.presenting main{max-width:1680px}body.presenting .intro{display:none}body.presenting .source-stage{min-height:410px}body.presenting .source-code,body.presenting textarea{font-size:19px;line-height:34px}body.presenting .code-line{min-height:34px}body.presenting .editor-gutter{line-height:34px}body.presenting .token,body.presenting .explanation h3{font-size:17px}body.presenting .explanation p{font-size:15px}body.presenting .peek-row{margin-top:36px}body.presenting .char-box{width:80px;height:72px;font-size:30px}body.presenting .explanation{min-height:126px}body.presenting .topbar{height:60px}body.presenting .presentation{position:absolute;top:12px;right:240px;margin:0}body.presenting .intro:has(.presentation){display:contents}body.presenting .intro>div{display:none}body.presenting .bottom-note{font-size:13px}body.presenting .page-footer{display:none}.intro p{font-size:16px;color:#737980}.button,.text-button,.sample-control,.sample-control select,.segmented button,.mode-control>span{font-size:14px}.panel-title h2,.source-code,textarea{font-size:16px}.source-stage{min-height:374px}.flow{font-size:13px}.position-grid{font-size:13px;min-width:98px}.buffer-label{font-size:12px}.explanation{min-height:112px}.explanation h3{font-size:16px}.explanation p{font-size:14px;color:#747c85}.function-link,.function-link code{font-size:12px}.next-token,.token{font-size:14px}.token-detail,.legend,.bottom-note{font-size:12px}.bottom-note>span{font-size:12px}.page-footer{font-size:12px}.token.pending{opacity:.58}.flow{color:#9198a0}.source-footer,.output-footer,.token-detail,.bottom-note{color:#7e8791}.segmented.small button{font-size:12px}@media(min-width:1600px){main{padding-top:50px}.source-stage{min-height:410px}.scanner-body{padding-top:26px}.flow{margin-bottom:28px}.peek-row{margin-bottom:24px}.explanation{min-height:112px}.source-code{font-size:16px}.intro{margin-bottom:38px}}@media(max-width:1200px){.topbar{padding:0 28px}main{padding:32px 28px 0}.workbench{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}.panel-heading{padding:0 16px}.scanner-body{padding:20px 18px 13px}.char-observe label span{display:none}.peek-row{gap:12px}.timeline{flex-direction:column;align-items:flex-start;gap:8px}.playback{gap:15px}.next-token{margin:0 4px}.bottom-note>span{display:none}.source-stage{min-height:343px}.explanation{min-height:92px}}@media(max-width:900px){main{padding:30px 20px 0}.topbar{padding:0 20px}.workbench{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.source-stage{min-height:356px}.flow{gap:1px;font-size:12px}.flow span{padding:5px 3px}.scanner-body{padding:18px 15px 12px}.char-box{width:50px;height:52px}.peek-row{gap:10px}.position-grid{min-width:64px;padding:0;font-size:12px}.position-grid span{gap:6px}.file-label{display:none}.function-link>span:last-child{font-size:12px}.function-link code{font-size:12px}.playback{flex-wrap:wrap;gap:14px}.playback-buttons{flex:1}.timeline{order:3;flex-basis:100%;flex-direction:row;align-items:center;gap:15px;margin-top:2px}.playback>select{margin-left:auto}.explanation{min-height:104px}h1{font-size:27px}.intro p{font-size:13px}.legend,.header-actions{gap:12px}.output-footer{padding:13px 18px}.output-body{padding:20px 17px 0}.bottom-note{font-size:12px}}@media(max-width:700px){.topbar{height:64px}.brand strong{font-size:15px}.brand-sub{font-size:12px}.brand{gap:9px}.brand-icon{width:30px;height:30px}.brand-divider{margin-left:4px}.engine-status{display:none}main{padding:27px 16px 0}.intro{margin-bottom:25px;align-items:flex-start;gap:10px}.eyebrow{font-size:12px;letter-spacing:.11em}.eyebrow span{margin:0 6px}h1{font-size:25px;margin-top:10px;letter-spacing:-.065em}.intro p{font-size:12px;max-width:270px;line-height:1.9}.presentation{padding:0 9px;width:34px;min-width:34px;margin-top:26px}.presentation span{display:none}.workspace-toolbar{gap:8px;flex-wrap:wrap;margin-bottom:12px}.sample-control{gap:8px;font-size:12px}.sample-control select{min-width:130px;font-size:12px}.mode-control{gap:5px}.mode-control>span{display:none}.segmented button{font-size:12px;padding:5px 8px}.workbench{grid-template-columns:minmax(0,1fr);gap:14px}.source-panel{min-height:350px}.source-stage{min-height:280px}.source-code,textarea{font-size:14px;line-height:25px;padding-top:17px;padding-bottom:17px}.code-line{min-height:25px}.editor-gutter{line-height:25px;padding-top:17px}.source-footer{font-size:12px;padding:0 15px}.scanner-panel{min-height:0}.panel-heading{height:50px;padding:0 16px}.panel-title{gap:8px}.scanner-body{padding:18px 20px 13px}.flow{font-size:12px;max-width:430px;margin:0 auto 18px}.flow span{padding:5px 8px}.peek-row{gap:20px}.char-box{height:54px;width:60px}.char-observe label{font-size:12px}.char-observe label span{display:none}.position-grid{min-width:84px;font-size:12px}.buffer{min-height:70px}.explanation{min-height:93px;padding-top:15px}.explanation p,.function-link code{font-size:12px}.function-link>span:last-child{font-size:12px}.playback{padding:18px 0;gap:14px}.playback-buttons{gap:4px;justify-content:space-between}.playback .button{font-size:12px;padding:0 10px}.playback .button.primary{padding:0 12px}.playback .icon-button{width:29px}.next-token{font-size:12px;gap:4px;margin:0}.next-token span{font-size:13px}.timeline{order:2;flex:1;flex-basis:auto;min-width:200px;gap:12px}.playback>select{order:3;font-size:12px}.output-heading{gap:6px}.output-actions{gap:2px}.output-count{font-size:12px;margin-left:0}.output-heading .panel-title{gap:6px}.output-heading h2{font-size:13px}.output-heading .section-number{display:none}.segmented.small button{font-size:12px;padding:4px 7px}.output-actions .icon-button{width:28px}.output-body{padding:18px 15px 0}.token-stream{gap:6px;max-height:320px}.token{font-size:12px;padding:6px 7px;gap:8px;min-height:31px}.token small{font-size:12px}.output-footer{align-items:flex-start;flex-direction:column;padding:13px 15px;gap:12px}.legend{gap:13px;font-size:12px}.token-detail{font-size:12px;gap:8px}.token-detail code{font-size:12px}.page-footer{font-size:12px;flex-direction:column;align-items:flex-start;gap:7px;margin-top:5px;padding:17px 0 22px}.bottom-note{font-size:12px;padding:14px 0;line-height:1.9}body.presenting .presentation{top:13px;right:65px;width:auto}body.presenting .presentation span{display:inline}body.presenting .source-stage{min-height:360px}body.presenting .source-code,body.presenting textarea{font-size:17px;line-height:30px}body.presenting .code-line{min-height:30px}body.presenting .editor-gutter{line-height:30px}body.presenting .peek-row{margin-top:20px}body.presenting .explanation{min-height:120px}.dialog-header{padding:20px}.dialog-header h2{font-size:17px}#dialog-content{padding:0 20px 20px}.guide{font-size:13px}.go-code{font-size:12px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}.playback{padding-top:2px;padding-bottom:19px}.output-panel{margin-top:20px}.go-code{background:#f8fafb;color:#37424d;font-size:13px;line-height:1.9}.go-comment{color:#86929a}.go-keyword{color:#8b4ab3;font-weight:500}.go-string{color:#357b66}.go-type{color:#267f94}.go-builtin,.go-function{color:#3564a1}.go-constant{color:#a36924}.go-operator{color:#697884}.go-code code{font-family:var(--mono)}.dialog-title-group{display:flex;align-items:center;gap:18px;min-width:0}.dialog-title-group h2{overflow-wrap:anywhere}.source-back{height:33px;flex-shrink:0;padding:0 10px;font-size:12px}.source-back[hidden]{display:none}.go-source-link{border-radius:2px;cursor:pointer}.go-source-link:hover,.go-source-link:focus-visible{background:#e6eee9;text-decoration:underline;text-underline-offset:3px}.go-source-link:focus-visible{outline:2px solid #88a798;outline-offset:2px}@media(max-width:700px){.dialog-title-group{align-items:flex-start;flex-direction:column;gap:12px}.dialog-header:has(.source-back:not([hidden])){align-items:flex-start}.dialog-header:has(.source-back:not([hidden])) #close-dialog{margin-top:0}}.token-reason{border-top:1px solid var(--line);padding:22px 0 24px}.reason-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:22px}.reason-heading .eyebrow{font-size:12px}.reason-heading h3{font-size:17px;line-height:1.7;font-weight:550;margin:7px 0 0;overflow-wrap:anywhere}.reason-heading .category-label{margin-top:3px;flex-shrink:0}.reason-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:34px;row-gap:22px}.reason-steps li{display:flex;gap:12px;align-items:flex-start;min-width:0}.reason-number{font:12px/24px var(--mono);width:24px;flex-shrink:0;text-align:center;color:#7a8780;background:#f0f3f1;border-radius:50%}.reason-content{min-width:0;flex:1}.reason-condition{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap}.reason-condition code{font:13px/1.8 var(--mono);color:#3e5551;overflow-wrap:anywhere}.condition-result{font:12px/1.6 var(--mono);padding:2px 7px;border-radius:4px;background:#eaf2ee;color:#447361;overflow-wrap:anywhere;max-width:100%}.condition-result.is-false{background:#f2efea;color:#8d765a}.reason-content p{font-size:14px;line-height:1.85;margin:7px 0;color:#69737c;overflow-wrap:anywhere}.source-reference{padding:0;display:inline-block;text-align:left;font:12px/1.7 var(--mono);color:#527283;text-decoration:underline;text-decoration-color:#d0dbe0;text-underline-offset:3px;overflow-wrap:anywhere;max-width:100%}.source-reference:hover{color:#1d4f67}.source-note-toolbar{display:flex;align-items:center;gap:16px}.source-note-toolbar .dialog-note{flex:1;margin:17px 0}.source-note-toolbar .button{font-size:12px;height:32px}.source-context{padding:0 0 18px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#6c7c76;font-size:12px}.source-context code{color:#3c574c;font:14px var(--mono);overflow-wrap:anywhere;max-width:100%}.source-context p{flex-basis:100%;margin:0;font-size:14px;line-height:1.8;color:#60716b;overflow-wrap:anywhere}.annotated-code .go-source-row.source-focus{background:#e7f0e9;box-shadow:inset 3px 0 #78a38b}.annotated-code .source-teaching{min-width:0;display:flex;gap:0;padding:5px 0 9px;white-space:normal}.annotated-code .source-teaching>span{font-family:inherit;font-size:11px;width:38px;padding:2px 6px 0 0;line-height:1.8;flex-shrink:0;color:#7f978b}.source-teaching p{margin:0;font:13px/1.9 Inter,Segoe UI,Microsoft YaHei,sans-serif;color:#537563;overflow-wrap:anywhere;min-width:0;flex:1;max-width:100%}.source-teaching.actual-evidence{background:#edf4ef;border-radius:4px;margin-bottom:7px;padding:7px 0}.source-teaching.actual-evidence p{color:#35664d}.annotated-code.hide-teaching .source-teaching{display:none}.related-source{padding-top:20px}.related-source>span{font-size:12px;color:#89958e}.related-source>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:11px}.related-source button{font:12px/1.5 var(--mono);border:1px solid #e0e7e2;border-radius:6px;padding:6px 9px;color:#59756a;max-width:100%;overflow-wrap:anywhere}.related-source button:hover{background:#eff4f1}body.presenting .reason-content p{font-size:16px}body.presenting .reason-condition code{font-size:15px}@media(max-width:800px){.reason-steps{grid-template-columns:minmax(0,1fr);gap:20px}.source-note-toolbar{align-items:flex-start;flex-direction:column;gap:0;margin-bottom:17px}.source-note-toolbar .button{margin-top:0}.reason-heading h3{font-size:16px}.annotated-code{padding:12px 8px}.source-teaching p{font-size:13px}.related-source button{font-size:12px}.source-context p{font-size:13px}}.dialog-header:has(.source-purpose:not([hidden])){display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) 34px;gap:24px;align-items:center}.dialog-title-group>div{min-width:0}.source-purpose{min-width:0;border-left:1px solid #e3e9e5;padding-left:22px}.source-purpose>span{display:block;font-size:12px;line-height:1.5;color:#8a958e;letter-spacing:.08em;margin-bottom:5px}.source-purpose p{margin:0;font-size:13px;line-height:1.85;color:#54645c;overflow-wrap:anywhere}.source-purpose[hidden]{display:none}@media(max-width:700px){.dialog-header:has(.source-purpose:not([hidden])){grid-template-columns:minmax(0,1fr) 34px;gap:16px;align-items:start}.dialog-header:has(.source-purpose:not([hidden])) #close-dialog{grid-column:2;grid-row:1}.source-purpose{grid-column:1/-1;grid-row:2;border-left:0;padding-left:0}.source-purpose p{font-size:13px}.source-purpose>span{margin-bottom:4px}}.dialog-header:has(.source-purpose:not([hidden])) .dialog-title-group h2{font-size:19px}@media(max-width:700px){.dialog-header:has(.source-purpose:not([hidden])) .dialog-title-group h2{font-size:17px}}