.cat-tray{background:color-mix(in oklch, var(--foreground) 4%, var(--page-background));border:1px solid color-mix(in oklch, var(--foreground) 9%, transparent);border-radius:26px;flex-direction:column;gap:10px;min-height:0;max-height:100%;padding:10px;display:flex}.cat-tray-switch{background:color-mix(in oklch, var(--foreground) 6%, transparent);border-radius:14px;grid-template-columns:1fr 1fr;gap:3px;padding:3px;display:grid}.cat-tray-switch a{height:36px;color:color-mix(in oklch, var(--foreground) 64%, transparent);border-radius:11px;justify-content:center;align-items:center;gap:7px;font-size:14px;font-weight:600;transition:color .2s,background .2s;display:flex}.cat-tray-switch a:hover{color:var(--foreground)}.cat-tray-switch a[data-active=true]{background:var(--card);color:var(--foreground);box-shadow:0 1px 2px oklch(30% .03 60/.1), 0 0 0 1px color-mix(in oklch, var(--foreground) 9%, transparent)}.cat-tray-switch em,.cat-tray-head em{font:500 11px var(--font-mono,ui-monospace, monospace);color:var(--muted-foreground);font-style:normal}.cat-tray-list{scrollbar-width:none;flex:1;min-height:0;padding:0 2px 4px;overflow-y:auto}.cat-tray-head{letter-spacing:.08em;text-transform:uppercase;color:var(--muted-foreground);align-items:center;gap:8px;margin:12px 10px 6px;font-size:11.5px;font-weight:600;display:flex}.cat-tray-head svg{width:13px;height:13px}.cat-tray-head em{margin-left:auto}.cat-tray-row{border-radius:12px;align-items:center;transition:background .18s;display:flex;position:relative}.cat-tray-row:hover{background:color-mix(in oklch, var(--foreground) 5%, transparent)}.cat-tray-row[data-active=true]{background:var(--card);box-shadow:0 1px 2px oklch(30% .03 60/.08), 0 10px 24px -14px oklch(30% .05 60/.35), 0 0 0 1px color-mix(in oklch, var(--foreground) 9%, transparent);margin:4px 0}.cat-tray-it{text-align:left;min-width:0;height:38px;color:color-mix(in oklch, var(--foreground) 72%, transparent);cursor:pointer;flex:1;align-items:center;gap:11px;padding:0 12px;font-size:14.5px;font-weight:500;display:flex}.cat-tray-row:hover .cat-tray-it{color:var(--foreground)}.cat-tray-row[data-active=true] .cat-tray-it{height:46px;color:var(--foreground);font-weight:600}.cat-tray-logo{border-radius:7px;width:24px;height:24px;margin-left:-4px}.cat-tray-step{gap:4px;padding-right:8px;display:flex}.cat-tray-step button{background:var(--page-background);border:1px solid color-mix(in oklch, var(--foreground) 9%, transparent);width:30px;height:30px;color:color-mix(in oklch, var(--foreground) 64%, transparent);border-radius:9px;place-items:center;transition:background .2s,color .2s,border-color .2s;display:grid}.cat-tray-step button:hover{background:var(--primary);color:var(--primary-foreground);border-color:#0000}.cat-tray-step svg{width:15px;height:15px}.cat-tray-foot{border-top:1px solid color-mix(in oklch, var(--foreground) 9%, transparent);gap:2px;padding-top:8px;display:grid}.cat-tray-doc{height:36px;color:color-mix(in oklch, var(--foreground) 64%, transparent);border-radius:11px;align-items:center;gap:10px;padding:0 12px;font-size:14px;font-weight:500;transition:background .18s,color .18s;display:flex}.cat-tray-doc:hover,.cat-tray-doc[data-active=true]{background:color-mix(in oklch, var(--foreground) 5%, transparent);color:var(--foreground)}.cat-tray-doc svg{width:16px;height:16px;color:var(--muted-foreground)}.cat-filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cat-filters button{background:var(--card);cursor:pointer;border-radius:999px;height:44px;padding:0 20px;font-size:15.5px;font-weight:600;transition:background .2s,color .2s}.cat-filters button[aria-pressed=true]{background:var(--foreground);color:var(--background)}.cat-howto{color:var(--muted-foreground);flex-wrap:wrap;align-items:center;gap:12px 14px;font-size:17px;display:flex}.cat-pill{background:var(--card);max-width:100%;height:44px;color:var(--foreground);font:500 15px var(--font-mono,ui-monospace, monospace);cursor:pointer;border-radius:999px;align-items:center;gap:12px;padding:0 5px 0 18px;display:inline-flex}.cat-pill-prompt{color:var(--primary)}.cat-pill-action{background:var(--muted);height:34px;font:600 13px var(--font-sans,Inter, sans-serif);border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:0 14px;transition:gap .2s;display:inline-flex}.cat-pill[data-tone=mcp]{font:600 15px var(--font-sans,Inter, sans-serif);gap:6px;padding-left:14px}.cat-pill[data-tone=mcp] .cat-pill-action{background:var(--primary);color:#fff;margin-left:6px}.cat-pill[data-tone=mcp]:hover .cat-pill-action{gap:10px}.cat-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.cat-card{background:var(--card);min-height:224px;box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--foreground) 8%, transparent);text-align:left;border-radius:28px;flex-direction:column;padding:28px;transition:transform .4s cubic-bezier(.2,.8,.2,1);display:flex;position:relative}.cat-card:hover{transform:translateY(-6px)}.cat-card[data-tone=tint]{background:var(--card-tint)}.cat-card[data-tone=hot]{color:#fff;background:var(--surface-orange-deep);box-shadow:none}.cat-card-icon{stroke-width:1.1px;width:40px;height:40px;color:var(--primary);position:absolute;top:24px;right:24px}.cat-card[data-tone=hot] .cat-card-icon{color:#fff}.cat-card-name{letter-spacing:-.05em;max-width:72%;font-size:clamp(1.375rem,1.9vw,1.875rem);font-weight:600;line-height:1.04}.cat-card-line{max-width:82%;color:var(--muted-foreground);margin-top:10px;font-size:15.5px;line-height:1.4}.cat-card[data-tone=hot] .cat-card-line{color:oklch(100% 0 0/.9)}.cat-card-foot{align-items:center;margin-top:auto;padding-top:30px;display:flex}.cat-chip{background:color-mix(in oklch, var(--foreground) 6%, transparent);border-radius:999px;padding:7px 14px;font-size:13.5px;font-weight:600}.cat-chip[data-tone=free]{background:var(--primary);color:#fff}.cat-card[data-tone=hot] .cat-chip{background:oklch(100% 0 0/.2)}.cat-go{background:var(--foreground);width:44px;height:44px;color:var(--background);border-radius:50%;place-items:center;margin-left:auto;transition:transform .3s cubic-bezier(.2,1.3,.4,1);display:grid}.cat-card[data-tone=hot] .cat-go{color:var(--surface-orange-ink);background:#fff}.cat-card:hover .cat-go{transform:translate(3px,-3px)}.cat-detail-title{letter-spacing:-.05em;text-wrap:balance;font-size:clamp(2.25rem,4vw,3.875rem);font-weight:600;line-height:1}.cat-detail-lead{color:var(--muted-foreground);text-wrap:pretty;margin-top:14px;font-size:18px;line-height:1.5}.cat-crumb{color:var(--muted-foreground);flex-wrap:wrap;gap:8px;font-size:14.5px;display:flex}.cat-crumb a:hover{color:var(--foreground)}.cat-crumb b{color:var(--primary);font-weight:600}.cat-seg{background:var(--card);border-radius:999px;gap:4px;padding:5px;display:inline-flex}.cat-seg>*{height:38px;color:var(--muted-foreground);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:14.5px;font-weight:600;transition:background .2s,color .2s;display:inline-flex}.cat-seg>:hover{color:var(--foreground)}.cat-seg[data-icons=true]>*{width:38px;padding:0}.cat-seg svg{width:17px;height:17px}.cat-seg>[aria-selected=true],.cat-seg>[data-active=true]{background:var(--foreground);color:var(--background)}.cat-stage{background:var(--surface-orange);border-radius:32px;padding:clamp(12px,1.6vw,22px)}.cat-stage-bar{flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:14px;display:flex}.cat-stage .cat-seg{background:oklch(30% .09 38/.24);box-shadow:inset 0 0 0 1px oklch(100% 0 0/.16)}.cat-stage .cat-seg>*{color:oklch(100% 0 0/.88)}.cat-stage .cat-seg>:hover{color:#fff}.cat-stage .cat-seg>[aria-selected=true],.cat-stage .cat-seg>[data-active=true]{color:var(--surface-orange-ink);background:#fff}.cat-thumbs{scrollbar-width:none;align-items:flex-start;gap:10px;margin-top:14px;padding:3px 3px 2px;display:flex;overflow-x:auto}.cat-thumbs>button{text-align:left;cursor:pointer;flex:none;width:118px}.cat-thumbs:has(>button[data-phone=true]){gap:8px}.cat-thumbs>button[data-phone=true]{width:70px}.cat-thumb{background:var(--card);opacity:.85;border-radius:10px;height:68px;transition:opacity .2s,box-shadow .2s,transform .25s cubic-bezier(.2,.8,.2,1);display:block;position:relative;overflow:hidden}.cat-thumbs>button[data-phone=true] .cat-thumb{aspect-ratio:390/844;opacity:.7;border-radius:12px;width:60px;height:auto;margin-inline:auto;box-shadow:0 0 0 1px oklch(100% 0 0/.35),0 10px 18px -10px oklch(30% .1 40/.6)}.cat-thumbs>button[data-phone=true]:hover .cat-thumb{opacity:1}.cat-thumbs>button[data-phone=true][data-active=true] .cat-thumb{opacity:1;box-shadow:0 0 0 2px #fff,0 12px 22px -10px oklch(30% .1 40/.7)}.cat-thumbs>button:hover .cat-thumb{opacity:1;transform:translateY(-2px)}.cat-thumbs>button[data-active=true] .cat-thumb{opacity:1;box-shadow:0 0 0 2px #fff}.cat-thumbs small{white-space:nowrap;text-overflow:ellipsis;color:#fff;text-shadow:0 1px 2px oklch(35% .14 38/.45);opacity:.85;margin-top:7px;font-size:12.5px;font-weight:600;display:block;overflow:hidden}.cat-thumbs>button[data-active=true] small{opacity:1}.cat-thumbs>button[data-phone=true] small{text-align:center;white-space:normal;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-top:8px;font-size:11.5px;line-height:1.25;display:-webkit-box}.cat-buy{background:var(--card);border-radius:28px;padding:24px}.cat-buy-name{letter-spacing:-.035em;margin-bottom:14px;font-size:20px;font-weight:600;line-height:1.15}.cat-buy-label{color:var(--muted-foreground);font-size:14px}.cat-buy-ticks{border-top:1px solid var(--border);gap:12px;margin-top:22px;padding-top:22px;font-size:15.5px;font-weight:500;display:grid}.cat-buy-ticks li{align-items:flex-start;gap:11px;display:flex}.cat-buy-ticks svg{width:17px;height:17px;color:var(--primary);flex-shrink:0;margin-top:2px}.cat-sub-title{letter-spacing:-.055em;margin:96px 0 36px;font-size:clamp(2.125rem,4vw,4rem);font-weight:600;line-height:.98}.cat-gets{grid-template-columns:minmax(0,1fr);gap:14px;display:grid}@media (width>=640px){.cat-gets{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1081px){.cat-gets,.cat-cards[data-count]{grid-template-columns:repeat(3,minmax(0,1fr))}.cat-gets[data-count="2"],.cat-gets[data-count="4"],.cat-cards[data-count="2"],.cat-cards[data-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}}.cat-gets[data-count="1"]{grid-template-columns:minmax(0,1fr);max-width:560px}.cat-get{background:var(--card);box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--foreground) 8%, transparent);border-radius:28px;padding:28px}.cat-get>svg{stroke-width:1.2px;width:40px;height:40px;color:var(--primary)}.cat-get h3{letter-spacing:-.045em;margin:22px 0 18px;font-size:24px;font-weight:600}.cat-get li{border-top:1px solid var(--border);padding:14px 0}.cat-get li b{font-size:16.5px;font-weight:600;display:block}.cat-get li span{color:var(--muted-foreground);font-size:15px}.cat-get[data-tone=hot]{color:#fff;background:var(--surface-orange-deep);box-shadow:none}.cat-get[data-tone=hot]>svg{color:#fff}.cat-get[data-tone=hot] li{border-color:oklch(100% 0 0/.25)}.cat-get[data-tone=hot] li span{color:oklch(100% 0 0/.88)}.cat-tpls{gap:14px;display:grid}.cat-tpl{background:var(--card);border-radius:34px;grid-template-columns:minmax(0,1.85fr) minmax(300px,1fr);gap:10px;padding:10px;display:grid}.cat-tpl-stage{background:linear-gradient(160deg,oklch(93% .03 70),oklch(87% .08 60));border-radius:26px;padding:clamp(14px,2vw,30px);display:block;position:relative}.dark .cat-tpl-stage{background:linear-gradient(160deg,oklch(32% .04 55),oklch(42% .1 50))}.cat-tpl-frame{aspect-ratio:16/9;background:var(--background);border-radius:14px;transition:transform .5s cubic-bezier(.2,.8,.2,1);display:block;position:relative;overflow:hidden;box-shadow:0 40px 80px -40px oklch(30% .1 50/.7)}.cat-tpl-stage:hover .cat-tpl-frame{transform:translateY(-4px)}.cat-tpl-swatches{background:color-mix(in oklch, var(--card) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;gap:4px;padding:5px 8px;display:flex;position:absolute;bottom:12px;left:12px}.cat-tpl-swatches i{border-radius:50%;width:12px;height:12px;box-shadow:inset 0 0 0 1px oklch(0% 0 0/.12)}.cat-tpl-body{flex-direction:column;padding:22px 18px 16px;display:flex}.cat-tpl-name{letter-spacing:-.05em;font-size:clamp(1.75rem,2.4vw,2.5rem);font-weight:600;line-height:1}.cat-tpl .cat-buy-ticks{margin-top:20px;padding-top:20px}@media (width<=1280px){.cat-tpl{grid-template-columns:minmax(0,1fr)}}@media (width<=1080px){.cat-cards{grid-template-columns:minmax(0,1fr)}.cat-card{min-height:0}.cat-howto{font-size:16px}.cat-sub-title{margin-top:72px}}@media (width<=639px){.cat-pill:not([data-tone=mcp]){gap:8px;padding-left:14px;font-size:13px}.cat-pill-action{padding:0 12px}}@media (width>=640px) and (width<=1080px){.cat-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}.cat-head-top{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:32px;display:grid}.cat-head-title{letter-spacing:-.06em;align-items:center;gap:.22em;font-size:clamp(2.5rem,4.2vw,4.25rem);font-weight:600;line-height:.95;display:flex}.cat-head-logo{border-radius:.22em;width:.82em;height:.82em;box-shadow:0 0 0 1px oklch(0% 0 0/.06),0 10px 24px -12px oklch(30% .05 60/.5)}.cat-head-buy{flex-wrap:wrap;justify-content:end;align-items:center;gap:12px 14px;padding-bottom:4px;display:flex}.cat-head .cat-detail-lead{max-width:680px;margin-top:14px}.cat-head+.cat-stage,.cat-head+div>.cat-stage{margin-top:28px}@media (width<=1100px){.cat-head-top{grid-template-columns:minmax(0,1fr);gap:18px}.cat-head-buy{justify-content:start}}.cat-perks{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 30px;margin-top:20px;font-size:15px;font-weight:600;display:flex}.cat-perks>span{align-items:center;gap:8px;display:inline-flex}.cat-perks svg{width:16px;height:16px;color:var(--primary)}.cat-pay{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.cat-pay article{background:var(--card);box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--foreground) 8%, transparent);border-radius:28px;flex-direction:column;padding:34px;display:flex}.cat-pay article[data-tone=blue]{color:#fff;background:var(--surface-blue);box-shadow:none}.cat-pay small{color:var(--muted-foreground);font-size:14px;font-weight:600}.cat-pay article[data-tone=blue] small{color:oklch(100% 0 0/.8)}.cat-pay h3{letter-spacing:-.05em;margin:4px 0 22px;font-size:clamp(1.75rem,2.6vw,2.5rem);font-weight:600}.cat-pay ul{gap:11px;margin:24px 0 30px;font-size:15.5px;display:grid}.cat-pay li{align-items:center;gap:10px;display:flex}.cat-pay li svg{width:16px;height:16px;color:var(--primary);flex-shrink:0}.cat-pay article[data-tone=blue] li svg{color:#fff}.cat-pay article>:last-child{margin-top:auto}@media (width<=900px){.cat-pay{grid-template-columns:minmax(0,1fr)}}.cat-pager{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:96px;display:grid}.cat-pager a{background:var(--card);box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--foreground) 8%, transparent);border-radius:22px;gap:6px;padding:22px 26px;transition:box-shadow .2s;display:grid}.cat-pager a:hover{box-shadow:inset 0 0 0 1px var(--primary)}.cat-pager a[data-next=true]{text-align:right}.cat-pager small{color:var(--muted-foreground);align-items:center;gap:8px;font-size:13.5px;font-weight:500;display:inline-flex}.cat-pager a[data-next=true] small{justify-content:end}.cat-pager small svg{width:15px;height:15px}.cat-pager b{letter-spacing:-.04em;font-size:22px;font-weight:600}@media (width<=640px){.cat-pager{grid-template-columns:minmax(0,1fr)}}@media (width<=1000px){.cat-add{grid-template-columns:minmax(0,1fr)}.cat-add article{padding:24px}}.cat-built{background:var(--card);box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--foreground) 8%, transparent);border-radius:28px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.cat-built-col{padding:30px 30px 32px}.cat-built-col+.cat-built-col{border-left:1px solid color-mix(in oklch, var(--foreground) 8%, transparent)}.cat-built-head{letter-spacing:-.04em;align-items:center;gap:12px;font-size:22px;font-weight:600;display:flex}.cat-built-head>span{background:color-mix(in oklch, var(--primary) 11%, transparent);width:42px;height:42px;color:var(--primary);border-radius:13px;flex-shrink:0;place-items:center;display:grid}.cat-built-head svg{width:20px;height:20px}.cat-built ul{border-top:1px solid color-mix(in oklch, var(--foreground) 8%, transparent);gap:10px;margin-top:20px;padding-top:20px;display:grid}.cat-built li{cursor:default;align-items:center;gap:10px;font-size:15px;font-weight:500;display:flex}.cat-built li svg{width:15px;height:15px;color:var(--primary);flex-shrink:0}@media (width<=760px){.cat-built-col+.cat-built-col{border-left:0;border-top:1px solid color-mix(in oklch, var(--foreground) 8%, transparent)}}.cat-add{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:14px;display:grid}.cat-add article{background:var(--card);min-width:0;box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--foreground) 8%, transparent);border-radius:28px;flex-direction:column;padding:32px;display:flex}.cat-add article[data-tone=blue]{--on-color-ink:var(--surface-blue-ink);color:#fff;background:var(--surface-blue);box-shadow:none}.cat-add small{color:var(--muted-foreground);font-size:14px;font-weight:600}.cat-add article[data-tone=blue] small{color:oklch(100% 0 0/.8)}.cat-add h3{letter-spacing:-.05em;margin:4px 0 18px;font-size:clamp(1.75rem,2.6vw,2.5rem);font-weight:600}.cat-add p{color:var(--muted-foreground);font-size:15.5px;line-height:1.5}.cat-add article[data-tone=blue] p{color:oklch(100% 0 0/.9)}.cat-add article>p:last-child{margin-top:16px}.cat-add code{background:color-mix(in oklch, var(--foreground) 6%, transparent);border-radius:6px;padding:2px 6px;font-size:13.5px}.cat-add-prompt{min-height:58px;color:var(--surface-blue-ink);text-align:left;cursor:pointer;background:#fff;border-radius:999px;justify-content:space-between;align-items:center;gap:14px;margin-top:22px;padding:7px 7px 7px 22px;font-size:16.5px;font-weight:500;display:flex}.cat-add-prompt i{background:color-mix(in oklch, var(--surface-blue-ink) 8%, white);border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.cat-add-prompt svg{width:17px;height:17px}.cat-add-cta{margin-top:auto;padding-top:26px}@media (width<=1000px){.cat-add{grid-template-columns:minmax(0,1fr)}.cat-add article{padding:24px}}.cat-scopes{gap:12px;display:grid}.cat-scope{background:var(--card);box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--foreground) 8%, transparent);border-radius:28px;grid-template-columns:220px minmax(0,1fr);gap:24px;padding:24px;display:grid}.cat-scope-head{flex-direction:column;align-items:flex-start;gap:10px;padding:4px 0 0 4px;display:flex}.cat-scope-head>span{background:color-mix(in oklch, var(--primary) 11%, transparent);width:44px;height:44px;color:var(--primary);border-radius:14px;place-items:center;display:grid}.cat-scope-head svg{width:21px;height:21px}.cat-scope-head h3{letter-spacing:-.04em;margin-top:6px;font-size:22px;font-weight:600;line-height:1.1}.cat-scope-head em{font:500 12px var(--font-mono,ui-monospace, monospace);color:var(--muted-foreground);font-style:normal}.cat-scope-items{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;display:grid}.cat-scope-items li{background:var(--page-background);box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--foreground) 6%, transparent);border-radius:16px;align-content:start;gap:4px;padding:14px 16px;display:grid}.cat-scope-items b{letter-spacing:-.01em;font-size:15px;font-weight:600}.cat-scope-items span{-webkit-line-clamp:2;color:var(--muted-foreground);-webkit-box-orient:vertical;font-size:13.5px;line-height:1.45;display:-webkit-box;overflow:hidden}@media (width<=900px){.cat-scope{grid-template-columns:minmax(0,1fr);gap:16px;padding:18px}.cat-scope-head{flex-direction:row;align-items:center;padding:0}.cat-scope-head h3{margin-top:0}.cat-scope-head em{margin-left:auto}}