.rv{--bg:#0f0812;--ink:#f4ecef;--muted:#f4ecef99;--coral:#ff7f5c;--term:#ffb48a;background:var(--bg);height:100svh;min-height:520px;color:var(--ink);font-family:var(--font-inter), var(--font-noto-sc), system-ui, sans-serif;position:relative;overflow:hidden}.rv-stage{transform-origin:var(--ox,80%) var(--oy,50%);will-change:transform;position:absolute;inset:0}.rv.rv-go .rv-stage{animation:7s cubic-bezier(.2,.7,.2,1) both rv-push,8s ease-in-out 7s infinite alternate rv-breathe}.rv canvas{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.rv-glow{mix-blend-mode:screen;filter:blur(2.5px)brightness(1.4)saturate(1.6)}.rv-ink{mix-blend-mode:screen}.rv canvas.rv-eyeink{mix-blend-mode:screen;filter:drop-shadow(0 0 3px #ffe2b8)drop-shadow(0 0 9px #ff7896bf);bottom:auto;right:auto}.rv-spark{mix-blend-mode:screen}.rv-rain{opacity:.5}.rv-eye{mix-blend-mode:plus-lighter;opacity:0;pointer-events:none;background:radial-gradient(circle,#fff 0 3%,#ffecd2d9 7%,#ffaa7859 18%,#0000 58%);border-radius:50%;position:absolute;transform:translate(-50%,-50%)scale(.6)}.rv-eye:after{content:"";clip-path:polygon(50% 0,54% 46%,100% 50%,54% 54%,50% 100%,46% 54%,0 50%,46% 46%);opacity:0;background:radial-gradient(circle,#fff 0 4%,#ffe6c8e6 10%,#0000 40%);position:absolute;inset:-30%;transform:rotate(12deg)scale(.4)}.rv-eye.on{animation:.9s cubic-bezier(.2,.8,.2,1) both rv-eye,7s ease-in-out 3s infinite rv-glint}.rv-eye.on:after{animation:1.1s cubic-bezier(.2,.8,.2,1) 50ms both rv-star-glint}.rv-scrim{pointer-events:none;background:linear-gradient(90deg,#0f0812e6 0%,#0f08129e 26%,#0f081200 46%),linear-gradient(#0f081200 64%,#0f0812b3 100%);position:absolute;inset:0}.rv-ui{padding:clamp(22px,3.6vw,52px);padding-bottom:calc(clamp(18px, 3vw, 40px) + env(safe-area-inset-bottom,0px));pointer-events:none;flex-direction:column;max-width:min(50vw,640px);display:flex;position:absolute;inset:0}.rv [data-at]{opacity:0;transition:opacity .7s,translate .7s;translate:0 6px}.rv [data-at].on{opacity:1;translate:0}.rv [data-type]{opacity:1;translate:none}.rv-brand{align-items:center;gap:10px;display:flex}.rv-brand img{width:26px;height:26px}.rv-brand b{letter-spacing:-.01em;font-size:17px;font-weight:700}.rv-rule{background:linear-gradient(90deg,#ffffff8c,#ffffff0f);flex:0 0 clamp(48px,12vw,200px);height:1px}.rv-plus{color:var(--muted);margin-left:-6px;font-size:13px}.rv-brand small{letter-spacing:.2em;color:var(--muted);font-size:9.5px;line-height:1.4}.rv-list{letter-spacing:.26em;color:#f4ecefbd;gap:2px;margin:30px 0 0;padding:0;font-size:11px;list-style:none;display:grid}.rv-list li{min-height:1.7em}.rv-bar{background:#ffffff14;width:128px;height:3px;margin-top:8px;min-height:0!important}.rv-bar i{background:linear-gradient(90deg,#d14a95,#ff7f5c,#ffd28a);width:0;height:100%;transition:width 1.8s cubic-bezier(.3,.6,.2,1);display:block;box-shadow:0 0 10px #ff7f5ccc}.rv-bar.on i{width:100%}.rv-logo{width:max-content;margin-top:auto;padding:14px 6px 6px;position:relative}.rv-orbit{width:114%;height:132%;position:absolute;top:-16%;left:-7%;overflow:visible}.rv-orbit-path{fill:none;stroke:#ffece6cc;stroke-width:1.3px;stroke-dasharray:1;stroke-dashoffset:1px;filter:drop-shadow(0 0 3px #ffa096d9)}.rv-comet{fill:#fff;opacity:0;filter:drop-shadow(0 0 5px #ffb08a)drop-shadow(0 0 12px #ff6f9a)}.rv-logo h1{font-family:var(--font-inter), system-ui, sans-serif;letter-spacing:-.03em;color:#0000;background:linear-gradient(#fff 0%,#f7e9ec 36%,#b89fab 52%,#fff3ee 64%,#f2c2b0 100%);filter:drop-shadow(0 0 18px #ff789659);-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(56px,8.4vw,128px);font-weight:900;line-height:1;transform:skew(-9deg)}.rv-star{color:#ffe6cc;text-shadow:0 0 8px #ffb08a,0 0 18px #ff6f9a;font-size:20px;position:absolute;top:4%;right:-6%}.rv-star.on{animation:3.2s ease-in-out infinite rv-twinkle}.rv-sub{letter-spacing:.12em;margin:12px 0 0;font-size:clamp(15px,1.5vw,19px)}.rv-sub span{color:#ff7f5cbf;letter-spacing:-.04em}.rv-cap{letter-spacing:.5em;color:var(--muted);margin:8px 0 0;font-size:10.5px}.rv-term{min-height:5.2em;font-family:var(--font-geist-mono), ui-monospace, monospace;white-space:pre-wrap;color:var(--term);text-shadow:0 0 8px #ff8c5a73;margin:26px 0 0;font-size:12.5px;line-height:1.7}.rv-cursor{vertical-align:-.18em;background:var(--term);width:.6em;height:1.05em;margin-left:2px;animation:1s step-end infinite rv-blink;display:inline-block}.rv-foot{font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.22em;color:var(--muted);margin-top:14px;font-size:10.5px}.rv-load b{color:var(--ink);font-weight:500}.rv-replay{right:clamp(18px,3.6vw,52px);bottom:calc(clamp(16px, 3vw, 40px) + env(safe-area-inset-bottom,0px));pointer-events:auto;color:var(--ink);font:inherit;letter-spacing:.1em;cursor:pointer;opacity:0;background:#ffffff0d;border:1px solid #fff3;border-radius:999px;padding:6px 14px;font-size:12px;transition:opacity .6s,background-color .2s;position:absolute}.rv-replay[data-done]{opacity:1}.rv-replay:hover{background:#ffffff1f}.rv-replay:focus-visible{outline:2px solid var(--coral);outline-offset:2px}@media (max-aspect-ratio:9/10){.rv-scrim{background:linear-gradient(#0f0812eb 0%,#0f08128c 22%,#0f081200 38%),linear-gradient(#0f081200 52%,#0f0812b8 72%,#0f0812f5 100%)}.rv-ui{max-width:none;padding:20px 18px calc(16px + env(safe-area-inset-bottom,0px))}.rv-list{flex-wrap:wrap;gap:0 14px;margin-top:16px;font-size:10px;display:flex}.rv-bar{flex-basis:100%;margin-top:4px}.rv-logo h1{font-size:clamp(48px,15vw,72px)}.rv-term{min-height:5.2em;margin-top:16px;font-size:11.5px}.rv-orbit-path{stroke-width:2.2px}}@media (max-width:380px){.rv-rule{flex-basis:28px}.rv-brand small{letter-spacing:.14em;white-space:nowrap}}@media (max-aspect-ratio:9/10) and (max-height:700px){.rv-logo h1{font-size:44px}.rv-cap{display:none}}@keyframes rv-push{0%{transform:scale(1.07)}to{transform:scale(1)}}@keyframes rv-breathe{0%{transform:scale(1)}to{transform:scale(1.012)}}@keyframes rv-eye{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)}18%{opacity:1;transform:translate(-50%,-50%)scale(1.05)}to{opacity:0;transform:translate(-50%,-50%)scale(.85)}}@keyframes rv-star-glint{0%{opacity:0;transform:rotate(-20deg)scale(.2)}20%{opacity:1;transform:rotate(12deg)scale(1)}to{opacity:0;transform:rotate(40deg)scale(.6)}}@keyframes rv-glint{0%,86%,to{opacity:0}92%{opacity:.35}}@keyframes rv-twinkle{0%,to{opacity:1;transform:scale(1)rotate(0)}50%{opacity:.55;transform:scale(.8)rotate(20deg)}}@keyframes rv-blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.rv.rv-go .rv-stage,.rv-eye.on,.rv-eye.on:after,.rv-star.on,.rv-cursor{animation:none}.rv [data-at],.rv-bar i,.rv-replay{transition:none}}.rv.rv-intro{z-index:100;height:auto;min-height:0;position:fixed;inset:0}html:has(.rv-intro:not(.rv-exit):not(.rv-exit-fade)){overflow:hidden}.rv.rv-exit{background:0 0}.rv.rv-exit .rv-ui,.rv.rv-exit .rv-scrim,.rv.rv-exit .rv-rain,.rv.rv-exit .rv-glow,.rv.rv-exit .rv-ink,.rv.rv-exit .rv-eyeink,.rv.rv-exit .rv-spark{transition:opacity .35s;opacity:0!important}.rv.rv-exit-fade{opacity:0;transition:opacity .45s}.rv.rv-exit .rv-skip,.rv.rv-exit .rv-enter,.rv.rv-exit-fade .rv-skip,.rv.rv-exit-fade .rv-enter{visibility:hidden;transition:none;animation:none}.rv.rv-done{visibility:hidden}.rv.rv-done .rv-burst{animation:none}.rv-burst{mix-blend-mode:plus-lighter;opacity:0;pointer-events:none;background:radial-gradient(circle,#fff 0 18%,#fff4e8d9 32%,#ffc8aa59 52%,#0000 70%);border-radius:50%;position:absolute;transform:translate(-50%,-50%)scale(.3)}.rv-burst.on{animation:1.3s cubic-bezier(.2,.7,.2,1) both rv-burst}@keyframes rv-burst{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)}14%{opacity:1;transform:translate(-50%,-50%)scale(2.2)}to{opacity:0;transform:translate(-50%,-50%)scale(26)}}.rv-skip{top:calc(clamp(16px, 3vw, 36px) + env(safe-area-inset-top,0px));color:var(--muted);font:inherit;letter-spacing:.12em;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff29;border-radius:999px;padding:6px 14px;font-size:12px;transition:color .2s,background-color .2s;position:absolute;right:clamp(16px,3.6vw,52px)}.rv-skip:hover{color:var(--ink);background:#ffffff1a}.rv-enter{right:clamp(18px,3.6vw,52px);bottom:calc(clamp(18px, 3.4vw, 44px) + env(safe-area-inset-bottom,0px));color:#fff8f4;font:inherit;letter-spacing:.08em;cursor:pointer;opacity:0;pointer-events:none;background:#fff4ee1a;border:1px solid #ffece28c;border-radius:999px;padding:13px 28px;font-size:15px;font-weight:600;transition:opacity .8s,translate .8s,background-color .2s;position:absolute;translate:0 10px;box-shadow:0 0 0 1px #ff7f5c26,0 0 24px #ff789640}.rv-enter[data-done]{opacity:1;pointer-events:auto;animation:2.8s ease-in-out .8s infinite rv-enter-glow;translate:0}.rv-enter:hover{background:#fff4ee33}.rv-skip:focus-visible,.rv-enter:focus-visible{outline:2px solid var(--coral);outline-offset:3px}@keyframes rv-enter-glow{0%,to{box-shadow:0 0 0 1px #ff7f5c26,0 0 24px #ff789640}50%{box-shadow:0 0 0 1px #ffbe9659,0 0 40px #ff8c6e73}}@media (max-aspect-ratio:9/10){.rv-enter{text-align:center;left:18px;right:18px}}@media (prefers-reduced-motion:reduce){.rv-enter[data-done]{animation:none}.rv-enter,.rv-skip{transition:none}}@media (max-aspect-ratio:9/10){.rv-intro .rv-ui{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}}
