.lib-gradient-text{background:linear-gradient(90deg,var(--accent-legacy),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.profile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1rem}.profile-card{border:1px solid var(--border-legacy);border-radius:var(--radius-md);background:var(--panel);padding:1.1rem;cursor:pointer;display:flex;flex-direction:column;gap:.6rem;transition:border-color .12s ease}.profile-card:hover{border-color:var(--accent-2)}.profile-card-head{display:flex;align-items:center;gap:.65rem}.profile-avatar-sm{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;font-weight:700;font-size:.85rem;color:oklch(var(--primary-foreground));flex-shrink:0;text-shadow:0 1px 2px rgba(0,0,0,.35)}.profile-card-name{margin:0;font-size:.98rem;line-height:1.25}.profile-card-handle{color:var(--muted-legacy);font-size:.78rem;font-family:var(--font-mono)}.profile-verified-inline{color:var(--accent-2);font-size:.72rem;margin-left:.35rem}.profile-card-desc{margin:0;color:var(--muted-legacy);font-size:.8rem;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.profile-card-stats{display:flex;flex-wrap:wrap;gap:.4rem 1rem;color:var(--muted-legacy);font-size:.78rem;margin-top:auto}.profile-card-stats strong{color:var(--text)}.profile-kinds{display:flex;flex-wrap:wrap;gap:.3rem}.profile-kinds .comp-dep{font-size:.68rem}.profile-pending{color:var(--gold);font-size:.72rem}.profile-back{color:var(--muted-legacy);text-decoration:none;font-size:.85rem}.profile-back:hover{color:var(--accent-2)}.profile-banner{border:1px solid var(--border-legacy);border-radius:var(--radius-lg);background:var(--panel);overflow:hidden;margin-bottom:2rem}.profile-cover{height:96px;background:linear-gradient(120deg,var(--cover-from, #8b5cf6),var(--cover-to, #22d3ee));opacity:.55}.profile-head{display:flex;align-items:flex-end;gap:1rem;padding:0 1.4rem;margin-top:-26px}.profile-avatar{width:72px;height:72px;border-radius:18px;display:grid;place-items:center;font-weight:800;font-size:1.5rem;color:oklch(var(--primary-foreground));border:3px solid var(--bg);text-shadow:0 1px 3px rgba(0,0,0,.4);flex-shrink:0}.profile-id h1{margin:0;font-size:1.4rem;font-family:var(--font-display)}.profile-handle-row{display:flex;align-items:center;gap:.6rem;margin-top:.1rem}.pf-social-row{display:flex;align-items:center;gap:.5rem;margin-top:.35rem;font-size:.86rem}.pf-social-row a{color:var(--muted-legacy);text-decoration:none;transition:color .15s ease}.pf-social-row a:hover{color:var(--accent, #8b5cf6)}.pf-social-sep{color:var(--border-strong)}.pf-bio{margin:.45rem 0 0;font-size:.88rem;color:var(--muted-legacy);line-height:1.45}.compx-author-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.25rem;font-size:.78rem;color:var(--muted-legacy)}.compx-author{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compx-likes{color:var(--muted-legacy);white-space:nowrap}.compx-likes:first-letter{color:#f472b6}.profile-handle{color:var(--muted-legacy);font-family:var(--font-mono);font-size:.85rem}.profile-verified{color:var(--accent-2);border:1px solid var(--border-legacy);border-radius:999px;font-size:.7rem;padding:.05rem .55rem}.profile-actions{margin-left:auto;padding-bottom:.35rem}.profile-desc{color:var(--muted-legacy);margin:.8rem 1.4rem 0;max-width:70ch;font-size:.9rem}.profile-tags{display:flex;flex-wrap:wrap;gap:.35rem;padding:.8rem 1.4rem 0}.profile-tags .comp-dep{font-size:.7rem}.profile-stats{margin:1rem 1.4rem 1.2rem}.profile-pending-note{margin:0 1.4rem 1.2rem;color:var(--gold);font-size:.82rem}.featured{margin-bottom:2rem}.featured h2{font-size:1.05rem;margin-bottom:.7rem}.featured-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.7rem}.featured-chip{border:1px solid var(--border-legacy);border-radius:var(--radius-md);background:var(--bg-2);padding:.7rem .85rem;cursor:pointer;text-align:left;color:var(--text);font:inherit;text-decoration:none;display:block}.featured-chip:hover{border-color:var(--accent-2)}.featured-chip-name{display:block;font-size:.85rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.featured-chip-meta{color:var(--muted-legacy);font-size:.72rem}.pricing{margin:3.5rem auto 0;max-width:560px}.pricing-card{border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--panel);padding:2rem 2.2rem;position:relative}.pricing-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(90deg,var(--accent-legacy),var(--accent-2));color:oklch(var(--primary-foreground));border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.04em;padding:.25rem .9rem;white-space:nowrap}.pricing-card h2{margin:.4rem 0 .3rem;text-align:center;font-family:var(--font-display)}.pricing-sub{color:var(--muted-legacy);font-size:.85rem;text-align:center;margin:0 0 1.2rem}.pricing-row{display:flex;align-items:baseline;justify-content:center;gap:.6rem;margin-bottom:1.1rem}.pricing-price{font-size:2.6rem;font-weight:800;font-family:var(--font-display)}.pricing-period{color:var(--muted-legacy);font-size:.85rem}.pricing-list{list-style:none;margin:0 0 1.4rem;padding:0;color:var(--text);font-size:.88rem;display:grid;gap:.45rem}.pricing-cta{display:block;text-align:center;background:var(--accent-legacy);color:oklch(var(--primary-foreground));text-decoration:none;border-radius:var(--radius-md);padding:.7rem 1rem;font-weight:600;border:none;cursor:pointer;font-size:.95rem}.pricing-cta:hover{filter:brightness(1.12)}.pricing-note{color:var(--faint);font-size:.75rem;margin:1rem 0 0;text-align:center}.publish{margin-top:3rem;border-top:1px solid var(--border-legacy);padding-top:2rem}.publish h2{font-size:1.15rem;margin-bottom:.3rem}.publish-form{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.9rem}.publish-form input,.publish-form select{background:var(--bg-2);border:1px solid var(--border-legacy);border-radius:var(--radius-md);color:var(--text);padding:.55rem .8rem;font:inherit;font-size:.85rem}.publish-form input{flex:1 1 200px}.publish-form input:focus,.publish-form select:focus{border-color:var(--accent-2)}.publish-status{margin-top:.8rem;font-size:.85rem}.publish-status.is-ok{color:var(--accent-2)}.publish-status.is-err{color:#f87171}@media (max-width: 720px){.profile-head{flex-wrap:wrap}.profile-actions{margin-left:0}}.comp-shot{width:100%;border-radius:var(--radius-md);border:1px solid var(--border-legacy);display:block;margin-bottom:.6rem}.comp-mode-toggle{display:inline-flex;gap:.25rem;border:1px solid var(--border-legacy);border-radius:999px;padding:.15rem;background:var(--bg-2);margin-bottom:.5rem}.mode-btn{border:none;background:transparent;color:var(--muted-legacy);font:inherit;font-size:.75rem;padding:.25rem .8rem;border-radius:999px;cursor:pointer}.mode-btn.is-active{background:var(--accent-legacy);color:oklch(var(--primary-foreground))}.comp-modal-cats{display:flex;flex-wrap:wrap;gap:.3rem;justify-content:center;flex:1}.comp-cat{font-size:.7rem;color:var(--accent-2);border:1px solid var(--border-legacy);border-radius:999px;padding:.05rem .55rem;text-decoration:none;white-space:nowrap}.comp-cat:hover{border-color:var(--accent-2)}.comp-cat-link{color:var(--muted-legacy)}.cat-rail{display:flex;flex-wrap:wrap;gap:.35rem;margin:.8rem 0 0}.cat-chip{font-size:.74rem;border:1px solid var(--border-legacy);border-radius:999px;background:var(--bg-2);color:var(--text);padding:.2rem .7rem;cursor:pointer}.cat-chip:hover{border-color:var(--accent-2)}.cat-chip.is-active{background:var(--accent-legacy);border-color:var(--accent-legacy);color:oklch(var(--primary-foreground))}.compx-head{padding-top:1.2rem}.compx-searchrow{display:flex;justify-content:center;margin:0 auto 1rem;max-width:520px}.compx-searchrow input{width:100%;background:var(--bg-2);border:1px solid var(--border-legacy);border-radius:999px;color:var(--text);font:inherit;font-size:.9rem;padding:.6rem 1.2rem}.compx-searchrow input:focus{border-color:var(--accent-2)}.compx-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.compx-tabs{display:inline-flex;gap:.25rem;border-bottom:1px solid var(--border-legacy)}.compx-tab{background:none;border:none;border-bottom:2px solid transparent;color:var(--muted-legacy);cursor:pointer;font:inherit;font-size:.85rem;padding:.45rem .9rem;margin-bottom:-1px}.compx-tab:hover{color:var(--text)}.compx-tab.is-active{color:var(--text);border-bottom-color:var(--accent-2)}.compx-toolbar-right{align-items:center;display:flex;gap:.8rem}.compx-search{flex:1 1 220px;min-width:0;max-width:340px;padding:8px 14px;border:1px solid var(--border-legacy);border-radius:999px;background:#ffffff0a;color:inherit;font:inherit;font-size:13.5px;outline:none}.compx-search::placeholder{color:var(--muted-legacy)}.compx-search:focus{border-color:#6366f18c}.compx-search:not(input){display:flex;align-items:center;gap:7px}.compx-search:not(input) input{flex:1;min-width:0;border:none;background:none;font:inherit;color:inherit}.compx-stylechips{display:flex;flex-wrap:wrap;gap:6px;min-width:0}.compx-filters-btn{background:var(--bg-2);border:1px solid var(--border-legacy);border-radius:999px;color:var(--muted-legacy);cursor:pointer;font:inherit;font-size:.78rem;padding:.3rem .9rem}.compx-filters-btn:hover,.compx-filters-btn.is-active{border-color:var(--accent-2);color:var(--accent-2)}.cat-bar-wrap{margin:.8rem -1.5rem 0;overflow-x:auto;padding:.2rem 1.5rem .5rem;scrollbar-width:none}.cat-bar-wrap::-webkit-scrollbar{display:none}.cat-bar{display:flex;gap:.4rem;width:max-content}.cat-bar .cat-chip{white-space:nowrap;flex-shrink:0}.compx-grid{align-items:start;column-gap:1rem;column-width:300px;display:block}.compx-grid .compx-card{break-inside:avoid;display:inline-block;margin:0 0 1rem;width:100%}.compx-card{background:var(--panel);border:1px solid var(--border-legacy);border-radius:var(--radius-md);overflow:hidden;transition:border-color .12s ease}.compx-card:hover{border-color:var(--border-strong)}.compx-tile{position:relative;min-height:150px;overflow:hidden}.compx-placeholder{align-items:center;color:#ffffff8c;display:flex;font-size:.8rem;height:150px;justify-content:center;padding:.8rem;position:absolute;inset:0;text-align:center;word-break:break-word}.compx-shot{display:block;position:relative;width:100%;height:auto;z-index:1}.compx-shot.is-broken{display:none}.compx-livetile{background:oklch(var(--primary-foreground));border:0;display:block;height:150px;position:relative;width:100%;z-index:1}.compx-svgwrap{align-items:center;background:#f5f6f8;display:flex;height:150px;justify-content:center;position:relative;z-index:1}.compx-svgwrap svg{height:64px;width:64px;fill:currentColor;color:oklch(var(--bg-2))}.compx-svgwrap~.compx-overlay,.compx-livetile~.compx-overlay{z-index:2}.compx-overlay{align-items:center;background:linear-gradient(180deg,#06080d26,#06080dd1);display:flex;gap:.5rem;justify-content:center;opacity:0;padding:1.4rem .8rem .9rem;position:absolute;inset:0;transition:opacity .15s ease;z-index:2}.compx-card:hover .compx-overlay{opacity:1}.compx-act{background:var(--text);border:none;border-radius:8px;color:var(--bg);cursor:pointer;font:inherit;font-size:.78rem;font-weight:600;padding:.4rem 1rem}.compx-act-ghost{background:#ffffff24;color:oklch(var(--primary-foreground))}.compx-meta{padding:.7rem .9rem .8rem}.compx-title-row{align-items:baseline;display:flex;gap:.5rem;justify-content:space-between}.compx-name{font-size:.9rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compx-likes{color:var(--muted-legacy);font-size:.72rem;white-space:nowrap}.compx-author-row{align-items:center;display:flex;gap:.45rem;margin-top:.35rem}.compx-avatar{border-radius:50%;color:oklch(var(--primary-foreground));display:inline-grid;font-size:.58rem;font-weight:700;height:18px;place-items:center;width:18px}.compx-author{color:var(--muted-foreground);font-size:.76rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compx-q{border:1px solid var(--border-legacy);border-radius:999px;color:var(--accent-2);font-size:.62rem;margin-left:auto;padding:0 .45rem}.compx-cats{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.45rem}.compx-cat{color:var(--accent-2);font-size:.66rem;text-decoration:none}.compx-cat:hover{text-decoration:underline}.compx-more{display:flex;justify-content:center;margin:1.4rem 0 2rem}.compx-libstrip{display:flex;gap:.4rem;margin-top:.5rem;overflow:hidden}.compx-strip-shot{border:1px solid var(--border-legacy);border-radius:8px;display:block;height:64px;object-fit:cover;width:84px}.compx-strip-shot.is-broken{display:none}.compx-strip-more{align-self:center;color:var(--faint);font-size:.68rem;white-space:nowrap}.compx-mini{border:1px solid var(--border-legacy);border-radius:var(--radius-md);background:var(--bg-2);display:block;overflow:hidden;text-decoration:none}.compx-mini:hover{border-color:var(--accent-2)}.compx-mini-shot{border-bottom:1px solid var(--border-legacy);display:block;height:90px;object-fit:cover;width:100%}.compx-mini-shot.is-broken{display:none}.compx-mini-name{color:var(--text);display:block;font-size:.78rem;font-weight:600;overflow:hidden;padding:.45rem .6rem 0;text-overflow:ellipsis;white-space:nowrap}.compx-mini-meta{color:var(--muted-legacy);display:block;font-size:.68rem;padding:0 .6rem .5rem}@media (max-width: 720px){.compx-toolbar{flex-wrap:wrap}.compx-toolbar-right{margin-left:auto}.compx-grid{column-width:240px}.cat-bar-wrap{margin-left:-1rem;margin-right:-1rem;padding-left:1rem;padding-right:1rem}}.compx-strip-tile{border:1px solid var(--border-legacy);border-radius:8px;display:block;flex:0 0 84px;height:64px;overflow:hidden;position:relative}.compx-strip-shot{border:none;height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.compx-strip-live{background:oklch(var(--primary-foreground));border:none;display:block;height:256px;left:0;pointer-events:none;position:absolute;top:0;transform:scale(.3333);transform-origin:0 0;width:300%}.compx-strip-svg{align-items:center;background:#f5f6f8;color:oklch(var(--bg-2));display:flex;justify-content:center}.compx-strip-svg svg{fill:currentColor;height:72px;width:72px}.compx-live{background:oklch(var(--primary-foreground));border:none;display:block;height:900px;left:0;pointer-events:none;position:absolute;top:0;transform:scale(.3333);transform-origin:0 0;width:300%}body.embed .row{display:block}body.embed .case{border:none;height:100vh}body.embed .framebox{height:100vh}body.embed .framebox iframe{display:block}.compx-act.is-saved{color:#f472b6;border-color:#f472b68c}.compx-more{display:flex;justify-content:center;padding:28px 0 48px}.compx-more-btn{--btn-px: 22px;--btn-py: 10px;--btn-radius: var(--radius-lg);border:1px solid oklch(var(--border));background:oklch(var(--popover));color:oklch(var(--foreground))}.compx-more-btn:hover{border-color:oklch(var(--primary));background:#3b82f614}.compx-empty{grid-column:1 / -1;text-align:center;color:var(--muted-foreground, #a1a1aa);padding:60px 0;font-size:15px}.compx-act{display:inline-flex;align-items:center;gap:6px}.compx-act svg{flex:none}.compx-likes{display:inline-flex;align-items:center;gap:4px;color:var(--muted-foreground, #a1a1aa)}.compx-likes svg{color:#f472b6}.compx-cats{display:flex;gap:8px;flex-wrap:wrap}.comp-tab{display:inline-flex;align-items:center;gap:7px}.comp-tab svg{flex:none;opacity:.85}.comp-install-copy{display:inline-flex;align-items:center;justify-content:center}.stars .star{display:inline-flex;align-items:center;justify-content:center;padding:4px;background:none;border:none;cursor:pointer;color:var(--muted-foreground, #71717a)}.stars .star.is-on{color:#fbbf24}.home-sec-all{display:inline-flex;align-items:center;gap:4px}.home-cta{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:8px}.home-cta .btn-primary{display:inline-flex;align-items:center;gap:8px;background:oklch(var(--primary-foreground, 1 0 0));color:oklch(var(--primary, .485 .291 264.121));border:1px solid oklch(var(--primary-foreground, 1 0 0));border-radius:999px;padding:10px 22px;font-weight:500;font-size:14.5px;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}.home-cta .btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 24px #fafafa1f}.home-cta .btn-ghost{display:inline-flex;align-items:center;gap:8px;background:var(--popover, #171717);color:var(--foreground, #f4f4f5);border:1px solid var(--border, #27272a);border-radius:999px;padding:10px 20px;font-weight:500;font-size:14.5px;text-decoration:none;transition:border-color .15s ease}.home-cta .btn-ghost:hover{border-color:var(--primary, #3b82f6)}.home-sec{margin:0 0 32px}.home-sec-head{align-items:center;margin-bottom:8px;padding:0 8px}.home-sec-head h2{font-family:var(--font-body, "General Sans", sans-serif);font-size:14px;font-weight:500;letter-spacing:0;color:oklch(var(--foreground, .968 .001 286.375))}.home-sec-head .home-sec-all{color:#878787;font-size:14px;font-weight:500}.home-sec-head .home-sec-all svg{display:none}.compx-card{background:transparent;border:none;border-radius:0;box-shadow:none}.compx-card:hover{box-shadow:none}.compx-meta{padding:12px 4px 0}.compx-name{font-size:13px;font-weight:500;color:oklch(var(--foreground, .968 .001 286.375) / .8)}.compx-likes{font-size:11px;color:var(--muted-legacy)}.compx-author-row{font-size:11px;margin-top:2px}.compx-avatar{width:16px;height:16px;font-size:9px}.compx-author{font-size:11px}