.btn,.pill-toggle{align-items:center;gap:var(--space-2)}.btn,.suggestion-card,.video-card,.video-card__link{text-decoration:none}.suggestion-card__title,.video-card__title{-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:600}.btn,.comment-actions button,.pill-toggle{cursor:pointer;display:inline-flex}.btn{justify-content:center;font-weight:600;font-size:var(--text-sm);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);border:var(--border-width) solid transparent;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);white-space:nowrap}.icon-btn,.pill-toggle{border-radius:var(--radius-full)}.btn--primary,.search-input:focus{border-color:var(--color-primary)}.btn:focus-visible{outline-offset:2px}.btn:disabled,.btn[aria-disabled=true]{opacity:.6;cursor:not-allowed}.btn--primary{background-color:var(--color-primary);color:#fff}.btn--ghost,.btn--secondary{background-color:transparent}.btn--primary:hover:not(:disabled){background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);color:#fff}.btn--secondary,.btn--secondary:hover:not(:disabled){border-color:var(--color-border);color:var(--color-text-primary)}.btn--ghost,.pill-toggle{color:var(--color-text-secondary)}.btn--secondary:hover:not(:disabled){background-color:var(--color-surface-raised)}.btn--ghost{border-color:transparent}.btn--ghost:hover:not(:disabled),.pagination a:hover{background-color:var(--color-surface-raised);color:var(--color-text-primary)}.icon-btn{padding:var(--space-2);font-size:var(--text-xl);line-height:1}.video-card__title,.video-title{line-height:var(--leading-tight)}.pill-toggle{position:relative;padding:var(--space-1) var(--space-3);padding-left:calc(var(--space-1) + 24px);padding-right:calc(var(--space-1) + 24px);font-size:var(--text-sm);font-weight:600;background-color:var(--color-surface-raised);border:var(--border-width) solid var(--color-border);transition:all var(--transition-normal)}.search-input,.video-card{background-color:var(--color-surface)}.pill-toggle .indicator{position:absolute;left:4px;top:50%;transform:translateY(-50%);width:18px;height:18px;border-radius:var(--radius-full);background-color:var(--color-text-tertiary);transition:left var(--transition-normal),background-color var(--transition-normal)}.pill-toggle.on{background-color:hsl(0,72%,51%,.2);color:var(--color-danger)}.pill-toggle.on .indicator{left:calc(100% - 22px);background-color:var(--color-danger)}.search-bar{position:relative;display:flex;align-items:center}.comment .comment-form .comment-form__avatar,.search-bar button[type=submit],.search-bar--desktop{display:none}.search-bar .bi-search{position:absolute;left:var(--space-3);color:var(--color-text-tertiary);pointer-events:none}.search-input{width:100%;font-size:var(--text-sm);color:var(--color-text-primary);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3) var(--space-2) var(--space-8);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.search-input:focus{outline:0;box-shadow:0 0 0 var(--focus-ring-width) var(--color-primary-focus-ring)}@media (min-width:1024px){.search-bar--desktop{display:flex;width:320px}}.video-card{display:flex;flex-direction:column;border-radius:var(--radius-lg);border:var(--border-width) solid var(--color-border);overflow:hidden;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.video-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.video-card__thumbnail{position:relative;aspect-ratio:16/9;background-color:var(--color-surface-raised)}.video-card__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.video-card__badge{position:absolute;bottom:var(--space-2);right:var(--space-2);background-color:hsla(0,0%,0%,.7);color:#fff;font-size:var(--text-xs);font-weight:600;padding:2px var(--space-2);border-radius:var(--radius-sm)}.chip,.suggestion-card:hover,.suggestion-card__thumbnail{background-color:var(--color-surface-raised)}.video-card__info{padding:var(--space-3)}.video-card__title{font-size:var(--text-base);color:var(--color-text-primary);margin-bottom:var(--space-2);display:-webkit-box}.video-card__meta{font-size:var(--text-sm);color:var(--color-text-secondary)}.suggestion-card{display:flex;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.chip,.pagination a,.pagination span{text-decoration:none;transition:background-color var(--transition-fast),color var(--transition-fast)}.suggestion-card__thumbnail{flex-shrink:0;width:120px;aspect-ratio:16/9;border-radius:var(--radius-sm);overflow:hidden}.suggestion-card__image{width:100%;height:100%;object-fit:cover}.comment-body,.suggestion-card__info{flex-grow:1;min-width:0}.suggestion-card__title{font-size:var(--text-sm);color:var(--color-text-primary);margin-bottom:var(--space-1);display:-webkit-box}.action-pills a,.chip,.suggestion-card__meta{color:var(--color-text-secondary)}.suggestion-card__meta{font-size:var(--text-xs)}.chip-list{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}.chip{display:inline-block;font-size:var(--text-sm);font-weight:500;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}a.chip:hover{background-color:var(--color-primary);color:#fff}.action-pills{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-6)}.action-pills a{font-weight:600;text-decoration:none;padding-bottom:var(--space-1);border-bottom:2px solid transparent}.action-pills a:hover,.nsfw-overlay__content h3{color:var(--color-text-primary)}.action-pills a.is-active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.player-shell{position:relative;aspect-ratio:16/9;background-color:#000;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-xl);width:100%}#main-video-player{width:100%;height:100%}.nsfw-overlay{position:absolute;inset:0;width:100%;height:100%;background-color:var(--color-overlay);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);display:flex;align-items:center;justify-content:center;text-align:center;padding:var(--space-6);z-index:var(--z-content)}.comments-section,.video-description{background-color:var(--color-surface)}.nsfw-overlay__content{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);max-width:400px;width:100%}.nsfw-overlay__content .bi{font-size:var(--text-3xl);color:var(--color-text-tertiary)}.nsfw-overlay__content h3{font-size:var(--text-lg)}.nsfw-overlay__content p{font-size:var(--text-sm);color:var(--color-text-secondary);max-width:40ch;margin-bottom:0}.video-meta-section{margin-top:var(--space-5)}.video-title{font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-2)}.video-stats-and-actions{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-4)}.video-stats{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary)}.video-stats strong{font-weight:600;color:var(--color-text-primary)}.video-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.comment,.comment-form,.comment-form .form-row,.comment-form__content,.form-buttons{gap:var(--space-3);display:flex}.video-description{margin-top:var(--space-5);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.comments-section{margin-top:var(--space-8);border-radius:var(--radius-lg);padding:var(--space-5);border:1px solid var(--color-border)}.comment-avatar,.comment-form .captcha-group{background-color:var(--color-surface-raised)}.comments-header{font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-5);color:var(--color-text-primary)}.comment-form{align-items:flex-start}.comment-form__avatar{font-size:var(--text-3xl);color:var(--color-text-tertiary);margin-top:var(--space-2)}.comment-form__content{flex-grow:1;flex-direction:column}.comment-form .form-field{width:100%}.comment-form .form-row{flex-direction:column}.comment-form input[type=text],.comment-form textarea{width:100%;background-color:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2);font-size:var(--text-sm);color:var(--color-text-primary)}.comment-form textarea{resize:vertical;min-height:80px}.comment-form .captcha-group{display:flex;align-items:center;gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);padding-right:var(--space-1)}.comment-form .captcha-group label{padding-left:var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary);white-space:nowrap}.comment-form .captcha-group input{border:none;background:0 0;text-align:center;flex-grow:1}.comment-form .captcha-group #refresh-captcha-btn{font-size:var(--text-lg);flex-shrink:0}.form-buttons{justify-content:flex-end}.form-error{color:var(--color-danger);font-size:var(--text-sm)}.comment .comment-form{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border-subtle)}.comment .comment-form .form-row{flex-direction:column}.comment .comment-form textarea{min-height:60px;font-size:var(--text-sm)}.comment .comment-form input[type=text]{font-size:var(--text-sm);padding:var(--space-2)}.comment{padding-top:var(--space-4);padding-bottom:var(--space-4);border-bottom:var(--border-width) solid var(--color-border-subtle)}.comment:last-child{border-bottom:none}.comment-avatar{width:40px;height:40px;border-radius:var(--radius-full);flex-shrink:0}.comment-meta{display:flex;align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-1)}.comment-author{font-weight:600;color:var(--color-text-primary);font-size:var(--text-sm)}.comment-date{font-size:var(--text-xs);color:var(--color-text-tertiary)}.comment-content{margin-bottom:var(--space-3);line-height:var(--leading-relaxed);word-break:break-word}.comment-actions{display:flex;align-items:center;gap:var(--space-5);font-size:var(--text-sm)}.comment-actions button{background:0 0;border:none;padding:0;color:var(--color-text-secondary);align-items:center;gap:var(--space-2);font-weight:600}.comment-actions button:hover{color:var(--color-primary)}.comment-actions.user-disliked .comment-rate-btn[data-action=dislike],.comment-actions.user-liked .comment-rate-btn[data-action=like]{color:var(--color-primary);font-weight:700}.comment-actions.processing{opacity:.5}.comment[data-depth="1"] .comment-body{margin-left:var(--space-4)}.comment[data-depth="2"] .comment-body,.comment[data-depth="3"] .comment-body,.comment[data-depth="4"] .comment-body,.comment[data-depth="5"] .comment-body{margin-left:var(--space-6)}@media (min-width:768px){.nsfw-overlay__content{gap:var(--space-4)}.nsfw-overlay__content .bi{font-size:var(--text-4xl)}.nsfw-overlay__content h3{font-size:var(--text-xl)}.nsfw-overlay__content p{font-size:var(--text-base)}.video-title{font-size:var(--text-3xl)}.video-stats-and-actions{flex-direction:row;justify-content:space-between;align-items:center}.comments-section{margin-top:var(--space-10);padding:var(--space-6) var(--space-8)}.comment-form .form-row{flex-direction:row}.comment[data-depth="1"] .comment-body{margin-left:var(--space-8)}.comment[data-depth="2"] .comment-body{margin-left:var(--space-12)}.comment[data-depth="3"] .comment-body{margin-left:var(--space-16)}.comment[data-depth="4"] .comment-body{margin-left:calc(var(--space-16) + var(--space-4))}.comment[data-depth="5"] .comment-body{margin-left:calc(var(--space-16) + var(--space-8))}}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-8)}.pagination a,.pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 var(--space-2);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary)}.pagination .current{background-color:var(--color-primary);color:#fff;pointer-events:none}.pagination .disabled{color:var(--color-text-tertiary);pointer-events:none}