.dynamical-module-page{--dyn-blue:#2478a7;--dyn-teal:#3d9b98;--dyn-red:#c2675b;--dyn-sand:#dca950;--dyn-ink:#173b56}.dynamical-video-coming{grid-template-columns:minmax(280px,.92fr) minmax(0,1.08fr);align-items:center;gap:28px;display:grid}.dynamical-video-coming>div{aspect-ratio:16/9;box-shadow:var(--soft-shadow);color:#fff;background:radial-gradient(circle at 72% 22%,#4ca4b040,#0000 30%),linear-gradient(145deg,#173f5c,#246d86);border:1px solid #bbd2dd;border-radius:16px;align-content:center;place-items:center;gap:14px;display:grid}.dynamical-video-coming i{background:#ffffff21;border:1px solid #ffffff73;border-radius:50%;place-items:center;width:58px;height:58px;padding-left:4px;font-size:20px;font-style:normal;display:grid}.dynamical-video-coming>div span,.dynamical-video-coming section>span{letter-spacing:.09em;text-transform:uppercase;font-size:12px;font-weight:600}.dynamical-video-coming section>span{color:var(--teal)}.dynamical-video-coming h3{margin:7px 0}.dynamical-video-coming p{color:var(--muted);margin:0;font-size:14px!important}.notice-heading{margin:34px 0 -13px}.dyn-lab-frame{grid-template-columns:minmax(0,1.55fr) minmax(250px,.65fr);align-items:start;gap:24px;display:grid}.dyn-lab-frame>div{min-width:0}.dyn-lab-frame>aside{background:var(--atmosphere);border-radius:14px;padding:18px}.dyn-plot{border:1px solid var(--rule);background:#fbfdfe;border-radius:14px;width:100%;height:auto;display:block;overflow:visible}.dyn-plot text{fill:#617b8b;font:12px var(--body)}.dyn-plot .axis{stroke:#9db3bf;stroke-width:1px}.dyn-plot .curve,.dyn-plot .branch{fill:none;stroke-width:3px;stroke-linejoin:round;stroke-linecap:round}.dyn-plot .primary,.dyn-plot .blue{stroke:var(--dyn-blue)}.dyn-plot .secondary,.dyn-plot .red{stroke:var(--dyn-red)}.dyn-plot .forcing,.dyn-plot .teal{stroke:var(--dyn-teal)}.dyn-plot .memory,.dyn-plot .sand{stroke:var(--dyn-sand)}.dyn-plot .exact,.dyn-plot .gray{stroke:#526c7b;stroke-width:2px;stroke-dasharray:7 5}.dyn-plot .physical,.dyn-plot .dark{stroke:var(--dyn-ink);stroke-width:2.5px}.dyn-plot .equilibrium,.dyn-plot .tolerance,.dyn-plot .geostrophic{stroke:#718894;stroke-dasharray:7 5}.dyn-plot .parameter-line{stroke:#d39b37;stroke-width:2px;stroke-dasharray:5 5}.dyn-plot .phase-guide{fill:none;stroke:#d5e2e8}.dyn-plot .stable{fill:var(--dyn-teal);stroke:var(--dyn-teal)}.dyn-plot .unstable{fill:#fff;stroke:var(--dyn-red);stroke-width:3px;stroke-dasharray:7 5}.dyn-plot .root.unstable{stroke-dasharray:none}.dyn-plot .state-dot,.dyn-plot .step-dot,.dyn-plot .mode-dot{fill:#fff;stroke:var(--dyn-blue);stroke-width:3px}.dyn-plot .stable-line{stroke:var(--dyn-teal);stroke-dasharray:5 5}.dyn-plot .unstable-line{stroke:var(--dyn-red);stroke-dasharray:3 6}.dyn-plot .euler-steps{fill:none;stroke:var(--dyn-blue);stroke-width:2.5px}.dyn-plot .euler{stroke:#d28743}.dyn-plot .rk2{stroke:#7a70b1}.dyn-plot .rk4{stroke:var(--dyn-blue)}.dyn-plot .cn{stroke:var(--dyn-teal)}.dyn-range{color:var(--ocean);grid-template-columns:1fr 72px;align-items:center;gap:6px 10px;margin:0 0 16px;font-size:13px;display:grid}.dyn-range input{width:100%;accent-color:var(--dyn-blue);grid-column:1/-1}.dyn-range b{text-align:right;font-variant-numeric:tabular-nums}.dyn-result{border-left:3px solid var(--dyn-blue);background:#fff;border-radius:9px;gap:5px;margin:16px 0;padding:14px;display:grid}.dyn-result span{color:var(--label);text-transform:uppercase;letter-spacing:.05em;font-size:11px}.dyn-result b{color:var(--ocean);font-family:var(--display);font-size:20px;font-weight:500}.dyn-result small{color:var(--muted)}.dyn-result.good{border-color:var(--dyn-teal)}.dyn-result.bad{border-color:var(--dyn-red);background:#fff6f4}.dyn-try{color:var(--muted);margin:15px 0 0;font-size:13px!important}.dyn-try b{color:var(--ocean)}.rate-strip{color:var(--muted);justify-content:center;align-items:center;gap:15px;margin-top:12px;font-size:13px;display:flex}.rate-strip b{color:var(--ocean)}.rate-strip strong{color:var(--teal)}.dyn-legend{color:var(--muted);flex-wrap:wrap;gap:13px;margin-top:10px;font-size:12px;display:flex}.dyn-legend span{align-items:center;gap:6px;display:flex}.dyn-legend i{background:#718894;border-radius:4px;width:18px;height:3px}.dyn-legend i.blue{background:var(--dyn-blue)}.dyn-legend i.red{background:var(--dyn-red)}.dyn-legend i.teal{background:var(--dyn-teal)}.dyn-legend i.sand{background:var(--dyn-sand)}.dyn-legend i.dark{background:var(--dyn-ink)}.metric-grid,.mode-cards{grid-template-columns:1fr 1fr;gap:8px;margin:14px 0;display:grid}.metric-grid>div,.mode-cards>div,.method-errors>div{background:#fff;border-radius:9px;padding:11px}.metric-grid span,.mode-cards span,.method-errors span{color:var(--label);text-transform:uppercase;font-size:10px;display:block}.metric-grid b,.mode-cards b,.method-errors b{color:var(--ocean);font-variant-numeric:tabular-nums;margin-top:4px;font-size:14px;display:block}.two-plots{grid-template-columns:1fr;gap:13px;display:grid}.two-plots .dyn-plot{max-height:300px}.dyn-tabs,.dyn-presets{flex-wrap:wrap;gap:6px;margin-bottom:17px;display:flex}.dyn-tabs button,.dyn-presets button{border:1px solid var(--rule);color:var(--muted);cursor:pointer;background:#fff;border-radius:8px;padding:8px 10px}.dyn-tabs button.on{border-color:var(--dyn-blue);background:var(--dyn-blue);color:#fff}.method-errors{grid-template-columns:1fr 1fr;gap:7px;display:grid}@media (width<=820px){.dynamical-video-coming,.dyn-lab-frame{grid-template-columns:1fr}.dyn-lab-frame>aside{order:-1}.dynamical-video-coming>div{max-width:580px}.rate-strip{flex-direction:column;align-items:flex-start;gap:5px}.rate-strip strong{margin-left:22px;transform:rotate(90deg)}}@media (width<=520px){.dyn-lab-frame>aside{padding:14px}.metric-grid,.mode-cards,.method-errors{grid-template-columns:1fr}.dyn-plot text{font-size:10px}}