:root{color-scheme:dark}body[data-theme=dark],body:not([data-theme]){--bg: #0b0e14;--bg2: #0f1420;--panel: rgba(255,255,255,.05);--panel2: rgba(255,255,255,.07);--border: rgba(255,255,255,.1);--border2: rgba(255,255,255,.16);--text: rgba(255,255,255,.9);--muted: rgba(255,255,255,.65);--muted2: rgba(255,255,255,.48);--brandA: rgba(56,189,248,.95);--brandB: rgba(236,72,153,.9);--good: rgba(34,197,94,.95);--warn: rgba(245,158,11,.95);--bad: rgba(244,63,94,.95)}body[data-theme=light]{color-scheme:light;--bg: #f7fbff;--bg2: #ffffff;--panel: rgba(0,0,0,.04);--panel2: rgba(0,0,0,.06);--border: rgba(0,0,0,.1);--border2: rgba(0,0,0,.16);--text: rgba(10,14,20,.92);--muted: rgba(10,14,20,.65);--muted2: rgba(10,14,20,.52);--brandA: rgba(2,132,199,.95);--brandB: rgba(251,113,133,.92);--good: rgba(5,150,105,.95);--warn: rgba(217,119,6,.95);--bad: rgba(225,29,72,.95)}.xw-shell{height:100%;display:flex;flex-direction:column;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.xw-topbar{display:flex;gap:16px;align-items:center;padding:calc(10px + env(safe-area-inset-top)) 12px 10px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg2) 70%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.xw-brand{display:flex;align-items:center;gap:12px;min-width:260px}.xw-badge{width:42px;height:42px;border-radius:14px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);background:var(--panel);font-weight:700}.xw-title{font-weight:700;letter-spacing:.02em}.xw-sub{font-size:12px;opacity:.65}.xw-nav{display:flex;gap:8px;align-items:center;flex:1;min-width:0;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.xw-menu-btn{display:none;margin-left:auto;height:40px;width:44px;border-radius:14px;border:1px solid var(--border);background:var(--panel);color:var(--text)}.xw-menu-btn:hover{background:var(--panel2);border-color:var(--border2)}.xw-menu-btn:focus-visible{outline:none;box-shadow:0 0 0 4px color-mix(in srgb,var(--brandA) 16%,transparent)}.xw-menu-icon{display:inline-flex;flex-direction:column;justify-content:center;gap:4px}.xw-menu-icon>span{display:block;width:18px;height:2px;background:color-mix(in srgb,var(--text) 88%,transparent);border-radius:2px}.xw-link{flex:0 0 auto;white-space:nowrap;padding:8px 11px;border-radius:12px;border:1px solid var(--border);background:var(--panel);color:inherit;text-decoration:none;font-size:13px}.xw-link:hover{background:var(--panel2);border-color:var(--border2)}.xw-link-active{background:color-mix(in srgb,var(--brandA) 14%,transparent);border-color:color-mix(in srgb,var(--brandA) 40%,var(--border))}.xw-right{display:flex;align-items:center;gap:10px}.xw-lang{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:12px;border:1px solid var(--border);background:var(--panel)}.xw-lang-label{font-size:12px;color:var(--muted);white-space:nowrap}.xw-lang-select{background:transparent;color:var(--text);border:0;outline:none;font-size:13px;padding:2px 0}.xw-lang-select option{background:var(--bg2);color:var(--text)}.xw-ext{color:var(--muted);text-decoration:none;font-size:13px;border:1px solid var(--border);background:var(--panel);padding:7px 10px;border-radius:12px}.xw-ext:hover{background:var(--panel2);border-color:var(--border2)}.xw-main{flex:1;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch}.xw-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999}.xw-drawer-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#0000008c}.xw-drawer-panel{position:absolute;top:0;right:0;height:100%;width:min(360px,88vw);background:color-mix(in srgb,var(--bg) 92%,transparent);border-left:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;flex-direction:column;padding:calc(12px + env(safe-area-inset-top)) 12px 12px}.xw-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.08)}.xw-drawer-title{font-weight:700}.xw-drawer-close{height:38px;padding:0 12px;border-radius:12px;border:1px solid var(--border);background:var(--panel);color:var(--text)}.xw-drawer-lang{padding-top:12px}.xw-lang-in-drawer{width:100%;justify-content:space-between}.xw-drawer-links{display:flex;flex-direction:column;gap:8px;padding-top:12px;overflow:auto}.xw-drawer-link{display:block;padding:12px;border-radius:14px;border:1px solid var(--border);background:var(--panel);color:var(--text);text-decoration:none;font-size:14px}.xw-drawer-link-active{background:#38bdf81a;border-color:#38bdf859}@media(max-width:860px){.xw-brand{min-width:0}.xw-sub,.xw-nav,.xw-right{display:none}.xw-menu-btn{display:inline-flex;align-items:center;justify-content:center}}.xw-frame-wrap{height:100%;display:flex;flex-direction:column}.xw-frame-head{padding:12px 14px;border-bottom:1px solid var(--border);display:flex;align-items:baseline;justify-content:space-between;gap:12px}.xw-frame-title{font-weight:600}.xw-frame-hint{font-size:12px;color:var(--muted2)}.xw-frame-hint code{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.xw-frame{width:100%;flex:1;border:0;background:var(--bg)}.xw-gate-wrap{min-height:100%;display:grid;place-items:center;padding:18px}.xw-gate-card{width:min(100%,520px)}.xw-gate-eyebrow{display:inline-flex;align-items:center;margin-bottom:8px;padding:5px 10px;border-radius:999px;border:1px solid var(--border);background:color-mix(in srgb,var(--brandA) 10%,var(--panel));color:var(--muted);font-size:12px}.xw-gate-title{font-size:24px}.xw-gate-text{margin:10px 0 0;color:var(--muted);line-height:1.5}.xw-gate-form{margin-top:14px}.xw-landing{min-height:100%;background:radial-gradient(900px 420px at 18% 8%,color-mix(in srgb,var(--brandA) 18%,transparent),transparent 62%),radial-gradient(760px 420px at 84% 14%,color-mix(in srgb,var(--brandB) 16%,transparent),transparent 62%),linear-gradient(180deg,var(--bg2),var(--bg))}.xw-landing-hero{padding:22px 14px 10px}.xw-landing-hero-inner{max-width:1100px;margin:0 auto}.xw-h1{margin:14px 0 0;font-size:clamp(30px,5vw,54px);line-height:1.06;letter-spacing:-.02em}.xw-grad{background:linear-gradient(90deg,var(--brandA),var(--brandB));-webkit-background-clip:text;background-clip:text;color:transparent}.xw-lead{margin:12px 0 0;max-width:880px;color:var(--muted);font-size:16px;line-height:1.55}.xw-cta-row{margin-top:16px;display:grid;grid-template-columns:1.4fr .9fr;gap:12px}.xw-cta-card{border:1px solid var(--border);background:var(--panel);border-radius:18px;padding:14px}.xw-cta-title{font-weight:700;font-size:16px}.xw-cta-text{margin-top:8px;color:var(--muted);line-height:1.5}.xw-cta-badges{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}.xw-badge2{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:color-mix(in srgb,var(--brandA) 10%,var(--panel));color:var(--muted);font-size:12px}.xw-cta-actions{border:1px solid var(--border);background:var(--panel);border-radius:18px;padding:14px;display:flex;flex-direction:column;gap:10px}.xw-btn{display:flex;flex-direction:column;justify-content:center;gap:2px;width:100%;min-height:42px;border-radius:14px;border:1px solid var(--border);background:var(--panel2);color:var(--text);font-size:14px;text-align:left;padding:10px 12px;text-decoration:none}.xw-btn:hover{border-color:var(--border2)}.xw-btn-primary{background:linear-gradient(90deg,color-mix(in srgb,var(--brandA) 24%,var(--panel2)),color-mix(in srgb,var(--brandB) 18%,var(--panel2)));border-color:color-mix(in srgb,var(--brandA) 40%,var(--border))}.xw-btn-secondary{background:color-mix(in srgb,var(--good) 10%,var(--panel2));border-color:color-mix(in srgb,var(--good) 28%,var(--border))}.xw-small{font-size:12px;color:var(--muted2)}.xw-mono{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.xw-note{border:1px solid var(--border);background:color-mix(in srgb,var(--warn) 10%,var(--panel));border-radius:14px;padding:10px 12px;color:var(--muted);font-size:13px;line-height:1.4}.xw-landing-grid{max-width:1100px;margin:0 auto;padding:10px 14px 22px;display:grid;grid-template-columns:1.2fr 1fr;gap:12px}.xw-panel{border:1px solid var(--border);background:var(--panel);border-radius:18px;padding:14px}.xw-h2{margin:0;font-size:16px}.xw-cards{margin-top:10px;display:grid;grid-template-columns:1fr;gap:10px}.xw-card{border:1px solid var(--border);background:var(--panel2);border-radius:16px;padding:12px}.xw-card-title{font-weight:700}.xw-card-text{margin-top:6px;color:var(--muted);line-height:1.45}.xw-samples{margin-top:10px;display:grid;grid-template-columns:1fr;gap:10px}.xw-sample{text-decoration:none;color:inherit;border:1px solid var(--border);background:var(--panel2);border-radius:18px;overflow:hidden}.xw-sample-top{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--border)}.xw-sample-dot{width:10px;height:10px;border-radius:999px;background:linear-gradient(90deg,var(--brandA),var(--brandB));box-shadow:0 0 0 6px color-mix(in srgb,var(--brandA) 18%,transparent)}.xw-sample-title{font-weight:600}.xw-sample-body{padding:12px;display:flex;flex-direction:column;gap:10px}.xw-skel{height:16px;border-radius:10px;background:linear-gradient(90deg,color-mix(in srgb,var(--border) 60%,transparent),color-mix(in srgb,var(--border2) 40%,transparent),color-mix(in srgb,var(--border) 60%,transparent));background-size:220% 100%;animation:xw-shimmer 1.6s ease-in-out infinite}.skel-wide{height:18px}.skel-tall{height:64px}.xw-skel-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}@keyframes xw-shimmer{0%{background-position:0% 0%;opacity:.7}50%{background-position:100% 0%;opacity:1}to{background-position:0% 0%;opacity:.7}}.xw-login .xw-form{margin-top:10px;display:flex;flex-direction:column;gap:10px}.xw-label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}.xw-input{height:42px;border-radius:14px;border:1px solid var(--border);background:color-mix(in srgb,var(--bg2) 75%,transparent);color:var(--text);padding:0 12px;outline:none}.xw-input:focus{border-color:color-mix(in srgb,var(--brandA) 45%,var(--border2));box-shadow:0 0 0 4px color-mix(in srgb,var(--brandA) 12%,transparent)}.xw-error{border:1px solid color-mix(in srgb,var(--bad) 32%,var(--border));background:color-mix(in srgb,var(--bad) 10%,var(--panel));border-radius:14px;padding:10px 12px;color:var(--text);font-size:13px}.xw-success{margin-top:10px;border:1px solid color-mix(in srgb,var(--good) 32%,var(--border));background:color-mix(in srgb,var(--good) 10%,var(--panel));border-radius:14px;padding:10px 12px;color:var(--text);font-size:13px}.xw-footer{padding:0 14px 20px;max-width:1100px;margin:0 auto}@media(max-width:980px){.xw-cta-row,.xw-landing-grid{grid-template-columns:1fr}.xw-skel-row{grid-template-columns:1fr 1fr}}@media(max-width:520px){.xw-skel-row{grid-template-columns:1fr}}