:root{color-scheme:light dark;--k-brand: #5858f0;--k-brand-hover: #4747e0;--k-on-brand: #ffffff;--k-link: #4040d8;--k-bg: #f7f7ff;--k-surface: #ffffff;--k-surface-2: #efeffc;--k-text: #1c1b3a;--k-text-muted: #656483;--k-border: #dadaf7;--k-border-strong: #7a7a9c;--k-success: #067647;--k-danger: #b42318;--k-code-bg: #1c1b3a;--k-code-text: #f7f7ff;--k-focus: #5858f0;--k-shadow-1: 0 1px 2px rgb(28 27 58 / .08), 0 2px 8px rgb(28 27 58 / .06);--k-font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", "Helvetica Neue", Arial, sans-serif;--k-font-mono: ui-monospace, "SFMono-Regular", "Cascadia Mono", "Roboto Mono", "Noto Sans Mono", Menlo, Consolas, monospace;--k-fs-display: clamp(2rem, 1.4rem + 3vw, 3.5rem);--k-fs-h1: clamp(1.75rem, 1.4rem + 1.6vw, 2.5rem);--k-fs-h2: clamp(1.375rem, 1.2rem + .9vw, 1.875rem);--k-fs-h3: 1.25rem;--k-fs-lead: clamp(1.0625rem, 1rem + .4vw, 1.25rem);--k-fs-body: 1rem;--k-fs-small: .875rem;--k-s-1: .25rem;--k-s-2: .5rem;--k-s-3: .75rem;--k-s-4: 1rem;--k-s-5: 1.5rem;--k-s-6: 2rem;--k-s-7: 3rem;--k-s-8: 4rem;--k-s-9: 6rem;--k-r-sm: 6px;--k-r-md: 10px;--k-r-lg: 16px;--k-r-pill: 999px;--k-container: 1200px;--k-gutter: 1rem;--k-section: var(--k-s-8)}@media(min-width:768px){:root{--k-gutter: 1.5rem;--k-section: var(--k-s-9)}}@media(min-width:1280px){:root{--k-gutter: 2rem}}@media(prefers-color-scheme:dark){:root{--k-link: #8585f4;--k-bg: #101025;--k-surface: #1a1a36;--k-surface-2: #24244a;--k-text: #f7f7ff;--k-text-muted: #9897be;--k-border: #35345b;--k-border-strong: #7c7ba8;--k-success: #6ce9a6;--k-danger: #fca5a5;--k-code-bg: #0b0b1c;--k-focus: #8585f4;--k-shadow-1: 0 1px 2px rgb(0 0 0 / .4)}}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--k-bg);color:var(--k-text);font-family:var(--k-font-sans);font-size:var(--k-fs-body);line-height:1.6}main{flex:1 0 auto;min-width:0}main:focus{outline:none}h1,h2,h3{line-height:1.2;font-weight:700;margin-block:0 var(--k-s-3);overflow-wrap:anywhere}h1{font-size:var(--k-fs-h1)}h2{font-size:var(--k-fs-h2)}h3{font-size:var(--k-fs-h3)}p,ul,ol{margin-block:0 var(--k-s-4);max-width:68ch}a{color:var(--k-link);text-underline-offset:.18em}img,svg{max-width:100%;height:auto}table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}th,td{text-align:left;padding:var(--k-s-2) var(--k-s-3);border-bottom:1px solid var(--k-border)}th{background:var(--k-surface-2)}code,.mono{font-family:var(--k-font-mono);overflow-wrap:anywhere}:not(pre)>code{background:var(--k-surface-2);padding:.1em .35em;border-radius:var(--k-r-sm);font-size:.9em}pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;margin:0 0 var(--k-s-4);padding:var(--k-s-4);background:var(--k-code-bg);color:var(--k-code-text);border-radius:var(--k-r-md);font-family:var(--k-font-mono);font-size:var(--k-fs-small)}pre code{background:none;padding:0;font-size:inherit}:focus-visible{outline:3px solid var(--k-focus);outline-offset:2px}.brand :focus-visible{outline-color:#fff}.skip-link{position:absolute;top:0;left:var(--k-s-2);z-index:100;padding:var(--k-s-2) var(--k-s-4);background:var(--k-brand);color:var(--k-on-brand);font-weight:600;border-radius:0 0 var(--k-r-md) var(--k-r-md);transform:translateY(-120%)}.skip-link:focus{transform:translateY(0)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.container{max-width:var(--k-container);margin-inline:auto;padding-inline:var(--k-gutter)}.section{padding-block:var(--k-section)}.section.brand,.brand{background:var(--k-brand);color:var(--k-on-brand)}.brand a:not(.btn){color:#fff;text-decoration:underline}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:var(--k-s-5)}.cards>*{min-width:0}.card{min-width:0;background:var(--k-surface);border:1px solid var(--k-border);border-radius:var(--k-r-lg);padding:var(--k-s-5);box-shadow:var(--k-shadow-1)}.muted{color:var(--k-text-muted)}button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--k-s-2);min-height:44px;padding:.625rem 1.25rem;font:inherit;font-weight:600;line-height:1.2;text-align:center;text-decoration:none;cursor:pointer;border-radius:var(--k-r-md);border:1px solid var(--k-border-strong);background:transparent;color:var(--k-text)}.btn{background:var(--k-brand);border-color:var(--k-brand);color:var(--k-on-brand)}.btn:hover,.btn:active{background:var(--k-brand-hover);border-color:var(--k-brand-hover)}.btn.secondary,button:not(.btn){background:transparent;border:1px solid var(--k-border-strong);color:var(--k-text)}.btn.secondary:hover,button:not(.btn):hover{background:var(--k-surface-2)}.btn.ghost{background:transparent;border-color:transparent;color:var(--k-link)}.btn.on-brand{background:#fff;border-color:#fff;color:#3d3db8}.btn.on-brand:hover{background:#efeffc;border-color:#efeffc}.brand .btn.secondary{background:transparent;border:2px solid #ffffff;color:#fff}.btn.block{width:100%}button.danger,.btn.danger{color:var(--k-danger);border-color:var(--k-danger);background:transparent}button:disabled{opacity:.6;cursor:not-allowed}summary.btn{list-style:none}summary.btn::-webkit-details-marker{display:none}input,select{min-height:44px;padding:.5rem .75rem;font:inherit;color:var(--k-text);background:var(--k-surface);border:1px solid var(--k-border-strong);border-radius:var(--k-r-sm);max-width:100%}.field{display:grid;gap:var(--k-s-1);margin-bottom:var(--k-s-4)}.field input,.field select{width:100%}.field .hint{color:var(--k-text-muted);font-size:var(--k-fs-small)}label{font-weight:600}[role=alert],.error{color:var(--k-danger)}[role=alert]:empty,.error:empty{display:none}.warning,.notice{padding:var(--k-s-4);background:var(--k-surface-2);border-left:4px solid var(--k-danger);border-radius:var(--k-r-sm)}.notice{border-left-color:var(--k-brand)}.badge{display:inline-flex;align-items:center;gap:var(--k-s-2);padding:.125rem .625rem;border-radius:var(--k-r-pill);font-size:var(--k-fs-small);font-weight:600;line-height:1.5}.badge.online,.badge.offline{color:var(--k-success)}.badge.offline{color:var(--k-text-muted)}.badge.online:before,.badge.offline:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}.badge.coming{color:var(--k-text-muted);border:1px solid var(--k-border-strong)}.qr{width:fit-content;max-width:100%;padding:16px;background:#fff;border-radius:var(--k-r-md)}.qr svg{display:block;max-width:100%;height:auto}.tabs{display:flex;flex-wrap:wrap;gap:var(--k-s-2);margin-bottom:var(--k-s-3)}.tabs button{border-color:transparent;border-radius:var(--k-r-sm) var(--k-r-sm) 0 0;border-bottom:3px solid transparent}.tabs [aria-pressed=true]{border-bottom-color:var(--k-link)}.code{display:grid;gap:var(--k-s-2);margin-bottom:var(--k-s-4);min-width:0}.code pre{margin:0}.code-copy{justify-self:start}.frame{margin:0;min-width:0}.frame-device{overflow:hidden}.frame img{display:block;width:100%;height:auto}.frame-phone .frame-device{max-width:300px;margin-inline:auto;border:12px solid #1c1b3a;border-radius:36px;background:#1c1b3a}.frame-phone img{border-radius:24px}.frame-browser .frame-device{border:1px solid var(--k-border-strong);border-radius:var(--k-r-md);background:var(--k-surface)}.frame-bar{display:flex;align-items:center;gap:6px;height:32px;padding-inline:var(--k-s-3);background:var(--k-surface-2);border-bottom:1px solid var(--k-border)}.frame-bar i{width:10px;height:10px;border-radius:50%;background:#8e8db0}.frame figcaption{margin-top:var(--k-s-2);text-align:center;color:var(--k-text-muted);font-size:var(--k-fs-small)}.logo{display:inline-flex;align-items:center;gap:.5em;color:var(--k-text);text-decoration:none;font-weight:700;letter-spacing:-.02em}.logo-header{font-size:1.25rem}.logo-footer{font-size:1rem}.logo.on-brand{color:#fff}.logo .mark{flex:none}.site-header{position:relative;z-index:20;background:var(--k-surface);border-bottom:1px solid var(--k-border)}.header-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--k-s-4);min-height:64px}.nav-wide{display:none}.nav-wide,.menu nav{align-items:center}.nav-wide a:not(.btn),.menu nav a:not(.btn){display:inline-flex;align-items:center;min-height:44px;color:var(--k-text);font-weight:500;text-decoration:none;border-bottom:3px solid transparent}.nav-wide a[aria-current=page]:not(.btn),.menu nav a[aria-current=page]:not(.btn){border-bottom-color:var(--k-brand)}.nav-wide a:not(.btn):hover,.menu nav a:not(.btn):hover{color:var(--k-link)}.menu{display:block}.menu nav{position:absolute;top:100%;left:0;right:0;display:grid;gap:var(--k-s-1);padding:var(--k-s-3) var(--k-gutter) var(--k-s-4);background:var(--k-surface);border-bottom:1px solid var(--k-border);box-shadow:var(--k-shadow-1)}.menu nav form{margin:0}.menu nav .mono{min-height:44px;display:flex;align-items:center}@media(min-width:1024px){.nav-wide{display:flex;gap:var(--k-s-5)}.nav-wide form{margin:0}.menu{display:none}}.site-footer{margin-top:auto;background:var(--k-surface);border-top:1px solid var(--k-border);font-size:var(--k-fs-small)}.footer-inner{display:grid;gap:var(--k-s-3);padding-block:var(--k-s-6)}.footer-inner p{margin:0}.footer-inner nav{display:flex;flex-wrap:wrap;gap:var(--k-s-2) var(--k-s-5)}.footer-inner nav a{display:inline-flex;align-items:center;min-height:44px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}