@keyframes ss-appears{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes ss-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes ss-spin{to{rotate:1turn}}@keyframes ss-pop{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}.ss-toolbar{flex-wrap:wrap;gap:12px 16px}.ss-search,.ss-toolbar{display:flex;align-items:center}.ss-search{position:relative;flex:1 1 280px;max-width:420px}.ss-search input{width:100%;height:44px;padding:0 40px 0 42px;border:1px solid #ebecf9;border-radius:9999px;background:#fdfdfe;font-size:14px;color:#0b0b0b;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.ss-search input::placeholder{color:#9a9aab}.ss-search input::-webkit-search-cancel-button{appearance:none}.ss-search input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(61,65,181,.12)}.ss-search-icon{position:absolute;left:16px;color:#9a9aab;pointer-events:none}.ss-search-clear{position:absolute;right:8px;display:grid;place-items:center;width:28px;height:28px;border-radius:9999px;color:#6b6b7b;cursor:pointer}.ss-search-clear:focus-visible,.ss-search-clear:hover{background:#f0f0fa;color:var(--color-primary)}.ss-results{flex:1 1 auto;font-size:13px;color:#6b6b7b}.ss-sizes{display:inline-flex;align-items:center;gap:4px;margin-left:auto;padding:4px;border-radius:9999px;background:#f7f7f7;font-size:12px}.ss-sizes>span{padding:0 8px;color:#6b6b7b}.ss-sizes button{min-width:36px;height:30px;padding:0 10px;border-radius:9999px;font-weight:600;color:#42424f;cursor:pointer;transition:background-color .2s ease,color .2s ease}.ss-sizes button:hover{background:#c5dafe}.ss-sizes button[aria-checked=true]{background:var(--color-primary);color:#fff}.ss-appears>li{animation:ss-appears .35s ease-out backwards}.ss-appears>li:first-child{animation-delay:0s}.ss-appears>li:nth-child(2){animation-delay:30ms}.ss-appears>li:nth-child(3){animation-delay:60ms}.ss-appears>li:nth-child(4){animation-delay:90ms}.ss-appears>li:nth-child(5){animation-delay:.12s}.ss-appears>li:nth-child(6){animation-delay:.15s}.ss-appears>li:nth-child(7){animation-delay:.18s}.ss-appears>li:nth-child(8){animation-delay:.21s}.ss-appears>li:nth-child(9){animation-delay:.24s}.ss-appears>li:nth-child(10){animation-delay:.27s}.ss-appears>li:nth-child(11){animation-delay:.3s}.ss-appears>li:nth-child(12){animation-delay:.33s}.ss-card{gap:10px;min-width:0}.ss-card,.ss-card-link{display:flex;flex-direction:column}.ss-card-link{gap:12px;border-radius:14px;color:inherit;outline:none}.ss-card-link:focus-visible .ss-thumb{outline:3px solid var(--color-primary);outline-offset:3px}.ss-card-link:focus-visible .ss-thumb img,.ss-card-link:hover .ss-thumb img{transform:scale(1.05)}.ss-card-link:focus-visible .ss-play,.ss-card-link:hover .ss-play{opacity:1;transform:translate(-50%,-50%) scale(1)}.ss-card-link:focus-visible .ss-title,.ss-card-link:hover .ss-title{color:var(--color-primary)}.ss-thumb{position:relative;display:block;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:12px;background:#eef0fb;box-shadow:0 14px 30px -24px rgba(43,47,132,.6)}.ss-thumb img{transition:transform .45s cubic-bezier(.22,1,.36,1)}.ss-play{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:52px;height:52px;border-radius:9999px;background:rgba(11,11,11,.45);opacity:0;transform:translate(-50%,-50%) scale(.8);backdrop-filter:blur(4px);transition:opacity .25s ease,transform .25s ease}@media(hover:none){.ss-play{opacity:1;transform:translate(-50%,-50%) scale(1)}}.ss-title{display:-webkit-box;overflow:hidden;font-size:14px;font-weight:700;line-height:1.5;color:#0b0b0b;-webkit-box-orient:vertical;-webkit-line-clamp:2;transition:color .2s ease}.ss-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 18px;font-size:12px;font-weight:600;color:#9b51e0}.ss-meta>span,.ss-meta>time{display:inline-flex;align-items:center;gap:6px}.ss-card.is-skeleton .ss-skeleton-line,.ss-card.is-skeleton .ss-thumb{background:linear-gradient(90deg,#f0f1fa 25%,#e4e6f6 50%,#f0f1fa 75%);background-size:200% 100%;animation:ss-shimmer 1.2s ease-in-out infinite;box-shadow:none}.ss-card.is-skeleton .ss-skeleton-line{display:block;height:12px;border-radius:6px}.ss-error{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem 1rem;text-align:center;color:#6b7280;font-size:14px}.ss-button{padding:10px 24px;border-radius:9999px;background:var(--color-primary);font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:background-color .2s ease}.ss-button:hover{background:color-mix(in srgb,var(--color-primary) 90%,#000)}.ss-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:16px;background:rgba(11,11,20,.82);backdrop-filter:blur(6px);overscroll-behavior:contain}@media(min-width:768px){.ss-modal{align-items:center;padding:32px}}.ss-modal-dialog{display:flex;flex-direction:column;gap:12px;width:100%;max-width:960px;margin:auto 0;animation:ss-pop .3s cubic-bezier(.22,1,.36,1)}.ss-modal-top{display:flex;align-items:center;justify-content:flex-end;gap:12px}.ss-modal-count{font-size:13px;font-weight:600;color:hsla(0,0%,100%,.75)}.ss-modal-close{display:grid;place-items:center;width:40px;height:40px;border-radius:9999px;background:hsla(0,0%,100%,.14);color:#fff;cursor:pointer;transition:background-color .2s ease}.ss-modal-close:focus-visible,.ss-modal-close:hover{background:var(--color-accent);outline:none}.ss-modal-stage,.ss-player{position:relative}.ss-player{width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:16px;background:#000;box-shadow:0 30px 80px -30px rgba(0,0,0,.8)}.ss-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0;opacity:0;transition:opacity .3s ease}.ss-player[data-loaded] iframe{opacity:1}.ss-player[data-loaded] .ss-player-spinner{display:none}.ss-player-poster{filter:brightness(.6)}.ss-player-spinner{left:50%;width:44px;height:44px;margin:-22px 0 0 -22px;border:3px solid hsla(0,0%,100%,.3);border-top-color:#fabb00;animation:ss-spin .8s linear infinite}.ss-modal-nav,.ss-player-spinner{position:absolute;top:50%;border-radius:9999px}.ss-modal-nav{z-index:2;display:grid;place-items:center;width:44px;height:44px;background:hsla(0,0%,100%,.92);color:var(--color-primary);box-shadow:0 10px 30px -10px rgba(0,0,0,.6);translate:0 -50%;cursor:pointer;transition:background-color .2s ease,color .2s ease}.ss-modal-nav:focus-visible,.ss-modal-nav:hover{background:var(--color-primary);color:#fff;outline:none}.ss-modal-nav.is-prev{left:8px}@media(min-width:1100px){.ss-modal-nav.is-prev{left:-64px}}.ss-modal-nav.is-next{right:8px}@media(min-width:1100px){.ss-modal-nav.is-next{right:-64px}}.ss-modal-body{display:flex;flex-direction:column;gap:12px;padding:18px 20px;border-radius:16px;background:#fff}@media(min-width:768px){.ss-modal-body{padding:22px 28px}}.ss-modal-title{font-size:18px;font-weight:700;line-height:1.4;color:var(--color-primary)}@media(min-width:768px){.ss-modal-title{font-size:20px}}.ss-modal-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.ss-modal-actions{display:flex;flex-wrap:wrap;gap:8px}.ss-chip{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:9999px;background:#f0f0fa;font-size:13px;font-weight:600;color:var(--color-primary);cursor:pointer;transition:background-color .2s ease,color .2s ease}.ss-chip:focus-visible,.ss-chip:hover{background:var(--color-primary);color:#fff}.ss-chip.is-youtube{background:#f03;color:#fff}.ss-chip.is-youtube:focus-visible,.ss-chip.is-youtube:hover{background:#d6002b}.ss-modal-desc{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding-top:12px;border-top:1px dashed #ebecf9}.ss-modal-desc p{font-size:14px;line-height:1.65;color:#42424f;white-space:pre-line;overflow-wrap:anywhere}.ss-modal-desc p[data-folded]{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:4}.ss-modal-desc a{color:var(--color-primary);text-decoration:underline;text-underline-offset:2px}.ss-modal-more{font-size:13px;font-weight:700;color:var(--color-primary);cursor:pointer}.ss-modal-more:hover{text-decoration:underline}@media(prefers-reduced-motion:reduce){.ss-appears>li,.ss-card.is-skeleton .ss-skeleton-line,.ss-card.is-skeleton .ss-thumb,.ss-modal-dialog{animation:none}.ss-play,.ss-thumb img{transition:none}}