:root{--bg-deep: #050810;--bg-surface: #0a0f1a;--bg-elevated: #111827;--coral-bright: #ff4d4d;--coral-mid: #e63946;--coral-dark: #991b1b;--cyan-bright: #00e5cc;--cyan-mid: #14b8a6;--cyan-glow: rgba(0, 229, 204, .4);--text-primary: #f0f4ff;--text-secondary: #8892b0;--text-muted: #5a6480;--border-subtle: rgba(136, 146, 176, .15);--border-accent: rgba(255, 77, 77, .3);--surface-card: rgba(10, 15, 26, .65);--surface-card-strong: rgba(10, 15, 26, .8);--surface-overlay: rgba(0, 0, 0, .3);--surface-interactive: rgba(255, 255, 255, .1);--surface-interactive-hover: rgba(255, 255, 255, .2);--surface-cyan-soft: rgba(0, 229, 204, .15);--surface-coral-soft: rgba(255, 77, 77, .15);--surface-inset-highlight: rgba(255, 255, 255, .05);--newsletter-gradient: linear-gradient( 135deg, rgba(255, 77, 77, .05) 0%, rgba(10, 15, 26, .8) 50%, rgba(0, 229, 204, .03) 100% );--press-featured-gradient: linear-gradient(135deg, rgba(255, 77, 77, .05) 0%, rgba(10, 15, 26, .7) 100%);--shadow-coral-soft: rgba(255, 77, 77, .15);--shadow-coral-mid: rgba(255, 77, 77, .25);--shadow-coral-strong: rgba(255, 77, 77, .35);--shadow-cyan-soft: rgba(0, 229, 204, .15);--shadow-github-soft: rgba(240, 244, 255, .1);--github-hover-color: #f0f4ff;--hero-title-start: #f0f4ff;--hero-title-end: #00e5cc;--logo-gradient-start: #ff4d4d;--logo-gradient-end: #991b1b;--logo-glow: rgba(255, 77, 77, .4);--logo-glow-hover: rgba(0, 229, 204, .6);--font-display: "Clash Display","Inter","Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;--font-body: "Satoshi","Inter","Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;--font-mono: "SF Mono", "Fira Code", "JetBrains Mono", monospace}html[data-theme=light]{--bg-deep: #fcfeff;--bg-surface: #ffffff;--bg-elevated: #f5f9ff;--coral-bright: #ef4b58;--coral-mid: #de3f4d;--coral-dark: #c43645;--cyan-bright: #008f87;--cyan-mid: #00766e;--cyan-glow: rgba(0, 143, 135, .24);--text-primary: #0b1220;--text-secondary: #2e405c;--text-muted: #5f7290;--border-subtle: rgba(15, 23, 42, .16);--border-accent: rgba(239, 75, 88, .34);--surface-card: rgba(255, 255, 255, .88);--surface-card-strong: rgba(255, 255, 255, .95);--surface-overlay: rgba(160, 174, 194, .26);--surface-interactive: rgba(15, 23, 42, .1);--surface-interactive-hover: rgba(15, 23, 42, .16);--surface-cyan-soft: rgba(0, 143, 135, .16);--surface-coral-soft: rgba(239, 75, 88, .16);--surface-inset-highlight: rgba(15, 23, 42, .06);--newsletter-gradient: linear-gradient( 135deg, rgba(239, 75, 88, .11) 0%, rgba(255, 255, 255, .98) 52%, rgba(0, 143, 135, .12) 100% );--press-featured-gradient: linear-gradient(135deg, rgba(239, 75, 88, .13) 0%, rgba(255, 255, 255, .96) 100%);--shadow-coral-soft: rgba(239, 75, 88, .19);--shadow-coral-mid: rgba(239, 75, 88, .27);--shadow-coral-strong: rgba(239, 75, 88, .33);--shadow-cyan-soft: rgba(0, 143, 135, .22);--shadow-github-soft: rgba(11, 18, 32, .2);--github-hover-color: #0b1220;--hero-title-start: #c93342;--hero-title-end: #f04d5a;--logo-gradient-start: #ff7079;--logo-gradient-end: #ea4c59;--logo-glow: rgba(239, 75, 88, .2);--logo-glow-hover: rgba(0, 143, 135, .35)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg-deep);color:var(--text-primary);line-height:1.72;min-height:100vh;transition:background-color .25s ease,color .25s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html[data-theme=light] body{background:radial-gradient(1200px circle at 12% -10%,rgba(224,53,67,.04),transparent 58%),radial-gradient(900px circle at 88% -12%,rgba(0,143,135,.05),transparent 56%),var(--bg-deep)}::selection{background:var(--coral-bright);color:var(--bg-deep)}html[data-theme=light] .stars{opacity:.28;filter:saturate(.6)}html[data-theme=light] .nebula{opacity:.45}.theme-toggle{position:fixed;top:16px;right:16px;z-index:999;width:40px;height:40px;display:grid;place-items:center;padding:0;border-radius:999px;border:1px solid var(--border-subtle);background:var(--surface-card-strong);cursor:pointer;backdrop-filter:blur(10px);transition:all .2s ease}.theme-toggle:hover{border-color:var(--border-accent);transform:translateY(-1px);box-shadow:0 10px 24px color-mix(in srgb,var(--coral-bright) 20%,transparent)}.theme-toggle:focus-visible{outline:2px solid var(--cyan-bright);outline-offset:2px}.theme-toggle-icon{font-size:1.05rem;line-height:1;color:var(--text-secondary);transition:transform .2s ease,color .2s ease}.theme-toggle:hover .theme-toggle-icon{color:var(--text-primary);transform:rotate(10deg) scale(1.04)}@media(max-width:640px){.theme-toggle{top:10px;right:10px;width:36px;height:36px}}

.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-title{font-family:var(--font-display);font-size:1.4rem;font-weight:600;margin-bottom:0;display:flex;align-items:center;gap:10px}.section-link{font-size:.9rem;color:var(--coral-bright);text-decoration:none;font-weight:500;transition:color .2s ease}.section-link:hover{color:var(--cyan-bright)}.claw-accent{color:var(--coral-bright);font-weight:700}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.stars{position:fixed;inset:0;background-image:radial-gradient(2px 2px at 20px 30px,rgba(255,255,255,.8),transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 90px 40px,rgba(255,255,255,.6),transparent),radial-gradient(2px 2px at 130px 80px,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 160px 120px,rgba(255,255,255,.7),transparent),radial-gradient(2px 2px at 200px 60px,rgba(0,229,204,.6),transparent),radial-gradient(1px 1px at 250px 150px,rgba(255,255,255,.5),transparent),radial-gradient(2px 2px at 300px 40px,rgba(255,77,77,.4),transparent);background-size:350px 200px;animation:twinkle 8s ease-in-out infinite alternate;pointer-events:none;z-index:0}@keyframes twinkle{0%{opacity:.4}to{opacity:.7}}.nebula{position:fixed;inset:0;background:radial-gradient(ellipse 80% 50% at 20% 20%,rgba(255,77,77,.12),transparent 50%),radial-gradient(ellipse 60% 60% at 80% 30%,rgba(0,229,204,.08),transparent 50%),radial-gradient(ellipse 90% 70% at 50% 90%,rgba(255,77,77,.06),transparent 50%);pointer-events:none;z-index:0}.container{position:relative;z-index:1;max-width:860px;margin:0 auto;padding:60px 24px 40px;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}.hero{text-align:center;margin-bottom:56px;animation:fadeInUp .8s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.lobster-icon{width:100px;height:100px;margin:0 auto 24px;animation:float 4s ease-in-out infinite;cursor:pointer;transition:transform .3s ease}.lobster-icon:hover{transform:scale(1.1);animation:none}.lobster-icon svg{width:100%;height:100%;filter:drop-shadow(0 0 20px var(--logo-glow));transition:filter .3s ease}.lobster-icon:hover svg{filter:drop-shadow(0 0 30px var(--logo-glow-hover))}.lobster-icon .eye-glow{animation:blink 3s ease-in-out infinite}.lobster-icon .antenna{animation:wiggle 2s ease-in-out infinite;transform-origin:center}.lobster-icon .claw-left{animation:clawSnap 4s ease-in-out infinite;transform-origin:right center}.lobster-icon .claw-right{animation:clawSnap 4s ease-in-out infinite .2s;transform-origin:left center}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes blink{0%,90%,to{opacity:1}95%{opacity:.3}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}@keyframes clawSnap{0%,85%,to{transform:rotate(0)}90%{transform:rotate(-8deg)}95%{transform:rotate(0)}}.title{font-family:var(--font-display);font-size:clamp(3rem,10vw,4.5rem);font-weight:700;letter-spacing:-.03em;line-height:1;margin-bottom:12px}.title-main{background:linear-gradient(135deg,var(--hero-title-start) 0%,var(--coral-bright) 52%,var(--hero-title-end) 100%);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 6s ease infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.tagline{font-family:var(--font-display);font-size:1.1rem;font-weight:500;color:var(--coral-bright);letter-spacing:.15em;text-transform:uppercase;margin-bottom:20px;animation:fadeInUp .8s ease-out .15s both}.tagline.dalek-mode{color:var(--cyan-bright);animation:shake .1s ease-in-out infinite;text-shadow:0 0 10px var(--cyan-glow)}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}.description{font-size:1.1rem;color:var(--text-secondary);max-width:780px;margin:0 auto;line-height:1.7;animation:fadeInUp .8s ease-out .3s both}.cta-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:56px;animation:fadeInUp .8s ease-out .45s both}@media(min-width:640px){.cta-grid{grid-template-columns:repeat(4,1fr)}}.cta{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 16px;border-radius:16px;border:1px solid var(--border-subtle);background:var(--surface-card);backdrop-filter:blur(12px);text-decoration:none;color:var(--text-primary);transition:all .25s cubic-bezier(.4,0,.2,1)}.cta:hover{transform:translateY(-4px);border-color:var(--border-accent);box-shadow:0 12px 40px var(--shadow-coral-soft),inset 0 1px 0 var(--surface-inset-highlight)}.cta-icon{width:28px;height:28px;color:var(--coral-bright);transition:transform .25s ease}.cta:hover .cta-icon{transform:scale(1.1)}.cta-discord:hover{border-color:#5865f2;box-shadow:0 12px 40px #5865f233}.cta-discord:hover .cta-icon{color:#5865f2}.cta-docs:hover{border-color:var(--cyan-bright);box-shadow:0 12px 40px var(--shadow-cyan-soft)}.cta-docs:hover .cta-icon{color:var(--cyan-bright)}.cta-github:hover{border-color:var(--github-hover-color);box-shadow:0 12px 40px var(--shadow-github-soft)}.cta-github:hover .cta-icon{color:var(--github-hover-color)}.cta-skills:hover{border-color:#fbbf24;box-shadow:0 12px 40px #fbbf2426}.cta-skills:hover .cta-icon{color:#fbbf24}.cta-label{font-family:var(--font-display);font-weight:600;font-size:1rem}.cta-sub{font-size:.8rem;color:var(--text-muted)}.newsletter{margin-bottom:56px;animation:fadeInUp .8s ease-out .7s both}.newsletter-content{text-align:center;padding:40px 32px;border-radius:20px;border:1px solid var(--border-subtle);background:var(--newsletter-gradient);backdrop-filter:blur(12px)}.newsletter-title{font-family:var(--font-display);font-size:1.4rem;font-weight:600;margin-bottom:8px;display:flex;align-items:center;justify-content:center;gap:10px}.newsletter-title .claw-accent{color:var(--coral-bright);font-weight:700}.newsletter-desc{font-size:.95rem;color:var(--text-secondary);margin-bottom:24px;max-width:400px;margin-left:auto;margin-right:auto}.newsletter-form{display:flex;gap:12px;max-width:440px;margin:0 auto}.newsletter-input{flex:1;padding:14px 18px;border-radius:12px;border:1px solid var(--border-subtle);background:var(--surface-card-strong);color:var(--text-primary);font-family:var(--font-body);font-size:.95rem;outline:none;transition:all .25s ease}.newsletter-input::placeholder{color:var(--text-muted)}.newsletter-input:focus{border-color:var(--coral-bright);box-shadow:0 0 0 3px color-mix(in srgb,var(--coral-bright) 22%,transparent)}.newsletter-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 24px;border-radius:12px;border:none;background:linear-gradient(135deg,var(--coral-bright) 0%,var(--coral-dark) 100%);color:#fff;font-family:var(--font-display);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px var(--shadow-coral-mid)}.newsletter-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px var(--shadow-coral-strong)}.newsletter-btn:active{transform:translateY(0)}.newsletter-btn svg{width:18px;height:18px;transition:transform .2s ease}.newsletter-btn:hover svg{transform:translate(3px)}@media(max-width:480px){.newsletter-content{padding:28px 20px}.newsletter-form{flex-direction:column}.newsletter-input{width:100%}.newsletter-btn{width:100%;justify-content:center}}.features{margin-bottom:56px;animation:fadeInUp .8s ease-out .55s both}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media(min-width:640px){.features-grid{grid-template-columns:repeat(3,1fr)}}.feature-card{display:block;padding:20px;border-radius:14px;border:1px solid var(--border-subtle);background:var(--surface-card);backdrop-filter:blur(12px);transition:all .25s cubic-bezier(.4,0,.2,1);text-decoration:none;color:inherit;cursor:pointer}.feature-card:hover{transform:translateY(-4px);border-color:var(--coral-bright);box-shadow:0 12px 40px color-mix(in srgb,var(--coral-bright) 20%,transparent)}.feature-icon{display:flex;align-items:center;justify-content:center;margin-bottom:12px}.feature-icon svg{width:28px;height:28px}.feature-title{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:6px;text-align:center}.feature-desc{font-size:.85rem;color:var(--text-muted);line-height:1.5}.integrations-preview{margin-bottom:56px;animation:fadeInUp .8s ease-out .6s both}.integrations-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:16px}.integration-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:20px;border:1px solid var(--border-subtle);background:var(--surface-card);backdrop-filter:blur(8px);font-size:.85rem;color:var(--text-secondary);transition:all .25s cubic-bezier(.4,0,.2,1);cursor:default}.integration-pill svg{width:16px;height:16px;flex-shrink:0;transition:all .2s ease}.integration-pill:hover{border-color:var(--coral-bright);transform:translateY(-4px);box-shadow:0 8px 24px color-mix(in srgb,var(--coral-bright) 20%,transparent)}.integrations-links{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}.integrations-link{color:var(--coral-bright);text-decoration:none;font-size:.9rem;font-weight:500;transition:color .2s ease}.integrations-link:hover{color:var(--cyan-bright)}.link-separator{color:var(--text-muted);font-size:.9rem}.press-section{margin-bottom:56px;animation:fadeInUp .8s ease-out .65s both}.press-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}@media(max-width:640px){.press-grid{grid-template-columns:1fr}}.press-card{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px 28px;border-radius:16px;border:1px solid var(--border-subtle);background:var(--surface-card-strong);backdrop-filter:blur(12px);text-decoration:none;color:var(--text-primary);transition:all .25s cubic-bezier(.4,0,.2,1);text-align:center}.press-card:hover{transform:translateY(-4px);border-color:var(--coral-bright);box-shadow:0 12px 40px var(--shadow-coral-soft)}.press-logo{display:flex;align-items:center;gap:10px}.press-icon{width:28px;height:28px;color:var(--text-muted)}.press-name{font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:var(--text-secondary);letter-spacing:.02em}.press-quote{font-family:var(--font-display);font-size:1rem;font-weight:500;line-height:1.5;color:var(--text-primary);margin:0;font-style:italic}.press-author{font-size:.9rem;color:var(--coral-bright);font-weight:500}.press-featured{border-color:var(--border-accent);background:var(--press-featured-gradient)}.quickstart{margin-bottom:56px;animation:fadeInUp .8s ease-out .6s both}.code-block{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:12px;overflow:hidden}.code-header{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--surface-overlay);border-bottom:1px solid var(--border-subtle)}.code-content{padding:16px 20px;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.9rem;line-height:1.6}.code-line{display:flex;align-items:center;gap:8px;padding:4px 0}.code-line.comment{color:var(--text-muted);font-style:italic}.code-line.cmd{color:var(--text-primary)}.copy-line-btn{opacity:.6;margin-left:auto;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:6px;background:var(--surface-interactive);color:var(--text-muted);cursor:pointer;transition:all .2s ease;flex-shrink:0}.code-line:hover .copy-line-btn{opacity:1}.copy-line-btn:hover{background:var(--surface-interactive-hover);color:var(--text-primary)}.copy-line-btn.copied{opacity:1;background:var(--surface-cyan-soft);color:var(--cyan-bright)}.copy-line-btn svg{width:14px;height:14px}.code-dot{width:12px;height:12px;border-radius:50%;background:var(--text-muted)}.code-dot:nth-child(1){background:#ff5f57}.code-dot:nth-child(2){background:#febc2e}.code-dot:nth-child(3){background:#28c840}.code-title{margin-left:auto;font-size:.75rem;color:var(--text-muted);font-family:var(--font-mono)}.mode-switch,.pm-switch,.hackable-switch,.os-switch{display:flex;gap:4px;background:var(--surface-overlay);padding:3px;border-radius:6px}.pm-switch,.hackable-switch,.os-switch{margin-left:auto}.mode-btn,.pm-btn,.hackable-btn,.os-btn{font-family:var(--font-mono);font-size:.7rem;padding:4px 10px;border:none;border-radius:4px;background:transparent;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.mode-btn:hover,.pm-btn:hover,.hackable-btn:hover,.os-btn:hover{color:var(--text-secondary)}.pm-btn.active,.hackable-btn.active,.os-btn.active{background:var(--coral-bright);color:var(--bg-deep);font-weight:600}.mode-btn.active{background:var(--cyan-bright);color:var(--bg-deep);font-weight:600}.beta-switch{margin-left:8px}.switch-placeholder{display:none;height:26px;margin-left:auto}.beta-btn{display:flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:.7rem;padding:4px 10px;border:1px solid var(--border-subtle);border-radius:4px;background:transparent;color:var(--text-muted);cursor:pointer;transition:all .2s ease}.beta-btn:hover{border-color:var(--cyan-bright);color:var(--cyan-bright)}.beta-btn.active{background:var(--surface-cyan-soft);border-color:var(--cyan-bright);color:var(--cyan-bright)}.beta-label{font-weight:700;font-size:.8rem}.beta-text{text-transform:uppercase;letter-spacing:.05em}.pm-cmd,.pm-install{color:var(--cyan-bright)}.code-block pre{padding:20px;overflow-x:auto}.code-block code{font-family:var(--font-mono);font-size:.9rem;line-height:1.7;color:var(--text-secondary)}.code-comment{color:var(--text-muted)}.code-prompt{color:var(--coral-bright);user-select:none}.quickstart-note{margin-top:16px;font-size:.9rem;color:var(--text-muted);text-align:center}.macos-app-content{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px 16px;text-align:center}.macos-description{display:flex;flex-direction:column;gap:4px}.macos-tagline{font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:var(--text-primary)}.macos-subtitle{font-size:.9rem;color:var(--text-muted)}.macos-download-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;background:linear-gradient(135deg,var(--coral-bright) 0%,var(--coral-dark) 100%);border:none;border-radius:12px;color:#fff;font-family:var(--font-display);font-size:1rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px var(--shadow-coral-mid)}.macos-download-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px var(--shadow-coral-strong)}.macos-download-btn svg{width:20px;height:20px}.macos-meta{font-size:.8rem;color:var(--text-muted)}.sponsors{margin-bottom:56px;animation:fadeInUp .8s ease-out .72s both}.sponsors .section-title{margin-bottom:24px}.sponsors-grid{display:flex;align-items:center;justify-content:center;gap:40px;flex-wrap:wrap}.sponsor-card{display:flex;align-items:center;justify-content:center;padding:20px 32px;border-radius:16px;border:1px solid var(--border-subtle);background:var(--surface-card);backdrop-filter:blur(12px);text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1)}.sponsor-card:hover{transform:translateY(-4px);border-color:var(--border-accent);box-shadow:0 12px 40px var(--shadow-coral-soft)}.sponsor-logo{height:36px;width:auto;opacity:.7;transition:opacity .25s ease}html[data-theme=light] .sponsor-logo-invert-on-light{filter:invert(1);opacity:.8}.sponsor-card:hover .sponsor-logo{opacity:1}.sponsor-logo-openai,.sponsor-logo-blacksmith{height:32px}.sponsor-logo-convex,.sponsor-logo-vercel{height:28px}.sponsor-logo-light-only,html[data-theme=light] .sponsor-logo-dark-only{display:none}html[data-theme=light] .sponsor-logo-light-only{display:block}@media(max-width:480px){.sponsors-grid{gap:16px}.sponsor-card{padding:16px 24px}.sponsor-logo{height:28px}.sponsor-logo-openai,.sponsor-logo-blacksmith{height:24px}.sponsor-logo-convex,.sponsor-logo-vercel{height:22px}}.footer{margin-top:auto;padding-top:40px;text-align:center;font-size:.9rem;color:var(--text-muted);animation:fadeInUp .8s ease-out .75s both}.footer-nav{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;column-gap:8px;row-gap:8px;margin-bottom:16px;font-size:.95rem}.footer-separator{color:var(--text-muted);margin:0 4px}.footer a{color:var(--coral-bright);text-decoration:none;transition:color .2s ease}.footer a:hover{color:var(--cyan-bright)}.footer .disclaimer{margin-top:12px;font-size:.8rem;color:var(--text-muted);opacity:.7}.latest-post{margin-bottom:40px;animation:fadeInUp .8s ease-out .5s both;text-align:center}.latest-post-card{display:inline-flex;align-items:center;gap:12px;padding:10px 20px;border-radius:50px;background:var(--surface-card-strong);border:1px solid var(--border-subtle);text-decoration:none;transition:all .3s ease}.latest-post-card:hover{border-color:var(--coral-bright);box-shadow:0 4px 20px var(--shadow-coral-mid)}.latest-post-badge{padding:3px 8px;border-radius:12px;background:var(--coral-bright);color:#fff;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.latest-post-title{font-size:.9rem;color:var(--text-primary)}.latest-post-link{color:var(--text-muted);transition:color .2s}.latest-post-card:hover .latest-post-link{color:var(--coral-bright)}.testimonials{margin-bottom:56px;animation:fadeInUp .8s ease-out .75s both;overflow:hidden;margin-left:-24px;margin-right:-24px;padding:0 24px}.testimonials .section-header{padding:0 24px}.testimonials-track{display:flex;flex-direction:column;gap:8px;margin-left:-24px;margin-right:-24px;overflow:hidden;mask-image:linear-gradient(to right,transparent,black 5%,black 95%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 5%,black 95%,transparent)}.testimonials-track:focus-within .testimonials-row{animation-play-state:paused}.testimonials-row{display:flex;gap:16px;width:max-content;padding:8px 0}.row-1{animation:scroll-left var(--duration, 80s) linear infinite}.row-2{animation:scroll-right var(--duration, 90s) linear infinite}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes scroll-right{0%{transform:translate(-50%)}to{transform:translate(0)}}.testimonial-card{display:flex;align-items:flex-start;gap:12px;padding:16px;min-width:320px;max-width:400px;border-radius:12px;border:1px solid var(--border-subtle);background:var(--surface-card-strong);backdrop-filter:blur(8px);text-decoration:none;color:var(--text-primary);transition:all .25s cubic-bezier(.4,0,.2,1);flex-shrink:0}.testimonial-card:hover{border-color:var(--coral-bright);transform:translateY(-2px);box-shadow:0 8px 24px var(--shadow-coral-soft)}.testimonials-row:hover{animation-play-state:paused}.testimonial-avatar{width:44px;height:44px;border-radius:50%;flex-shrink:0;border:2px solid var(--border-subtle);background:var(--bg-elevated)}.testimonial-content{display:flex;flex-direction:column;gap:6px;min-width:0}.testimonial-quote{font-size:.9rem;line-height:1.5;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.testimonial-author{font-size:.8rem;font-weight:600;color:var(--coral-bright)}@media(max-width:480px){.container{padding:40px 16px 32px}.lobster-icon{width:80px;height:80px}.cta{padding:20px 12px}.cta-label{font-size:.9rem}.testimonials{margin-left:-16px;margin-right:-16px;padding:0 16px}.testimonials .section-header{padding:0 16px}.testimonials-track{margin-left:-16px;margin-right:-16px}.testimonial-card{min-width:280px;max-width:320px;padding:12px}.testimonial-avatar{width:36px;height:36px}.testimonial-quote{font-size:.85rem}.footer-nav{gap:6px;font-size:.85rem}.footer a{display:inline-block}.footer-separator{margin:0 2px}.code-header{flex-wrap:wrap;gap:8px}.code-dot{order:0}.os-switch,.pm-switch,.hackable-switch,.beta-switch,.switch-placeholder{order:1;margin-left:auto}.mode-switch{order:2;width:100%;justify-content:center;margin-top:4px}.mode-btn{padding:6px 8px;font-size:.65rem}.os-btn,.pm-btn{padding:4px 8px;font-size:.65rem}.code-content{padding:12px 14px;font-size:.65rem}.code-line{gap:6px}.macos-download-btn{padding:12px 20px;font-size:.9rem}}@media(min-width:481px)and (max-width:768px){.footer-nav{gap:10px;font-size:.9rem}.footer a{display:inline-block}.footer-separator{margin:0 6px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:focus-visible{outline:3px solid var(--cyan-bright);outline-offset:4px;border-radius:4px}@media(prefers-reduced-motion:reduce){,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}


/* WordPress wrapper alignment */
.oc-topbar{display:none!important;}
.oc-footer{border-top:0;background:transparent;margin-top:0;}
.oc-footer .oc-container{max-width:860px;padding:0 24px 32px;}
.oc-footer-inner{justify-content:center;flex-direction:column;gap:8px;color:var(--text-muted);}
.oc-footer-brand{text-align:center;line-height:1.6;max-width:52rem;margin:0 auto}
.oc-footer-brand a{color:var(--coral-bright);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--coral-bright) 35%,transparent)}
.oc-footer-brand a:hover{color:var(--cyan-bright);border-bottom-color:color-mix(in srgb,var(--cyan-bright) 45%,transparent)}
.oc-footer-download{margin-bottom:6px}
.oc-footer-download a{color:var(--coral-bright);text-decoration:none;font-weight:500}
.oc-footer-download a:hover{color:var(--cyan-bright)}
.oc-footer-sources{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.2rem .55rem}
.oc-footer-source-label{margin-right:.2rem;opacity:.92}
.oc-footer-source-sep{opacity:.55;padding:0 .1rem}
@media (max-width:640px){
  .oc-footer .oc-container{padding:0 20px 28px;}
}

/* Chinese localization tuning */
.section-title{line-height:1.45;}
.feature-title,.cta-label{letter-spacing:.01em;}
.newsletter-input{min-width:0;}
.footer-nav a,.integrations-link,.section-link{white-space:nowrap;}
.latest-post-card{max-width:100%;flex-wrap:wrap;justify-content:center;row-gap:6px;}
.latest-post-title{line-height:1.55;word-break:break-word;}
.feature-desc{line-height:1.7;}
.quickstart-note{line-height:1.75;}
.newsletter-desc{max-width:520px;line-height:1.75;}
.macos-meta{line-height:1.65;}
@media (max-width:768px){
  .section-title{font-size:1.28rem;}
  .latest-post-card{padding:10px 14px;border-radius:16px;}
}
@media (max-width:480px){
  .latest-post-title{font-size:.86rem;}
  .section-link{font-size:.84rem;}
}


/* Docs uninstall page enhancements */
.oc-docs-nav .is-group{margin-top:6px}
.oc-docs-group-btn{width:100%;text-align:left;border:0;background:transparent;color:#d5dff6;font-size:.88rem;padding:8px 10px;border-radius:8px;cursor:pointer}
.oc-docs-group-btn:hover{background:#1a2438}
.oc-docs-nav .is-group ul{list-style:none;margin:4px 0 0;padding:0 0 0 8px}
.oc-docs-nav a.is-active{background:#1a2438;color:#f0f6ff}
.oc-docs-mobile-toggle{display:none}
.oc-docs-sidebar-overlay{display:none}
.oc-copy-btn{position:absolute;top:8px;right:8px;border:1px solid #334764;background:#121c2f;color:#d6e2ff;border-radius:8px;padding:4px 10px;font-size:.75rem;cursor:pointer}
.oc-copy-btn.is-copied{border-color:#3dc1ff;color:#3dc1ff}
.oc-docs-content pre{position:relative}
@media (max-width:980px){.oc-docs-layout{gap:16px}.oc-docs-sidebar{position:fixed;top:0;left:0;width:min(320px,88vw);max-height:100vh;height:100vh;z-index:210;transform:translateX(-102%);transition:transform .25s ease;padding:14px 10px;background:#0b121e;border-right:1px solid #253453}.oc-docs-sidebar.is-open{transform:translateX(0)}.oc-docs-sidebar-overlay{display:block;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:205;opacity:0;pointer-events:none;transition:opacity .2s ease}.oc-docs-sidebar-overlay.is-open{opacity:1;pointer-events:auto}.oc-docs-mobile-toggle{display:inline-flex;align-items:center;justify-content:center;width:fit-content;padding:8px 12px;border-radius:999px;border:1px solid #2b3a58;background:#101a2c;color:#d7e3fe;margin-bottom:10px}}


/* Restored docs layout core styles */
.oc-docs-main{background:#0a0f18;padding:0 0 78px}
.oc-docs-topnav{position:sticky;top:0;z-index:90;border-bottom:1px solid #1f2a3f;background:rgba(10,15,24,.9);backdrop-filter:blur(10px)}
.oc-docs-topnav-inner{width:min(1500px,calc(100% - 28px));margin-inline:auto;min-height:50px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.oc-docs-topnav-inner span{color:#d1daee;font-size:.92rem;font-weight:600}
.oc-docs-topnav-inner ul{list-style:none;margin:0;padding:0;display:flex;gap:14px}
.oc-docs-topnav-inner a{color:#aab6d3;font-size:.86rem;text-decoration:none}
.oc-docs-layout{width:min(1500px,calc(100% - 28px));margin-inline:auto;padding-top:18px;display:grid;grid-template-columns:270px minmax(0,820px) 250px;gap:24px;justify-content:center}
.oc-docs-sidebar,.oc-docs-rightbar{position:sticky;top:76px;align-self:start;max-height:calc(100vh - 90px);overflow:auto}
.oc-docs-sidebar-inner,.oc-docs-rightbar-inner{border-radius:11px;border:1px solid #243149;background:#0f1624;padding:14px}
.oc-sidebar-title,.oc-sidebar-subtitle,.oc-docs-rightbar-inner p{margin:0 0 10px;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:700;color:#8f9fbe}
.oc-docs-nav,.oc-docs-toc{list-style:none;margin:0;padding:0}
.oc-docs-nav a,.oc-docs-toc a{display:block;padding:8px 10px;border-radius:8px;font-size:.88rem;color:#bec9e2;text-decoration:none}
.oc-docs-nav a:hover,.oc-docs-toc a:hover,.oc-docs-toc a.is-active{background:#1a2438;color:#f0f6ff}
.oc-docs-toc-wrap{margin-top:14px;padding-top:12px;border-top:1px solid #243149}
.oc-docs-article{border-radius:12px;border:1px solid #243149;background:#0f1624;padding:28px clamp(20px,3.2vw,46px)}
.oc-docs-breadcrumb{margin:0 0 8px;color:#8fa0c5;font-size:.85rem}
.oc-docs-header h1{margin:0 0 8px;line-height:1.15;font-size:clamp(1.95rem,3.4vw,2.6rem)}
.oc-docs-meta{margin:0;color:#94a5ca;font-size:.88rem}
.oc-docs-skill-stats{margin:.35rem 0 0;color:#94a5ca;font-size:.95rem;line-height:1.5}
.oc-docs-skill-stats strong{color:var(--oc-docs-body-text,#e8eef8);font-weight:600}
.oc-docs-content{margin-top:20px}
.oc-docs-content h2,.oc-docs-content h3{scroll-margin-top:96px}
.oc-docs-content h2{margin:34px 0 12px;padding-bottom:10px;border-bottom:1px solid #243149;font-size:1.55rem}
.oc-docs-content h3{margin:22px 0 10px;font-size:1.16rem}
.oc-docs-content p,.oc-docs-content li{color:#d4dff6}
.oc-docs-content ul,.oc-docs-content ol{padding-left:22px}
.oc-docs-content code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;border:1px solid #2a3650;background:rgba(255,255,255,.04);border-radius:6px;padding:2px 6px}
.oc-docs-content pre{margin:16px 0;border-radius:10px;border:1px solid #2a3650;overflow:auto;background:#0b1322}
.oc-docs-content pre code{border:0;background:transparent;padding:14px 16px;display:block;color:#d8e5ff}
@media (max-width:1200px){.oc-docs-layout{grid-template-columns:260px minmax(0,1fr)}.oc-docs-rightbar{display:none}}
@media (max-width:980px){.oc-docs-layout{grid-template-columns:1fr}.oc-docs-article{padding:22px 16px}.oc-docs-topnav-inner ul{gap:10px}.oc-docs-topnav-inner a{font-size:.82rem}}

/* Use homepage color palette for docs pages */
.openclaw-docs .oc-docs-main,
.openclaw-docs .oc-docs-topnav {
  background: var(--bg-deep);
}

.openclaw-docs .oc-docs-topnav {
  border-bottom-color: var(--border-subtle);
}

.openclaw-docs .oc-docs-sidebar-inner,
.openclaw-docs .oc-docs-rightbar-inner,
.openclaw-docs .oc-docs-article {
  background: var(--surface-card);
  border-color: var(--border-subtle);
}

.openclaw-docs .oc-docs-breadcrumb,
.openclaw-docs .oc-sidebar-title,
.openclaw-docs .oc-sidebar-subtitle,
.openclaw-docs .oc-docs-rightbar-inner p {
  color: var(--text-muted);
}
.openclaw-docs .oc-docs-nav a,
.openclaw-docs .oc-docs-toc a,
.openclaw-docs .oc-docs-topnav-inner a {
  color: var(--text-secondary);
}

.openclaw-docs .oc-docs-nav a:hover,
.openclaw-docs .oc-docs-toc a:hover,
.openclaw-docs .oc-docs-toc a.is-active,
.openclaw-docs .oc-docs-nav a.is-active,
.openclaw-docs .oc-docs-group-btn:hover {
  background: var(--surface-overlay);
  color: var(--text-primary);
}

.openclaw-docs .oc-docs-content p,
.openclaw-docs .oc-docs-content li,
.openclaw-docs .oc-docs-content h2,
.openclaw-docs .oc-docs-content h3 {
  color: var(--text-primary);
}

.openclaw-docs .oc-docs-content h2 {
  border-bottom-color: var(--border-subtle);
}

.openclaw-docs .oc-docs-content pre,
.openclaw-docs .oc-docs-content code {
  border-color: var(--border-subtle);
}


/* Docs zh-CN visual clone overrides */
.openclaw-docs {
  --oc-docs-container: min(1360px, calc(100% - 40px));
  --oc-docs-body-text: #a6a1a0;
}
.openclaw-docs .oc-docs-topnav-inner,
.openclaw-docs .oc-docs-layout {
  width: var(--oc-docs-container);
  max-width: 100%;
  margin-inline: auto;
  box-sizing: border-box;
}
.openclaw-docs .oc-docs-main{background:#0b0a10;padding-bottom:48px}
.openclaw-docs .oc-docs-topnav{background:rgba(12,11,18,.92);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08)}
.openclaw-docs .oc-docs-topnav-primary{top:0;z-index:120}
.openclaw-docs .oc-docs-topnav-secondary{top:46px;z-index:110}
.openclaw-docs .oc-docs-topnav-inner{min-height:46px}
.openclaw-docs .oc-docs-topnav-primary-inner{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;position:relative}
.openclaw-docs .oc-docs-brand-wrap{display:flex;align-items:center;gap:8px;color:#f8e3e3}
.openclaw-docs .oc-docs-brand-dot{width:12px;height:12px;border-radius:999px;background:#ff4d4d;box-shadow:0 0 16px rgba(255,77,77,.6)}
.openclaw-docs .oc-docs-brand-text{font-weight:700;color:#ffd2d2;font-size:.9rem}
.openclaw-docs .oc-docs-lang-btn{border:0;background:transparent;color:#d0d2dc;font-size:.85rem;cursor:pointer}
.openclaw-docs .oc-docs-search{display:flex;align-items:center;justify-content:space-between;gap:12px;width:520px;max-width:calc(100% - 440px);border:1px solid rgba(255,255,255,.1);background:#12111b;border-radius:10px;padding:7px 12px;color:#a3abc2;font-size:.83rem;position:absolute;left:50%;transform:translateX(-50%)}
.openclaw-docs .oc-docs-search input{flex:1;min-width:0;border:0;background:transparent;color:#cfd5ea;font-size:.83rem;outline:none}
.openclaw-docs .oc-docs-search input::placeholder{color:#a3abc2}
.openclaw-docs .oc-docs-search kbd{font-family:var(--font-mono);font-size:.75rem;border:1px solid rgba(255,255,255,.16);border-radius:6px;padding:2px 6px;background:#181824;color:#c9cee5}
.openclaw-docs .oc-docs-ext-links{list-style:none;display:flex;gap:16px;margin:0;padding:0}
.openclaw-docs .oc-docs-ext-links{justify-self:end}
.openclaw-docs .oc-docs-ext-links a{color:#c5cada;font-size:.84rem;text-decoration:none}
.openclaw-docs .oc-docs-tabs{list-style:none;display:flex;gap:18px;overflow:auto;margin:0;padding:0}
.openclaw-docs .oc-docs-tabs a{display:block;color:#b8bdd1;font-size:.82rem;text-decoration:none;padding:11px 0;white-space:nowrap;border-bottom:2px solid transparent}
.openclaw-docs .oc-docs-tabs a.is-active{color:#f3f6ff;border-bottom-color:#ff6f78}
/* Match top bar inset: base .oc-docs-layout uses justify-content:center — override so columns align with logo / right links */
.openclaw-docs .oc-docs-layout{grid-template-columns:236px minmax(0,1fr) 210px;gap:30px;padding-top:16px;justify-content:start;justify-items:stretch}
.openclaw-docs .oc-docs-sidebar,.openclaw-docs .oc-docs-rightbar{top:92px;max-height:calc(100vh - 102px)}
.openclaw-docs .oc-docs-sidebar-inner{background:#12111b;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px}
.openclaw-docs .oc-docs-rightbar-inner{background:transparent;border:0;border-radius:0;padding:8px 2px}
.openclaw-docs .oc-docs-article{background:transparent;border:0;border-radius:0;padding:34px 8px 24px;max-width:760px}
.openclaw-docs .oc-sidebar-title,.openclaw-docs .oc-sidebar-subtitle,.openclaw-docs .oc-docs-rightbar-inner p{color:#7f879d;font-size:.72rem;letter-spacing:.06em}
.openclaw-docs .oc-docs-nav .is-section{margin:10px 10px 6px;color:#eef1fb;font-weight:700;font-size:.83rem}
.openclaw-docs .oc-docs-nav li.is-hidden{display:none}
.openclaw-docs .oc-docs-nav a{color:#b7bfd6;font-size:.86rem;padding:7px 10px;border-radius:8px}
.openclaw-docs .oc-docs-nav a:hover,.openclaw-docs .oc-docs-nav a.is-active{background:rgba(255,111,120,.2);color:#ffd0d0}
.openclaw-docs .oc-docs-group-btn{color:#eef1fb;font-size:.84rem}
.openclaw-docs .oc-docs-breadcrumb{color:#8f96ac;font-size:.78rem;margin-bottom:14px}
.openclaw-docs .oc-docs-section-chip{margin:0 0 8px;color:#ff8e7e;font-size:.78rem;font-weight:700;letter-spacing:.02em}
.openclaw-docs .oc-docs-header{margin-bottom:20px}
.openclaw-docs .oc-docs-content p,.openclaw-docs .oc-docs-content li,.openclaw-docs .oc-docs-content td,.openclaw-docs .oc-docs-content th{color:var(--oc-docs-body-text);line-height:1.8;font-weight:450}
/* 正文换行：避免中文句中被浏览器在任意字间断开；内联 code 不要用 pre 式空白（否则会像「或在 / 网关主机 / 上打开」被拆行） */
.openclaw-docs .oc-docs-content{overflow-wrap:break-word;word-break:normal}
.openclaw-docs .oc-docs-content p,.openclaw-docs .oc-docs-content li{white-space:normal;word-break:keep-all}
.openclaw-docs .oc-docs-content td,.openclaw-docs .oc-docs-content th{word-break:normal}
.openclaw-docs .oc-docs-content code:not(pre code){white-space:normal;word-break:break-all}
.openclaw-docs .oc-docs-content p a,.openclaw-docs .oc-docs-content li a,
.openclaw-docs .oc-docs-content p strong,.openclaw-docs .oc-docs-content li strong,
.openclaw-docs .oc-docs-content p em,.openclaw-docs .oc-docs-content li em{display:inline}
.openclaw-docs .oc-docs-content h2{font-size:1.42rem;margin:26px 0 10px;padding-bottom:8px;color:#eef2ff;border-bottom-color:rgba(255,255,255,.08)}
.openclaw-docs .oc-docs-content h3{font-size:1.02rem;margin:18px 0 8px;color:#eef2ff}
.openclaw-docs .oc-skill-detail section h2{font-size:1.42rem;margin:22px 0 10px;color:var(--text-primary)}
.openclaw-docs .oc-docs-content pre{background:#0f1525;border-color:rgba(255,255,255,.09)}
.openclaw-docs .oc-docs-content pre code{color:#e6ecff}
.openclaw-docs .oc-docs-content a{color:#aeb4ff;text-decoration:none;border-bottom:1px solid rgba(174,180,255,.45)}
.openclaw-docs .oc-docs-content a:hover{color:#d0d4ff;border-bottom-color:rgba(208,212,255,.8)}
.openclaw-docs .oc-docs-content h2 a,.openclaw-docs .oc-docs-content h3 a{color:inherit;border-bottom:0}
.openclaw-docs .oc-docs-rightbar-inner p{font-size:.7rem;margin-bottom:8px;padding-left:7px}
.openclaw-docs .oc-docs-toc a{color:#a7afc7;font-size:.82rem;padding:5px 7px}
.openclaw-docs .oc-docs-toc a.is-active,.openclaw-docs .oc-docs-toc a:hover{background:rgba(255,255,255,.07);color:#ffb3b8}
@media (max-width:1200px){
  .openclaw-docs{--oc-docs-container:min(1200px,calc(100% - 28px));}
  .openclaw-docs .oc-docs-layout{grid-template-columns:228px minmax(0,1fr);justify-content:start}
  .openclaw-docs .oc-docs-rightbar{display:none}
  .openclaw-docs .oc-docs-search{max-width:calc(100% - 280px)}
}
@media (max-width:980px){
  .openclaw-docs{--oc-docs-container:calc(100% - 20px);}
  .openclaw-docs .oc-docs-topnav-secondary{top:46px}
  .openclaw-docs .oc-docs-topnav-primary-inner{grid-template-columns:1fr}
  .openclaw-docs .oc-docs-search{position:static;transform:none;max-width:100%;width:100%}
  .openclaw-docs .oc-docs-ext-links{display:none}
  .openclaw-docs .oc-docs-layout{grid-template-columns:1fr;gap:14px}
  .openclaw-docs .oc-docs-article{max-width:none;padding:20px 14px}
}

/* Light theme hard overrides for docs/skills pages */
html[data-theme=light] .openclaw-docs .oc-docs-main{background:var(--bg-deep)}
html[data-theme=light] .openclaw-docs .oc-docs-topnav{background:rgba(255,255,255,.92);border-bottom:1px solid rgba(15,23,42,.12)}
html[data-theme=light] .openclaw-docs .oc-docs-brand-text{color:#1f2b42}
html[data-theme=light] .openclaw-docs .oc-docs-lang-btn{color:#4b5f7f}
html[data-theme=light] .openclaw-docs .oc-docs-search{background:#fff;border-color:rgba(15,23,42,.14);color:#5d6f8a}
html[data-theme=light] .openclaw-docs .oc-docs-search input{color:#21314a}
html[data-theme=light] .openclaw-docs .oc-docs-search input::placeholder{color:#7f8ea8}
html[data-theme=light] .openclaw-docs .oc-docs-search kbd{background:#f3f6fb;border-color:rgba(15,23,42,.16);color:#435777}
html[data-theme=light] .openclaw-docs .oc-docs-ext-links a{color:#425676}
html[data-theme=light] .openclaw-docs .oc-docs-tabs a{color:#4b5f7f}
html[data-theme=light] .openclaw-docs .oc-docs-tabs a.is-active{color:#de3f4d;border-bottom-color:#de3f4d}
html[data-theme=light] .openclaw-docs .oc-docs-sidebar-inner{background:#fff;border-color:rgba(15,23,42,.12)}
html[data-theme=light] .openclaw-docs .oc-docs-rightbar-inner{background:transparent}
html[data-theme=light] .openclaw-docs .oc-docs-article{background:transparent}
html[data-theme=light] .openclaw-docs .oc-sidebar-title,
html[data-theme=light] .openclaw-docs .oc-sidebar-subtitle,
html[data-theme=light] .openclaw-docs .oc-docs-rightbar-inner p{color:#6a7a98}
html[data-theme=light] .openclaw-docs .oc-docs-nav .is-section{color:#23354f}
html[data-theme=light] .openclaw-docs .oc-docs-nav a{color:#4a5e7e}
html[data-theme=light] .openclaw-docs .oc-docs-nav a:hover,
html[data-theme=light] .openclaw-docs .oc-docs-nav a.is-active{background:rgba(239,75,88,.12);color:#c43645}
html[data-theme=light] .openclaw-docs .oc-docs-group-btn{color:#2e4162}
html[data-theme=light] .openclaw-docs .oc-docs-breadcrumb{color:#6f82a4}
html[data-theme=light] .openclaw-docs .oc-docs-section-chip{color:#de3f4d}
html[data-theme=light] .openclaw-docs .oc-docs-header .oc-docs-meta{color:#a6a1a0!important}
html[data-theme=light] .openclaw-docs .oc-docs-header .oc-docs-skill-stats{color:#a6a1a0!important}
html[data-theme=light] .openclaw-docs .oc-docs-header .oc-docs-skill-stats strong{color:#13233d!important}
html[data-theme=light] .openclaw-docs .oc-docs-content p,
html[data-theme=light] .openclaw-docs .oc-docs-content li,
html[data-theme=light] .openclaw-docs .oc-docs-content td,
html[data-theme=light] .openclaw-docs .oc-docs-content th{color:#a6a1a0}
html[data-theme=light] .openclaw-docs .oc-docs-content h2,
html[data-theme=light] .openclaw-docs .oc-docs-content h3{color:#13233d;border-bottom-color:rgba(15,23,42,.12)}
html[data-theme=light] .openclaw-docs .oc-skill-detail section h2,
html[data-theme=light] .openclaw-docs .oc-skill-library h2{color:#13233d}
html[data-theme=light] .openclaw-docs .oc-docs-content pre{background:#f6f9ff;border-color:rgba(15,23,42,.14)}
html[data-theme=light] .openclaw-docs .oc-docs-content pre code{color:#1f2e49}
html[data-theme=light] .openclaw-docs .oc-docs-content a{color:#365f9f;border-bottom-color:rgba(54,95,159,.35)}
html[data-theme=light] .openclaw-docs .oc-docs-content a:hover{color:#224a86;border-bottom-color:rgba(34,74,134,.55)}
html[data-theme=light] .openclaw-docs .oc-docs-toc a{color:#5a6f8f}
html[data-theme=light] .openclaw-docs .oc-docs-toc a.is-active,
html[data-theme=light] .openclaw-docs .oc-docs-toc a:hover{background:rgba(15,23,42,.08);color:#c43645}

/* Unify docs/skills pages with homepage palette */
.openclaw-docs .oc-docs-main{background:var(--bg-deep)!important}
.openclaw-docs .oc-docs-topnav{background:color-mix(in srgb,var(--bg-surface) 92%, transparent)!important;border-bottom-color:var(--border-subtle)!important}
.openclaw-docs .oc-docs-sidebar-inner,
.openclaw-docs .oc-docs-rightbar-inner,
.openclaw-docs .oc-docs-article{background:var(--surface-card)!important;border-color:var(--border-subtle)!important}
.openclaw-docs .oc-docs-brand-text,
.openclaw-docs .oc-docs-content h2,
.openclaw-docs .oc-docs-content h3,
.openclaw-docs .oc-skill-detail section h2,
.openclaw-docs .oc-skill-library h2,
.openclaw-docs .oc-docs-nav .is-section{color:var(--text-primary)!important}
.openclaw-docs .oc-docs-breadcrumb,
.openclaw-docs .oc-sidebar-title,
.openclaw-docs .oc-sidebar-subtitle,
.openclaw-docs .oc-docs-rightbar-inner p{color:var(--text-muted)!important}
.openclaw-docs .oc-docs-header .oc-docs-meta{color:var(--oc-docs-body-text)!important}
.openclaw-docs .oc-docs-header .oc-docs-skill-stats{color:var(--oc-docs-body-text)!important}
.openclaw-docs .oc-docs-header .oc-docs-skill-stats strong{color:var(--text-primary)!important}
.openclaw-docs .oc-docs-nav a,
.openclaw-docs .oc-docs-toc a,
.openclaw-docs .oc-docs-topnav-inner a,
.openclaw-docs .oc-docs-ext-links a,
.openclaw-docs .oc-docs-tabs a,
.openclaw-docs .oc-docs-content p,
.openclaw-docs .oc-docs-content li,
.openclaw-docs .oc-docs-content td,
.openclaw-docs .oc-docs-content th{color:var(--oc-docs-body-text)!important}
.openclaw-docs .oc-skill-library > p,
.openclaw-docs .oc-skill-card p,
.openclaw-docs .oc-skill-card h3,
.openclaw-docs .oc-skill-pkg,
.openclaw-docs .oc-skill-credit,
.openclaw-docs .oc-skill-btn:not(.is-primary):not(.is-copied),
.openclaw-docs .oc-skill-tag,
.openclaw-docs .oc-skill-filter:not(.is-active),
.openclaw-docs .oc-skill-search-input,
.openclaw-docs .oc-skill-detail .oc-skill-detail-grid p,
.openclaw-docs .oc-skill-detail .oc-skill-detail-grid strong,
.openclaw-docs .oc-skill-detail .oc-skill-meta{color:var(--oc-docs-body-text)!important}
.openclaw-docs .oc-docs-nav a:hover,
.openclaw-docs .oc-docs-nav a.is-active,
.openclaw-docs .oc-docs-toc a:hover,
.openclaw-docs .oc-docs-toc a.is-active{background:var(--surface-overlay)!important;color:var(--text-primary)!important}
.openclaw-docs .oc-docs-search{background:var(--surface-card-strong)!important;border-color:var(--border-subtle)!important;color:var(--text-muted)!important}
.openclaw-docs .oc-docs-search input{color:var(--text-primary)!important}
.openclaw-docs .oc-docs-search input::placeholder{color:var(--text-muted)!important}
.openclaw-docs .oc-docs-search kbd{background:var(--surface-overlay)!important;border-color:var(--border-subtle)!important;color:var(--text-secondary)!important}
.openclaw-docs .oc-docs-content pre{background:var(--bg-elevated)!important;border-color:var(--border-subtle)!important}
.openclaw-docs .oc-docs-content pre code{color:var(--text-primary)!important}
.openclaw-docs .oc-docs-content code{background:var(--surface-overlay)!important;border-color:var(--border-subtle)!important;color:var(--text-primary)!important}

/* Final parity: docs pages use same palette as homepage */
.openclaw-docs .oc-docs-topnav-primary,
.openclaw-docs .oc-docs-topnav-secondary{background:color-mix(in srgb,var(--bg-surface) 90%, transparent)!important}
.openclaw-docs .oc-docs-brand-dot{background:var(--coral-bright)!important;box-shadow:0 0 16px color-mix(in srgb,var(--coral-bright) 55%, transparent)!important}
.openclaw-docs .oc-docs-tabs a.is-active{color:var(--text-primary)!important;border-bottom-color:var(--coral-bright)!important}
.openclaw-docs .oc-docs-section-chip{color:var(--coral-bright)!important}
.openclaw-docs .oc-docs-nav a.is-active,
.openclaw-docs .oc-docs-nav a:hover{background:color-mix(in srgb,var(--coral-bright) 16%, transparent)!important;color:var(--text-primary)!important}
.openclaw-docs .oc-docs-toc a.is-active,
.openclaw-docs .oc-docs-toc a:hover{background:color-mix(in srgb,var(--coral-bright) 16%, transparent)!important;color:var(--text-primary)!important}
.openclaw-docs .oc-skill-filter.is-active{background:color-mix(in srgb,var(--coral-bright) 16%, transparent)!important;color:var(--text-primary)!important;border-color:color-mix(in srgb,var(--coral-bright) 45%, var(--border-subtle))!important}
.openclaw-docs .oc-skill-btn.is-primary{background:var(--coral-bright)!important;border-color:var(--coral-bright)!important;color:#fff!important}
.openclaw-docs .oc-skill-btn.is-copied{background:var(--cyan-bright)!important;border-color:var(--cyan-bright)!important;color:#062018!important}

/* Tune docs pages: slightly more red, homepage-like background */
.openclaw-docs .oc-docs-main{
  background:
    radial-gradient(ellipse 80% 50% at 20% 20%, rgba(255,77,77,.16), transparent 52%),
    radial-gradient(ellipse 60% 60% at 82% 24%, rgba(0,229,204,.08), transparent 52%),
    radial-gradient(ellipse 90% 70% at 50% 92%, rgba(255,77,77,.08), transparent 52%),
    var(--bg-deep)!important;
}
.openclaw-docs .oc-docs-topnav{
  background:color-mix(in srgb,var(--bg-surface) 88%, rgba(255,77,77,.06))!important;
}
.openclaw-docs .oc-docs-tabs a.is-active{
  border-bottom-color:var(--coral-bright)!important;
  color:#ffd8dc!important;
}
.openclaw-docs .oc-docs-nav a:hover,
.openclaw-docs .oc-docs-nav a.is-active,
.openclaw-docs .oc-docs-toc a:hover,
.openclaw-docs .oc-docs-toc a.is-active{
  background:rgba(255,77,77,.20)!important;
}
.openclaw-docs .oc-skill-filter.is-active{
  background:rgba(255,77,77,.20)!important;
  border-color:rgba(255,77,77,.45)!important;
}
.openclaw-docs .oc-skill-btn{
  border-color:rgba(255,77,77,.28)!important;
}
.openclaw-docs .oc-skill-tag{
  background:rgba(255,77,77,.14)!important;
  color:#a6a1a0!important;
}

/* Layout polish: cleaner left nav, softer content block */
.openclaw-docs .oc-docs-sidebar-inner{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:8px 0!important;
}
.openclaw-docs .oc-docs-sidebar{
  padding-right:8px;
}
.openclaw-docs .oc-docs-nav a{
  background:transparent!important;
}
.openclaw-docs .oc-docs-nav a:hover,
.openclaw-docs .oc-docs-nav a.is-active{
  background:rgba(255,77,77,.14)!important;
}

.openclaw-docs .oc-docs-article{
  background:rgba(8,14,26,.36)!important;
  border:1px solid rgba(255,255,255,.05)!important;
  border-radius:14px!important;
  padding:34px 28px 30px!important;
}
@media (max-width:980px){
  .openclaw-docs .oc-docs-article{
    padding:22px 16px!important;
  }
}

/* Keep document and skill-library title/breadcrumb style aligned */
.openclaw-docs .oc-docs-section-chip{
  color:var(--coral-bright)!important;
  font-weight:700!important;
  letter-spacing:.02em!important;
  margin-bottom:8px!important;
}
.openclaw-docs .oc-docs-breadcrumb{
  color:var(--text-muted)!important;
  margin-bottom:12px!important;
}

/* Remove boxed labels per UI review */
.openclaw-docs .oc-sidebar-title,
.openclaw-docs .oc-docs-section-chip{
  display:none!important;
}

/* Responsive stability: tablet uses static sidebar, mobile uses drawer */
@media (min-width:769px) and (max-width:980px){
  .openclaw-docs{--oc-docs-container:calc(100% - 20px)!important;}
  .openclaw-docs .oc-docs-layout{
    grid-template-columns:220px minmax(0,1fr)!important;
    gap:16px!important;
    justify-content:start!important;
  }
  .openclaw-docs .oc-docs-mobile-toggle{display:none!important;}
  .openclaw-docs .oc-docs-sidebar{
    position:sticky!important;
    top:92px!important;
    left:auto!important;
    transform:none!important;
    width:auto!important;
    height:auto!important;
    max-height:calc(100vh - 102px)!important;
    padding:0!important;
    background:transparent!important;
    border-right:0!important;
    z-index:auto!important;
  }
  .openclaw-docs .oc-docs-sidebar-overlay{display:none!important;}
  .openclaw-docs .oc-docs-article{
    max-width:none!important;
    min-height:320px;
  }
}

@media (max-width:768px){
  .openclaw-docs{--oc-docs-container:calc(100% - 16px)!important;}
  .openclaw-docs .oc-docs-layout{
    grid-template-columns:1fr!important;
  }
}

/* Fine-grained breakpoints for stable zoom and proportions */
@media (min-width:981px) and (max-width:1100px){
  .openclaw-docs{--oc-docs-container:calc(100% - 24px)!important;}
  .openclaw-docs .oc-docs-search{width:420px!important;max-width:calc(100% - 260px)!important;}
  .openclaw-docs .oc-docs-layout{
    grid-template-columns:220px minmax(0,1fr)!important;
    gap:16px!important;
    justify-content:start!important;
  }
  .openclaw-docs .oc-docs-rightbar{display:none!important;}
  .openclaw-docs .oc-docs-article{padding:24px 18px!important;}
}

@media (min-width:1101px) and (max-width:1366px){
  .openclaw-docs{--oc-docs-container:min(1240px,calc(100% - 28px))!important;}
  .openclaw-docs .oc-docs-search{width:470px!important;max-width:calc(100% - 320px)!important;}
  .openclaw-docs .oc-docs-layout{
    grid-template-columns:228px minmax(0,1fr) 190px!important;
    gap:20px!important;
    justify-content:start!important;
  }
  .openclaw-docs .oc-docs-article{padding:28px 20px 24px!important;}
}

/* Skill library page */
.oc-skill-library{padding:8px 0}
.oc-skill-library h2{margin:0 0 8px;font-size:1.42rem;color:var(--text-primary)}
.oc-skill-library>p{margin:0 0 16px;color:var(--text-secondary)}
.oc-skill-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin:0 0 16px}
.oc-skill-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.oc-skill-toolbar .oc-skill-filters{margin:0}
.oc-skill-filter{border:1px solid var(--border-subtle);background:var(--surface-card);color:var(--text-secondary);padding:6px 10px;border-radius:999px;font-size:.8rem;cursor:pointer}
.oc-skill-filter.is-active{background:rgba(255,111,120,.2);color:#ffd0d0;border-color:rgba(255,111,120,.4)}
.oc-skill-search-wrap{display:flex;align-items:center;gap:8px}
.oc-skill-search-input{min-width:260px;border:1px solid var(--border-subtle);background:var(--surface-card);color:var(--text-primary);padding:8px 10px;border-radius:10px;outline:none}
.oc-skill-search-input::placeholder{color:var(--text-muted)}
.oc-skill-grid{column-count:2;column-gap:14px}
.oc-skill-card{border:1px solid var(--border-subtle);background:var(--surface-card);border-radius:12px;padding:14px}
.oc-skill-card{display:inline-block;width:100%;margin:0 0 14px;break-inside:avoid}
.oc-skill-card h3{margin:0 0 8px;color:var(--text-primary);font-size:1.05rem}
.oc-skill-card p{margin:0 0 8px;color:var(--text-secondary)}
.oc-skill-card pre{margin:8px 0 0}
.oc-skill-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.oc-skill-tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;background:rgba(255,255,255,.08);color:#cfd5ea;font-size:.72rem}
.oc-skill-pkg{margin:8px 0;color:var(--text-muted)}
.oc-skill-meta{display:flex;gap:10px;align-items:center;font-size:.78rem;color:var(--text-muted)}
.oc-skill-actions{display:flex;gap:8px;margin-top:12px}
.oc-skill-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:8px;border:1px solid var(--border-subtle);text-decoration:none;background:transparent;color:var(--text-secondary);font-size:.84rem;cursor:pointer}
.oc-skill-btn.is-primary{background:#ff6f78;border-color:#ff6f78;color:#2c0b12}
.oc-skill-btn.is-copied{background:#2ca58d;border-color:#2ca58d;color:#05261f}
.oc-skill-load-more-wrap{display:flex;justify-content:center;margin-top:6px}
.oc-download-panel{margin:20px 0;padding:20px 22px;border-radius:14px;border:1px solid var(--border-subtle);background:var(--surface-card)}
.oc-download-page .oc-docs-content h2{margin:0 0 10px;font-size:1.15rem;color:var(--text-primary)}
.oc-download-page .oc-docs-content ul{margin:8px 0 0;padding-left:1.2rem;line-height:1.65;color:var(--text-secondary)}
.oc-download-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:14px}
.oc-download-pwd{font-size:.92rem;color:var(--text-secondary)}
.oc-download-url-line{margin:12px 0 0;font-size:.82rem;word-break:break-all}
.oc-download-url-line code{color:var(--text-muted)}
.oc-download-contact-list{margin:10px 0 0;padding-left:1.2rem;line-height:1.65;color:var(--text-secondary)}
.oc-download-editor{margin-top:24px;padding-top:20px;border-top:1px solid var(--border-subtle)}
html[data-theme=light] .oc-download-panel{background:rgba(255,255,255,.92)}
.oc-skill-credit{margin-top:8px;color:var(--text-muted);font-size:.84rem}
.oc-skill-flag-banner{margin:0 0 18px;padding:14px 16px;border-radius:12px;border:1px solid rgba(251,191,36,.45);background:rgba(251,191,36,.12);color:var(--text-primary)}
.oc-skill-flag-banner p{margin:8px 0 0;font-size:.9rem;line-height:1.55;color:var(--text-secondary)}
.oc-skill-detail-section{margin:28px 0 0}
.oc-skill-detail-section h2{margin:0 0 12px;font-size:1.15rem;color:var(--text-primary)}
.oc-skill-scan-list{margin:0;padding-left:1.2rem;color:var(--text-secondary);font-size:.9rem;line-height:1.6}
.oc-skill-assessment-lead{margin:0 0 14px;line-height:1.65;color:var(--text-secondary)}
.oc-skill-dimension{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--border-subtle)}
.oc-skill-dimension-label{margin:0 0 6px;font-size:.95rem;color:var(--text-primary)}
.oc-skill-dimension-body{margin:0;color:var(--text-secondary);font-size:.88rem;line-height:1.65}
.oc-skill-final-assessment{margin-top:18px;padding:14px;border-radius:10px;background:rgba(0,0,0,.12);border:1px solid var(--border-subtle)}
.oc-skill-install-hint{margin:0 0 10px;font-size:.88rem;color:var(--text-muted)}
.oc-skill-install-pre,.oc-skill-md-pre{max-height:min(70vh,640px);overflow:auto;margin:12px 0;padding:14px;border-radius:10px;border:1px solid var(--border-subtle);background:var(--bg-elevated);font-size:.82rem;line-height:1.5}
.oc-skill-license-note{margin:6px 0 0;font-size:.86rem;color:var(--text-muted);line-height:1.55}
.oc-skill-meta-tags{margin:10px 0 14px}
@media (max-width:880px){.oc-skill-grid{column-count:1}.oc-skill-search-input{min-width:200px}}

/* License redeem shortcode [openclaw_license_redeem] */
.oc-license-redeem{max-width:560px;margin:20px 0}
.oc-license-card{border:1px solid var(--border-subtle);background:var(--surface-card);border-radius:12px;padding:22px 24px;margin-bottom:16px}
.oc-license-card.is-muted{background:rgba(255,255,255,.03)}
.oc-license-card-title{margin:0 0 10px;font-size:1.2rem;color:var(--text-primary)}
.oc-license-card-subtitle{margin:0 0 10px;font-size:1rem;color:var(--text-primary)}
.oc-license-lead{margin:0 0 16px;color:var(--text-secondary);font-size:.92rem;line-height:1.55}
.oc-license-label{display:block;margin-bottom:6px;font-size:.82rem;color:var(--text-muted)}
.oc-license-input{width:100%;box-sizing:border-box;border:1px solid var(--border-subtle);background:var(--surface-card);color:var(--text-primary);padding:10px 12px;border-radius:10px;font-size:1rem;outline:none}
.oc-license-input::placeholder{color:var(--text-muted)}
.oc-license-submit{margin-top:14px;display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border-radius:10px;border:0;background:#ff6f78;color:#2c0b12;font-weight:600;font-size:.92rem;cursor:pointer}
.oc-license-submit:hover{filter:brightness(1.06)}
.oc-license-msg{margin:14px 0 0;font-size:.9rem}
.oc-license-msg.is-success{color:#7dffc8}
.oc-license-msg.is-error{color:#ff8a8a}
.oc-license-key-out{display:block;margin-top:10px;padding:12px 14px;border-radius:10px;border:1px dashed var(--border-subtle);background:rgba(0,0,0,.25);font-size:.88rem;word-break:break-all;color:#e8f0ff}
.oc-license-list{margin:0;padding-left:1.2rem;color:var(--text-secondary);font-size:.88rem;line-height:1.55}
.oc-license-list li{margin:6px 0}
.oc-license-key-row{display:flex;align-items:center;gap:10px;margin-top:10px;flex-wrap:wrap}
.oc-license-key-row .oc-license-key-out{flex:1;min-width:0;margin:0}
.oc-openclaw-copy-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:1px solid var(--border-subtle);border-radius:10px;background:transparent;color:var(--coral-bright);cursor:pointer;flex-shrink:0}
.oc-openclaw-copy-btn:hover{border-color:var(--cyan-bright);color:var(--cyan-bright);background:transparent}
.oc-openclaw-copy-btn.is-copied{border-color:#2ca58d;color:#2ca58d;background:transparent}
.oc-openclaw-copy-btn svg{display:block}