:root{--rnn-bg:#fffefa;--rnn-surface:#fff;--rnn-soft:#f3f1ed;--rnn-ink:#272431;--rnn-muted:#68636f;--rnn-line:#dedade;--rnn-accent:#512b62;--rnn-warm:#a95322;--rnn-input:#b96730;--rnn-pred:#397d85;--rnn-split:#f0e6dc;--rnn-highlight:#9356a6;--rnn-chart:#fff;--rnn-shadow:#2420320a;color-scheme:light}
html.dark{--rnn-bg:#17151c;--rnn-surface:#27232e;--rnn-soft:#201d25;--rnn-ink:#f0edf3;--rnn-muted:#b9b2c3;--rnn-line:#46404e;--rnn-accent:#d1a8e9;--rnn-warm:#f2ab72;--rnn-input:#f0ac74;--rnn-pred:#7bc1c6;--rnn-split:#322a30;--rnn-highlight:#c292d4;--rnn-chart:#201d25;--rnn-shadow:#0003;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body.rnn-page{margin:0;min-height:100vh;background:var(--rnn-bg);color:var(--rnn-ink);font:14px/1.8 "Segoe UI","Microsoft YaHei","PingFang SC",sans-serif;overflow-x:hidden}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--rnn-warm);outline-offset:4px}.rnn-page a{color:var(--rnn-accent);text-decoration:none}.rnn-page a:hover{text-decoration:underline;text-underline-offset:4px}.rnn-page h1,.rnn-page h2,.rnn-page h3,.rnn-page p{margin-top:0}.rnn-skip{position:absolute;left:14px;top:10px;z-index:120;transform:translateY(-150%);background:var(--rnn-surface);padding:8px 14px}.rnn-skip:focus{transform:none}.rnn-main{max-width:1440px;margin:0 auto;padding:0 48px}.rnn-breadcrumb{display:flex;gap:10px;align-items:center;padding:22px 0 12px;color:var(--rnn-muted);font-size:12px}.rnn-principle{margin-left:auto}.rnn-intro{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:27px 0 25px}.rnn-intro>div{min-width:0}.rnn-eyebrow,.rnn-kicker{margin:0;color:var(--rnn-warm);font-size:10px;letter-spacing:.12em;font-weight:700}.rnn-intro h1{margin:11px 0 9px;font-size:35px;line-height:1.4;font-weight:600}.rnn-lead{margin:0;color:var(--rnn-muted);font-size:13px}.rnn-note{flex:none;padding:3px 0 3px 23px;border-left:2px solid var(--rnn-line);max-width:330px}.rnn-note strong{font-size:12px;color:var(--rnn-accent)}.rnn-note p{margin:5px 0 0;color:var(--rnn-muted);font-size:11px;line-height:1.8}.rnn-experiment{border-top:1px solid var(--rnn-line);border-bottom:1px solid var(--rnn-line)}.rnn-statusbar,.rnn-section-title,.rnn-view-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.rnn-statusbar{min-height:58px;border-bottom:1px solid var(--rnn-line);color:var(--rnn-muted);font-size:11px}.rnn-commands,.rnn-actions{display:flex;align-items:center;gap:8px}.rnn-commands button,.rnn-actions button{min-height:34px;padding:6px 12px;border:1px solid var(--rnn-line);border-radius:3px;background:var(--rnn-surface);color:var(--rnn-ink);font-size:11px}.rnn-commands button:hover,.rnn-actions button:hover{border-color:var(--rnn-accent)}.rnn-actions button.rnn-primary{border-color:var(--rnn-accent);background:var(--rnn-accent);color:#fff}.rnn-control-row{display:grid;grid-template-columns:minmax(155px,1.3fr) repeat(3,minmax(130px,1fr)) auto;align-items:center;gap:20px;padding:18px 0;border-bottom:1px solid var(--rnn-line)}.rnn-control{display:grid;gap:7px;min-width:0;color:var(--rnn-muted);font-size:11px}.rnn-control>span{display:flex;justify-content:space-between;gap:8px}.rnn-control output{color:var(--rnn-ink);font:12px ui-monospace,Consolas,monospace}.rnn-control input{width:100%;height:18px;margin:0;accent-color:var(--rnn-accent)}.rnn-control select{height:34px;width:100%;padding:0 9px;border:1px solid var(--rnn-line);border-radius:3px;background:var(--rnn-surface);color:var(--rnn-ink);font-size:12px}.rnn-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-bottom:1px solid var(--rnn-line)}.rnn-metrics>div{min-width:0;padding:16px 14px 15px 0}.rnn-metrics>div+div{padding-left:15px;border-left:1px solid var(--rnn-line)}.rnn-metrics span{display:block;min-height:23px;color:var(--rnn-muted);font-size:10px}.rnn-metrics strong{display:block;margin-top:4px;overflow-wrap:anywhere;color:var(--rnn-ink);font:600 18px/1.35 ui-monospace,Consolas,monospace}.rnn-chart-section{padding:25px 0 23px;border-bottom:1px solid var(--rnn-line)}.rnn-section-title h2,.rnn-view-heading h2{margin:5px 0 0;font-size:19px;font-weight:600;line-height:1.5}.rnn-legend{display:flex;flex-wrap:wrap;gap:16px;color:var(--rnn-muted);font-size:10px}.rnn-legend span{display:flex;align-items:center;gap:6px}.rnn-legend i{display:inline-block;width:17px;height:3px;background:var(--rnn-input)}.rnn-legend .legend-pred{background:var(--rnn-pred)}.rnn-legend .legend-split{height:10px;background:var(--rnn-split);border:1px solid var(--rnn-line)}#signal-chart,#loss-chart{display:block;width:100%;height:218px;margin-top:15px}.rnn-chart-note,.rnn-caption{margin:8px 0 0;color:var(--rnn-muted);font-size:10px;line-height:1.8}.rnn-view-heading{padding:24px 0 15px}.rnn-unroll{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 14px;scrollbar-color:var(--rnn-line) transparent}.time-cell{position:relative;display:flex;flex:0 0 122px;min-height:134px;flex-direction:column;align-items:stretch;gap:7px;padding:9px;border:1px solid var(--rnn-line);border-radius:3px;background:var(--rnn-surface);color:var(--rnn-ink);text-align:left}.time-cell:hover{border-color:var(--rnn-accent)}.time-cell.is-current{border:2px solid var(--rnn-accent);padding:8px;background:var(--rnn-soft)}.time-index{color:var(--rnn-muted);font:10px ui-monospace,Consolas,monospace}.time-cell b{font-size:11px;font-weight:600}.state-mini{display:flex;align-items:center;gap:5px;color:var(--rnn-muted);font-size:9px}.state-mini i{position:relative;display:block;flex:1;height:8px;overflow:hidden;border-radius:2px;background:var(--rnn-soft)}.state-mini i:after{position:absolute;top:0;right:50%;width:var(--v);height:100%;transform:translateX(50%);background:var(--rnn-highlight);content:"";transform-origin:center}.state-mini code{min-width:31px;color:var(--rnn-ink);font:10px ui-monospace,Consolas,monospace}.cell-output{margin-top:auto;color:var(--rnn-pred);font:600 10px ui-monospace,Consolas,monospace}.rnn-detail-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:36px;padding:28px 0 32px;border-top:1px solid var(--rnn-line)}.rnn-state-panel,.rnn-loss-panel{min-width:0}.rnn-detail-grid .rnn-section-title h2{font-size:17px}.rnn-text-action{flex:none;border:0;background:none;color:var(--rnn-accent);font-size:10px}.rnn-explanation{min-height:45px;margin:14px 0 8px;color:var(--rnn-muted);font-size:11px}.rnn-compact-state{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.rnn-compact-state span{padding:3px 6px;border:1px solid var(--rnn-line);border-radius:2px;color:var(--rnn-muted);font:9px ui-monospace,Consolas,monospace}.rnn-compact-state b{color:var(--rnn-ink);font-weight:500}.rnn-state-bars{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 12px}.state-row{display:grid;grid-template-columns:44px minmax(30px,1fr) 45px;align-items:center;gap:5px;font:9px ui-monospace,Consolas,monospace}.state-row>span:first-child{color:var(--rnn-muted)}.state-row code{text-align:right;color:var(--rnn-ink);font:10px ui-monospace,Consolas,monospace}.state-track{position:relative;height:12px;background:linear-gradient(to right,transparent calc(50% - .5px),var(--rnn-line) calc(50% - .5px),var(--rnn-line) calc(50% + .5px),transparent calc(50% + .5px));}.state-track i{position:absolute;top:2px;left:50%;width:var(--v);height:8px;background:var(--rnn-highlight)}.state-track i.is-negative{right:50%;left:auto}.state-mini i:after{left:50%;right:auto;transform:translateX(50%)}.state-mini i.is-negative:after{left:auto;right:50%;transform:translateX(-50%)}.rnn-math{color:var(--rnn-muted)}.rnn-equation code{font:inherit;color:var(--rnn-accent)}.rnn-equation{display:grid;gap:5px;margin-top:16px;padding:10px 12px;border-left:2px solid var(--rnn-accent);background:var(--rnn-soft);color:var(--rnn-ink);font:11px/1.8 ui-monospace,Consolas,monospace;overflow-wrap:anywhere}.rnn-loss-panel canvas{height:218px}.rnn-guide{padding:35px 0 38px;border-top:1px solid var(--rnn-line)}.rnn-guide>header{max-width:700px}.rnn-guide>header h2{margin:8px 0;font-size:24px;font-weight:600}.rnn-guide>header p{margin:0;color:var(--rnn-muted);font-size:12px}.rnn-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:26px}.rnn-guide-grid article{padding-top:15px;border-top:1px solid var(--rnn-line)}.rnn-guide-grid article>span{color:var(--rnn-warm);font-size:9px}.rnn-guide-grid h3{margin:9px 0 6px;font-size:15px}.rnn-guide-grid p,.rnn-caveat p{margin:0;color:var(--rnn-muted);font-size:11px;line-height:1.9}.rnn-caveat{margin-top:28px;padding:13px 16px;border-left:2px solid var(--rnn-warm);background:var(--rnn-soft)}.rnn-caveat strong{font-size:11px}.rnn-caveat p{margin-top:4px}.rnn-footer{display:flex;justify-content:space-between;gap:20px;padding:20px max(22px,calc((100% - 1344px)/2));border-top:1px solid var(--rnn-line);color:var(--rnn-muted);font-size:10px}.rnn-footer a{font-weight:600}
@media(max-width:1150px){.rnn-main{padding-inline:32px}.rnn-control-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 18px}.rnn-actions{grid-column:1/-1}.rnn-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.rnn-metrics>div:nth-child(4){padding-left:0;border-left:0}.rnn-detail-grid{gap:24px}}
@media(max-width:700px){.rnn-main{padding-inline:20px}.rnn-breadcrumb{padding-top:16px;font-size:10px;gap:7px}.rnn-intro{display:block;padding-top:18px}.rnn-intro h1{font-size:28px}.rnn-lead{font-size:11px}.rnn-note{max-width:none;margin-top:17px;padding-left:13px}.rnn-statusbar{min-height:52px}.rnn-control-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding-block:15px}.rnn-series{grid-column:1/-1}.rnn-actions{grid-column:auto;flex-wrap:wrap}.rnn-actions button{flex:1}.rnn-metrics>div{padding:12px 8px 12px 0}.rnn-metrics>div+div{padding-left:9px}.rnn-metrics>div:nth-child(4){padding-left:0}.rnn-metrics strong{font-size:15px}.rnn-metrics span{font-size:9px}.rnn-chart-section{padding-top:20px}.rnn-section-title h2,.rnn-view-heading h2{font-size:16px}.rnn-legend{gap:9px;font-size:9px}.rnn-legend i{width:13px}.rnn-chart-note{font-size:9px}.rnn-view-heading{align-items:flex-end}.rnn-view-heading>.rnn-commands{flex:none}.rnn-commands button{padding:5px 8px;font-size:10px}#signal-chart{height:180px}.rnn-detail-grid{grid-template-columns:1fr;gap:27px;padding-block:23px}.rnn-state-bars{gap:6px 9px}.rnn-loss-panel canvas{height:180px}.rnn-guide{padding-block:28px}.rnn-guide>header h2{font-size:21px}.rnn-guide-grid{grid-template-columns:1fr;gap:16px;margin-top:20px}.rnn-guide-grid article{padding-top:11px}.rnn-caveat{margin-top:21px}.rnn-footer{padding:16px 20px;font-size:9px}}
@media(max-width:360px){.rnn-main{padding-inline:14px}.rnn-control-row{gap:12px 10px}.rnn-actions button{padding-inline:7px}.rnn-metrics>div:nth-child(even){padding-left:7px}.rnn-metrics strong{font-size:13px}.rnn-section-title{align-items:flex-start;flex-direction:column;gap:9px}.rnn-detail-grid .rnn-section-title{align-items:center;flex-direction:row}.rnn-state-bars{grid-template-columns:1fr}.rnn-footer{padding-inline:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}