:root{--bg:#f6f7fb;--surface:#fff;--fg:#12141a;--muted:#5f6675;--line:#e4e7ef;--accent:#ea580c;--accent-2:#f59e0b;--accent-soft:#ffedd5;--accent-fg:#fff;--font:"Inter Variable", Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--radius:16px;--shadow:0 1px 2px #12141a0a, 0 8px 24px -12px #12141a1f;--shadow-hover:0 1px 2px #12141a0d, 0 18px 36px -14px #ea580c40;color-scheme:light}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5.5rem}body{min-height:100vh;color:var(--fg);font:400 1rem/1.7 var(--font);background:radial-gradient(60rem 28rem at 12% -8%, #6366f124, transparent 60%), radial-gradient(48rem 24rem at 95% 0%, #0ea5e91f, transparent 60%), var(--bg);-webkit-font-smoothing:antialiased;background-repeat:no-repeat;margin:0}a{color:var(--accent);text-underline-offset:.2em}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}svg{display:block}hr{background:linear-gradient(90deg, transparent 0%, var(--line) 15%, var(--line) 85%, transparent 100%);border:none;height:1px;margin:32px 0}.progress{z-index:30;transform-origin:0;background:linear-gradient(90deg, var(--accent), var(--accent-2));height:3px;position:fixed;inset:0 0 auto;transform:scaleX(0)}.site-header{z-index:20;padding:0 1rem;position:sticky;top:.75rem}.bar{backdrop-filter:blur(14px)saturate(1.5);border:1px solid var(--line);max-width:62rem;height:3.5rem;box-shadow:var(--shadow);background:#ffffffc7;border-radius:999px;justify-content:space-between;align-items:center;margin:.75rem auto 0;padding:0 .75rem 0 1rem;display:flex}.brand{color:var(--fg);letter-spacing:-.01em;align-items:center;gap:.6rem;font-weight:650;text-decoration:none;display:flex}.logo{color:#fff;border-radius:9px;place-items:center;width:1.75rem;height:1.75rem;display:grid;overflow:hidden}.logo img{border-radius:inherit;object-fit:cover;width:100%;height:100%}.nav{gap:.25rem;font-size:.875rem;display:flex}.nav a{color:var(--muted);border-radius:999px;padding:.4rem .8rem;text-decoration:none;transition:background .15s,color .15s}.nav a:hover{color:var(--fg);background:var(--accent-soft)}.nav a[aria-current=page]{color:var(--accent);background:var(--accent-soft);font-weight:550}.page{max-width:62rem;margin:0 auto;padding:3.5rem 1.5rem 2rem}.hero{text-align:center;padding:3rem 0 3.5rem;position:relative}.hero:before{content:"";z-index:-1;opacity:.5;background-image:radial-gradient(#b9bfd6 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:-1rem -2rem;-webkit-mask-image:radial-gradient(closest-side,#000 30%,#0000 100%);mask-image:radial-gradient(closest-side,#000 30%,#0000 100%)}.pill{color:var(--accent);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:.5rem;padding:.3rem .8rem .3rem .5rem;font-size:.8125rem;font-weight:500;display:inline-flex}.pill i{background:#22c55e;border-radius:50%;width:.5rem;height:.5rem;box-shadow:0 0 0 4px #22c55e2e}.hero h1{letter-spacing:-.04em;text-wrap:balance;max-width:16ch;margin:1.25rem auto .9rem;font-size:clamp(2.25rem,1.2rem + 4.6vw,3.9rem);font-weight:700;line-height:1.05}.lede{color:var(--muted);max-width:34rem;margin:0 auto 1.75rem;font-size:1.125rem}.cta{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.btn{font:500 .875rem/1 var(--font);border:1px solid var(--line);background:var(--surface);color:var(--fg);cursor:pointer;border-radius:999px;align-items:center;gap:.4rem;padding:.7rem 1.1rem;text-decoration:none;transition:transform .15s,box-shadow .15s,border-color .15s;display:inline-flex}.btn:hover{box-shadow:var(--shadow);border-color:#c9cee0;transform:translateY(-1px)}.btn.primary{color:var(--accent-fg);background:linear-gradient(135deg, var(--accent), #5b50e6);border-color:#0000;box-shadow:0 8px 20px -8px #4338ca99}.btn.sm{padding:.5rem .8rem;font-size:.8125rem}.block{margin-top:3rem}.block-head{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.25rem;padding-bottom:.9rem;display:flex}.block-head h2{letter-spacing:-.02em;margin:0;font-size:1.25rem}.block-head p{color:var(--muted);margin:0;font-size:.875rem}.grid{gap:1rem;margin:0;padding:0;list-style:none;display:grid}.grid.apps{grid-template-columns:repeat(auto-fill,minmax(17rem,1fr))}.grid.shared{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}.grid h3{letter-spacing:-.01em;margin:0;font-size:1rem;line-height:1.3}.grid p{color:var(--muted);margin:0;font-size:.875rem;line-height:1.5}.app{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:1.25rem;padding:1.25rem;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.app:hover{box-shadow:var(--shadow-hover);border-color:#cfd3f5;transform:translateY(-3px)}.app-top{align-items:center;gap:.9rem;display:flex}.mono{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:12px;flex:none;place-items:center;width:2.75rem;height:2.75rem;font-size:1.15rem;font-weight:700;display:grid}.app-actions{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:.5rem;margin-top:auto;padding-top:1.1rem;display:grid}.app-actions .btn{justify-content:center}.tile{height:100%;color:inherit;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:.35rem;padding:1.25rem;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.tile:hover{box-shadow:var(--shadow-hover);border-color:#cfd3f5;transform:translateY(-3px)}.tile h3{margin-top:.5rem}.ico{width:2.5rem;height:2.5rem;color:var(--accent);background:var(--accent-soft);border-radius:12px;place-items:center;display:grid}.notfound{padding-block:4rem 3rem}.chips{flex-wrap:wrap;justify-content:center;gap:.5rem;max-width:36rem;margin:2.5rem auto 0;padding:0;list-style:none;display:flex}.chip{color:var(--fg);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:.45rem .9rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .15s,border-color .15s,background .15s;display:inline-block}.chip:hover{color:var(--accent);background:var(--accent-soft);border-color:#cfd3f5}.lang-switch{background-color:var(--surface);border:1px solid var(--line);border-radius:var(--radius,16px);box-shadow:var(--shadow);align-items:center;gap:4px;margin:8px 0 16px;padding:4px;display:inline-flex}.lang-btn{font-family:var(--font);letter-spacing:.02em;border-radius:calc(var(--radius,16px) - 4px);color:var(--muted);border:1px solid #0000;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;line-height:1;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.lang-btn .flag{font-size:14px;line-height:1}.lang-btn:hover{color:var(--fg);background-color:var(--accent-soft)}.lang-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.lang-btn.active{background-color:var(--accent);color:var(--accent-fg);border-color:var(--accent);box-shadow:0 2px 6px -1px #ea580c4d}.lang-btn.active:hover{color:var(--accent-fg);background-color:var(--accent)}.doc-head{margin-bottom:2rem}.doc-head h1{letter-spacing:-.035em;text-wrap:balance;margin:1rem 0;font-size:clamp(1.9rem,1.2rem + 2.6vw,2.75rem);line-height:1.1}.meta{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.meta li{color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:.25rem .75rem;font-size:.8125rem}.doc{grid-template-columns:minmax(0,1fr) 15rem;align-items:start;gap:3rem;display:grid}.sheet{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;padding:2.5rem clamp(1.25rem,4vw,3rem)}.toc{font-size:.875rem;position:sticky;top:6rem}.toc:empty{display:none}.toc b{color:var(--muted);margin-bottom:.6rem;font-size:.8125rem;font-weight:600;display:block}.toc a{color:var(--muted);border-left:2px solid var(--line);padding:.3rem 0 .3rem .9rem;line-height:1.4;text-decoration:none;transition:color .15s,border-color .15s;display:block}.toc a:hover{color:var(--fg)}.toc a.on{color:var(--accent);border-color:var(--accent);font-weight:550}.prose{max-width:40rem}.prose h2{letter-spacing:-.02em;margin:2.5rem 0 .75rem;font-size:1.3rem;line-height:1.3}.prose>h2:first-child{margin-top:0}.prose h3{margin:1.75rem 0 .5rem;font-size:1.05rem}.prose p,.prose ul,.prose ol{margin:0 0 1rem}.prose ul,.prose ol{padding-left:1.25rem}.prose li{margin-bottom:.4rem}.prose li::marker{color:var(--accent)}.prose code{font:.85em var(--mono);background:var(--accent-soft);color:var(--accent);border-radius:6px;padding:.15em .4em}.prose blockquote{background:var(--accent-soft);color:var(--fg);border-radius:12px;margin:1.5rem 0;padding:1rem 1.25rem}.prose blockquote>:last-child{margin:0}.site-footer{border-top:1px solid var(--line);max-width:62rem;color:var(--muted);flex-wrap:wrap;gap:.5rem 1.5rem;margin:3rem auto 0;padding:1.5rem 1.5rem 3rem;font-size:.875rem;display:flex}.site-footer a{color:var(--muted);text-decoration:none}.site-footer a:hover{color:var(--accent)}.site-footer .copy{margin-left:auto}@media (width<=56rem){.doc{grid-template-columns:1fr}.toc,.nav a:nth-child(n+3){display:none}}@media (width<=30rem){.site-footer .copy{width:100%;margin-left:0}.page{padding-top:2rem}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.btn:hover,.app:hover,.tile:hover{transform:none}}