.rnv-page{--rnv-blue:#55c8ef;--rnv-blue-deep:#1687c0;width:min(920px,100% - 32px);margin:0 auto;padding-bottom:clamp(40px,7vw,72px)}.rnv-page *,.rnv-page :before,.rnv-page :after{box-sizing:border-box}.rnv-page h1,.rnv-page h2,.rnv-page p{margin:0}.rnv-page button{font:inherit}.rnv-hero{background:radial-gradient(circle at 88% 12%, color-mix(in srgb, var(--rnv-blue) 24%, transparent), transparent 28%), linear-gradient(145deg, color-mix(in srgb, var(--surface-2) 90%, #176a97), var(--surface-1));padding:clamp(30px,6vw,58px) clamp(22px,7vw,68px);position:relative;overflow:hidden}.rnv-hero:after{background:color-mix(in srgb, var(--rnv-blue) 48%, transparent);width:5px;height:180px;box-shadow:40px 30px 0 color-mix(in srgb, var(--rnv-blue) 24%, transparent), 80px -12px 0 color-mix(in srgb, var(--rnv-blue) 30%, transparent);content:"";border-radius:0 0 5px 5px;position:absolute;top:-48px;right:9%;transform:rotate(18deg)}.rnv-kicker{z-index:1;color:var(--rnv-blue);font:850 .7rem/1.3 var(--font-geist-mono), monospace;letter-spacing:.14em;position:relative}.rnv-hero h1{z-index:1;max-width:720px;color:var(--foreground);letter-spacing:-.055em;word-break:keep-all;margin-top:10px;font-size:clamp(36px,6.4vw,62px);line-height:1.02;position:relative}.rnv-answer{z-index:1;max-width:640px;color:var(--muted);word-break:keep-all;gap:4px;font-size:clamp(.85rem,1.6vw,1rem);line-height:1.65;display:grid;position:relative;margin-top:18px!important}.rnv-answer b{color:var(--foreground);font-size:1.08em}.rnv-one-meter{z-index:1;align-items:stretch;gap:7px;max-width:610px;margin-top:23px;display:flex;position:relative}.rnv-one-meter>span{border:var(--pixel) solid var(--border-strong);background:color-mix(in srgb, var(--surface-1) 80%, transparent);flex:1;gap:6px;min-width:0;padding:13px 14px;display:grid}.rnv-one-meter>span.is-answer{border-color:color-mix(in srgb, var(--rnv-blue) 72%, var(--border-strong));background:color-mix(in srgb, var(--rnv-blue) 10%, var(--surface-1))}.rnv-one-meter small{color:var(--muted);font-size:.57rem;font-weight:750}.rnv-one-meter strong{color:var(--foreground);font:900 1.3rem/1 var(--font-geist-mono), monospace}.rnv-one-meter .is-answer strong{color:var(--rnv-blue)}.rnv-one-meter>i{color:var(--muted);font:800 .75rem/1 var(--font-geist-mono), monospace;place-items:center;font-style:normal;display:grid}.rnv-lab{margin-top:16px;padding:clamp(22px,5vw,48px)}.rnv-picker{text-align:center}.rnv-step{color:var(--rnv-blue);font:800 .62rem/1.4 var(--font-geist-mono), monospace;letter-spacing:.08em}.rnv-picker h2,.rnv-explain h2{color:var(--foreground);word-break:keep-all;font-size:clamp(1.05rem,2.5vw,1.35rem);line-height:1.35}.rnv-picker h2{margin-top:5px}.rnv-picker>p:last-of-type{color:var(--muted);margin-top:5px;font-size:.7rem}.rnv-area-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:18px;display:grid}.rnv-area-buttons button{border:var(--pixel) solid var(--border-strong);background:var(--surface-2);min-width:0;min-height:82px;color:var(--muted);cursor:pointer;align-content:center;gap:6px;padding:12px;transition:border-color .15s,background .15s,transform .15s;display:grid}.rnv-area-buttons button:hover{border-color:color-mix(in srgb, var(--rnv-blue) 72%, var(--border-strong));transform:translateY(-2px)}.rnv-area-buttons button:focus-visible{outline:2px solid var(--rnv-blue);outline-offset:3px}.rnv-area-buttons button.is-active{border-color:var(--rnv-blue);background:color-mix(in srgb, var(--rnv-blue) 10%, var(--surface-1))}.rnv-area-buttons strong{color:var(--foreground);font-size:1rem}.rnv-area-buttons button.is-active strong{color:var(--rnv-blue)}.rnv-area-buttons span{text-overflow:ellipsis;white-space:nowrap;font-size:.61rem;line-height:1.35;overflow:hidden}.rnv-result{border:var(--pixel) solid color-mix(in srgb, var(--rnv-blue) 45%, var(--border-strong));background:color-mix(in srgb, var(--rnv-blue) 6%, var(--surface-2));margin-top:24px;padding:clamp(20px,4vw,34px)}.rnv-result-copy{text-align:center;justify-items:center;display:grid}.rnv-result-copy>span{color:var(--muted);font:750 .7rem/1.3 var(--font-geist-mono), monospace}.rnv-result-copy>strong{color:var(--rnv-blue);font:900 clamp(3.1rem, 10vw, 6.2rem)/.9 var(--font-geist-mono), monospace;letter-spacing:-.075em;overflow-wrap:anywhere;margin-top:8px}.rnv-result-copy>strong small{color:var(--foreground);letter-spacing:0;margin-left:7px;font-size:.31em}.rnv-result-copy>p{color:var(--muted);margin-top:9px;font-size:.7rem}.rnv-comparisons{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-width:570px;margin:22px auto 0;display:grid}.rnv-comparisons>div{border:1px solid var(--border-strong);background:var(--surface-1);text-align:center;gap:5px;padding:13px;display:grid}.rnv-comparisons span{color:var(--muted);font-size:.58rem}.rnv-comparisons strong{color:var(--foreground);font-size:.82rem}.rnv-area-visual{border-top:1px solid color-mix(in srgb, var(--border-strong) 68%, transparent);justify-items:center;margin-top:28px;padding-top:25px;display:grid}.rnv-rain-label{color:var(--muted);align-items:center;gap:7px;font-size:.63rem;display:flex}.rnv-rain-label strong{color:var(--rnv-blue);font:850 .72rem/1 var(--font-geist-mono), monospace}.rnv-rain-label i{color:var(--rnv-blue);font-style:normal}.rnv-area-grid{grid-template-columns:repeat(var(--rnv-columns), minmax(0, 1fr));width:min(100%, var(--rnv-grid-width));perspective:620px;transform-origin:bottom;gap:3px;margin-top:12px;display:grid;transform:rotateX(48deg)}.rnv-area-grid i{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--rnv-blue) 72%, var(--border-strong));background:linear-gradient(145deg, color-mix(in srgb, var(--rnv-blue) 45%, var(--surface-2)), color-mix(in srgb, var(--rnv-blue-deep) 68%, var(--surface-1)));min-width:0;box-shadow:inset 0 1px #ffffff4d}.rnv-area-visual>p{color:var(--muted);margin-top:16px;font-size:.63rem}.rnv-area-visual>p b{color:var(--rnv-blue)}.rnv-explain{border:var(--pixel) solid var(--border-strong);background:var(--surface-2);grid-template-columns:auto minmax(0,1fr);gap:16px;margin-top:18px;padding:clamp(18px,4vw,27px);display:grid}.rnv-explain-mark{border:1px solid var(--rnv-blue);width:34px;height:34px;color:var(--rnv-blue);font:900 .9rem/1 var(--font-geist-mono), monospace;place-items:center;display:grid}.rnv-explain p{color:var(--muted);word-break:keep-all;margin-top:9px;font-size:.72rem;line-height:1.75}.rnv-explain p b{color:var(--foreground)}.rnv-limit{background:color-mix(in srgb, #e8a838 7%, var(--surface-2));border-left:3px solid #e8a838;margin-top:10px;padding:16px 18px}.rnv-limit b{color:var(--foreground);font-size:.7rem}.rnv-limit p{color:var(--muted);word-break:keep-all;margin-top:5px;font-size:.63rem;line-height:1.65}.rnv-footer{border-top:1px solid var(--border-strong);flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:18px;padding-top:15px;display:flex}.rnv-footer a{color:var(--muted);font-size:.61rem;text-decoration:none}.rnv-footer a:hover{color:var(--rnv-blue)}@media (max-width:620px){.rnv-page{width:min(100% - 20px,920px)}.rnv-hero{padding:27px 18px}.rnv-hero h1{font-size:clamp(32px,10.2vw,44px)}.rnv-one-meter{gap:4px}.rnv-one-meter>span{padding:10px 8px}.rnv-one-meter small{font-size:.49rem}.rnv-one-meter strong{font-size:.9rem}.rnv-one-meter>i{font-size:.58rem}.rnv-lab{padding:18px 14px}.rnv-area-buttons{gap:6px}.rnv-area-buttons button{min-height:76px;padding:9px 5px}.rnv-area-buttons span{font-size:.53rem}.rnv-result{padding:21px 13px}.rnv-result-copy>strong{font-size:clamp(2.75rem,14vw,4.3rem)}.rnv-comparisons{gap:6px}.rnv-comparisons>div{padding:11px 7px}.rnv-area-grid{gap:2px}.rnv-explain{grid-template-columns:1fr;gap:10px}.rnv-footer{display:grid}}@media (prefers-reduced-motion:reduce){.rnv-area-buttons button{transition:none}}