[hidden]{display:none!important}.test-page{--preview-font-body: "Geist", ui-sans-serif, system-ui, -apple-system, sans-serif;--preview-font-display: "Playfair Display", Georgia, serif;--preview-surface: #F2F0EB;--preview-surface-soft: #F2F0EB;--preview-line: #e5e2d9;background:#f2f0eb!important}.test-brand-row{display:flex;align-items:center;gap:10px;padding-left:16px}.dark-mode-dot{display:none;width:9px;height:9px;border-radius:50%;background:#c4bfb5;border:none;cursor:pointer;flex-shrink:0;padding:0;transition:background-color .2s ease,transform .2s ease;margin-left:2px}.dark-mode-dot:hover{transform:scale(1.3);background:#111}body.dark-mode{background:#111113!important}body.dark-mode .test-page{--preview-surface: #111113;--preview-surface-soft: #111113;--preview-line: #1c1c1e;background:#111113!important;color:#fafafa!important}body.dark-mode .test-shell{background:#1c1c1e}body.dark-mode .test-sidebar-left,body.dark-mode .test-sidebar-right,body.dark-mode .test-feed,body.dark-mode .test-feed-hero{background:#18181b}body.dark-mode .test-feed-hero-title{color:#fafafa!important}body.dark-mode .test-feed-hero-lede{color:#a1a1aa!important}body.dark-mode .feed-sticky-header{background:#18181b;border-color:#1c1c1e}body.dark-mode .preview-ranked-toolbar button{background:#27272a!important;color:#a1a1aa!important;border-color:#1c1c1e!important}body.dark-mode .preview-ranked-toolbar button[aria-pressed=true],body.dark-mode .preview-ranked-toolbar button.active{background:#3f3f46!important;color:#fafafa!important}body.dark-mode .secondary-tabs-bar button{background:#27272a!important;color:#a1a1aa!important;border-color:#1c1c1e!important}body.dark-mode .secondary-tabs-bar button[aria-pressed=true]{background:#3f3f46!important;color:#fafafa!important}body.dark-mode .project-item-row{background:#18181b!important;border-color:#1c1c1e!important}body.dark-mode .project-item-row:hover{background:#1c1c1f!important}body.dark-mode .project-item-title{color:#fafafa!important}body.dark-mode .project-item-desc{color:#a1a1aa!important}body.dark-mode .project-logo-fallback{background:#27272a!important;color:#a1a1aa!important}body.dark-mode .cat-view-body{background:#18181b}body.dark-mode .section-header-row{background:#27272a!important;color:#fafafa!important;border-color:#1c1c1e!important}body.dark-mode .section-header-title{color:#fafafa!important}body.dark-mode .section-header-count{color:#a1a1aa!important;background:#3f3f46!important}body.dark-mode .cat-subcat-cell{background:#27272a!important;color:#d4d4d8!important;border-color:#1c1c1e!important}body.dark-mode .stripe-divider{background-color:#111113!important;background-image:repeating-linear-gradient(315deg,rgba(255,255,255,.04) 0,rgba(255,255,255,.04) 1px,transparent 0,transparent 50%)!important;border-color:#1c1c1e!important}body.dark-mode .subcategory-card-wrapper{background:#18181b!important;border-color:#1c1c1e!important}body.dark-mode .subcategory-wrapper-header{background:#27272a!important;border-color:#1c1c1e!important}body.dark-mode .subcategory-header-title{color:#fafafa!important}body.dark-mode .test-cat-btn{color:#a1a1aa!important}body.dark-mode .test-cat-btn:hover,body.dark-mode .test-cat-btn.active{background:#27272a!important;color:#fafafa!important}body.dark-mode .test-nav-separator,body.dark-mode .test-feed-section-rows{background:#1c1c1e!important}body.dark-mode .card-empty-placeholder{background:#18181b!important}body.dark-mode .test-mobile-pill{background:#27272a!important;color:#a1a1aa!important;border-color:#1c1c1e!important}body.dark-mode .test-mobile-pill.active,body.dark-mode .test-mobile-pill:hover{background:#3f3f46!important;color:#fafafa!important}body.dark-mode .test-mobile-bottom-bar{background:#18181b!important;border-color:#1c1c1e!important}body.dark-mode .mobile-bottom-logo{background:#27272a!important;border-color:#1c1c1e!important}body.dark-mode .mobile-bottom-menu{background:#27272a!important;border-color:#1c1c1e!important;color:#a1a1aa!important}body.dark-mode .dark-mode-dot{background:#fafafa}body.dark-mode .dark-mode-dot:hover{background:#fff}body.dark-mode .cat-subcat-cell-empty{background:#18181b!important}body.dark-mode .cat-subcat-cell:hover{background:#3f3f46!important;color:#fafafa!important}body.dark-mode .preview-ranked-row-link-card{background:#18181b!important;border-color:#1c1c1e!important}body.dark-mode .mobile-bottom-logo:hover{background:#3f3f46!important}body.dark-mode .mobile-bottom-menu:hover{background:#3f3f46!important;color:#fafafa!important}body.dark-mode .test-mobile-pill.active,body.dark-mode .preview-ranked-row-link-card,body.dark-mode [style*=border]{border-color:#1c1c1e!important}.test-shell{background:var(--preview-line);display:grid;gap:1px;grid-template-columns:1fr minmax(0,700px) 1fr;margin:0 auto;min-height:100vh;width:100%}.test-sidebar-left{background:var(--preview-surface-soft);border-radius:4px}.test-sidebar-inner{display:flex;flex-direction:column;gap:32px;height:100vh;overflow-y:auto;padding:28px 22px;position:sticky;top:0;max-width:260px;margin-left:auto;width:100%}.test-brand{display:inline-flex;width:fit-content;text-decoration:none;padding-left:0}.test-brand img{display:block;height:24px;object-fit:contain;width:auto}.test-cat-nav{display:flex;flex-direction:column;gap:2px}.test-nav-separator{height:1px;background:var(--preview-line);margin:8px 16px}.test-cat-btn{align-items:center;background:transparent!important;border:0;color:#4a4a48;cursor:pointer;display:flex;font-family:var(--preview-font-body);font-size:18px;font-weight:400;gap:16px;line-height:1.2;outline:none;padding:12px 16px;text-align:left;transition:color .15s ease,font-size .15s ease;width:100%}.test-cat-btn span{display:inline-flex;flex-direction:column;align-items:flex-start}.test-cat-btn span:after{content:attr(data-text);height:0;visibility:hidden;overflow:hidden;user-select:none;pointer-events:none;font-weight:700}.test-cat-btn:hover{background:transparent!important;color:#111110}.test-cat-btn.active,.test-cat-btn.active:hover,.test-cat-btn.active:focus,.test-cat-btn.active:active{font-size:20px;font-weight:400;color:#111110;background:transparent!important;background-color:transparent!important;outline:none!important;box-shadow:none!important}.test-cat-btn:focus,.test-cat-btn:active{outline:none;box-shadow:none;background:transparent!important}.test-cat-btn svg{flex-shrink:0;stroke:currentColor;stroke-width:1.5px;transition:stroke-width .15s ease}.subnav-sticky-bar{position:sticky;top:0;z-index:110;background:#f2f0eb;border-bottom:1px solid var(--preview-line);border-top:1px solid var(--preview-line)}.subnav-inner{position:relative;display:flex;align-items:center;gap:0;padding:10px 24px;overflow:hidden;border-radius:4px}.subnav-scroll-track{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:6px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding:4px 0;flex:1;min-width:0}.subnav-scroll-track::-webkit-scrollbar{display:none}.subnav-fade-right{position:absolute;top:0;right:0;width:60px;height:100%;background:linear-gradient(to right,transparent,#f9f9f9 80%);pointer-events:none;z-index:2}.test-subnav-container{position:sticky;top:0;z-index:11;background:var(--preview-surface);border-bottom:1px solid var(--preview-line);margin:0;padding:0 24px;width:100%;backdrop-filter:blur(12px);display:flex;align-items:center}.test-subnav-btn-static{background:none;border:none;color:#77716a;cursor:pointer;font-family:var(--preview-font-body);font-size:13px;font-weight:500;padding:12px 20px 12px 0;transition:color .2s ease,font-weight .2s ease;white-space:nowrap;flex-shrink:0;border-right:1px solid var(--preview-line);margin-right:16px}.test-subnav-btn-static:hover{color:#111}.test-subnav-btn-static.active{color:#111;font-weight:600}.test-subnav-scroll{display:flex;align-items:center;gap:16px;overflow-x:auto;padding:12px 0;scrollbar-width:none;position:relative;flex:1;min-width:0}.test-subnav-scroll::-webkit-scrollbar{display:none}.test-subnav-scroll:after{content:"";display:block;width:85%;flex-shrink:0}.test-subnav-btn{background:none;border:none;color:#77716a;cursor:pointer;font-family:var(--preview-font-body);font-size:13px;font-weight:500;padding:4px 8px;transition:color .2s ease,font-weight .2s ease;white-space:nowrap}.test-subnav-btn:hover{color:#111}.test-subnav-btn.active{color:#111;font-weight:600}.test-feed{background:#f2f0eb;border-radius:4px;display:flex;flex-direction:column;gap:0}.test-feed #tools-filter-bar{margin:0;border-radius:0!important;border-top:none!important}.test-feed-hero{display:flex;flex-direction:column;text-align:center;align-items:center;gap:clamp(1.25rem,2.5vw,2rem);padding:clamp(2.5rem,5vw,4rem) clamp(1.25rem,2.5vw,2rem) clamp(2rem,4vw,3.5rem)}.test-feed-hero-title{font-family:Playfair Display,Georgia,serif!important;font-size:clamp(1.6rem,2.8vw,2.2rem);font-weight:700!important;letter-spacing:-.01em;line-height:1.1;margin:0;color:#111;max-width:500px}.test-hero-italic{font-style:normal;font-weight:inherit;padding-left:0}.test-feed-hero-copy{display:flex;flex-direction:column;align-items:center;gap:clamp(.35rem,.8vw,.6rem)}.test-feed-hero-lede{color:#111;font-family:var(--preview-font-body);font-size:clamp(1rem,1.8vw,1.12rem);font-weight:450;line-height:1.48;margin:0}.test-feed-hero-sub{color:#77716a;font-family:var(--preview-font-body);font-size:clamp(.82rem,1.4vw,.92rem);font-weight:450;line-height:1.45;margin:0;text-wrap:balance}.hero-compact{padding:clamp(1.5rem,3vw,2rem) clamp(1.25rem,2.5vw,2rem) clamp(1.25rem,2.5vw,2rem)!important;gap:clamp(.6rem,1.2vw,1rem)!important}.hero-compact .test-feed-hero-title{font-size:clamp(1.2rem,2.2vw,1.7rem)!important;line-height:1.1!important;letter-spacing:-.01em!important}.hero-compact .test-feed-hero-lede{font-size:clamp(.85rem,1.4vw,.95rem)!important}@media(max-width:768px){.hero-compact .test-feed-hero-title{font-size:clamp(1.2rem,4vw,1.6rem)!important}}@media(max-width:480px){.hero-compact .test-feed-hero-title{font-size:1.2rem!important}}.feed-sticky-header{position:sticky;top:0;z-index:110;background:#f2f0eb;display:flex;flex-direction:column;gap:0;padding:0;border-bottom:1px solid var(--preview-line)}.primary-tabs-bar{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;border-radius:0!important;overflow:hidden!important;background:var(--preview-line)!important;gap:1px!important;border-top:1px solid var(--preview-line)!important;border-bottom:none!important;box-shadow:none!important}.secondary-tabs-bar{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;border-radius:0!important;overflow:hidden!important;background:var(--preview-line)!important;gap:1px!important;border-top:none!important;border-bottom:1px solid var(--preview-line)!important;box-shadow:none!important}.preview-ranked-toolbar button{backdrop-filter:blur(12px)!important;background:#f6f5f1!important;border:none!important;box-shadow:none!important;color:#77716a!important;font-family:var(--preview-font-body)!important;font-size:13px!important;font-weight:500!important;min-height:44px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:color .15s ease,background .15s ease!important}.preview-ranked-toolbar button:hover{color:#111!important}.preview-ranked-toolbar button[aria-pressed=true]{background:#ece9e2!important;color:#111!important;font-weight:600!important;box-shadow:none!important;border-bottom:none!important}.test-feed .preview-ranked-body{border-radius:4px}.test-feed .preview-ranked-row{border-radius:0;text-decoration:none;color:inherit}.cat-view-body{display:flex;flex-direction:column}.cat-view-section{display:flex;flex-direction:column;margin:0;background:#f7f5f2}.cat-subcat-grid{display:grid;grid-template-columns:repeat(2,1fr);background:var(--preview-line);gap:1px}@media(min-width:600px){.cat-subcat-grid{grid-template-columns:repeat(4,1fr)}}.cat-subcat-cell{background:#f7f5f2;border:none;color:#262626a6;cursor:pointer;font-family:var(--preview-font-body);font-size:13px;font-weight:450;line-height:1.4;padding:16px 20px;text-align:left;transition:color .15s ease,background .15s ease;min-height:64px;display:flex;align-items:center}.cat-subcat-cell:hover{color:#111;background:#fff}.cat-subcat-cell-empty{background:#f7f5f2;min-height:64px}.section-header-row{display:flex;align-items:baseline;justify-content:space-between;padding:20px 24px 16px;gap:12px;background:#f7f5f2}.section-header-title{font-size:22px;font-weight:500;line-height:1.3;color:#111;margin:0;font-family:var(--preview-font-body)}.section-header-count{font-size:13px;color:#2626267a;font-family:var(--preview-font-body);white-space:nowrap}.section-cards-box{position:relative;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;background:#e8e8e8;border-radius:4px;overflow:hidden}.cat-view-section .section-cards-box{border-top:1px solid var(--preview-line);border-bottom:none;border-radius:0;background:var(--preview-line)}.subcategory-card-wrapper{background:#f7f5f2;border-radius:0!important;overflow:hidden;display:flex;flex-direction:column;margin:0}.subcategory-wrapper-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#f7f5f2}.subcategory-card-wrapper .section-cards-box{border-top:1px solid var(--preview-line);border-bottom:none;border-radius:0;background:#f7f5f2}.subcategory-header-left{display:flex;align-items:center;gap:10px;color:#111}.subcategory-header-icon{display:inline-flex;align-items:center;justify-content:center;color:#77716a}.subcategory-header-title{font-family:var(--preview-font-body);font-weight:600;font-size:18px;letter-spacing:-.02em}.subcategory-see-all-btn{background:none;border:none;color:#77716a;font-family:var(--preview-font-body);font-size:14px;font-weight:500;text-decoration:underline;cursor:pointer;padding:0}.subcategory-see-all-btn:hover{color:#111}.diagonal-stripes{background-image:repeating-linear-gradient(315deg,rgba(38,38,38,.08) 0,rgba(38,38,38,.08) 1px,transparent 0,transparent 50%);background-size:10px 10px}.stripe-divider{position:relative;height:32px;width:100%;box-sizing:border-box;background-color:#f2f0eb;background-image:repeating-linear-gradient(315deg,rgba(0,0,0,.05) 0,rgba(0,0,0,.05) 1px,transparent 0,transparent 50%);background-size:10px 10px}.screen-line-top{border-top:1px solid var(--preview-line)}.screen-line-bottom{border-bottom:1px solid var(--preview-line)}.border-x-line{border-left:1px solid var(--preview-line);border-right:1px solid var(--preview-line)}.project-item-row{display:flex;align-items:center;background-color:#f7f5f2;text-decoration:none;color:inherit;transition:background-color .2s ease;border-bottom:1px solid var(--preview-line);height:95px;box-sizing:border-box}.project-item-row:last-child{border-bottom:none}.project-item-row:hover{background-color:#fff}.project-logo-container{display:flex;align-items:center;justify-content:center;width:50px;height:50px;margin:0 16px;flex-shrink:0}.project-logo-img{width:100%;height:100%;object-fit:contain}.project-logo-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f1f3f5;border-radius:8px;border:1px solid var(--preview-line)}.project-item-right{flex:1;border-left:1px dashed var(--preview-line);padding:16px 24px;display:flex;align-items:center;justify-content:space-between;min-width:0;height:100%;box-sizing:border-box}.project-item-title{font-family:var(--preview-font-body);font-weight:500;font-size:16px;color:#292827;line-height:1.3;transition:color .15s ease;margin:0}.project-item-row:hover .project-item-title{color:#f44e00}.project-item-desc{font-family:var(--preview-font-body);font-weight:400;font-size:13px;color:#6a6e75;line-height:1.45;margin:2px 0 0}.project-arrow-box{display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:16px}.project-arrow-icon{width:16px;height:16px;color:#26262652;transition:color .15s ease,transform .15s ease}.project-item-row:hover .project-arrow-icon{color:#f44e00;transform:translate(3px)}.section-col-divider{display:none;position:absolute;top:0;left:50%;width:1px;height:100%;background:#e8e8e8;z-index:1}@media(min-width:768px){.section-col-divider{display:block}.test-feed-section-rows{gap:1px}}.card-logo-box{width:50px;height:50px;border-radius:10px;overflow:hidden;background:#f1f3f5;display:flex;align-items:center;justify-content:center;flex-shrink:0}.card-logo-box img{width:100%;height:100%;object-fit:cover;border-radius:8px}.card-logo-initials{font-size:13px;font-weight:700;color:#495057}.card-arrow-btn{width:28px;height:28px;border-radius:50%;background:#f5f5f5;border:1px solid rgba(0,0,0,.06);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s ease,border-color .15s ease}.group:hover .card-arrow-btn{background:#f44e0014;border-color:#f44e0040}.card-arrow-icon{width:14px;height:14px;color:#26262666;transition:color .15s ease,transform .15s ease}.group:hover .card-arrow-icon{color:#f44e00;transform:translate(2px)}.card-item-title{font-size:18px;font-weight:600;color:#292827;line-height:1.3;font-family:var(--preview-font-body);transition:color .15s ease}.card-item-desc{font-size:14px;font-weight:400;color:#6a6e75;line-height:1.5;margin:0;font-family:var(--preview-font-body)}.card-item-subcat{font-size:13px;font-weight:400;color:#4d4d4d;font-family:var(--preview-font-body);margin-top:2px}.bg-white{background-color:#f7f5f2}.hover\:bg-\[\#fafafa\]:hover{background-color:#fff}.test-sidebar-right{background:var(--preview-surface-soft);border-radius:4px}.test-mobile-bottom-bar{display:none}.test-mobile-pill{background:#f7f5f2;border:1px solid var(--preview-line);color:#77716a;cursor:pointer;font-family:var(--preview-font-body);font-size:13px;font-weight:550;padding:6px 12px;transition:all .12s ease;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;min-height:32px;border-radius:4px}.test-mobile-pill:hover{color:#111;background:#fff}.test-mobile-pill.active{background:#fff;color:#111;font-weight:600;border-color:var(--preview-line)}.preview-ranked-row-main{grid-template-columns:48px minmax(0,1fr)!important}.preview-ranked-row-link-card{text-decoration:none!important;color:inherit!important;display:flex;flex-direction:column;background:#fff;border-radius:12px;border:1px solid rgba(0,0,0,.05);padding:20px;min-height:220px;justify-content:space-between;transition:all .2s ease;box-shadow:0 1px 3px #00000005}.preview-ranked-row-link-card:hover{border-color:#f44e0033;box-shadow:0 4px 12px #f44e000d}.preview-ranked-row-link-card:hover .card-title-text{color:#f44e00!important}.card-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.card-logo-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;background:#f1f3f5;border:1px solid rgba(0,0,0,.05);display:flex;align-items:center;justify-content:center;flex-shrink:0}.card-logo-avatar img{width:100%;height:100%;object-fit:cover}.card-logo-avatar span{font-size:14px;font-weight:700;color:#495057}.card-header-actions{display:flex;align-items:center;gap:8px}.card-action-btn-circle{width:28px;height:28px;border-radius:50%;background:#f8f9fa;border:1px solid rgba(0,0,0,.05);display:flex;align-items:center;justify-content:center;color:#495057;transition:all .15s ease}.card-action-btn-circle:hover{background:#e9ecef;color:#212529}.card-title-group{display:flex;flex-direction:column;gap:2px;margin-bottom:8px}.card-title-text{font-size:1.15rem;font-weight:700;color:#1a1a1a;margin:0;line-height:1.25;font-family:var(--preview-font-body);transition:color .15s ease}.card-subtitle-slug{font-size:.82rem;font-weight:400;color:#868e96;font-family:var(--preview-font-body)}.card-description-text{font-size:.85rem;font-weight:400;color:#495057;line-height:1.45;margin:0 0 16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex-grow:1;font-family:var(--preview-font-body)}.card-stats-row{display:flex;align-items:center;gap:16px;border-top:1px solid #e8e8e8;font-size:.8rem;color:#868e96;font-family:var(--preview-font-body)}.card-stat-item{cursor:pointer;transition:color .15s ease;display:inline-flex;align-items:center;gap:4px;font-size:.8rem;color:#868e96}.card-stat-item:hover{color:#f44e00}.card-stat-icon{flex-shrink:0;color:currentColor;opacity:.7}.card-stat-item strong{color:#212529;font-weight:600}.card-stats-row-fallback{display:flex;align-items:center;border-top:1px solid #e8e8e8;font-size:.8rem;color:#adb5bd;font-family:var(--preview-font-body)}.card-stat-item-fallback{font-style:italic}.preview-ranked-logo{align-self:flex-start!important;border:none!important}.preview-ranked-screenshot{display:block;width:100%;max-width:100%;height:auto;margin-top:14px;border-radius:6px;border:1px solid #ededed;box-shadow:none}.test-feed-section{background:transparent;display:flex;flex-direction:column;scroll-margin-top:120px;margin-top:32px}.test-feed-section:first-child{margin-top:0}.test-feed-section-rows{display:grid;background:#e8e8e8;gap:1px}.card-empty-placeholder{background:#f9f9f9;min-height:164px}.qursor-export-root{box-sizing:border-box;display:inline-block;max-width:100%;color:#262626;font-family:var(--preview-font-body)}:root{--border-faint: #ececec}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.top-0{top:0}.z-\[110\]{z-index:110}.z-\[1\]{z-index:1}.z-\[2\]{z-index:2}.z-\[3\]{z-index:3}.-mt-1{margin-top:-1px}.mb-16{margin-bottom:16px}.mb-8{margin-bottom:8px}.mt-40{margin-top:40px}.mt-16{margin-top:16px}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.size-14{width:14px;height:14px}.size-32{width:32px;height:32px}.h-1{height:1px}.h-full{height:100%}.min-h-\[164px\]{min-height:164px}.w-1{width:1px}.w-full{width:100%}.w-screen{width:100vw}.min-w-0{min-width:0px}.flex-shrink-0{flex-shrink:0}.-rotate-90{transform:rotate(-90deg)}.rotate-180{transform:rotate(180deg)}.rotate-90{transform:rotate(90deg)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0px,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-12{gap:12px}.gap-16{gap:16px}.gap-8{gap:8px}.overflow-x-clip{overflow-x:clip}.rounded-8{border-radius:8px}.rounded-full{border-radius:999px}.border-x{border-left:1px solid var(--border-faint);border-right:1px solid var(--border-faint)}.border-b{border-bottom:1px solid var(--border-faint)}.bg-background-base{background-color:#f9f9f9}.bg-border-faint{background-color:#ececec}.bg-surface{background-color:#fff}.p-24{padding:24px}.px-12{padding-left:12px;padding-right:12px}.px-16{padding-left:16px;padding-right:16px}.py-16{padding-top:16px;padding-bottom:16px}.pt-16{padding-top:16px}.pb-80{padding-bottom:80px}.mt-auto{margin-top:auto}.mb-20{margin-bottom:20px}.text-body-small{font-size:13px;font-weight:400;line-height:20px}.text-label-large{font-size:16px;font-weight:450;line-height:24px}.text-label-small{font-size:13px;font-weight:450;line-height:20px}.text-title-h5{font-size:24px;font-weight:500;line-height:32px}.text-accent-black{color:#262626}.text-black-alpha-32{color:#26262652}.text-black-alpha-48{color:#2626267a}.text-black-alpha-56{color:#2626268f}.text-black-alpha-64{color:#262626a3}.text-black-alpha-72{color:#262626b8}.outline-none{outline:none}.transition-all{transition:all .2s ease}.transition-colors{transition:color .2s ease,background-color .2s ease,border-color .2s ease}.duration-200{transition-duration:.2s}.flex-center{display:flex;justify-content:center;align-items:center}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit}.container{max-width:100%;margin-left:auto;margin-right:auto}.before\:inside-border:before{content:"";pointer-events:none;position:absolute;inset:0;border-radius:inherit;border:1px solid var(--border-faint);transition:all .2s ease}.group:hover .group-hover\:text-heat-100{color:#f44e00!important}.group:hover .group-hover\:translate-x-2{transform:translate(4px)}.test-subnav-btn:hover,.test-subnav-btn-static.active,.test-subnav-btn.active{color:#f44e00!important;background-color:#f44e000d!important}.test-subnav-btn:hover:before,.test-subnav-btn-static.active:before,.test-subnav-btn.active:before{border-color:#f44e0033!important}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0px,1fr))}}.curvy-rect{border-radius:8px;border:1px solid var(--border-faint)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}@media(max-width:1100px){.test-shell{grid-template-columns:260px minmax(0,1fr)}.test-sidebar-right{display:none}}@media(max-width:768px){html,body{height:100%;overflow:hidden}.test-shell{grid-template-columns:1fr;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:calc(52px + env(safe-area-inset-bottom,0px))!important}.test-sidebar-left{display:none;position:fixed;top:0;left:0;bottom:calc(52px + env(safe-area-inset-bottom,0px));width:280px;background:#f2f0eb;z-index:1001;box-shadow:2px 0 12px #00000014;border-right:1px solid var(--preview-line)}.test-sidebar-left.open{display:flex!important}.test-sidebar-inner{height:100%;max-width:100%;padding:20px}.test-sidebar-right{display:none}.test-mobile-bottom-bar{display:flex;align-items:center;justify-content:space-between;position:fixed;bottom:0;left:0;right:0;height:calc(52px + env(safe-area-inset-bottom,0px));padding:0 16px env(safe-area-inset-bottom,0px);background:#f7f5f2;border-top:1px solid var(--preview-line);z-index:1000;gap:16px;box-sizing:border-box}.mobile-bottom-logo{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;height:32px;width:auto;padding:0 12px;background:#f7f5f2;border:1px solid var(--preview-line);border-radius:4px;box-sizing:border-box;transition:background-color .12s ease}.mobile-bottom-logo:hover{background:#fff}.mobile-bottom-logo img{height:11px!important;width:auto!important;display:block;object-fit:contain}.mobile-bottom-cats{display:flex;align-items:center;gap:6px;overflow-x:auto;flex:1;min-width:0;height:100%;padding:0 4px;-ms-overflow-style:none;scrollbar-width:none}.mobile-bottom-cats::-webkit-scrollbar{display:none}.mobile-bottom-menu{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;padding:0;background:#f7f5f2;border:1px solid var(--preview-line);border-radius:4px;color:#77716a;cursor:pointer;box-sizing:border-box;transition:all .12s ease}.mobile-bottom-menu:hover{color:#111;background:#fff}.test-feed-section{scroll-margin-top:140px}}