@font-face{font-family:Ramaraja;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/ramaraja-latin-BxQoVgMn.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--accent: 78, 104, 224;--r-sm: 8px;--r-md: 12px;--r-lg: 18px;--r-pill: 999px;--fs-body: 15px;--fw-med: 550;--fw-semi: 650;--mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--serif: "Ramaraja", Georgia, "Times New Roman", serif;--dur: .18s;--ease: cubic-bezier(.22, .61, .36, 1)}:root[data-theme=light]{--bg: #fbfbfd;--panel: rgba(255, 255, 255, .72);--panel-solid: #ffffff;--track: #eeeef2;--border: rgba(18, 18, 26, .09);--border-strong: rgba(18, 18, 26, .16);--text: #17171c;--muted: #6a6a76;--faint: #9a9aa4;--code-bg: #f6f6f9;--shadow: 0 1px 2px rgba(18, 18, 26, .06)}:root[data-theme=dark]{--bg: #0b0b0f;--panel: rgba(22, 22, 29, .66);--panel-solid: #14141a;--track: #212129;--border: rgba(255, 255, 255, .09);--border-strong: rgba(255, 255, 255, .16);--text: #f3f3f6;--muted: #9c9caa;--faint: #6d6d7a;--code-bg: #17171e;--shadow: 0 1px 2px rgba(0, 0, 0, 0)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:var(--fs-body);line-height:1.6;-webkit-font-smoothing:antialiased;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}a{color:inherit}.skip-link{position:fixed;top:10px;left:10px;z-index:50;padding:8px 14px;border-radius:var(--r-pill);background:var(--text);color:var(--bg);font-weight:var(--fw-semi);text-decoration:none;transform:translateY(-160%);transition:transform var(--dur) var(--ease)}.skip-link:focus{transform:translateY(0)}.page{position:relative;z-index:1;max-width:760px;margin:0 auto;padding:0 24px 96px}.site-header{position:sticky;top:0;z-index:20;background:transparent;transition:background var(--dur) var(--ease),box-shadow var(--dur) var(--ease),backdrop-filter var(--dur) var(--ease)}.site-header-inner{max-width:760px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:26px 24px 20px;transition:padding var(--dur) var(--ease)}.site-header.is-scrolled{background:var(--panel);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--border)}.site-header.is-scrolled .site-header-inner{padding:17px 24px 9px}.wordmark{font-family:var(--serif);font-weight:400;font-size:23px;letter-spacing:-.01em;text-decoration:none;color:var(--text)}.wordmark-dash{color:rgb(var(--accent))}.header-controls{display:flex;align-items:center;gap:8px}.icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--r-pill);border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;text-decoration:none;transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease)}.icon-btn:hover{border-color:var(--border-strong)}.theme-btn .theme-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease)}:root[data-theme=light] .theme-icon.moon,:root[data-theme=dark] .theme-icon.sun{opacity:0;transform:scale(.6) rotate(-40deg)}:root[data-theme=light] .theme-icon.sun,:root[data-theme=dark] .theme-icon.moon{opacity:1;transform:scale(1) rotate(0)}.hero{padding:64px 0 44px;text-align:center}.hero-title{margin:0;font-family:var(--serif);font-size:clamp(52px,14vw,90px);font-weight:400;letter-spacing:-.01em;line-height:1}.hero-sub{margin:18px auto 0;max-width:40rem;color:var(--muted);font-size:clamp(16px,4vw,19px);line-height:1.5;text-wrap:balance}.install-pill{display:inline-flex;align-items:center;gap:6px;margin-top:28px;padding:6px 6px 6px 16px;border-radius:var(--r-pill);border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow);max-width:100%}.install-pill code{font-family:var(--mono);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel{margin-top:8px;padding:24px;border-radius:var(--r-lg);border:1px solid var(--border);background:var(--panel);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:var(--shadow)}.eyebrow{margin:0 0 18px;font-size:11px;font-weight:var(--fw-semi);letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}.divider{height:1px;margin:20px 0;background:var(--border)}.control-row{display:flex;align-items:center;justify-content:space-between;gap:12px 16px;flex-wrap:wrap}.control-row+.control-row{margin-top:14px}.control-row--centered{flex-direction:column;align-items:center;gap:12px;text-align:center}.control-row--centered+.control-row--centered{margin-top:18px}.control-row--centered .ctl-label-group{align-items:center}.control-row--centered .control-right{width:100%;flex:0 1 auto;justify-content:center}.control-row--centered .seg{justify-content:flex-start}.control-right{display:flex;justify-content:flex-end;flex:1 1 auto;min-width:0}.ctl-label{font-weight:var(--fw-med);color:var(--text);white-space:nowrap}.ctl-label-group{display:flex;flex-direction:column;gap:3px;min-width:0}.ctl-caption{font-size:12px;font-weight:400;line-height:1.4;color:var(--faint);white-space:normal}@property --seg-fade-l{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --seg-fade-r{syntax: "<length>"; inherits: false; initial-value: 0px;}.seg{position:relative;display:inline-flex;flex-wrap:nowrap;gap:3px;padding:3px;border-radius:var(--r-pill);border:1px solid var(--border);background:var(--track);max-width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:3px;--seg-fade: 26px;--seg-fade-l: 0px;--seg-fade-r: 0px;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--seg-fade-l),#000 calc(100% - var(--seg-fade-r)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 var(--seg-fade-l),#000 calc(100% - var(--seg-fade-r)),transparent 100%);transition:--seg-fade-l var(--dur) var(--ease),--seg-fade-r var(--dur) var(--ease)}.seg::-webkit-scrollbar{display:none}.seg[data-fade-left=true]{--seg-fade-l: var(--seg-fade)}.seg[data-fade-right=true]{--seg-fade-r: var(--seg-fade)}.seg-pill{position:absolute;top:0;left:0;z-index:0;border-radius:var(--r-pill);background:var(--panel-solid);box-shadow:var(--shadow),inset 0 0 0 1px var(--border);pointer-events:none}.seg-pill[data-ready=true]{transition:transform .24s cubic-bezier(.3,1.25,.4,1),width .24s cubic-bezier(.3,1.25,.4,1),height .24s cubic-bezier(.3,1.25,.4,1)}.seg-item{position:relative;z-index:1;flex:0 0 auto;scroll-snap-align:start;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--muted);font:inherit;font-size:13px;font-weight:var(--fw-med);padding:6px 13px;border-radius:var(--r-pill);cursor:pointer;white-space:nowrap;transition:color .15s var(--ease)}.seg-item:hover,.seg-item.is-active{color:var(--text)}.seg-item.is-active:first-letter{color:inherit}.seg-sm .seg-item{padding:5px 11px;font-size:12.5px}.tune-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px}.slider-row{display:flex;flex-direction:column;gap:8px;min-width:0}.slider-row .ctl-label{font-size:13px;color:var(--muted)}.slider-wrap{display:flex;align-items:center;gap:10px}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1 1 auto;min-width:0;height:4px;border-radius:var(--r-pill);background:linear-gradient(to right,rgb(var(--accent)) 0 var(--fill, 50%),var(--track) var(--fill, 50%) 100%);cursor:pointer}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--panel-solid);border:1.5px solid rgb(var(--accent));box-shadow:0 1px 3px #0003;transition:transform var(--dur) var(--ease)}.slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--panel-solid);border:1.5px solid rgb(var(--accent));box-shadow:0 1px 3px #0003}.slider:focus-visible{outline:2px solid rgb(var(--accent));outline-offset:4px}.chip{flex:0 0 auto;min-width:62px;text-align:right;font-family:var(--mono);font-size:12.5px;color:var(--text);font-variant-numeric:tabular-nums}.action-row{display:flex;flex-wrap:wrap;gap:8px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;font-size:13px;font-weight:var(--fw-semi);padding:9px 16px;border-radius:var(--r-pill);border:1px solid var(--border);background:var(--panel-solid);color:var(--text);cursor:pointer;box-shadow:var(--shadow);transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease),transform var(--dur) var(--ease)}.btn:hover{border-color:rgb(var(--accent))}.btn:active{transform:translateY(1px)}.btn[aria-pressed=true]{background:rgb(var(--accent));border-color:rgb(var(--accent));color:rgb(var(--accent-text, 255, 255, 255))}.type-area{width:100%;margin-top:16px;height:84px;font:inherit;font-size:14px;padding:12px 14px;border-radius:var(--r-md);border:1px solid var(--border);background:var(--code-bg);color:var(--text);outline:none;resize:vertical;transition:border-color var(--dur) var(--ease)}.type-area::placeholder{color:var(--faint)}.type-area:focus{border-color:rgb(var(--accent))}.block{margin-top:40px}.block-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.block-head h2{margin:0;font-size:13px;font-weight:var(--fw-semi);letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}.block-caption{margin:10px 2px 0;font-size:13px;color:var(--muted)}.block-caption a{color:rgb(var(--accent));text-decoration:none;font-weight:var(--fw-med)}.block-caption a:hover{text-decoration:underline}.code{margin:0;padding:16px 18px;border-radius:var(--r-md);border:1px solid var(--border);background:var(--code-bg);overflow-x:auto}.code code{font-family:var(--mono);font-size:13px;line-height:1.6;white-space:pre;color:var(--text)}.copy-btn{display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:12.5px;font-weight:var(--fw-semi);padding:7px 8px 7px 13px;border-radius:var(--r-pill);border:1px solid var(--border);background:var(--panel-solid);color:var(--text);cursor:pointer;white-space:nowrap;box-shadow:var(--shadow);transition:border-color var(--dur) var(--ease),color var(--dur) var(--ease)}.copy-btn:hover{border-color:rgb(var(--accent))}.copy-btn.is-done{color:rgb(var(--accent));border-color:rgb(var(--accent))}.copy-btn.ghost{border-color:transparent;background:transparent;box-shadow:none}.copy-btn.ghost:hover{background:var(--track)}.copy-icon{display:inline-flex}.copy-text{min-width:3.4em;text-align:left}.site-footer{margin-top:72px;padding-top:28px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:14px}.site-footer a{display:inline-flex;align-items:center;gap:7px;text-decoration:none;color:var(--muted);transition:color var(--dur) var(--ease)}.site-footer a:hover{color:var(--text)}.footer-version{font-family:var(--mono);font-size:12px;color:var(--faint)}.made-by-prefix{color:var(--faint)}.made-by-name{color:color-mix(in srgb,var(--text) 55%,var(--muted));font-weight:400}.site-footer a:hover .made-by-prefix{color:var(--muted)}:focus-visible{outline:2px solid rgb(var(--accent));outline-offset:2px}.seg-item:focus-visible{outline-offset:-2px}@media(max-width:560px){.page{padding:0 16px 72px}.site-header-inner{padding:18px 16px 14px;gap:8px}.site-header.is-scrolled .site-header-inner{padding:12px 16px}.tune-grid{grid-template-columns:1fr}.control-row{flex-direction:column;align-items:stretch}.control-right{justify-content:flex-start}.hero{padding:44px 0 36px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:1ms!important}}