:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#070a12;--background-soft:#0b1020;--foreground:#edf4ff;--muted:#9aa7bd;--muted-strong:#c0cad9;--border:#24304a;--border-strong:#33415f;--panel:#101827;--panel-strong:#151f33;--accent:#8b5cf6;--accent-strong:#22d3ee;--accent-positive:#34d399;--danger:#fb7185;--warning:#f59e0b;--shadow:0 20px 70px #00000059;--radius-shell:32px;--radius-panel:28px;--radius-card:22px;--radius-control:16px;--glass-panel:linear-gradient(145deg, #182238b8, #090e1a94);--glass-panel-strong:linear-gradient(145deg, #23304ed1, #0c1220ad);--glass-control:#0c122094;--glass-border:#dae8ff29;--glass-border-soft:#dae8ff17;--glass-highlight:inset 0 1px 0 #ffffff1f;--shadow-glass:0 28px 80px #00000057, 0 8px 26px #03081442;--shadow-glass-hover:0 34px 90px #0000006b, 0 12px 34px #22d3ee1a}*{box-sizing:border-box}html{background:var(--background);min-width:320px}body{background:radial-gradient(circle at top left, #8b5cf633, transparent 38rem), radial-gradient(circle at 86% 8%, #22d3ee24, transparent 34rem), radial-gradient(circle at 50% 120px, #34d3990f, transparent 32rem), var(--background);color:var(--foreground);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.55}a{color:inherit}button,input,select,textarea{font:inherit}button,a{transition:border-color .18s,background .18s,color .18s,transform .18s,opacity .18s}button{cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline-offset:3px;outline:3px solid #22d3ee8c}.public-site-shell{flex-direction:column;min-height:100vh;display:flex}.public-site-body{flex:1}.public-header{z-index:20;border-bottom:1px solid var(--glass-border-soft);-webkit-backdrop-filter:blur(24px)saturate(155%);background:#070a129e;position:sticky;top:0}.public-header-inner,.public-footer-inner{width:min(1180px,100% - 32px);margin:0 auto}.public-header-inner{justify-content:space-between;align-items:center;gap:16px;min-height:72px;display:flex}.brand-link,.public-nav-links{align-items:center;display:inline-flex}.brand-link{gap:12px;font-weight:800;text-decoration:none}.brand-mark{border-radius:var(--radius-control);color:#fff;width:40px;height:40px;box-shadow:0 18px 48px #22d3ee29, var(--glass-highlight);background:linear-gradient(135deg,#fff3,#0000 34%),linear-gradient(135deg,#8b5cf6f2,#22d3eebd);border:1px solid #ffffff2e;place-items:center;display:inline-grid}.brand-copy{gap:1px;display:grid}.brand-text{color:#fff;font-size:17px;line-height:1.1}.brand-subtitle{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}.public-nav-links{gap:10px}.public-nav-links a{border-radius:var(--radius-control);min-height:40px;color:var(--muted-strong);border:1px solid #0000;align-items:center;padding:0 12px;font-size:14px;font-weight:800;text-decoration:none;display:inline-flex}.public-nav-links a:hover{border-color:var(--glass-border);color:#fff;background:#ffffff12}.home-icon-link{justify-content:center;width:40px;padding:0}.public-footer{border-top:1px solid var(--glass-border-soft);-webkit-backdrop-filter:blur(18px);background:#080c16b8}.public-footer-inner{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:10px;padding:18px 0;font-size:13px;display:flex}.home-shell{width:min(1180px,100% - 32px);margin:0 auto;padding:54px 0 72px}.admin-shell{min-height:100vh;padding:24px}.top-nav{justify-content:space-between;max-width:1080px;margin:0 auto 18px;display:flex}.openclaw-sync-panel{background:var(--panel);border:1px solid var(--border);border-radius:8px;max-width:1080px;margin:0 auto 44px;padding:16px}.openclaw-sync-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.openclaw-sync-heading h2{margin:0;font-size:20px}.openclaw-sync-kicker{color:var(--muted);margin:0 0 4px;font-size:13px;font-weight:700}.openclaw-sync-heading button{background:var(--accent);color:#fff;white-space:nowrap;border:0;border-radius:8px;padding:10px 14px;font-weight:700}.openclaw-sync-heading button:disabled{background:#4b5563}.openclaw-sync-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0;display:grid}.openclaw-sync-grid div,.openclaw-sync-table th,.openclaw-sync-table td,.skill-metrics div,.skill-meta-list div{border-color:var(--border)}.openclaw-sync-grid div{border:1px solid var(--border);border-radius:8px;padding:10px}.openclaw-sync-grid dt,.openclaw-sync-table th,.sync-resume-label.is-not-resumable{color:var(--muted)}.openclaw-sync-grid dt{font-size:12px;font-weight:700}.openclaw-sync-grid dd{margin:6px 0 0;font-size:18px;font-weight:700}.openclaw-sync-status{text-transform:capitalize}.status-failed,.status-rate_limited,.openclaw-sync-error{color:var(--danger)}.status-succeeded{color:var(--accent-positive)}.status-running{color:var(--accent-strong)}.openclaw-sync-meta{color:var(--muted);flex-wrap:wrap;gap:14px;margin-top:12px;font-size:13px;display:flex}.openclaw-sync-error{margin:12px 0 0;font-weight:700}.openclaw-sync-table-wrap{margin-top:18px;overflow-x:auto}.openclaw-sync-table{border-collapse:collapse;width:100%;min-width:920px;font-size:13px}.openclaw-sync-table th,.openclaw-sync-table td{border-top:1px solid var(--border);text-align:left;vertical-align:top;padding:10px 8px}.openclaw-sync-table th{white-space:nowrap;font-size:12px;font-weight:700}.sync-resume-label{white-space:nowrap;border-radius:999px;align-items:center;min-height:24px;padding:3px 8px;font-size:12px;font-weight:700;display:inline-flex}.sync-resume-label.is-resumable{color:var(--accent-positive);background:#34d3991f}.sync-resume-label.is-not-resumable{background:#94a3b81a}.chat-command{grid-template-columns:minmax(0,1.08fr) minmax(280px,.72fr);align-items:stretch;gap:22px;display:grid}.chat-command-primary,.chat-insight-panel,.chat-response,.results-preview,.skill-card,.skill-detail,.skill-filter-panel,.skill-browser-toolbar,.skill-empty-state,.content-shell,.search-hero{border:1px solid var(--glass-border);background:var(--glass-panel);box-shadow:var(--shadow-glass), var(--glass-highlight);-webkit-backdrop-filter:blur(22px)saturate(145%)}.chat-command-primary{border-radius:var(--radius-shell);padding:34px;position:relative;overflow:hidden}.chat-command-primary:before{content:"";pointer-events:none;background:radial-gradient(circle at 14% 0,#ffffff21,#0000 24rem),linear-gradient(135deg,#8b5cf61f,#0000 40%);position:absolute;inset:0}.eyebrow,.skill-browser-kicker,.search-kicker,.detail-kicker{color:var(--accent-strong);letter-spacing:.09em;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:900}.chat-command h1{color:#fff;max-width:760px;margin:0 0 16px;font-size:clamp(36px,7vw,72px);line-height:1.02}.chat-lede{max-width:620px;color:var(--muted-strong);margin:0 0 24px;font-size:17px}.chat-box{text-align:left;gap:12px;display:grid}.chat-box label,.filter-group label{color:var(--muted-strong);font-size:13px;font-weight:800}.chat-box textarea,.content-shell input,.filter-group input,.filter-group select{border:1px solid var(--glass-border);border-radius:var(--radius-control);background:var(--glass-control);width:100%;color:var(--foreground);box-shadow:var(--glass-highlight);-webkit-backdrop-filter:blur(12px)}.chat-box textarea{resize:vertical;min-height:150px;padding:16px}.chat-box textarea::placeholder,.content-shell input::placeholder,.filter-group input::placeholder{color:#6f7c92}.chat-box button,.content-shell button,.openclaw-sync-heading button{border-radius:var(--radius-control);color:#fff;box-shadow:0 18px 44px #22d3ee21, var(--glass-highlight);background:linear-gradient(135deg,#ffffff2e,#0000 32%),linear-gradient(135deg,#8b5cf6f2,#22d3eed1);border:1px solid #22d3ee80;padding:12px 16px;font-weight:900}.chat-box button:hover,.content-shell button:hover{border-color:#ffffff8f;transform:translateY(-1px)}.starter-row{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.starter-row button,.sort-row button,.skill-empty-state button,.skill-card a,.skill-detail a,.skill-pagination a,.skill-pagination span,.skill-pagination strong{border:1px solid var(--glass-border-soft);border-radius:var(--radius-control);color:var(--muted-strong);box-shadow:var(--glass-highlight);background:#ffffff0e;font-weight:800}.starter-row button{padding:9px 12px}.starter-row button:hover,.sort-row button:hover,.skill-card a:hover,.skill-detail a:hover,.skill-pagination a:hover{color:#fff;border-color:#22d3ee8c}.chat-insight-panel{border-radius:var(--radius-panel);align-content:start;gap:14px;padding:22px;display:grid}.insight-metric{border:1px solid var(--glass-border-soft);border-radius:var(--radius-card);box-shadow:var(--glass-highlight);background:#ffffff0b;padding:14px}.insight-metric dt,.skill-metrics dt,.skill-meta-list dt{color:var(--muted);font-size:12px;font-weight:800}.insight-metric dd{color:#fff;margin:4px 0 0;font-size:22px;font-weight:900}.results-preview{border-radius:var(--radius-panel);color:var(--muted-strong);margin-top:22px;padding:22px}.results-preview h2,.chat-response h2{color:#fff;margin:0 0 10px}.chat-error{color:var(--danger);font-weight:800}.chat-response{border-radius:var(--radius-panel);text-align:left;grid-column:1/-1;margin-top:22px;padding:22px}.recommendation-list{gap:12px;display:grid}.recommendation-list article{border-top:1px solid var(--border);padding-top:12px}.content-shell{border-radius:var(--radius-panel);width:min(960px,100% - 32px);margin:32px auto 56px;padding:24px}.content-shell h1{color:#fff;margin:0 0 16px}.content-shell form{gap:8px;margin-bottom:24px;display:flex}.content-shell input{flex:1;padding:12px}.skill-card,.skill-detail{border-radius:var(--radius-card);padding:18px}.skill-card{flex-direction:column;min-height:100%;margin-bottom:0;transition:border-color .22s,box-shadow .22s,transform .22s,background .22s;display:flex}.skill-card:hover{background:var(--glass-panel-strong);box-shadow:var(--shadow-glass-hover), var(--glass-highlight);border-color:#22d3ee47;transform:translateY(-3px)}.skill-card h2,.skill-detail h1{color:#fff;margin-top:0}.skill-card-heading{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.skill-card-heading h2{margin:0;font-size:20px;line-height:1.2}.skill-card p,.skill-detail p{color:var(--muted-strong)}.skill-card-summary{margin:12px 0 14px}.skill-card-heading span,.skill-tag-row span{color:#d8cbff;white-space:nowrap;background:#8b5cf624;border:1px solid #dae8ff29;border-radius:999px;align-items:center;padding:4px 8px;font-size:12px;font-weight:800;display:inline-flex}.skill-tag-row{flex-wrap:wrap;gap:6px;margin:12px 0;display:flex}.skill-tag-row span{border-color:var(--glass-border-soft);color:var(--muted-strong);background:#ffffff0b}.skill-metrics,.skill-meta-list{gap:8px;display:grid}.skill-metrics{grid-template-columns:repeat(3,minmax(0,1fr));margin:auto 0 14px}.skill-metrics div,.skill-meta-list div{border:1px solid var(--glass-border-soft);border-radius:var(--radius-control);box-shadow:var(--glass-highlight);background:#ffffff0a;padding:10px}.skill-metrics dd,.skill-meta-list dd{color:#fff;margin:4px 0 0;font-weight:900}.skill-card-actions{flex-wrap:wrap;gap:10px;display:flex}.skill-card a,.skill-detail a{justify-content:center;align-items:center;min-height:38px;margin-right:0;padding:0 12px;text-decoration:none;display:inline-flex}.skill-card-primary-action{color:#fff!important;background:#22d3ee21!important;border-color:#22d3ee5c!important}.skill-meta-list{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin:18px 0}.skill-browser{grid-template-columns:260px minmax(0,1fr);gap:18px;width:min(1180px,100% - 32px);margin:0 auto;padding:32px 0 64px;display:grid}.skill-filter-panel,.skill-browser-toolbar,.skill-empty-state{border-radius:var(--radius-panel)}.skill-filter-panel{align-self:start;padding:16px;position:sticky;top:92px}.filter-group{gap:6px;margin-bottom:14px;display:grid}.filter-group input,.filter-group select{padding:10px}.skill-browser-main{min-width:0}.skill-browser-toolbar{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;padding:18px;display:flex}.skill-browser-toolbar h1,.skill-browser-toolbar p{margin:0}.skill-browser-toolbar h1{color:#fff}.sort-row{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.sort-row button,.skill-empty-state button{padding:9px 12px}.sort-row button.is-active,.skill-empty-state button{color:#fff;background:linear-gradient(135deg,#22d3ee2e,#8b5cf61a);border-color:#22d3ee57}.skill-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.skill-empty-state{padding:24px}.skill-empty-state h2{color:#fff;margin-top:0}.skill-empty-state p{color:var(--muted-strong)}.skill-pagination{justify-content:center;align-items:center;gap:12px;margin-top:18px;display:flex}.skill-pagination a,.skill-pagination span,.skill-pagination strong{align-items:center;min-height:38px;padding:0 12px;font-size:14px;text-decoration:none;display:inline-flex}.skill-detail{margin-bottom:0}.skill-detail-heading{border-bottom:1px solid var(--glass-border-soft);justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:18px;display:flex}.skill-detail-heading h1,.skill-detail-heading p{margin:0}.skill-detail-heading h1{margin-bottom:10px}.skill-detail-heading span{color:#b7f7dc;white-space:nowrap;background:#34d3991f;border:1px solid #34d39957;border-radius:999px;align-items:center;padding:5px 10px;font-size:12px;font-weight:900;display:inline-flex}.search-results{gap:14px;display:grid}@media (max-width:900px){.chat-command,.skill-browser{grid-template-columns:1fr}.skill-filter-panel{position:static}.skill-grid{grid-template-columns:1fr}}@media (max-width:640px){.public-header-inner{flex-direction:column;align-items:flex-start;min-height:auto;padding:14px 0}.public-nav-links{width:100%}.public-nav-links a:not(.home-icon-link){flex:1;justify-content:center}.home-shell{padding-top:28px}.chat-command-primary,.chat-insight-panel,.content-shell{padding:18px}.content-shell form,.skill-browser-toolbar{flex-direction:column}.sort-row{justify-content:flex-start}.skill-metrics{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}