:root{color-scheme:light;--bg:#f5f7fc;--surface:#fff;--text:#14151d;--muted:#505a75;--line:#e5eaf4;--accent:#6045ff;--accent-hover:#4b31dc;--soft:#f0edff;--focus:#2563eb;--shadow:0 5px 26px #27355808;--chip:#eff2f8;--danger:#b91c1c;font:16px/1.45 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
:root[data-theme=dark]{color-scheme:dark;--bg:#090b13;--surface:#111420;--text:#f7f8ff;--muted:#bbc1d5;--line:#282d40;--accent:#8065ff;--accent-hover:#9c86ff;--soft:#201b39;--focus:#b3a3ff;--shadow:0 5px 26px #0003;--chip:#1c2131;--danger:#ffb3b3}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}a{color:var(--accent);text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea{touch-action:manipulation}button{cursor:pointer;color:var(--text);border:1px solid var(--line);background:var(--surface);border-radius:9px;padding:10px 14px;min-height:44px}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{cursor:wait;opacity:.55}a,button{-webkit-tap-highlight-color:transparent}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible,pre:focus-visible{outline:3px solid var(--focus);outline-offset:3px}input,textarea,select{width:100%;min-width:0;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:9px;padding:10px 12px;min-height:44px}textarea{resize:vertical}h1,h2,h3,p{overflow-wrap:anywhere}h1{font-size:1.9rem;line-height:1.2;letter-spacing:-.04em}h2{font-size:1.3rem;line-height:1.3;letter-spacing:-.025em}h3{font-size:1.05rem;line-height:1.35}p{margin:12px 0}small,.muted{color:var(--muted);font-size:.83rem}label{display:block;margin:12px 0}input[type=checkbox],input[type=radio]{width:18px;height:18px;min-height:0;vertical-align:middle;accent-color:var(--accent)}ul{padding-left:22px}li{margin:10px 0;overflow-wrap:anywhere}fieldset{border:1px solid var(--line);border-radius:10px;padding:12px;margin:20px 0}legend{font-weight:650;padding:0 6px}pre{font:13px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--chip);border:1px solid var(--line);border-radius:10px;padding:18px;max-width:100%}.icon{display:inline-block;width:20px;height:20px;flex:0 0 auto;vertical-align:middle}a>.icon{width:16px;height:16px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;background:var(--accent);color:#fff;border:1px solid transparent;border-radius:9px;padding:11px 16px;font-weight:650;font-size:.87rem;text-decoration:none}.primary:hover{background:var(--accent-hover);text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:8px;left:10px;transform:translateY(-160%);background:var(--surface);padding:10px;z-index:100}.skip:focus{transform:none}
.sidebar{position:fixed;top:0;bottom:0;left:0;width:228px;background:var(--surface);border-right:1px solid var(--line);padding:26px 16px 16px;display:flex;flex-direction:column;overflow-y:auto;z-index:5}.brand{display:flex;align-items:center;gap:10px;font-size:1.2rem;color:var(--text);font-weight:770;letter-spacing:-.035em;white-space:nowrap}.brand:hover{text-decoration:none}.brand-symbol{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:linear-gradient(145deg,#159dff,#6335ff 60%,#ba34e8);color:#fff;font-size:25px;line-height:1;box-shadow:0 4px 8px #6c45ff23}.brand-chevron{font-size:24px;font-weight:400;color:var(--muted);margin-left:auto}.tagline{font-size:.8rem;color:var(--muted);line-height:1.4;margin:17px 6px 23px}.side-nav{display:flex;flex-direction:column;gap:3px}.side-nav a{display:flex;gap:12px;align-items:center;min-height:43px;padding:10px 13px;font-size:.85rem;border-radius:9px;color:var(--muted)}.side-nav a:hover{background:var(--chip);text-decoration:none}.side-nav a[aria-current]{color:var(--accent);background:var(--soft);font-weight:650}.side-nav a[aria-current] .icon{fill:var(--accent);stroke:var(--accent)}.your-stack{border-top:1px solid var(--line);margin:22px 5px 20px;padding-top:12px}.stack-heading{display:flex;align-items:center;justify-content:space-between}.stack-heading h2{font-size:.83rem;font-weight:550}.stack-heading button{border:none;min-height:36px;padding:5px;background:transparent}.stack-heading .icon{width:15px;height:15px}#stack-list{display:flex;flex-direction:column;gap:8px;font-size:.8rem;overflow-wrap:anywhere}.stack-entry{display:flex;align-items:center;gap:10px;color:var(--muted)}.stack-icon{display:grid;place-items:center;border:1px solid var(--line);width:23px;height:23px;border-radius:6px;background:var(--chip);font-size:12px;font-weight:700;color:var(--accent)}.edit-stack{display:flex;align-items:center;gap:10px;border:none;font-size:.77rem;padding:12px 0;background:transparent;color:var(--muted)}.edit-stack .icon{width:14px;height:14px}.sidebar-profile{display:flex;gap:9px;align-items:center;margin-top:auto;border-width:1px 0 0;border-radius:0;padding:17px 0 0;text-align:left;background:transparent}.sidebar-profile b{font-size:.85rem}.sidebar-profile small{display:block;font-size:.69rem;margin-top:1px}.sidebar-profile>span:last-child{margin-left:auto}.avatar{display:grid;place-items:center;flex:0 0 auto;width:35px;height:35px;min-height:35px;background:linear-gradient(135deg,#efc6ff,#d6e1ff);color:#34214b;border:2px solid var(--surface);border-radius:50%;font-size:.9rem;font-weight:700;padding:0}.about-link{font-size:.65rem;color:var(--muted);padding:11px 0 0;text-align:center}.workspace{margin-left:228px;max-width:1900px}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 24px;border-bottom:1px solid var(--line);background:var(--surface)}.mobile-brand{display:none}.search{display:flex;align-items:center;position:relative;max-width:610px;flex:1;color:var(--muted)}.search>.icon{position:absolute;left:12px;width:17px;height:17px;pointer-events:none}.search input{padding:10px 62px 10px 38px;font-size:.83rem;background:var(--bg);min-height:39px}.search kbd{position:absolute;right:12px;font:11px/1.3 inherit;border:1px solid var(--line);border-radius:4px;padding:2px 4px;pointer-events:none}.header-actions{display:flex;align-items:center;gap:17px}.add-button{min-height:37px;padding:8px 14px;font-size:.79rem}.add-button .icon{width:14px;height:14px}.icon-button{background:transparent;border:none;padding:8px;position:relative;width:38px}.notification-dot{position:absolute;top:8px;right:9px;width:6px;height:6px;border-radius:50%;background:#fb4f8d;border:1px solid var(--surface)}.feed-tabs{display:flex;align-items:center;gap:27px;overflow-x:auto;scrollbar-width:thin;white-space:nowrap;background:var(--surface);padding:0 24px;border-bottom:1px solid var(--line)}.feed-tabs a{color:var(--muted);font-size:.82rem;min-height:48px;padding:14px 0 12px;border-bottom:2px solid transparent}.feed-tabs a:hover{text-decoration:none;color:var(--accent)}.feed-tabs a[aria-current]{border-color:var(--accent);color:var(--text);font-weight:650}main{padding:16px 24px 0;min-width:0}.feed-meta{display:flex;justify-content:space-between;gap:12px;align-items:center;color:var(--muted);font-size:.76rem;margin:0 0 14px}.feed-meta p{margin:0}.feed-meta span{white-space:nowrap}.feed-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}.card{--tint:#fff;--card-border:var(--line);--badge:#c3b6ff;--badge-text:#34216f;--cta:var(--accent);border:1px solid var(--card-border);border-radius:15px;padding:15px;background:linear-gradient(155deg,var(--tint),var(--surface) 52%);box-shadow:var(--shadow);display:flex;flex-direction:column;min-width:0}.type-mcp{--tint:#f5e4ff;--card-border:#e6cdff;--badge:#d2afff}.type-skill{--tint:#edf5ff;--card-border:#cbdfff;--badge:#b9d8ff;--badge-text:#173f79;--cta:#5896f5}.type-workflow{--tint:#edfdf6;--card-border:#cceee3;--badge:#a0eace;--badge-text:#144e3c;--cta:#2aad88}.type-plugin{--tint:#f3edff;--card-border:#ded2fb;--badge:#ccbeff}.type-prompt{--tint:#fff8ed;--card-border:#f1dec4;--badge:#ffda9f;--badge-text:#704414}.type-tool{--tint:#eaf8ff;--card-border:#c7e1ec;--badge:#bce7f5;--badge-text:#235b70;--cta:#3697bb}:root[data-theme=dark] .card,:root[data-theme=dark] .detail{--tint:var(--surface);--card-border:var(--line)}.card-top{display:flex;justify-content:space-between;align-items:center;gap:6px;min-height:28px}.type-badge{display:inline-flex;border-radius:16px;padding:5px 10px;background:var(--badge,#d2afff);color:var(--badge-text,#34216f);font-size:.64rem;font-weight:750;white-space:nowrap;box-shadow:0 2px 7px #5e359c0a}.reason{border-radius:13px;background:var(--soft);padding:4px 7px;color:var(--accent);font-size:.63rem;font-weight:650;white-space:nowrap;max-width:56%;overflow:hidden;text-overflow:ellipsis}.hook{font-size:1.42rem;line-height:1.13;letter-spacing:-.05em;white-space:pre-line;margin:12px 0 15px;min-height:77px}.preview{display:block;height:174px;overflow:hidden;position:relative;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:9px;text-decoration:none;flex:0 0 auto;box-shadow:0 4px 14px #25396308}.preview:hover{text-decoration:none;border-color:var(--accent)}.window-bar{height:24px;display:flex;align-items:center;gap:4px;background:var(--chip);padding:5px 7px;border-bottom:1px solid var(--line)}.window-bar>span{width:4px;height:4px;border-radius:50%;background:#91a0b8}.window-bar b{font-size:7px;font-weight:500;margin-left:6px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-body{padding:9px 8px}.preview-item{display:flex;gap:6px;align-items:center;font-size:10px;line-height:1.15;background:var(--surface);border:1px solid var(--line);border-radius:5px;margin-bottom:6px;padding:6px;color:var(--text)}.preview-item .icon{margin-left:auto;width:12px;height:12px;stroke:#17af7d}.step-index{display:grid;place-items:center;flex:0 0 auto;min-width:17px;height:18px;border:1px solid var(--line);border-radius:4px;background:var(--chip);font-size:10px;font-weight:650}.preview-label{position:absolute;bottom:5px;right:6px;color:var(--muted);font-size:8px;border-radius:3px;background:var(--surface);padding:2px 4px}.preview-label .icon{width:10px;height:10px}.preview-browser .preview-body{display:grid;grid-template-columns:1fr 1fr;gap:7px;height:140px;align-items:start}.preview-browser .preview-item{grid-column:2;font-size:8px;padding:5px;margin:0}.mini-site{grid-column:1;grid-row:1/4;display:flex;height:109px;border:1px solid var(--line);background:var(--surface);border-radius:5px;gap:5px;padding:7px}.mini-side{width:20%;background:linear-gradient(var(--soft),var(--chip));border-radius:3px}.mini-content{width:75%}.mini-content>div{height:20px;background:var(--chip);margin-bottom:8px;border-radius:3px}.mini-content>div:first-child{height:27px;border-top:5px solid var(--accent)}.mini-content>div:last-child{height:18px;background:var(--soft)}.preview-code .preview-body{background:#161e32;height:150px}.preview-code .preview-item{color:#c9dcff;background:#202e49;border-color:#304360;font-family:ui-monospace,monospace}.preview-code .step-index{background:#253852;border-color:#425979;color:#93c5fd}.preview-pipeline .preview-body{padding-top:17px}.preview-pipeline .preview-item{border-left:3px solid #44b990}.preview-agent .preview-item .step-index{background:var(--soft);color:var(--accent)}.preview-docs .preview-item{border-left:3px solid #7d66ed}.preview-compare .preview-body{display:flex;gap:8px;padding-top:15px}.preview-compare .preview-item{width:33%;height:92px;padding:7px 4px;flex-direction:column;text-align:center;justify-content:center;font-size:10px}.preview-compare .preview-item .icon{margin:0}.tool-title{font-size:1rem;margin:15px 0 4px;letter-spacing:-.025em}.tool-title a{color:var(--text)}.description{color:var(--muted);font-size:.84rem;line-height:1.43;margin:0 0 15px;min-height:74px}.compatibility{display:flex;flex-wrap:wrap;gap:4px;margin-top:auto;min-height:26px;align-content:start}.compatibility a{display:flex;align-items:center;gap:4px;font-size:.6rem;font-weight:600;background:var(--chip);color:var(--text);padding:4px 5px;border-radius:5px}.client-mark{display:grid;place-items:center;width:13px;height:13px;border-radius:3px;background:var(--surface);font-size:9px;font-weight:700;color:var(--accent)}.evidence{display:flex;justify-content:space-between;gap:5px;font-size:.57rem;color:var(--muted);margin:9px 0 12px}.evidence span{white-space:nowrap}.card-cta{width:100%;min-height:39px;font-size:.77rem;background:var(--cta)}.type-skill .card-cta{color:#fff}.card-actions{display:flex;align-items:center;gap:1px;justify-content:space-between;margin-top:8px}.card-actions button{display:flex;align-items:center;gap:5px;border:none;background:transparent;font-size:.67rem;min-width:31px;min-height:44px;padding:4px;color:var(--muted)}.card-actions button .icon{width:17px;height:17px}.card-actions button[data-like] .icon{color:#ee5098}.card-actions button[aria-pressed=true] .icon{fill:currentColor}.card-actions button[data-save][aria-pressed=true]{color:var(--accent)}.card-actions button:hover{color:var(--accent)}.feed-end{font-size:.79rem;color:var(--muted);text-align:center;margin:24px 0}.page-intro{color:var(--muted);margin-bottom:24px}.empty-state{padding:35px 20px;text-align:center;background:var(--surface);border:1px dashed var(--line);border-radius:14px;grid-column:1/-1}.empty-state p{color:var(--muted)}footer{display:flex;gap:10px;flex-wrap:wrap;padding:12px 24px 28px;font-size:.68rem;color:var(--muted)}footer span{margin-left:auto}.notice{padding:12px;border:1px solid var(--line);background:var(--surface);border-radius:9px;font-size:.85rem;margin:0 0 16px}.notice:empty{display:none}#storage-status[data-ok=true]{display:none}.danger,.form-error{color:var(--danger)}.status:empty{display:none}.status{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 18px;max-width:min(640px,90vw);box-shadow:0 5px 35px #0002;z-index:35;font-size:.84rem}.back{display:inline-block;padding:12px 0;margin-bottom:12px}.detail{max-width:860px;margin:0 auto;padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:16px}.detail h1{white-space:pre-line;font-size:2.4rem;margin:15px 0}.detail-name{font-size:1.2rem;font-weight:700}.detail-intro{font-size:1.02rem;color:var(--muted)}.detail section{margin:30px 0;scroll-margin-top:25px}.detail .preview{max-width:350px;height:174px}.compat-row{padding:14px 0;border-bottom:1px solid var(--line);font-size:.9rem}.compat-row p{margin:7px 0}.evidence-label{font-size:.7rem;color:var(--muted);margin-left:12px}.instruction-step h3{display:flex;align-items:center;gap:8px}.instruction-step .step-index{min-width:24px;height:25px;font-size:13px}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.inline{display:inline-block;margin-right:20px}.update-date{display:block;font-size:.75rem;color:var(--muted)}dialog{width:min(640px,calc(100vw - 28px));max-height:90dvh;overflow-y:auto;background:var(--surface);color:var(--text);padding:25px;border:1px solid var(--line);border-radius:18px;box-shadow:0 20px 60px #0003}dialog::backdrop{background:#111a335e;backdrop-filter:blur(4px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.dialog-heading h2{margin:0}.dialog-heading button{border:none;background:transparent;padding:5px}.dialog-heading .icon{width:20px}.choices{display:flex;flex-wrap:wrap;gap:7px}.choices label{margin:0;position:relative}.choices input{position:absolute;opacity:0;width:1px;height:1px}.choices span{display:block;padding:9px 11px;border-radius:8px;border:1px solid var(--line);font-size:.84rem;cursor:pointer}.choices label:has(input:checked) span{background:var(--soft);color:var(--accent);border-color:var(--accent);font-weight:600}.choices label:has(input:focus-visible) span{outline:3px solid var(--focus);outline-offset:2px}.custom-label{font-size:.75rem;color:var(--muted);margin-bottom:0}.custom-label input{font-size:.85rem;margin-top:5px}.data-settings{border-top:1px solid var(--line);padding-top:20px;margin-top:25px;font-size:.8rem}.data-settings summary{cursor:pointer}.data-settings button{margin:5px 5px 0 0;font-size:.78rem}.menu-actions{display:flex;flex-direction:column;gap:10px;margin-top:20px}.note{padding:12px;background:var(--chip);border-radius:9px;margin:15px 0;white-space:pre-wrap;overflow-wrap:anywhere}.note small{display:block;margin-bottom:8px}.note button{font-size:.72rem;margin-top:8px}.new-collection{display:flex;gap:10px;max-width:560px;margin:25px 0}.collection-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0 22px}.collection-tabs button[aria-pressed=true]{background:var(--soft);border-color:var(--accent);color:var(--accent)}.bottom-nav{display:none}[hidden]{display:none!important}
@media(min-width:1650px){.feed-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:1250px){.feed-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feed-tabs{gap:23px}.sidebar{width:205px}.workspace{margin-left:205px}.topbar{gap:12px}.header-actions{gap:10px}}@media(max-width:1020px){.feed-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.sidebar{display:none}.workspace{margin-left:0}.mobile-brand{display:flex}.topbar{height:auto;flex-wrap:wrap;padding:14px 20px;gap:12px}.search{order:3;flex-basis:100%;max-width:none}.header-actions{margin-left:auto}.feed-tabs{padding:0 20px;gap:24px}main{padding:16px 20px}.hook{min-height:74px}.description{min-height:60px}}@media(max-width:600px){.topbar{padding:14px 16px}.brand{font-size:1.15rem}.header-actions{gap:10px}.add-button{display:none}.search input{font-size:.8rem}.feed-tabs{padding:0 16px;gap:24px}.feed-tabs a{min-height:44px;padding-top:12px;font-size:.8rem}main{padding:14px 12px}.feed-grid{grid-template-columns:minmax(0,1fr);gap:18px}.feed-meta{font-size:.68rem;margin:0 4px 14px}.card{padding:18px;border-radius:15px}.hook{font-size:1.72rem;min-height:0;margin:16px 0;line-height:1.14}.preview{height:205px}.preview-browser .preview-body{height:165px}.preview-browser .mini-site{height:135px}.preview-browser .preview-item{font-size:10px;padding:8px}.preview-body{padding:14px}.preview-item{font-size:12px;padding:8px;margin-bottom:9px}.preview-label{font-size:9px;bottom:7px}.preview-code .preview-body{height:180px}.preview-compare .preview-item{height:132px;font-size:12px}.tool-title{font-size:1.14rem;margin-top:18px}.description{font-size:.9rem;min-height:0;margin-bottom:16px}.compatibility a{font-size:.68rem;padding:5px 7px}.evidence{font-size:.65rem;margin-top:12px}.card-cta{min-height:44px;font-size:.9rem}.card-actions{margin-top:10px}.card-actions button{min-width:44px;min-height:44px;font-size:.75rem}.card-actions button .icon{width:20px;height:20px}.type-badge{font-size:.7rem;padding:5px 11px}.reason{font-size:.67rem}.detail{padding:20px 16px}.detail h1{font-size:1.9rem}.detail .preview{height:205px}.bottom-nav{display:flex;position:fixed;left:0;right:0;bottom:0;background:var(--surface);border-top:1px solid var(--line);justify-content:space-around;align-items:center;gap:4px;padding:6px 8px max(6px,env(safe-area-inset-bottom));z-index:20;min-height:64px}.bottom-nav a,.bottom-nav button{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--muted);font-size:.58rem;border:none;background:transparent;min-width:50px;min-height:49px;padding:4px}.bottom-nav .icon{width:20px;height:20px}.bottom-nav a[aria-current]{color:var(--accent)}.bottom-nav .mobile-add{border-radius:50%;background:var(--accent);color:#fff;width:40px;min-width:40px;height:40px;min-height:40px;padding:10px;margin:0 4px;box-shadow:0 3px 12px #6045ff35}footer{padding:18px 16px 85px}footer span{margin-left:0}.status{bottom:76px;max-height:30dvh;overflow-y:auto}.new-collection{flex-wrap:wrap}.new-collection input{flex-basis:100%}dialog{padding:20px;max-height:88dvh}.choices span{padding:9px 10px;font-size:.78rem}.dialog-heading h2{font-size:1.12rem}.evidence-label{display:block;margin-left:0;margin-top:6px}.compat-row a{display:inline-block;margin-top:4px}.header-actions .avatar{width:31px;height:31px;min-height:31px}.notification-dot{right:8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.type-workflow .card-cta{background:#75e1bb;color:#074735}.type-skill .card-cta{background:#bfd9ff;color:#16427f}.type-tool .card-cta{background:#bce7f5;color:#17465a}.preview[data-count="4"] .preview-item{padding:5px;margin-bottom:5px}.evidence{font-size:.66rem;flex-wrap:wrap}:root[data-theme=dark]{--accent:#7055eb;--accent-hover:#7259da}

:root{--ink-accent:#6045ff}:root[data-theme=dark]{--ink-accent:#c0b1ff}a,.reason,.stack-icon,.client-mark{color:var(--ink-accent)}.brand,.tool-title a{color:var(--text)}.primary{color:#fff}.compatibility a{color:var(--text)}.side-nav a[aria-current],.collection-tabs button[aria-pressed=true],.choices label:has(input:checked) span{color:var(--ink-accent)}.side-nav a[aria-current] .icon{fill:var(--ink-accent);stroke:var(--ink-accent)}.bottom-nav a[aria-current]{color:var(--ink-accent)}
@media(max-width:600px){body.js-ready .search{display:none}body.js-ready .search.is-open{display:flex}}