html.hero-dismissed #seoHero,html.onboarding-dismissed #onboardingCard,html.invite-dismissed #inviteBanner{display: none !important}.feed-sticky{position: sticky;top: 61px;z-index: 100}.feed-toolbar{display: flex;align-items: center;justify-content: space-between;gap: 8px;padding: 16px 20px;background: var(--bg-color);border-bottom: var(--border-width) solid var(--border-color)}@media (max-width: 768px){.feed-sticky{top: 57px}.feed-toolbar{padding: 12px 16px;gap: 14px;flex-direction: column;align-items: stretch}.feed-toolbar-right{justify-content: center}.feed-chips{justify-content: center;justify-content: safe center}}.feed-chips{display: flex;align-items: center;gap: 6px;overflow-x: auto;touch-action: pan-x;flex-wrap: nowrap;-webkit-overflow-scrolling: touch;scrollbar-width: none;padding: 6px;margin: -6px}.feed-chips::-webkit-scrollbar{display: none}.feed-chip{display: inline-flex;align-items: center;gap: 6px;white-space: nowrap;padding: 7px 12px;border-radius: var(--radius-sm);font-size: 14px;font-weight: 700;color: var(--text-color);background: var(--color-white);border: var(--border-width) solid var(--border-color);cursor: pointer;transition: all var(--transition-fast);box-shadow: var(--shadow-sm)}.feed-chip img{width: 16px;height: 16px;flex-shrink: 0}@media (hover: hover){.feed-chip:hover{transform: translate(-2px,-2px);box-shadow: var(--shadow);background: var(--color-cream)}}.feed-chip.active{transform: translate(-2px,-2px);box-shadow: var(--shadow);background: var(--primary-color);color: var(--color-black,#1a1a1a)}.feed-chip.active[data-craft="all"]{background: var(--text-color,#1a1a1a);color: var(--color-white,#fff)}.feed-chip.active[data-craft="block2d"]{background: var(--craft-2d,#F4EE8E)}.feed-chip.active[data-craft="block3d"]{background: var(--craft-3d,#CDB9F6)}.feed-chip.active[data-craft="bead"]{background: var(--craft-bead,#92D4E2)}.feed-toolbar-right{display: flex;align-items: center;gap: 8px;flex-shrink: 0}.feed-sort-wrap{position: relative}.feed-sort-btn{display: inline-flex;align-items: center;gap: 4px;padding: 8px 12px;border-radius: var(--radius-sm);font-size: 14px;font-weight: 700;color: var(--text-color);background: var(--color-white);border: var(--border-width) solid var(--border-color);cursor: pointer;transition: all var(--transition-fast);box-shadow: var(--shadow-sm);white-space: nowrap}@media (hover: hover){.feed-sort-btn:hover{transform: translate(-2px,-2px);box-shadow: var(--shadow);background: var(--color-cream)}}.feed-sort-caret{font-size: 11px;line-height: 1}.feed-sort-menu{position: absolute;top: 100%;right: 0;margin-top: 8px;background: var(--color-white);border: var(--border-width) solid var(--border-color);border-radius: var(--radius-sm);box-shadow: var(--shadow);min-width: 140px;padding: 6px;z-index: 110;display: none;max-height: 55vh;max-height: 55dvh;overflow-y: auto;-webkit-overflow-scrolling: touch;overscroll-behavior: contain;touch-action: pan-y}.feed-sort-menu.show{display: block}.feed-sort-item{padding: 10px 14px;font-size: 14px;font-weight: 600;color: var(--text-color);cursor: pointer;border-radius: var(--radius-xs);white-space: nowrap;transition: background var(--transition-fast)}.feed-sort-item:hover{background: var(--color-cream)}.feed-sort-item.active{background: var(--primary-color)}.feed-sort-item[data-cat]{display: flex;align-items: center;justify-content: space-between;gap: 10px}.feed-sort-count{font-size: 12px;font-weight: 700;color: var(--text-muted,#999)}.feed-blocks-wrap .feed-sort-btn.active{border-color: var(--primary-color);box-shadow: 2px 2px 0 var(--primary-color)}.feed-blocks-menu{min-width: 240px;padding: 14px 16px;left: 50%;right: auto;transform: translateX(-50%)}.feed-blocks-current{font-size: 14px;font-weight: 800;color: var(--text-color);text-align: center;margin-bottom: 10px}.feed-blocks-ends{display: flex;justify-content: space-between;margin-top: 8px;font-size: 11px;font-weight: 700;color: var(--text-muted,#999)}.feed-blocks-range{position: relative;height: 28px}.feed-blocks-range::before{content: '';position: absolute;left: 0;right: 0;top: 10px;height: 8px;border-radius: 999px;background: var(--color-cream,#f3f0e7);border: var(--border-width,2px) solid var(--border-color,#111)}.feed-blocks-slider{-webkit-appearance: none;appearance: none;position: absolute;left: 0;top: 0;margin: 0;width: 100%;height: 28px;border-radius: 999px;background: transparent;border: 0;pointer-events: none;outline: none;cursor: pointer}.feed-blocks-slider:focus-visible{z-index: 4 !important;outline: 2px solid var(--border-color,#111);outline-offset: 4px}.feed-blocks-slider::-webkit-slider-thumb{-webkit-appearance: none;appearance: none;width: 22px;height: 22px;border-radius: 50%;background: var(--primary-color);border: var(--border-width,2px) solid var(--border-color,#111);box-shadow: 2px 2px 0 var(--border-color,#111);cursor: pointer;pointer-events: auto}.feed-blocks-slider::-moz-range-thumb{width: 20px;height: 20px;border-radius: 50%;background: var(--primary-color);border: var(--border-width,2px) solid var(--border-color,#111);box-shadow: 2px 2px 0 var(--border-color,#111);cursor: pointer;pointer-events: auto}.feed-blocks-slider::-moz-range-track{background: transparent}.feed-search-btn{display: inline-flex;align-items: center;justify-content: center;width: 38px;height: 38px;padding: 0;border-radius: var(--radius-sm);background: var(--color-white);border: var(--border-width) solid var(--border-color);cursor: pointer;transition: all var(--transition-fast);box-shadow: var(--shadow-sm)}.feed-search-btn img{width: 18px;height: 18px}@media (hover: hover){.feed-search-btn:hover{transform: translate(-2px,-2px);box-shadow: var(--shadow);background: var(--color-cream)}}.feed-search-row{display: flex;align-items: center;gap: 6px;padding: 12px 20px;background: var(--color-cream);border-bottom: var(--border-width) solid var(--border-color)}.feed-search-row[hidden]{display: none}@media (max-width: 768px){.feed-search-row{padding: 10px 16px}}.feed-search-input{flex: 1;min-width: 0;padding: 9px 12px;font-size: 14px;border: var(--border-width) solid var(--border-color);border-radius: var(--radius-sm);background: var(--color-white);color: var(--text-color)}.feed-search-submit,.feed-search-cancel{display: inline-flex;align-items: center;justify-content: center;width: 38px;height: 38px;flex-shrink: 0;padding: 0;font-size: 15px;font-weight: 700;color: var(--text-color);border-radius: var(--radius-sm);background: var(--color-white);border: var(--border-width) solid var(--border-color);cursor: pointer;transition: all var(--transition-fast);box-shadow: var(--shadow-sm)}.feed-search-submit img{width: 16px;height: 16px}.feed-search-submit:hover,.feed-search-cancel:hover{transform: translate(-2px,-2px);box-shadow: var(--shadow);background: var(--color-cream)}.search-result-header{padding: 16px 20px;background: var(--color-cream);border-bottom: var(--border-width) solid var(--border-color);display: flex;align-items: center;justify-content: center;gap: 12px}.search-user-row{display: flex;align-items: center;gap: 8px;padding: 12px 20px;border-bottom: var(--border-width) solid var(--border-color);overflow-x: auto;min-width: 0}.search-user-label{flex: 0 0 auto;font-size: 12px;font-weight: 700;color: var(--text-light)}.search-user-chip{flex: 0 0 auto;display: inline-flex;align-items: center;gap: 8px;padding: 6px 12px 6px 6px;background: var(--color-white);border: var(--border-width) solid var(--border-color);border-radius: 999px;text-decoration: none;color: inherit;max-width: 60vw}.search-user-chip:hover{background: var(--color-cream)}.search-user-name{font-size: 13px;font-weight: 700;color: var(--text-color);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.search-user-sub{font-size: 11px;color: var(--text-light);white-space: nowrap}.search-result-text{font-size: 14px;color: var(--text-light);font-weight: 600}.search-result-text strong{color: var(--text-color);font-weight: 700}.search-clear{padding: 6px 14px;background: var(--color-white);border: var(--border-width) solid var(--border-color);border-radius: var(--radius-xs);color: var(--text-color);cursor: pointer;font-size: 13px;font-weight: 700;box-shadow: var(--shadow-active);transition: all var(--transition-fast)}.search-clear:hover{transform: translate(-1px,-1px);box-shadow: var(--shadow-sm);background: var(--color-peach);text-decoration: none}.feed-container{max-width: 1200px;margin: 0 auto;padding: 24px 16px;background: var(--bg-color);position: relative}@media (min-width: 769px){.feed-container{padding: 32px 24px}}@media (max-width: 768px){.feed-container{padding: 16px}}.feed-grid{display: grid;grid-template-columns: repeat(2,1fr);gap: 12px;min-height: 100vh;align-content: start}@media (min-width: 769px){.feed-grid{grid-template-columns: repeat(auto-fill,minmax(220px,1fr));gap: 20px}}.category-feed .feed-grid{min-height: 0}.feed-grid > .loading-spinner{grid-column: 1 / -1;padding: 80px 20px}.feed-ad-card{box-sizing: border-box;width: 100%;min-width: 0;max-width: 100%;overflow: visible}.feed-ad-card--band{grid-column: 1 / -1;min-height: 100px}.feed-ad-card--card{width: 100%;background: var(--color-white);border: var(--border-width) solid var(--border-color);border-radius: var(--radius);box-shadow: var(--shadow);grid-column: 1 / -1;max-width: 520px;justify-self: center}.feed-ad-card--card:not(:has(> ins.adsbygoogle[data-ad-status])){background: none;border: none;box-shadow: none}[data-ads-blocked] .feed-ad-card{display: none}.feed-ad-card__label{display: none;padding: 8px 16px 0;font-size: 12px;font-weight: 700;line-height: 1.2;color: var(--text-muted)}.feed-ad-card:has(> ins.adsbygoogle[data-ad-status="filled"]) > .feed-ad-card__label{display: block}.feed-ad-card .adsbygoogle{display: block;width: 100%}.feed-ad-card:has(> ins.adsbygoogle[data-ad-status="unfilled"]){display: none}.feed-card{position: relative;background: var(--color-white);border: var(--border-width) solid var(--border-color);border-radius: var(--radius);box-shadow: var(--shadow);overflow: hidden;transition: all var(--transition-fast);width: 100%}.feed-card:hover{transform: translate(-4px,-4px);box-shadow: var(--shadow-lg)}@media (hover: none) and (pointer: coarse){.feed-card:hover{transform: none;box-shadow: var(--shadow)}}@supports not (aspect-ratio: 1){.feed-card-thumb{height: 0;padding-top: 100%}.feed-card-thumb > *{position: absolute;top: 0;left: 0;width: 100%;height: 100%}.feed-card-thumb > .feed-badge-row{top: auto;left: auto;width: auto;height: auto}}.feed-card-thumb{position: relative;aspect-ratio: 1;background: var(--color-cream);cursor: pointer;overflow: hidden;width: 100%;border-bottom: var(--border-width) solid var(--border-color);display: flex;align-items: center;justify-content: center}.feed-card-thumb img{width: 100%;height: 100%;object-fit: contain;background: #f8f6f0}.feed-card-thumb img.lazy-img:not(.lazy-loaded){background: #ece8e0}.feed-card-thumb:has(> img.lazy-img:not(.lazy-loaded))::after{content: "";position: absolute;inset: 0;z-index: 1;pointer-events: none;background: linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.55) 50%,rgba(255,255,255,0) 100%);transform: translateX(-100%);animation: skeleton-shimmer 1.4s ease-in-out infinite;will-change: transform}.feed-card-thumb img.lazy-loaded{animation: lazy-fade-in 0.3s ease}@keyframes skeleton-shimmer{100%{transform: translateX(100%)}}@media (prefers-reduced-motion: reduce){.feed-card-thumb::after,.feed-card-thumb img.lazy-loaded{animation: none}}@keyframes lazy-fade-in{from{opacity: 0}to{opacity: 1}}.feed-card-thumb .placeholder{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;background: var(--color-cream)}.feed-card-thumb .placeholder img{width: 48px !important;height: 48px !important;opacity: 0.5}.feed-card-thumb canvas{position: absolute;top: 0;left: 0;width: 100% !important;height: 100% !important;object-fit: cover;pointer-events: none;z-index: 1;background: var(--color-cream)}.feed-card-info{padding: 10px 16px}.feed-card-title-row{display: flex;align-items: center;justify-content: space-between;gap: 8px;margin-bottom: 5px}.feed-card-title{font-size: 15px;font-weight: 700;color: var(--text-color);cursor: pointer;line-height: 1.4;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;flex: 1;min-width: 0}.feed-card-title:hover{color: var(--accent-color)}.feed-card-title-row > .collection-bookmark{margin-left: auto;margin-top: -6px;margin-bottom: -6px;flex-shrink: 0}.feed-card > .feed-card-more-wrap{position: absolute;top: 8px;right: 8px;z-index: 3}.feed-card > .feed-card-more-wrap .feed-card-more{width: 24px;height: 24px;font-size: 13px;background: rgba(255,255,255,0.85);border: 1px solid var(--border-color);box-shadow: 0 1px 3px rgba(0,0,0,0.15)}.feed-card > .feed-card-more-wrap .feed-card-more{transition: transform var(--transition-fast),background var(--transition-fast)}@media (hover: hover){.feed-card > .feed-card-more-wrap .feed-card-more:hover{background: var(--color-white);transform: scale(1.1)}}.feed-card > .feed-card-more-wrap .feed-card-more:active{transform: scale(0.95)}.feed-card > .feed-card-more-wrap .feed-card-menu{bottom: auto;top: 100%;margin-bottom: 0;margin-top: 8px}.feed-card > .feed-card-author-badge{position: absolute;top: 8px;left: 8px;z-index: 3;width: 24px;height: 24px;padding: 0;border: none;background: none;line-height: 0;border-radius: var(--radius-xs);box-shadow: 0 1px 3px rgba(0,0,0,0.15);cursor: pointer;transition: transform var(--transition-fast),box-shadow var(--transition-fast)}@media (hover: hover){.feed-card > .feed-card-author-badge:hover{transform: scale(1.1);box-shadow: 0 2px 7px rgba(0,0,0,0.3)}}.feed-card > .feed-card-author-badge:active{transform: scale(0.95)}.feed-card > .feed-card-contribs{position: absolute;top: 11px;left: 36px;z-index: 3;display: flex;line-height: 0}.feed-card > .feed-card-contribs .av{width: 18px;height: 18px;--av-radius: 5px;--av-border: 1.5px;font-size: 9px}.feed-card > .feed-card-contribs .av + .av{margin-left: -5px}.feed-card-meta{display: flex;align-items: center;justify-content: space-between;gap: 8px}.feed-card-actions{display: flex;align-items: center;gap: 12px}.feed-card-stat{display: inline-flex;align-items: center;gap: 4px}.feed-card-stat > img{width: 18px;height: 18px;flex-shrink: 0}.feed-card-stat-views{color: var(--text-color);font-size: 13px;font-weight: 700;padding: 6px 0}.feed-card-stat-views > img{opacity: 0.7}.feed-card-stat .feed-card-like,.feed-card-stat .like-count-btn,.feed-card-stat .review-count-btn{padding-left: 0;padding-right: 0}.feed-card-like{display: flex;align-items: center;justify-content: center;padding: 6px;min-width: 24px;min-height: 30px;box-sizing: border-box;border: none;background: transparent;color: var(--text-color);font-size: 13px;font-weight: 600;cursor: pointer;border-radius: var(--radius-xs);transition: all var(--transition-fast)}@media (hover: hover){.feed-card-like:hover{background: var(--color-peach)}}.feed-card-like.liked{color: var(--accent-color)}.feed-card-like img{width: 18px;height: 18px;flex-shrink: 0}.like-count-btn,.review-count-btn{display: inline-flex;align-items: center;font-size: 13px;font-weight: 700;color: var(--text-color)}button.like-count-btn{justify-content: center;min-height: 24px;border: 0;background: none;padding: 0;margin: 0;font: inherit;font-size: 13px;font-weight: 700;color: var(--text-color);cursor: pointer}.like-count-btn.liked{color: var(--accent-color)}.feed-card-more-wrap{position: relative}.feed-card-more{display: flex;align-items: center;justify-content: center;width: 32px;height: 32px;padding: 0;border: none;background: transparent;color: var(--text-muted);font-size: 16px;cursor: pointer;border-radius: var(--radius-xs);transition: all var(--transition-fast)}.feed-card-more:hover{background: var(--color-cream);color: var(--text-color)}.feed-card-menu{position: absolute;bottom: 100%;right: 0;margin-bottom: 8px;background: var(--color-white);border: var(--border-width) solid var(--border-color);border-radius: var(--radius-sm);box-shadow: var(--shadow);min-width: 140px;padding: 6px;z-index: 100;display: none}.feed-card-menu.show{display: block}.feed-card-menu-item{display: flex;align-items: center;gap: 10px;padding: 10px 14px;font-size: 14px;font-weight: 600;color: var(--text-color);cursor: pointer;border-radius: var(--radius-xs);transition: background var(--transition-fast)}.feed-card-menu-item:hover{background: var(--color-cream)}.feed-card-menu-item.danger{color: var(--danger-color)}.feed-card-menu-item.danger:hover{background: var(--color-peach)}.feed-card-menu-item img{width: 16px;height: 16px}.feed-empty{text-align: center;padding: 80px 20px;background: var(--color-white);border: var(--border-width) solid var(--border-color);border-radius: var(--radius);box-shadow: var(--shadow);grid-column: 1 / -1;column-span: all;break-inside: avoid}.feed-empty-icon{font-size: 64px;margin-bottom: 16px}.feed-empty-title{font-size: 1.25rem;font-weight: 700;color: var(--text-color);margin-bottom: 8px}.feed-empty-text{font-size: 14px;color: var(--text-muted);margin-bottom: 24px}.feed-empty-link{display: inline-block;padding: 8px 16px;border: var(--border-width) solid var(--border-color);border-radius: var(--radius);background: var(--primary-color);color: var(--color-black);font-size: 14px;font-weight: 700;text-decoration: none;box-shadow: var(--shadow)}.feed-empty-link:hover{transform: translate(-1px,-1px)}.load-more-btn{display: inline-flex;align-items: center;justify-content: center;gap: 8px;width: 100%;max-width: 300px;margin: 32px auto;padding: 14px 48px;font-size: 15px;font-weight: 700;color: var(--text-color);background: var(--card-bg);border: var(--border-width) solid var(--border-color);border-radius: var(--radius-sm);box-shadow: var(--shadow-sm);cursor: pointer;transition: all var(--transition-fast);min-width: 200px}.load-more-btn:hover{transform: translate(-2px,-2px);box-shadow: var(--shadow);background: var(--color-cream)}.load-more-btn:active{transform: translate(2px,2px);box-shadow: none}.load-more-btn:disabled{opacity: 0.6;cursor: not-allowed;transform: none !important;box-shadow: var(--shadow-sm)}.feed-end{text-align: center;padding: 40px 20px;color: var(--text-muted);font-size: 14px;font-weight: 600}.load-more-wrap{display: flex;justify-content: center;padding: 30px 20px 40px}.load-more-spinner{width: 18px;height: 18px;border: var(--border-width-thick) solid var(--border-color);border-top-color: var(--primary);border-radius: 50%;animation: spin 0.6s linear infinite}@media (max-width: 768px){.feed-card-info{padding: 8px 12px}.feed-card-title-row{margin-bottom: 6px;gap: 4px}.feed-card-title{font-size: 13px}.feed-card-meta{gap: 4px}.feed-card-actions{gap: 10px}.feed-card-like{min-height: 38px;font-size: 11px}.like-count-btn,.review-count-btn,button.like-count-btn{font-size: 11px}.feed-card-more{padding: 4px;font-size: 14px}}@media (max-width: 420px){.feed-card-actions{gap: 4px;flex-wrap: wrap;row-gap: 2px;min-width: 0}.feed-card-stat{gap: 2px}.feed-card-stat > img{width: 16px;height: 16px}.feed-card-like img{width: 16px;height: 16px}}@media (max-width: 340px){.feed-card-actions{gap: 2px}.feed-card-stat{gap: 1px}.feed-card-stat > img,.feed-card-like img{width: 14px;height: 14px}.like-count-btn,.review-count-btn,button.like-count-btn,.feed-card-stat-views{font-size: 10px}}
.onboarding-card{position: relative;max-width: 700px;margin: 16px auto;padding: 24px 20px;text-align: center;background: linear-gradient(135deg,#fff6d6 0%,#ffe6f0 100%);border: 3px solid var(--border-color,#1a1a1a);border-radius: 16px;box-shadow: 6px 6px 0 var(--border-color,#1a1a1a)}.onboarding-card__close{position: absolute;top: 8px;right: 12px;background: none;border: none;font-size: 1.3rem;line-height: 1;cursor: pointer;color: #888;padding: 4px 8px;border-radius: 6px}.onboarding-card__close:hover{color: #333;background: rgba(0,0,0,0.06)}.onboarding-card__emoji{font-size: 2.2rem;line-height: 1;margin-bottom: 6px}.onboarding-card__title{font-size: 1.25rem;font-weight: 800;margin: 0 0 6px}.onboarding-card__desc{font-size: 0.9rem;color: var(--text-secondary,#555);margin: 0 0 16px;line-height: 1.5}.onboarding-card__actions{display: flex;gap: 10px;justify-content: center;flex-wrap: wrap}.onboarding-card__actions .btn{display: inline-flex;align-items: center}.onboarding-card__actions--icons{flex-wrap: nowrap;gap: 8px}.onboarding-opt{flex: 1 1 0;min-width: 0;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 6px;padding: 12px 6px;background: #fff;border: 2px solid var(--border-color,#1a1a1a);border-radius: 14px;box-shadow: 3px 3px 0 var(--border-color,#1a1a1a);color: var(--border-color,#1a1a1a);text-decoration: none;transition: transform .12s ease,box-shadow .12s ease}.onboarding-opt:hover{transform: translate(-1px,-1px);box-shadow: 4px 4px 0 var(--border-color,#1a1a1a)}.onboarding-opt:active{transform: translate(2px,2px);box-shadow: 1px 1px 0 var(--border-color,#1a1a1a)}.onboarding-opt__icon img{width: 30px;height: 30px;display: block}.onboarding-opt__label{font-size: 0.85rem;font-weight: 700;white-space: nowrap}@media (max-width: 480px){.onboarding-card__actions{flex-direction: column}.onboarding-card__actions .btn{width: 100%;justify-content: center}.onboarding-card__actions--icons{flex-direction: row}.onboarding-opt__label{font-size: 0.8rem}}.seo-hero{position: relative;background: var(--color-lavender,#F0E6FF);color: var(--text-color,#1a1a1a);text-align: center;border: var(--border-width-thick,3px) solid var(--border-color,#1a1a1a);border-radius: var(--radius,16px);box-shadow: var(--shadow-lg,6px 6px 0 #1a1a1a);margin: 12px;padding: 16px 18px}.seo-hero__inner{max-width: 700px;margin: 0 auto}.seo-hero__title{font-size: 1.2rem;font-weight: 800;margin: 0 0 4px;padding: 0 28px;line-height: 1.3;color: var(--text-color,#1a1a1a)}.seo-hero--compact{padding: 14px 18px}.seo-hero--compact .seo-hero__title{font-size: 1rem;margin-bottom: 2px}.seo-hero--compact .seo-hero__subtitle{margin-bottom: 10px}.seo-hero__title em{font-style: normal;background: var(--primary-color,#f4e637);padding: 0 5px;border-radius: 4px;-webkit-box-decoration-break: clone;box-decoration-break: clone}.seo-hero__subtitle{font-size: 0.82rem;color: var(--text-light,#4a4a4a);margin: 0 0 10px;line-height: 1.4}.seo-hero--compact .seo-hero__subtitle{font-size: 0.78rem}.seo-hero__subtitle a{color: inherit;font-weight: 700;text-decoration: underline;text-underline-offset: 2px}.seo-hero__note{font-size: 0.72rem;color: var(--text-light,#4a4a4a);margin: 12px auto 0;line-height: 1.5;max-width: 520px}.seo-hero--compact .seo-hero__note{display: none}.seo-hero__actions{display: flex;gap: 8px;justify-content: center;flex-wrap: wrap}.seo-hero__btn{display: inline-flex;align-items: center;gap: 6px;padding: 9px 16px;border: var(--border-width,2.5px) solid var(--border-color,#1a1a1a);border-radius: var(--radius-sm,12px);box-shadow: var(--shadow-sm,3px 3px 0 #1a1a1a);font-size: 0.84rem;font-weight: 700;text-decoration: none;cursor: pointer;transition: all var(--transition-fast,0.15s ease)}.seo-hero__btn-icon{width: 18px;height: 18px;filter: brightness(0)}.seo-hero__btn:hover{transform: translate(-2px,-2px);box-shadow: var(--shadow,4px 4px 0 #1a1a1a)}.seo-hero__btn:active{transform: translate(2px,2px);box-shadow: var(--shadow-active,2px 2px 0 #1a1a1a)}.seo-hero__btn{color: var(--text-color,#1a1a1a)}.seo-hero__btn--2d{background: var(--craft-2d,#f4e637)}.seo-hero__btn--3d{background: var(--craft-3d,#b794f6)}.seo-hero__btn--bead{background: var(--craft-bead,#5bc2d6)}.seo-hero__btn--convert{background: var(--color-white,#fff)}.seo-hero__dismiss{position: absolute;top: 10px;right: 10px;display: flex;align-items: center;justify-content: center;width: 26px;height: 26px;background: var(--color-white,#fff);border: var(--border-width,2.5px) solid var(--border-color,#1a1a1a);color: var(--text-color,#1a1a1a);font-size: 0.8rem;line-height: 1;cursor: pointer;padding: 0;border-radius: var(--radius-full,9999px);box-shadow: 2px 2px 0 var(--border-color,#1a1a1a);transition: all var(--transition-fast,0.15s ease)}.seo-hero__dismiss:hover{transform: translate(-1px,-1px);box-shadow: 3px 3px 0 var(--border-color,#1a1a1a)}.seo-hero[hidden]{display: none}@media (max-width: 600px){.seo-hero{padding: 16px 14px 14px}.seo-hero__title{font-size: 1.05rem}.seo-hero__subtitle{font-size: 0.78rem}.seo-hero__btn{padding: 6px 14px;font-size: 0.78rem}.seo-hero--compact{padding: 10px 14px}.seo-hero--compact .seo-hero__title{font-size: 0.9rem}}.seo-content{max-width: 800px;margin: 32px auto 20px;padding: 32px 24px;color: var(--text-secondary,#666);font-size: 0.88rem;line-height: 1.7;border-top: 1px solid var(--border-color,#e0e0e0)}.seo-content h2{font-size: 1.05rem;color: var(--text-primary,#333);margin: 0 0 16px;font-weight: 700}.seo-content p{margin: 0 0 12px}.seo-content p:last-child{margin-bottom: 0}.faq-content{margin-top: 0;border-top: none;padding-top: 0}.faq-item{margin: 0 0 16px}.faq-item:last-child{margin-bottom: 0}.faq-q{font-size: 0.95rem;color: var(--text-primary,#333);font-weight: 700;margin: 0 0 6px}.faq-a{margin: 0}.load-more-wrap.is-hidden{display: none}.party-banner{display: flex;align-items: center;gap: 10px;max-width: 1400px;margin: 10px auto 0;padding: 10px 16px;background: #b2f741;color: #1a1a1a;border: 2px solid #1a1a1a;border-radius: 12px;box-shadow: 2px 2px 0 #1a1a1a;font-weight: 800;font-size: 0.95rem;text-decoration: none}.party-banner:active{transform: translate(1px,1px)}.party-banner img{width: 22px;height: 22px;flex: 0 0 auto}.party-banner .party-banner__arrow{margin-left: auto;font-size: 1.1rem}@media (min-width: 700px){.party-banner{margin-left: 12px;margin-right: 12px}}@media (min-width: 1424px){.party-banner{margin-left: auto;margin-right: auto}}@media (max-width: 699px){.party-banner{margin-left: 10px;margin-right: 10px}}.week-rail{--week-rail-shadow-gap: 8px;max-width: 1400px;margin: 8px auto 0;padding: 0 12px}.week-rail__head{display: flex;align-items: baseline;justify-content: space-between;gap: 10px;margin-bottom: 8px}.week-rail__title{font-size: 1rem;font-weight: 800;margin: 0;color: var(--text-color,#1a1a1a)}.week-rail__more{font-size: 0.8rem;font-weight: 700;text-decoration: none;white-space: nowrap;color: var(--text-color,#1a1a1a);opacity: 0.65}.week-rail__more:hover{opacity: 1}.week-rail__track{display: flex;gap: 10px;overflow-x: auto;overflow-y: hidden;scroll-snap-type: x mandatory;-webkit-overflow-scrolling: touch;padding: 6px 0 10px var(--week-rail-shadow-gap);margin-left: calc(-1 * var(--week-rail-shadow-gap))}.week-rail__track::-webkit-scrollbar{height: 0}@media (hover: hover) and (pointer: fine){.week-rail__track.is-draggable,.creator-rail__track.is-draggable{cursor: grab}.week-rail__track.is-dragging,.creator-rail__track.is-dragging{cursor: grabbing;user-select: none}}.week-rail__item{position: relative;flex: 0 0 calc(100% - var(--week-rail-shadow-gap));min-width: 0;box-sizing: border-box;scroll-snap-align: center;scroll-snap-stop: always}.week-rail__track::after{content: '';flex: 0 0 var(--week-rail-shadow-gap);align-self: stretch}.week-rail__item .feed-card{width: 100%;margin: 0}.week-rail__rank{position: absolute;top: 10px;left: 50%;transform: translateX(-50%);z-index: 3;min-width: 34px;height: 34px;padding: 0 8px;display: flex;align-items: center;justify-content: center;font-size: 1.1rem;font-weight: 800;line-height: 1;background: #ffffff;color: var(--color-black,#1a1a1a);border: 3px solid var(--border-color,#1a1a1a);border-radius: 999px}.week-rail__rank--gold{background: linear-gradient(145deg,#ffe9a3,#e8b923 60%,#f7d774)}.week-rail__rank--silver{background: linear-gradient(145deg,#f2f4f6,#b9c0c7 60%,#e3e7ea)}.week-rail__rank--bronze{background: linear-gradient(145deg,#f0c9a4,#b5722f 60%,#dda06a)}.week-rail__rank--gold{position: absolute;overflow: hidden}.week-rail__rank--gold::after{content: '';position: absolute;top: -60%;left: -140%;width: 60%;height: 220%;background: linear-gradient(100deg,transparent,rgba(255,255,255,.85),transparent);transform: rotate(18deg);animation: wkRankShine 3.6s ease-in-out infinite}@keyframes wkRankShine{0%,62%{left: -140%}100%{left: 160%}}@media (prefers-reduced-motion: reduce){.week-rail__rank--gold::after{animation: none}}.feed-card-thumb .tt-canvas{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: contain;opacity: 0;transition: opacity .25s ease;pointer-events: none}.feed-card-thumb.has-turntable .tt-canvas{opacity: 1}@media (max-width: 480px){.week-rail{padding: 0 10px}.week-rail__title{font-size: 0.92rem}}@media (min-width: 768px){.week-rail__item{flex-basis: 420px}.week-rail__track{justify-content: flex-start}}.rail-wrap{position: relative}.rail-arrow{position: absolute;top: 50%;transform: translateY(-50%);z-index: 3;width: 38px;height: 38px;padding: 0;border-radius: 50%;border: var(--border-width,2px) solid var(--border-color,#1a1a1a);background: rgba(255,255,255,0.72);color: var(--color-black,#1a1a1a);-webkit-backdrop-filter: blur(3px);backdrop-filter: blur(3px);box-shadow: 2px 2px 0 var(--border-color,#1a1a1a);font: 700 20px/1 Arial,sans-serif;cursor: pointer;opacity: 0.85;display: none;align-items: center;justify-content: center;transition: opacity .15s ease,background .15s ease}.rail-arrow:hover{opacity: 1;background: rgba(255,255,255,0.95)}.rail-arrow:active{transform: translateY(calc(-50% + 1px));box-shadow: 1px 1px 0 var(--border-color,#1a1a1a)}.rail-arrow--prev{left: 2px}.rail-arrow--next{right: 2px}@media (hover: hover) and (pointer: fine){.rail-arrow.is-on{display: inline-flex}}.rail-dots{position: relative;z-index: 1;display: flex;justify-content: center;align-items: center;gap: 7px;margin: 8px 0 0;padding: 2px 0;min-height: 0;overflow: visible}.rail-dots:empty{display: none}.rail-dot{-webkit-appearance: none;appearance: none;flex: 0 0 auto;box-sizing: border-box;width: 9px;height: 9px;padding: 0;margin: 0;line-height: 0;border-radius: 50%;border: 2px solid var(--border-color,#1a1a1a);background: var(--card-bg,#fff);opacity: 0.45;cursor: pointer;transition: opacity .15s ease,width .15s ease,height .15s ease}.rail-dot.is-active{background: var(--primary-color);opacity: 1;width: 12px;height: 12px}@media (hover: none){.rail-dot{position: relative}.rail-dot::after{content: '';position: absolute;inset: -8px}}.creator-rail{--creator-rail-gutter: 12px;max-width: 1400px;margin: 14px auto 0;padding: 0 var(--creator-rail-gutter)}.creator-rail__track{display: flex;gap: calc(10px + 2 * var(--creator-rail-gutter));overflow-x: auto;overflow-y: hidden;scroll-snap-type: x mandatory;-webkit-overflow-scrolling: touch;padding: 24px var(--creator-rail-gutter);margin: -22px calc(-1 * var(--creator-rail-gutter)) -16px}.creator-rail__track::-webkit-scrollbar{height: 0}.creator-rail__page{flex: 0 0 100%;box-sizing: border-box;scroll-snap-align: center;scroll-snap-stop: always;display: flex;align-items: flex-start;justify-content: space-between;gap: 8px;padding: 6px 6px 2px}.creator-ava{position: relative;display: block;text-decoration: none;line-height: 0}.creator-ava:active{transform: translateY(1px)}.creator-ava .av{width: 56px;height: 56px;--av-radius: 14px;--av-border: 2px;font-size: 22px}.creator-ava .user-level-badge{width: 21px;height: 21px;bottom: -3px;right: -3px;font-size: 11px;border-width: 2.5px}.creator-ava .user-level-badge.is-shop-badge{font-size: 15px}.creator-row__rank{position: absolute;top: -6px;left: -6px;z-index: 10;min-width: 20px;height: 20px;padding: 0 3px;box-sizing: border-box;display: flex;align-items: center;justify-content: center;font-size: 0.7rem;font-weight: 800;line-height: 1;border-radius: 999px;background: var(--card-bg,#fff);color: var(--text-color,#1a1a1a);border: 2px solid var(--border-color,#1a1a1a)}.creator-row__rank--gold{background: linear-gradient(145deg,#ffe9a3,#e8b923 60%,#f7d774)}.creator-row__rank--silver{background: linear-gradient(145deg,#f2f4f6,#b9c0c7 60%,#e3e7ea)}.creator-row__rank--bronze{background: linear-gradient(145deg,#f0c9a4,#b5722f 60%,#dda06a)}@media (max-width: 480px){.creator-rail{--creator-rail-gutter: 10px}}@media (min-width: 768px){.creator-rail__page{flex-basis: auto;justify-content: flex-start;gap: 16px}.creator-rail__page:first-child{margin-left: auto}.creator-rail__page:last-child{margin-right: auto}.creator-ava .av{width: 64px;height: 64px;--av-radius: 15px;font-size: 25px}.creator-ava .user-level-badge{width: 24px;height: 24px;font-size: 13px}.creator-ava .user-level-badge.is-shop-badge{font-size: 17px}}