@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,600;1,6..72,400&family=JetBrains+Mono:wght@400;700&display=swap";:root{color-scheme:light;--background: #fcfcfa;--foreground: #262626;--primary: #262626;--primary-foreground: #fafafa;--border: #e0e0e0;--muted: #737373;--accent: #f5f5f5;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-serif: "Newsreader", Georgia, serif;--font-mono: "JetBrains Mono", monospace}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background-color:var(--background);color:var(--foreground);font-family:var(--font-sans);font-feature-settings:"cv02","cv03","cv04","cv11";line-height:1.5;-webkit-font-smoothing:antialiased}.page{position:relative;overflow:hidden;min-height:100vh}.shell{width:100%;max-width:980px;margin:0 auto;padding:48px 24px 72px;display:flex;flex-direction:column;gap:32px}h1,h2,h3{font-family:var(--font-serif);font-weight:600;letter-spacing:-.025em;margin-top:0;margin-bottom:.5rem}h1{font-size:32px}h2{font-size:24px}h3{font-size:18px}p{margin-top:0;margin-bottom:1rem;color:var(--muted)}code{font-family:var(--font-mono);font-size:13px;background:var(--accent);padding:2px 6px;border-radius:4px}.hero{display:flex;flex-direction:column;gap:12px;padding:28px 32px;border-radius:8px;background:#fffffff2;border:1px solid var(--border);box-shadow:0 12px 32px -12px #0000001a;text-align:center;align-items:center}.hero-byline{display:flex;align-items:center;justify-content:center;gap:5px;font-family:var(--font-sans);font-size:14px;font-weight:400;color:var(--muted);letter-spacing:0;margin-bottom:4px}.runtype-logo{height:15px;width:auto;opacity:.55;display:block;position:relative;top:1px}.hero-byline a:hover .runtype-logo{opacity:1}.hero h1{margin:0 0 -24px;font-size:36px}.hero p{max-width:650px;margin-bottom:0;font-size:16px;color:var(--muted)}.hero-badges{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:center}.hero-badges a{display:inline-flex}.hero-badges img{height:20px}.cta-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:16px}.page button:not([data-persona-root] *),.page select:not([data-persona-root] *),.page .btn:not([data-persona-root] *){font-family:var(--font-sans);font-size:14px;font-weight:600;border-radius:6px;padding:10px 18px;cursor:pointer;transition:all .2s ease;border:1px solid transparent;outline:none;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.primaryButton{background:var(--primary);color:var(--primary-foreground);box-shadow:0 4px 12px -4px #0003}.primaryButton:hover{transform:translateY(-1px);box-shadow:0 6px 16px -4px #00000040}.secondaryButton,.page select:not([data-persona-root] *){background:#fff;color:var(--foreground);border:1px solid var(--border);box-shadow:0 1px 2px #0000000a}.secondaryButton:hover{background:var(--accent);transform:translateY(-1px)}.page select:not([data-persona-root] *){padding-right:32px;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.section-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.card{background:#ffffffeb;border:1px solid var(--border);border-radius:8px;padding:24px;display:flex;flex-direction:column;gap:16px;box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .06))}.cardFull{grid-column:1 / -1}.card-title{font-family:var(--font-serif);font-size:20px;margin:0;color:var(--foreground)}.examples-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.example-item{display:flex;flex-direction:column;padding:12px 16px;border-radius:6px;background:var(--accent);border:1px solid var(--border);text-decoration:none;color:var(--foreground);font-weight:600;transition:all .2s ease;font-size:14px;line-height:1.4;position:relative;overflow:hidden}.example-item:after{content:"";position:absolute;top:-20%;right:-10%;width:45%;height:140%;border-radius:50%;filter:blur(20px);opacity:.35;transition:opacity .3s ease;pointer-events:none}.example-item:hover:after{opacity:.5}.examples-list li:nth-child(9n+1) .example-item:after,.featured-grid .example-item:nth-child(9n+1):after{background:radial-gradient(circle at 70% 50%,#8b5cf6,transparent 70%)}.examples-list li:nth-child(9n+2) .example-item:after,.featured-grid .example-item:nth-child(9n+2):after{background:radial-gradient(circle at 70% 50%,#06b6d4,transparent 70%)}.examples-list li:nth-child(9n+3) .example-item:after,.featured-grid .example-item:nth-child(9n+3):after{background:radial-gradient(circle at 70% 50%,#f97316,transparent 70%)}.examples-list li:nth-child(9n+4) .example-item:after,.featured-grid .example-item:nth-child(9n+4):after{background:radial-gradient(circle at 70% 50%,#10b981,transparent 70%)}.examples-list li:nth-child(9n+5) .example-item:after,.featured-grid .example-item:nth-child(9n+5):after{background:radial-gradient(circle at 70% 50%,#ec4899,transparent 70%)}.examples-list li:nth-child(9n+6) .example-item:after,.featured-grid .example-item:nth-child(9n+6):after{background:radial-gradient(circle at 70% 50%,#3b82f6,transparent 70%)}.examples-list li:nth-child(9n+7) .example-item:after,.featured-grid .example-item:nth-child(9n+7):after{background:radial-gradient(circle at 70% 50%,#f59e0b,transparent 70%)}.examples-list li:nth-child(9n+8) .example-item:after,.featured-grid .example-item:nth-child(9n+8):after{background:radial-gradient(circle at 70% 50%,#ef4444,transparent 70%)}.examples-list li:nth-child(9n+9) .example-item:after,.featured-grid .example-item:nth-child(9n+9):after{background:radial-gradient(circle at 70% 50%,#14b8a6,transparent 70%)}.example-item:hover{transform:translateY(-1px);box-shadow:0 4px 12px -8px #00000026}.example-item small{display:block;font-weight:400;color:var(--muted);font-size:13px;margin-top:2px}.code-example{background:#141414;border-radius:6px;padding:16px;overflow-x:auto}.code-example pre{margin:0}.code-example code{font-family:var(--font-mono);font-size:13px;background:transparent;color:#c9c9c9;padding:0}.featured-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.tryit-backdrop{position:relative;border-radius:16px;overflow:hidden;padding:32px}.tryit-smoke{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:radial-gradient(ellipse 80% 60% at 15% 80%,rgba(30,58,95,.9) 0%,transparent 60%),radial-gradient(ellipse 70% 50% at 75% 15%,rgba(139,92,246,.7) 0%,transparent 55%),radial-gradient(ellipse 60% 70% at 85% 75%,rgba(6,182,212,.65) 0%,transparent 50%),radial-gradient(ellipse 90% 50% at 25% 20%,rgba(249,115,22,.6) 0%,transparent 55%),radial-gradient(ellipse 50% 80% at 50% 50%,rgba(16,185,129,.5) 0%,transparent 50%),radial-gradient(ellipse 70% 60% at 60% 90%,rgba(236,72,153,.5) 0%,transparent 50%),radial-gradient(ellipse 80% 70% at 40% 60%,rgba(245,158,11,.4) 0%,transparent 55%),radial-gradient(ellipse 100% 100% at 50% 50%,rgba(15,23,42,.8) 0%,transparent 70%);filter:blur(60px) saturate(1.5);animation:smoke-drift 20s ease-in-out infinite alternate;z-index:0}@keyframes smoke-drift{0%{transform:translate(0) scale(1) rotate(0)}33%{transform:translate(3%,-2%) scale(1.05) rotate(1deg)}66%{transform:translate(-2%,3%) scale(.97) rotate(-1deg)}to{transform:translate(1%,-1%) scale(1.02) rotate(.5deg)}}.tryit-grain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;opacity:.35;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px;pointer-events:none}.tryit-fade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:linear-gradient(to top,#00000059,#0000004f,#0000003b 30%,#0000001f 50%,#0000000a,#0000);pointer-events:none}.tryit-widget-frame{position:relative;z-index:3;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 8px 32px -8px #0000004d,0 0 0 1px #ffffff1a}.theme-editor-section .card-title{font-size:22px}.theme-editor-link{display:block;text-decoration:none;border-radius:16px;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.theme-editor-link:hover{transform:translateY(-2px);box-shadow:0 12px 40px -12px #8b5cf659}.theme-backdrop{position:relative;border-radius:16px;overflow:hidden;padding:56px 32px}.theme-smoke{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:radial-gradient(ellipse 70% 60% at 20% 30%,rgba(139,92,246,.85) 0%,transparent 55%),radial-gradient(ellipse 60% 70% at 80% 70%,rgba(236,72,153,.7) 0%,transparent 50%),radial-gradient(ellipse 80% 50% at 50% 80%,rgba(6,182,212,.6) 0%,transparent 55%),radial-gradient(ellipse 50% 80% at 70% 20%,rgba(249,115,22,.55) 0%,transparent 50%),radial-gradient(ellipse 90% 60% at 30% 70%,rgba(16,185,129,.45) 0%,transparent 55%),radial-gradient(ellipse 100% 100% at 50% 50%,rgba(15,23,42,.75) 0%,transparent 70%);filter:blur(55px) saturate(1.6);animation:theme-smoke-drift 18s ease-in-out infinite alternate;z-index:0}@keyframes theme-smoke-drift{0%{transform:translate(0) scale(1) rotate(0)}25%{transform:translate(-3%,2%) scale(1.04) rotate(-1.5deg)}50%{transform:translate(2%,-3%) scale(.98) rotate(1deg)}75%{transform:translate(-1%,1%) scale(1.03) rotate(-.5deg)}to{transform:translate(2%,-1%) scale(1.01) rotate(.8deg)}}.theme-grain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;opacity:.3;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px;pointer-events:none}.theme-fade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:linear-gradient(135deg,#00000040,#0000001a 40%,#0000000d,#0003);pointer-events:none}.theme-cta{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;gap:12px}.theme-cta-label{font-family:var(--font-serif);font-size:22px;font-weight:600;color:#fff;letter-spacing:-.02em;text-shadow:0 2px 8px rgba(0,0,0,.3)}.theme-cta-arrow{font-size:24px;color:#fffc;transition:transform .2s ease;text-shadow:0 2px 8px rgba(0,0,0,.3)}.theme-editor-link:hover .theme-cta-arrow{transform:translate(4px)}.embedded-target{min-height:500px;overflow:hidden}@media (max-width: 640px){.shell{padding:20px 12px 40px;gap:16px}.hero{padding:20px 16px}.hero h1{font-size:28px;margin-bottom:-18px}.hero p{font-size:14px}.card{padding:16px 12px}.section-grid{grid-template-columns:1fr;gap:16px}.featured-grid{grid-template-columns:1fr}.embedded-target{min-height:400px}.theme-backdrop{padding:36px 16px;border-radius:12px}.theme-cta-label{font-size:18px}.tryit-backdrop{padding:16px;border-radius:12px}.cta-row{flex-direction:column}.cta-row button,.cta-row select{width:100%}.code-example{padding:12px}.code-example code{font-size:12px}}