html,body{color-scheme:light;background:0 0;height:100%;margin:0;overflow:hidden}#viewport{position:fixed;inset:0;overflow:hidden}#stage{transform-origin:0 0;border-radius:12px;width:1280px;height:800px;position:absolute;top:0;left:0;overflow:hidden}#stage iframe{pointer-events:none;background:0 0;border:0;width:100%;height:100%;position:absolute;inset:0}#overlay,#under-peek{visibility:hidden}#overlay[data-open=true],#under-peek[data-open=true]{visibility:visible}#stage iframe.passive{inset:auto}#pages,#peek-page{pointer-events:none;position:absolute;inset:0}.rio-page{color:#1c1c1e;background:#fff;font:15px/1.6 -apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;position:absolute;overflow:hidden}.rio-page-inner{max-width:640px;margin:0 auto;padding:56px 72px}.rio-page h1{margin:0 0 8px;font-size:34px;font-weight:700;line-height:1.15}.rio-page .by{color:#8e8e93;margin:0 0 28px;font-size:13px}.rio-page p{margin:0 0 16px}.rio-page.essay{background:#fbf8f3;font-family:Georgia,Times New Roman,serif;font-size:17px}.rio-page.essay .hero{background:linear-gradient(#f5b77a 0%,#d9826b 45%,#5b5f8f 75%,#2f3557 100%);border-radius:10px;height:180px;margin:0 0 28px}.rio-page.notes .inner-grid{grid-template-columns:220px 1fr;height:100%;display:grid}.rio-page.notes aside{background:#f4f4f5;padding:28px 16px;font-size:13px}.rio-page.notes aside div{color:#3f3f46;border-radius:6px;padding:7px 10px}.rio-page.notes aside div.on{background:#e4e4e7;font-weight:600}.rio-page.notes ul{margin:0 0 16px;padding-left:20px}.rio-page.notes li{margin:0 0 6px}.rio-page.docs .bar{color:#6b7280;border-bottom:1px solid #ececec;align-items:center;gap:18px;height:52px;padding:0 28px;font-size:13px;display:flex}.rio-page.docs .bar b{color:#111}.rio-page.docs pre{background:#f6f7f9;border-radius:8px;margin:0 0 18px;padding:14px 16px;font:13px/1.55 ui-monospace,SF Mono,Menlo,monospace}.rio-page.docs h2{margin:26px 0 8px;font-size:20px}#lights{pointer-events:none;gap:10px;transition:opacity .15s;display:flex;position:absolute;top:18px;left:14px}#lights[data-shown=false]{opacity:0}#lights i{border-radius:50%;width:12.5px;height:12.5px;box-shadow:inset 0 0 0 .5px #0000002e}#lights i:first-child{background:#ff5f57}#lights i:nth-child(2){background:#febc2e}#lights i:nth-child(3){background:#28c840}#cursor{filter:drop-shadow(0 1px 1.5px #00000059);pointer-events:none;z-index:10;opacity:0;will-change:transform;background:url(./cursor-DMX2l7_W.svg) 0 0/28px 28px no-repeat;width:28px;height:28px;margin:-3px 0 0 -6px;transition:opacity .2s;position:absolute;top:0;left:0}#cursor[data-shown=true]{opacity:1}#cursor-ring{opacity:0;background:#0000002e;border-radius:50%;width:36px;height:36px;position:absolute;top:-11px;left:-12px;transform:scale(.2)}#cursor[data-down=true] #cursor-ring{animation:.42s ease-out rio-click}@keyframes rio-click{0%{opacity:.9;transform:scale(.2)}to{opacity:0;transform:scale(1)}}#cover{opacity:0;pointer-events:none;z-index:20;background:#e9e9ec;transition:opacity .26s;position:absolute;inset:0}#cover[data-on=true]{opacity:1}.rio-page.site{background:#fff;overflow:hidden}.rio-page.site img{object-fit:cover;object-position:left top;width:100%;height:100%;display:block}