@layer components{.index-module_37dZNa_hub{gap:var(--space-6);width:100%;max-width:var(--content-max);padding-block:var(--space-5) var(--space-7);flex-direction:column;margin-inline:auto;display:flex}.index-module_37dZNa_section{gap:var(--space-4);flex-direction:column;display:flex}.index-module_37dZNa_sectionHead{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.index-module_37dZNa_sectionTitles{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.index-module_37dZNa_sectionTitle{font-size:var(--text-lg);letter-spacing:-.01em;font-weight:600;line-height:var(--leading-tight);margin:0}.index-module_37dZNa_sectionDesc{max-width:var(--measure);font-size:var(--text-sm);color:var(--text-muted);margin:0}.index-module_37dZNa_quickSection{flex-direction:column;display:flex}.index-module_37dZNa_quickGrid{gap:var(--space-2);grid-template-columns:repeat(7,minmax(0,1fr));display:grid}@media (max-width:1024px){.index-module_37dZNa_quickGrid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:640px){.index-module_37dZNa_quickGrid{align-items:start;gap:var(--space-1);overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;grid-template-columns:none;grid-auto-columns:6.5rem;grid-auto-flow:column;padding-block-end:var(--space-1);overflow-x:auto}.index-module_37dZNa_quickGrid::-webkit-scrollbar{display:none}.index-module_37dZNa_quickGrid>*{scroll-snap-align:start}}.index-module_37dZNa_quick{justify-content:flex-start;align-items:stretch;gap:var(--space-2);text-align:start;color:var(--text);appearance:none;cursor:pointer;--qa-amp:0;transition:--qa-amp var(--dur-slow) var(--ease);background:0 0;border:none;flex-direction:column;padding:0;text-decoration:none;display:flex}.index-module_37dZNa_quickArt{aspect-ratio:4/3;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--dur-fast) var(--ease);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.index-module_37dZNa_quickArt svg{width:62%;height:auto;display:block}.index-module_37dZNa_quickLabel{font-size:var(--text-xs);letter-spacing:-.01em;color:var(--text-muted);transition:color var(--dur-fast) var(--ease);padding-inline:2px;font-weight:600}@media (any-hover:hover){.index-module_37dZNa_quick:hover{--qa-amp:1;--qa-play:running}.index-module_37dZNa_quick:hover .index-module_37dZNa_quickArt{border-color:var(--border-strong)}.index-module_37dZNa_quick:hover .index-module_37dZNa_quickLabel{color:var(--text)}}.index-module_37dZNa_channelPanel{gap:var(--space-4);padding:calc(var(--space-4) * var(--density));background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;display:flex}.index-module_37dZNa_channelStats{align-items:stretch;gap:var(--space-4) var(--space-6);flex-wrap:wrap;display:flex}.index-module_37dZNa_stat{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.index-module_37dZNa_statLabel{font-size:var(--text-xs);color:var(--text-muted);font-weight:500}.index-module_37dZNa_statValue{font-size:var(--text-2xl);font-weight:700;line-height:var(--leading-tight);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.index-module_37dZNa_statFoot{align-items:center;gap:var(--space-2);min-height:1.25rem;display:flex}.index-module_37dZNa_statFootText{font-size:var(--text-xs);color:var(--text-faint)}.index-module_37dZNa_best{align-items:center;gap:var(--space-3);min-width:0;max-width:20rem;padding:var(--space-2);border-radius:var(--radius-md);color:inherit;transition:background-color var(--dur-fast) var(--ease);margin-inline-start:auto;text-decoration:none;display:flex}@media (any-hover:hover){.index-module_37dZNa_best:hover{background:var(--hover-surface)}}.index-module_37dZNa_bestThumb{width:2.5rem;height:3.5rem;color:var(--text-faint);background:var(--surface-2);border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.index-module_37dZNa_bestThumb img{object-fit:cover;width:100%;height:100%}.index-module_37dZNa_bestText{flex-direction:column;gap:2px;min-width:0;display:flex}.index-module_37dZNa_bestTitle{font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.index-module_37dZNa_bestViews{font-size:var(--text-xs);color:var(--text-muted)}.index-module_37dZNa_cardsGrid{gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}@media (max-width:1024px){.index-module_37dZNa_cardsGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:768px){.index-module_37dZNa_cardsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.index-module_37dZNa_cardsGrid{grid-template-columns:minmax(0,1fr)}}.index-module_37dZNa_skeletonCard{gap:var(--space-2);padding:var(--space-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;display:flex}.index-module_37dZNa_skeletonThumb{aspect-ratio:16/9}.index-module_37dZNa_postCard{gap:var(--space-4);min-height:12rem;padding:calc(var(--space-3) * var(--density));background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:inherit;transition:border-color var(--dur-fast) var(--ease);flex-direction:column;text-decoration:none;display:flex;position:relative}@media (any-hover:hover){.index-module_37dZNa_postCard:hover{border-color:var(--border-strong)}}.index-module_37dZNa_postCardHead{align-items:center;gap:var(--space-2);padding-inline-end:var(--tap-min);display:flex}.index-module_37dZNa_postCardIdentity{flex-direction:column;min-width:0;display:flex}.index-module_37dZNa_postCardUser{font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.index-module_37dZNa_postCardPlatform{font-size:var(--text-2xs);color:var(--text-muted);text-transform:capitalize;font-weight:500}.index-module_37dZNa_postCardCountdown{flex-direction:column;align-items:flex-start;gap:2px;margin-block:auto;display:flex}.index-module_37dZNa_postCardTimer{font-size:var(--text-2xl);letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--text);font-weight:700;line-height:1}.index-module_37dZNa_postCard[data-tone=imminent] .index-module_37dZNa_postCardTimer{color:var(--danger)}.index-module_37dZNa_postCard[data-tone=soon] .index-module_37dZNa_postCardTimer{color:var(--warning)}.index-module_37dZNa_postCardTimerHint{font-size:var(--text-2xs);letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);font-weight:500}.index-module_37dZNa_postCardBody{flex-direction:column;gap:2px;min-width:0;display:flex}.index-module_37dZNa_postCardTitle{font-size:var(--text-sm);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;margin:0;font-weight:600;overflow:hidden}.index-module_37dZNa_postCardDate{font-size:var(--text-2xs);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.index-module_37dZNa_postCardActions{z-index:1;position:absolute;inset-block-start:var(--space-2);inset-inline-end:var(--space-2)}.index-module_37dZNa_tutorialsGrid{gap:var(--space-4);grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}@media (max-width:1200px){.index-module_37dZNa_tutorialsGrid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:900px){.index-module_37dZNa_tutorialsGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:640px){.index-module_37dZNa_tutorialsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}.index-module_37dZNa_tutorial{gap:var(--space-2);text-align:start;appearance:none;cursor:pointer;background:0 0;border:none;flex-direction:column;width:100%;padding:0;display:flex}.index-module_37dZNa_tutorialFrame{aspect-ratio:16/9;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--dur-fast) var(--ease);display:block;position:relative;overflow:hidden}.index-module_37dZNa_tutorialFrame img{object-fit:cover;width:100%;height:100%;display:block}.index-module_37dZNa_tutorialPlay{border-radius:var(--radius-full);background:var(--bg);width:1.375rem;height:1.375rem;color:var(--text);justify-content:center;align-items:center;display:flex;position:absolute;inset-block-end:var(--space-1);inset-inline-start:var(--space-1)}.index-module_37dZNa_tutorialTitle{-webkit-line-clamp:2;font-size:var(--text-xs);color:var(--text-muted);transition:color var(--dur-fast) var(--ease);-webkit-box-orient:vertical;font-weight:500;line-height:1.35;display:-webkit-box;overflow:hidden}@media (any-hover:hover){.index-module_37dZNa_tutorial:hover .index-module_37dZNa_tutorialFrame{border-color:var(--border-strong)}.index-module_37dZNa_tutorial:hover .index-module_37dZNa_tutorialTitle{color:var(--text)}}}