.rn-shell{max-width:1120px;margin:auto;padding:30px 20px 60px;color:#153c46}.rn-hero{max-width:800px}.rn-hero h1{font-size:clamp(2.2rem,5vw,4.1rem);line-height:1.1}.rn-card{background:rgba(255,255,255,.92);border:1px solid #b8d9d7;border-radius:24px;padding:clamp(18px,3vw,30px);margin:24px 0;min-width:0;box-shadow:0 10px 32px #17474f09}.rn-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.rn-buttons{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.rn-shell button{font:inherit;min-height:44px;border:1px solid #527e82;border-radius:24px;padding:11px 18px;cursor:pointer;background:#e8f3f0;color:#153c46}.rn-shell button:disabled{opacity:.5;cursor:default}.rn-shell button[aria-pressed=true],#rn-play,.rn-cta{background:#175b66;color:#fff}.rn-shell label{display:block;font-weight:650;margin:13px 0 6px}.rn-shell input,.rn-shell select,.rn-shell textarea{width:100%;min-width:0;max-width:100%;font:inherit;border:1px solid #7da3a4;border-radius:10px;padding:10px;background:#fff;color:#153c46}.rn-shell input[type=checkbox]{width:auto;margin-right:10px}.rn-shell input[type=range]{padding:6px 0;accent-color:#175b66}.rn-shell output,.rn-shell small{color:#42666b;font-size:.92rem}.rn-shell :focus-visible{outline:3px solid #b26b32;outline-offset:3px}.rn-shell pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:1.7}.rn-error{background:#fff0eb;border-left:4px solid #9c3b20;padding:14px;color:#762a18}.rn-shell canvas{display:block;width:100%;height:100px;border:1px solid #c5dfdc;border-radius:14px;background:#f2f8f5}.rn-prose{max-width:800px;line-height:1.8}.rn-prose h2{margin-top:2rem}.rn-dynamic{display:none}.rn-ready .rn-dynamic{display:block}.rn-clock{font-variant-numeric:tabular-nums}.rn-cta{display:inline-block;padding:12px 24px;border-radius:25px}.rn-shell [hidden]{display:none!important}@media(max-width:650px){.rn-grid{grid-template-columns:1fr}.rn-shell{padding:20px 12px}.rn-card{padding:16px;border-radius:18px}.rn-buttons button{flex-grow:1}.rn-hero h1{overflow-wrap:anywhere}.rn-shell pre{font-size:.94rem}}@media(prefers-reduced-motion:reduce){.rn-shell *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media print{header,footer,.rn-dynamic,.rn-cta{display:none!important}.rn-shell{padding:0}.rn-card{padding:0;border:0;box-shadow:none}.rn-prose{font-size:10pt}.rn-shell canvas{display:none}}