@import"https://fonts.googleapis.com/css2?family=Public+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";html,body{margin:0;background:#000;color:#ecebe8;font-family:Public Sans,system-ui,sans-serif;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{-webkit-tap-highlight-color:transparent}a{color:#d9a557;text-decoration:none}a:hover{color:#f0bd6e}::-webkit-scrollbar{width:0;height:0}button{font-family:inherit}.tab-btn:hover{background:#ffffff0a}.tab-plus:hover{color:#ecebe8}.round-btn:hover{background:#ffffff12;color:#ecebe8}@media (hover: none){.row-nav{display:none!important}}.visit-badge:hover{background:#fff}.post-row:hover{background:#ffffff05}.action-btn:hover{opacity:.8}.carousel-btn:hover{border-color:#ffffff4d;color:#ecebe8}.chip-btn:hover{border-color:#ffffff47}.modal-close:hover{background:#000000b3}.subscribe-btn:hover{background:#fff}.mobile-topbar,.mobile-bottomnav,.mobile-backdrop,.mobile-drawer{display:none}@media (min-width: 861px) and (max-width: 1199px){.app-grid{grid-template-columns:274px minmax(0,1fr)!important}.app-rightrail{display:none!important}.app-content{border-right:none!important}}@media (max-width: 860px){html,body{overflow-x:hidden}.app-shell,.app-grid{min-width:0!important;max-width:100%!important;padding:0!important}.app-grid{display:block!important}.app-sidebar,.app-rightrail{display:none!important}.app-content{border-left:none!important;border-right:none!important;padding-bottom:78px!important}.mobile-topbar{display:flex;align-items:center;position:sticky;top:0;z-index:30;min-height:54px;padding:0 14px;padding-top:env(safe-area-inset-top,0);background:#000000d1;backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.1)}.mobile-bottomnav{display:flex;align-items:stretch;position:fixed;left:0;right:0;bottom:0;z-index:30;background:#000000eb;backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.1);padding-bottom:env(safe-area-inset-bottom,0)}.mobile-backdrop{display:block;position:fixed;inset:0;z-index:60;background:#0009;opacity:0;pointer-events:none;transition:opacity .2s ease}.mobile-drawer{display:flex;flex-direction:column;position:fixed;top:0;bottom:0;left:0;z-index:61;width:min(80vw,320px);background:#050505;border-right:1px solid rgba(255,255,255,.1);transform:translate(-100%);transition:transform .25s ease;overscroll-behavior:contain;padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0)}body.nav-open{overflow:hidden}body.nav-open .mobile-drawer{transform:translate(0)}body.nav-open .mobile-backdrop{opacity:1;pointer-events:auto}.hub-tabbar{top:calc(54px + env(safe-area-inset-top,0))!important}.hub-carousel-banner{min-height:0!important}.hub-slide-text{width:64%!important;padding:18px 14px 18px 18px!important}.hub-slide-h2{font-size:18px!important}.hub-featured-grid{padding:0 18px 26px!important}.hub-post-row{padding:14px 16px!important}.category-header{padding:22px 18px 12px!important}.category-h1{font-size:27px!important}.category-listing-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:16px 18px 32px!important}.filter-chips{padding:18px 18px 0!important}.saved-content{padding:20px 18px 48px!important}.saved-grid{gap:16px 10px!important}.saved-section-rule{margin:28px -18px 0!important;padding:26px 18px 0!important}.policy-body{padding:22px 18px 56px!important}}.hub-hero{container-type:inline-size;padding:36px 30px 37px}.hub-hero-copy{display:flex;flex-direction:column;gap:clamp(12px,2.5cqi,16px);width:100%;max-width:100%;min-width:0}.hub-hero-h1{margin:0;display:flex;flex-direction:column;gap:2px;font-size:clamp(1.625rem,1.25rem + 3.2cqi,3rem);line-height:1.12;font-weight:700;letter-spacing:-.038em;color:#f5f4f1}.hub-hero-h1-line{display:block;text-wrap:balance;overflow-wrap:anywhere}.hub-hero-h2{margin:0;max-width:100%;font-size:clamp(.9375rem,.75rem + 1.4cqi,1.5rem);line-height:1.45;font-weight:400;letter-spacing:-.012em;color:#77756f;text-wrap:balance;overflow-wrap:anywhere}.hub-hero-tags{display:flex;flex-wrap:wrap;gap:10px;margin:clamp(20px,4cqi,28px) 0 0}.hub-hero-tag-group{display:flex}.hub-hero-tag-group .hub-hero-tag+.hub-hero-tag{margin-left:-3px}.hub-hero-tag{display:inline-flex;align-items:center;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#121214;color:#b9b7b1;font-size:12.5px;font-weight:500;letter-spacing:-.005em;white-space:nowrap}.hub-hero-tag-group--mobile{display:none}@media (max-width: 860px){.hub-hero-tag-group--mobile{display:flex}.hub-hero-tag-group--desktop{display:none}}a.hub-hero-tag{text-decoration:none;-webkit-tap-highlight-color:transparent}a.hub-hero-tag:active{background:#1b1b1e;color:#f5f4f1}.hub-hero-tag--gold{background:#d9a557;border-color:#d9a557;color:#100e0a;font-weight:600}@media (max-width: 700px){.hub-hero{padding:28px 18px 31px}.hub-hero-copy{gap:10px}.hub-hero-h1{gap:2px}.hub-hero-tags{gap:8px;margin-top:20px}.hub-hero-tag{font-size:12px;padding:7px 12px}}.tool-shot{position:relative;width:100%;aspect-ratio:1.9 / 1;border-radius:5px;overflow:hidden;background:#0d0d0e;display:flex;align-items:center;justify-content:center}.tool-shot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:filter .18s ease}.tool-shot-fallback{font-size:22px;font-weight:700;opacity:.85}.tool-meta{display:flex;align-items:center;gap:5px;margin-top:11px;min-width:0}.tool-name{flex:0 1 auto;min-width:0;font-size:14px;font-weight:700;letter-spacing:-.015em;color:#f5f4f1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tool-shot-badges{position:absolute;top:8px;right:8px;z-index:2;display:flex;align-items:center;gap:6px;pointer-events:none}.tool-shot-badges .tool-reveal-new{padding:4px 8px;font-size:11px}.tool-saves{appearance:none;font:inherit;pointer-events:auto;cursor:pointer;display:inline-flex;align-items:center;gap:4px;padding:4px 8px 4px 6px;border:0;border-radius:999px;background:#ffffffe6;color:#0a0a0b}.tool-saves svg{flex:none;width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linejoin:round}.tool-saves-count{font-size:11.5px;font-weight:600;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.tool-saves.is-popular{color:#d9a557}.tool-dot,.tool-kind{font-size:13px;color:#86857f;white-space:nowrap}.tool-dot{flex:none;font-size:11px}.tool-kind{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}.tool-card--lg .tool-name{font-size:16px}.tool-card--lg .tool-kind{font-size:14.5px}.tool-card--lg .tool-saves svg{width:13px;height:13px}.tool-card--lg .tool-saves-count{font-size:12.5px}.tool-card{container-type:inline-size}@container (max-width: 210px){.tool-meta{flex-wrap:wrap;row-gap:1px}.tool-dot{display:none}.tool-kind{flex:1 1 100%;font-size:11.5px}}.tool-card{transition:transform .18s ease}.tool-reveal{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;padding:12px;opacity:0;pointer-events:none;transition:opacity .18s ease}.tool-reveal-line{margin:0;font-size:12.5px;line-height:1.45;color:#f2f0eb;text-wrap:pretty;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.feed-video{position:relative;width:100%;margin-top:11px;border-radius:5px;border:1px solid rgba(255,255,255,.1);overflow:hidden;background:#000;cursor:pointer;user-select:none}.feed-video video{display:block;width:100%;height:100%;object-fit:contain;background:#000}.feed-video-play{position:absolute;inset:0;margin:auto;width:54px;height:54px;display:flex;align-items:center;justify-content:center;border-radius:999px;background:#0000008c;backdrop-filter:blur(3px);color:#f2f0eb;pointer-events:none}.feed-video-play svg{width:26px;height:26px;margin-left:3px}.feed-video-mute,.feed-video-time{position:absolute;bottom:10px;height:28px;border-radius:999px;background:#0009;backdrop-filter:blur(3px);color:#f2f0eb;font-size:11.5px;display:flex;align-items:center;justify-content:center}.feed-video-mute{right:10px;width:28px;appearance:none;border:0;cursor:pointer;transition:background-color .14s ease}.feed-video-mute:hover{background:#000c}.feed-video-mute svg{width:15px;height:15px}.feed-video-time{left:10px;padding:0 9px;font-family:JetBrains Mono,monospace;font-variant-numeric:tabular-nums;pointer-events:none}.feed-video-bar{position:absolute;left:0;right:0;bottom:0;height:14px;display:flex;align-items:flex-end;cursor:pointer}.feed-video-bar:before{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:#ffffff2e}.feed-video-bar span{position:relative;height:3px;background:#f2f0eb;transition:width .1s linear}.post-save.is-saved{color:#f2f0eb!important}.post-save.is-saved svg{fill:currentColor}.tool-save{pointer-events:auto}.tool-save:hover{background:#fff}.tool-save.is-saved svg{fill:currentColor}.saved-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 12px}@media (max-width: 860px){.saved-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.saved-remove{position:absolute;top:7px;right:7px;z-index:2;appearance:none;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.18);border-radius:5px;background:#0000008c;color:#d7d5d0;font-size:11px;cursor:pointer;opacity:0;transition:opacity .15s ease,color .15s ease}div:hover>.saved-remove,.saved-remove:focus-visible{opacity:1}.saved-remove:hover{color:#ff8f8f;border-color:#ff8f8f80}@media (hover: none){.saved-remove{opacity:1;width:30px;height:30px;font-size:13px}}.tool-reveal-foot{display:flex;align-items:center;gap:7px}.tool-reveal-new{padding:2px 7px;border-radius:999px;background:#d9a557;color:#141416;font-size:10px;font-weight:700;letter-spacing:.02em}.tool-reveal-visit{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;background:#fffffff0;color:#0a0a0b;font-size:11px;font-weight:600}.tool-reveal-visit svg{width:10px;height:10px}@container (max-width: 210px){.tool-reveal{gap:6px;padding:10px}.tool-reveal-line{font-size:11.5px;line-height:1.4;-webkit-line-clamp:2}}@container (max-width: 150px){.tool-reveal-line{display:none}.tool-reveal{justify-content:center;align-items:center}}@media (hover: hover){.tool-card:hover{transform:translateY(-2px)}.tool-card:hover .tool-shot img{filter:blur(7px) brightness(.42);transform:scale(1.08)}.tool-card:hover .tool-shot-fallback{filter:blur(7px) brightness(.5)}.tool-card:hover .tool-reveal{opacity:1}.tool-shot img{transition:filter .18s ease,transform .18s ease}}@media (max-width: 860px){.hub-latest-strip{grid-template-columns:1fr!important}}.post-scroller::-webkit-scrollbar{display:none}.hub-row::-webkit-scrollbar{display:none}.hub-row-cell{flex:0 0 calc((100% - 28px) / 3);min-width:0}@media (max-width: 1100px){.hub-row-cell{flex:0 0 calc((100% - 14px)/2)}}@media (max-width: 700px){.hub-row-cell{flex:0 0 82%}.hub-section-head{padding:12px 18px 0!important}.hub-row{padding:14px 18px 26px!important}}.visit-pill{position:absolute;top:10px;right:10px;z-index:2;display:flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:#ffffffeb;color:#0a0a0b;font-size:11px;font-weight:600}.visit-pill svg{width:10px;height:10px}@media (hover: hover){.visit-pill{opacity:0;transition:opacity .16s ease}.tool-card:hover .visit-pill{opacity:1}}.tool-shot-fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px 16px;text-align:center;background:radial-gradient(120% 140% at 50% 0%,color-mix(in srgb,var(--brand) 34%,#0d0d0e),#0d0d0e 78%)}.tool-shot-fallback-name{font-size:15px;font-weight:700;letter-spacing:-.02em;line-height:1.2;color:#f2f0eb;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tool-shot-fallback-domain{font-size:10.5px;letter-spacing:.04em;color:color-mix(in srgb,var(--brand) 65%,#8b8a85);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}@container (max-width: 210px){.tool-shot-fallback-name{font-size:12.5px}.tool-shot-fallback-domain{display:none}}.app-content{width:100%;max-width:100%;margin-inline:auto;transition:max-width .52s cubic-bezier(.22,1.15,.32,1);will-change:max-width}:root[data-hub-tab=up-to-date] .app-content{max-width:640px}@media (max-width: 860px){:root[data-hub-tab=up-to-date] .app-content{max-width:100%!important}}@media (prefers-reduced-motion: reduce){.app-content{transition:none}}.media-strip-nav{display:none}@media (hover: hover){.media-strip-nav{position:absolute;top:-30px;right:0;display:flex;gap:4px}.media-strip-nav button{appearance:none;border:1px solid rgba(255,255,255,.12);background:transparent;color:#8d8c86;width:24px;height:24px;border-radius:999px;font-size:13px;line-height:1;cursor:pointer;transition:color .15s ease,border-color .15s ease}.media-strip-nav button:hover{color:#f5f4f1;border-color:#ffffff4d}}.post-body{margin-top:6px;font-size:14.5px;line-height:1.55;color:#dedcd7}.post-body>:first-child{margin-top:0}.post-body>:last-child{margin-bottom:0}.post-body p{margin:0 0 10px;text-wrap:pretty}.post-body h1,.post-body h2,.post-body h3{margin:16px 0 7px;line-height:1.25;letter-spacing:-.02em;color:#f5f4f1;text-wrap:balance}.post-body h1{font-size:19px;font-weight:700}.post-body h2{font-size:16.5px;font-weight:700}.post-body h3{font-size:14.5px;font-weight:600}.post-body ul,.post-body ol{margin:0 0 10px;padding-left:20px}.post-body li{margin:3px 0}.post-body li::marker{color:#77756f}.post-body a{color:#6aa2ff;text-decoration:none}.post-body a:hover{text-decoration:underline;text-underline-offset:2px}.post-body strong{font-weight:700;color:#f5f4f1}.post-body code{font-family:JetBrains Mono,ui-monospace,monospace;font-size:.88em;padding:1px 5px;border-radius:4px;background:#ffffff12}.article-body figure{margin:26px 0}.article-body figure img{width:100%;border-radius:5px;border:1px solid rgba(255,255,255,.1);display:block}.article-body figcaption{margin-top:8px;font-size:12.5px;color:#8d8c86;text-align:center}.article-embed{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:5px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#0d0d0e}.article-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px;padding:22px 26px 40px}.article-card{display:block;color:inherit;text-decoration:none;border:1px solid rgba(255,255,255,.1);border-radius:5px;overflow:hidden;background:#08080a;transition:border-color .16s ease,transform .16s ease}.article-card-shot{position:relative;width:100%;aspect-ratio:16 / 9;background:#0d0d0e}.article-card-shot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.article-card-shot-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:16px;text-align:center;font-size:15px;font-weight:700;color:#3f3e3a}.article-card-body{padding:14px 16px 18px}.article-card-meta{display:flex;align-items:center;gap:6px;font-size:11px;color:#77756f}.article-card-title{margin:8px 0 0;font-size:17px;line-height:1.28;font-weight:600;letter-spacing:-.02em;color:#f5f4f1;text-wrap:balance}.article-card-standfirst{margin:8px 0 0;font-size:13px;line-height:1.5;color:#9c9a94;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media (hover: hover){.article-card:hover{border-color:#ffffff42;transform:translateY(-2px)}}@media (max-width: 860px){.article-grid{grid-template-columns:1fr;padding:18px 18px 32px}}.nav-item[data-astro-cid-ssfzsv2f]:hover{background:#ffffff0f}.hover-lighten[data-astro-cid-ssfzsv2f]:hover{background:#fff}.hover-row[data-astro-cid-ssfzsv2f]:hover{background:#ffffff0f}.hover-border[data-astro-cid-6p4jgtxq]:hover{border-color:#ffffff4d}.trending-row[data-astro-cid-6p4jgtxq]{border-radius:5px;margin:0 -10px;padding-inline:10px!important;transition:background-color .14s ease}.trending-row[data-astro-cid-6p4jgtxq]:hover{background:#ffffff0b}.app-rightrail[data-astro-cid-6p4jgtxq]{position:sticky;align-self:start;top:var(--rail-top, 0px)}.rail-status[data-astro-cid-6p4jgtxq]{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:10px 16px;border:1px solid rgba(255,255,255,.1);border-radius:999px;font-size:12px;color:#6d6c67}.rail-status-dot[data-astro-cid-6p4jgtxq]{width:6px;height:6px;flex:none;border-radius:999px;background:#3ecf8e;box-shadow:0 0 0 3px #3ecf8e24;animation:rail-pulse 2.4s ease-in-out infinite}.rail-status-live[data-astro-cid-6p4jgtxq]{color:#d7d5d0;font-weight:600}.rail-status-sep[data-astro-cid-6p4jgtxq]{color:#46453f}.rail-status-by[data-astro-cid-6p4jgtxq] a[data-astro-cid-6p4jgtxq]{color:#8d8c86;text-decoration:none}.rail-status-by[data-astro-cid-6p4jgtxq] a[data-astro-cid-6p4jgtxq]:hover{color:#d7d5d0;text-decoration:underline}@keyframes rail-pulse{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion: reduce){.rail-status-dot[data-astro-cid-6p4jgtxq]{animation:none}}.rail-footer[data-astro-cid-6p4jgtxq]{display:flex;flex-wrap:wrap;align-items:center;gap:4px 7px;padding:2px 4px 30px;font-size:12px;color:#46453f}.rail-footer[data-astro-cid-6p4jgtxq] a[data-astro-cid-6p4jgtxq]{color:#6d6c67;text-decoration:none}.rail-footer[data-astro-cid-6p4jgtxq] a[data-astro-cid-6p4jgtxq]:hover{color:#a3a19b;text-decoration:underline}.rail-footer-copy[data-astro-cid-6p4jgtxq]{width:100%;margin-top:2px;color:#46453f}.rail-footer-copy[data-astro-cid-6p4jgtxq] a[data-astro-cid-6p4jgtxq]{color:#575652}.rail-footer-copy[data-astro-cid-6p4jgtxq] a[data-astro-cid-6p4jgtxq]:hover{color:#8d8c86}.model-tab-input[data-astro-cid-6p4jgtxq]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.model-tabs[data-astro-cid-6p4jgtxq]{display:flex;gap:2px;margin:12px 0 2px;padding:2px;border-radius:9px;background:#ffffff0b}.model-tabs[data-astro-cid-6p4jgtxq] label[data-astro-cid-6p4jgtxq]{flex:1;padding:5px 0;border-radius:7px;text-align:center;font-size:12px;color:#8d8c86;cursor:pointer;transition:background-color .15s ease,color .15s ease}.model-tabs[data-astro-cid-6p4jgtxq] label[data-astro-cid-6p4jgtxq]:hover{color:#d7d5d0}.model-ides[data-astro-cid-6p4jgtxq]{display:flex;flex-wrap:wrap;gap:3px;margin-top:4px}.model-ide[data-astro-cid-6p4jgtxq]{padding:1px 5px;border:1px solid rgba(255,255,255,.1);border-radius:5px;font-size:10px;line-height:1.5;color:#8d8c86;white-space:nowrap}.model-list[data-astro-cid-6p4jgtxq]{display:none}#model-tab-code[data-astro-cid-6p4jgtxq]:checked~.model-list[data-astro-cid-6p4jgtxq][data-tab=code],#model-tab-design[data-astro-cid-6p4jgtxq]:checked~.model-list[data-astro-cid-6p4jgtxq][data-tab=design]{display:block}#model-tab-code[data-astro-cid-6p4jgtxq]:checked~.model-tabs[data-astro-cid-6p4jgtxq] label[data-astro-cid-6p4jgtxq][for=model-tab-code],#model-tab-design[data-astro-cid-6p4jgtxq]:checked~.model-tabs[data-astro-cid-6p4jgtxq] label[data-astro-cid-6p4jgtxq][for=model-tab-design]{background:#ffffff17;color:#f2f0eb}.model-tab-input[data-astro-cid-6p4jgtxq]:focus-visible~.model-tabs[data-astro-cid-6p4jgtxq] label[data-astro-cid-6p4jgtxq][for=model-tab-code],.model-tab-input[data-astro-cid-6p4jgtxq]:focus-visible~.model-tabs[data-astro-cid-6p4jgtxq] label[data-astro-cid-6p4jgtxq][for=model-tab-design]{outline:1px solid rgba(255,255,255,.35);outline-offset:-1px}.nav-item[data-astro-cid-2l3sbtkr]:hover{background:#ffffff0f}.hover-lighten[data-astro-cid-2l3sbtkr]:hover{background:#fff}.bottomnav-item[data-astro-cid-wsizw3ik]{flex:1;display:flex;align-items:center;justify-content:center;padding:12px 0 10px;appearance:none;border:0;background:transparent;cursor:pointer;color:#8d8c86}