.site-page .watch-content { padding: 28px clamp(12px,3vw,28px) 56px; gap: 0; }
.watch-page .auth-dialog { animation-name: watch-pop; }
.watch-layout { display: flex; flex-wrap: wrap; gap: 40px 28px; align-items: flex-start; min-width: 0; width: 100%; }
.watch-main { flex: 999 1 620px; min-width: 0; display: flex; flex-direction: column; gap: 28px; }
.front-player-group { min-width: 0; width: 100%; }
.watch-related { flex: 1 1 360px; min-width: 0; display: flex; flex-direction: column; gap: 24px; }
.watch-layout.is-side-by-side .watch-related { max-width: 360px; }
.watch-content .notice-stack:not(:empty) { margin-bottom: 20px; }
.watch-title { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.site-page .watch-title h1 { margin: 0; font: 700 clamp(18px,2vw,24px)/1.15 var(--font-sans); letter-spacing: -.03em; text-wrap: pretty; overflow-wrap: anywhere; }
.watch-stats { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; color: var(--front-color-muted,#9aa1ad); font: 500 12px var(--font-sans); letter-spacing: .05em; text-transform: uppercase; }
.watch-toolbar { position: relative; display: flex; align-items: stretch; gap: 12px; }
.watch-reaction-group { position: relative; display: flex; flex: 0 0 172px; min-width: 0; border: 1px solid rgba(var(--front-color-neutral-rgb,255,255,255),.14); border-radius: 999px; background: rgba(var(--front-color-neutral-rgb,255,255,255),.055); overflow: hidden; }
.watch-actions-scroll { flex: 1; min-width: 0; display: flex; overflow-x: auto; scrollbar-width: none; overscroll-behavior-x: contain; border: 1px solid rgba(var(--front-color-neutral-rgb,255,255,255),.14); border-radius: 999px; }
.watch-actions-scroll::-webkit-scrollbar { display: none; }
.watch-actions { display: flex; flex: 1; min-width: 0; }
.watch-action-btn, .watch-action { position: relative; display: flex; flex: 1; align-items: center; justify-content: center; gap: 8px; min-width: 0; min-height: 48px; padding: 8px 10px; border: 0; border-radius: 0; background: transparent; color: var(--front-color-text,#f4f5f7); font: 600 12px/1.4 var(--font-sans); overflow-wrap: anywhere; cursor: pointer; transition: color .15s,background .15s; }
.watch-action-btn + .watch-action-btn::before, .watch-action + .watch-action::before { content: ''; position: absolute; left: 0; top: 14px; bottom: 14px; width: 1px; background: rgba(var(--front-color-neutral-rgb,255,255,255),.14); }
.watch-action-btn:hover:not(:disabled), .watch-action:hover:not(:disabled) { background: rgba(var(--front-color-neutral-rgb,255,255,255),.035); }
.watch-action-btn.is-active, .watch-action[aria-expanded=true], .watch-action.is-active { color: #fff; background: #331c22; box-shadow: none; }
html[data-front-theme="light"] .watch-toolbar :is(.watch-action-btn.is-active,.watch-action[aria-expanded=true],.watch-action.is-active) { background: #aa1c2a; }
.watch-action-btn.is-active svg { fill: currentColor; }
.watch-action-btn strong { font-variant-numeric: tabular-nums; }
.watch-action svg, .watch-action-btn svg, .action-panel-option svg, .actress-correction-toggle svg { width: 18px; height: 18px; flex: 0 0 auto; }
.watch-action:disabled { opacity: .45; cursor: not-allowed; }
.watch-toolbar [hidden] { display: none !important; }
.watch-content .watch-toolbar button:focus-visible { outline-offset: -4px; }
.watch-action-panels:has(> :not(.d-none)) { display: flex; flex-direction: column; gap: 16px; }
.watch-action-panels:not(:has(> :not(.d-none))) { display: none; }
.watch-choice-panel .action-panel-grid { display: flex; flex-direction: column; gap: 4px; margin-top: 12px; }
.watch-choice-panel .action-panel-option { min-height: 48px; }
.action-panel-option { display: inline-flex; align-items: center; gap: 10px; padding: 11px 12px; border-radius: 10px; border: 0; background: transparent; color: var(--front-color-text,#f4f5f7); text-align: left; font: 600 14px var(--font-sans); cursor: pointer; transition: background .15s,color .15s; }
.action-panel-option:hover { background: rgba(var(--front-color-neutral-rgb,255,255,255),.06); }
.action-panel-option.is-active { color: var(--front-color-accent,#ff4b55); }
.action-panel { position: relative; padding: 12px 0 0; border: 0; border-top: 1px solid rgba(var(--front-color-neutral-rgb,255,255,255),.14); border-radius: 0; background: var(--front-color-canvas,var(--admin-canvas,#0e1014)); }
.action-panel .panel-title { min-height: 44px; display: flex; align-items: center; padding-right: 44px; }
.site-page .watch-action-panels .panel-title { font: 700 14px/1.5 var(--font-sans); }
.action-panel-close { position: absolute; top: 12px; right: 0; display: grid; place-items: center; width: 44px; height: 44px; border: 0; border-radius: 6px; background: transparent; color: var(--front-color-muted,#9aa1ad); font: 26px/1 var(--font-sans); cursor: pointer; }
.action-panel-close:hover { background: rgba(var(--front-color-neutral-rgb,255,255,255),.06); color: var(--front-color-text,#f4f5f7); }
.site-page .panel-title { padding-right: 26px; margin: 0; color: var(--front-color-text,#f4f5f7); font: 600 16px var(--font-sans); }
.share-panel { display: flex; flex-direction: column; gap: 16px; }
.site-page .share-earn-text { margin: -8px 24px 0 0; font: 500 13px/1.5 var(--font-sans); color: var(--front-color-muted,#9aa1ad); }
.share-field { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.watch-share-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
.share-field > label { color: var(--front-color-muted,#9aa1ad); font: 500 12px/1.5 var(--font-sans); margin: 0; }
.share-field > span, .watch-playlist-create > label { color: var(--front-color-muted,#9aa1ad); font: 600 10px var(--font-sans); letter-spacing: .1em; text-transform: uppercase; }
.share-input-wrap { position: relative; display: flex; align-items: center; min-width: 0; gap: 8px; height: 46px; padding: 0 6px 0 14px; border: 1px solid rgba(var(--front-color-neutral-rgb,255,255,255),.1); border-radius: 12px; background: var(--front-color-inset,rgba(0,0,0,.3)); }
.watch-content .share-input-wrap .form-control { padding: 0; min-width: 0; height: auto; border: 0; border-radius: 0; background: transparent; color: var(--front-color-text,#f4f5f7); box-shadow: none; font: 500 13px var(--font-sans); }
.share-input-wrap:has(textarea) { height: auto; padding: 0; }
.watch-content .share-input-wrap textarea.form-control { min-height: 96px; padding: 12px 110px 12px 14px; font: 500 12.5px/1.6 var(--font-sans); resize: none; }
.share-input-wrap:has(textarea) .copy-button { position: absolute; top: 10px; right: 10px; }
.copy-button { flex: 0 0 auto; height: 34px; padding: 0 14px; border: 0; border-radius: 9px; background: #de1722; color: #fff; font: 800 12px var(--font-sans); cursor: pointer; transition: background .15s; }
.copy-button:hover { background: #f02a35; }
.copy-button:disabled { background: #8a0e16; }
.watch-content .copy-button:disabled { opacity: 1; }
.download-panel { padding: 10px 44px 10px 14px; border-radius: 14px; }
.download-panel .action-panel-grid, .download-locked { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; }
.download-locked { width: 100%; justify-content: center; font: 500 12.5px/1.4 var(--font-sans); color: var(--front-color-muted,#9aa1ad); }
.download-panel .action-panel-option { height: 34px; padding: 0 12px; border: 1px solid rgba(var(--front-color-neutral-rgb,255,255,255),.12); border-radius: 999px; font-size: 12px; }
.download-panel .action-panel-close { top: 10px; right: 10px; width: 30px; height: 30px; }
.watch-content .download-locked .button-primary { height: 34px; border-radius: 999px; font-size: 12px; }
.report-form { display: flex; flex-direction: column; gap: 12px; }
.watch-content .form-control, .playlist-modal .form-control { border: 1px solid rgba(var(--front-color-neutral-rgb,255,255,255),.1); border-radius: 12px; background: var(--front-color-inset,rgba(0,0,0,.3)); color: var(--front-color-text,#f4f5f7); font: 500 14px/1.5 var(--font-sans); padding: 12px 14px; transition: border-color .15s,box-shadow .15s; }
.watch-content .form-control:focus, .playlist-modal .form-control:focus { border-color: #de1722; box-shadow: 0 0 0 3px rgba(222,23,34,.18); outline: none; }
.watch-content .form-control::placeholder, .playlist-modal .form-control::placeholder { color: var(--front-color-muted,#9aa1ad); }
.report-form textarea { min-height: 110px; resize: vertical; }
.report-actions, .form-actions, .comment-form-actions { display: flex; justify-content: flex-end; align-items: center; gap: 8px; }
.watch-content .button-primary, .watch-content .button-secondary, .playlist-modal .button-primary, .playlist-modal .button-secondary { display: inline-flex; align-items: center; justify-content: center; height: 40px; padding: 0 16px; border: 0; border-radius: 10px; background: #de1722; color: #fff; font: 800 13px var(--font-sans); cursor: pointer; transition: background .15s; }
.watch-content .button-primary:hover, .playlist-modal .button-primary:hover { background: #f02a35; }
.watch-content .button-secondary, .playlist-modal .button-secondary { border: 1px solid rgba(var(--front-color-neutral-rgb,255,255,255),.14); background: transparent; color: var(--front-color-muted,#9aa1ad); font-weight: 700; }
.watch-content .button-secondary:hover, .playlist-modal .button-secondary:hover { color: var(--front-color-text,#f4f5f7); background: rgba(var(--front-color-neutral-rgb,255,255,255),.06); }
.watch-content :is(.watch-title,.watch-meta,.watch-comments) button:disabled, .playlist-modal button:disabled { opacity: .5; cursor: not-allowed; }
.watch-content :is(.watch-title,.watch-meta,.watch-comments) :is(button,a):focus-visible { outline: 2px solid var(--front-color-accent,#ff4b55); outline-offset: 3px; }
.watch-content small:empty { display: none !important; }
.watch-meta { padding: 0 24px; border: 1px solid rgba(var(--front-color-neutral-rgb,255,255,255),.14); border-radius: 16px; background: var(--front-color-canvas,var(--admin-canvas,#0e1014)); }
.watch-detail { display: grid; grid-template-columns: minmax(0,1fr); align-items: start; gap: 10px; padding: 20px 0; }
.watch-detail + .watch-detail, .watch-detail-footer { border-top: 1px solid rgba(var(--front-color-neutral-rgb,255,255,255),.08); }
.watch-detail-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-width: 0; }
.watch-detail > strong, .watch-detail-heading > strong, .watch-detail-fact > strong { color: var(--front-color-muted,#9aa1ad); font: 600 12px/1.5 var(--font-sans); }
.watch-detail-footer { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; padding: 18px 0; }
.watch-detail-fact { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; min-width: 0; overflow-wrap: anywhere; }
.watch-detail-date { grid-column: 1/-1; }
.watch-actor-list { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 22px; min-width: 0; }
.site-page .watch-actor-card { display: inline-flex; align-items: center; gap: 10px; max-width: 100%; min-width: 0; color: var(--front-color-text,#f4f5f7); font: 700 14px/1.5 var(--font-sans); }
.watch-actor-card span { min-width: 0; overflow-wrap: anywhere; }
.watch-actor-card img { flex: 0 0 auto; width: 36px; height: 36px; border-radius: 50%; object-fit: cover; border: 1px solid rgba(var(--front-color-neutral-rgb,255,255,255),.1); }
.watch-actor-card:hover span, .site-page .watch-inline-link:hover { color: var(--front-color-accent,#ff4b55); }
.actress-correction-toggle { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; gap: 6px; min-height: 32px; padding: 4px 0 4px 6px; margin-left: auto; border: 0; border-radius: 8px; color: var(--front-color-muted,#9aa1ad); background: transparent; font: 600 12px/1.4 var(--font-sans); cursor: pointer; transition: color .15s; }
.actress-correction-toggle:hover, .actress-correction-toggle[aria-expanded=true] { border-color: #de1722; color: var(--front-color-accent,#ff4b55); }
.actress-correction-form { grid-column: 1/-1; display: flex; flex-direction: column; gap: 10px; min-width: 0; padding: 12px 0 0; margin: 0; animation: watch-pop .18s ease; }
.site-page .actress-correction-form .panel-title { padding: 0; color: var(--front-color-muted,#9aa1ad); font: 500 12px/1.5 var(--font-sans); }
.watch-content .actress-correction-form .form-control { padding: 10px 12px; border-radius: 8px; background: var(--front-color-canvas,var(--admin-canvas,#0e1014)); font-size: 16px; }
.watch-content .actress-correction-form .form-control:focus { border-color: #de1722; outline: none; box-shadow: 0 0 0 1px rgba(222,23,34,.14); }
.watch-content .actress-correction-form :is(.button-primary,.button-secondary) { border-radius: 8px; font-size: 12px; }
.watch-content .actress-correction-form .button-primary { background: #de1722; }
.watch-content .actress-correction-form .button-primary:hover { background: #c41320; }
.watch-content .actress-correction-form button:focus-visible { outline-width: 1px; outline-offset: 2px; }
.watch-link-list { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; min-width: 0; }
.watch-extra-tags, .watch-extra-actresses { display: contents; }
.watch-meta [hidden] { display: none !important; }
:is(.watch-tags-toggle,.watch-actresses-toggle) { min-height: 31px; padding: 4px 8px; border: 0; background: transparent; color: var(--front-color-muted,#9aa1ad); font: 600 12px/1.4 var(--font-sans); cursor: pointer; }
:is(.watch-tags-toggle,.watch-actresses-toggle):hover { color: var(--front-color-text,#f4f5f7); }
.site-page .watch-link-chip { display: inline-flex; align-items: center; max-width: 100%; min-height: 31px; padding: 4px 11px; border: 1px solid rgba(var(--front-color-neutral-rgb,255,255,255),.14); border-radius: 7px; color: var(--front-color-secondary,#c3c8d1); background: transparent; font: 600 12px/1.4 var(--font-sans); overflow-wrap: anywhere; transition: background .15s,border-color .15s,color .15s; }
.site-page .watch-link-chip:hover { background: rgba(var(--front-color-neutral-rgb,255,255,255),.08); border-color: rgba(var(--front-color-neutral-rgb,255,255,255),.2); color: var(--front-color-text,#f4f5f7); }
.site-page .watch-link-chip.is-category { border-color: rgba(222,23,34,.35); background: transparent; color: var(--front-color-accent,#ff4b55); font-family: var(--font-sans); }
.site-page .watch-link-chip.is-category:hover { background: #de1722; border-color: #de1722; color: #fff; }
.site-page .watch-inline-link { display: inline-flex; align-items: center; gap: 7px; max-width: 100%; font: 700 13px/1.5 var(--font-sans); color: var(--front-color-text,#f4f5f7); width: fit-content; }
.watch-inline-link svg { flex: 0 0 auto; }
.watch-detail-value, .watch-detail time { color: var(--front-color-secondary,#c3c8d1); font: 500 12px/1.5 var(--font-sans); }
.watch-empty, .comments-empty { color: var(--front-color-muted,#9aa1ad); font: 500 13px/1.5 var(--font-sans); }
.watch-comments { display: flex; flex-direction: column; gap: 22px; scroll-margin-top: 90px; }
.watch-comments-heading { display: flex; align-items: baseline; gap: 10px; }
.site-page .watch-comments-heading h2 { margin: 0; font: 700 23px/1.3 var(--font-sans); letter-spacing: -.6px; }
.watch-comments-heading > span { color: var(--front-color-muted,#9aa1ad); font: 400 13px/1.5 var(--font-sans); }
.watch-comments .comments-empty { padding: 26px 0 10px; border-top: 1px solid rgba(var(--front-color-neutral-rgb,255,255,255),.14); text-align: center; }
.watch-content .section-heading { display: flex; align-items: center; gap: 10px; margin: 0; }
.watch-content .section-heading > div { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.site-page .watch-content h2 { margin: 0; color: var(--front-color-text,#f4f5f7); font: 700 clamp(20px,2.2vw,24px)/1.1 var(--font-sans); letter-spacing: -.03em; }
.watch-content .section-heading p { margin: 0; color: var(--front-color-muted,#9aa1ad); font: 500 12px var(--font-sans); }
.watch-video-group { min-width: 0; }
.watch-video-group + .watch-video-group { padding-top: 22px; border-top: 1px solid rgba(var(--front-color-neutral-rgb,255,255,255),.14); }
.watch-video-group__heading { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px; margin-bottom: 14px; }
.site-page .watch-video-group__heading h2 { font: 700 15px/1.4 var(--font-sans); }
.watch-video-group__heading > span, .watch-video-pagination { color: var(--front-color-muted,#9aa1ad); font: 500 11px/1.5 var(--font-sans); }
.watch-video-group [hidden] { display: none !important; }
.watch-video-group .related-grid { grid-template-columns: minmax(0,1fr); grid-auto-rows: auto; gap: 15px; }
.watch-video-group .video-card:not(.video-card--script) { display: grid; grid-template-columns: minmax(0,clamp(148px,43vw,192px)) minmax(0,1fr); align-items: start; gap: 11px; }
.watch-video-group .video-card__thumbnail { border-radius: 8px; box-shadow: inset 0 0 0 1px rgba(var(--front-color-neutral-rgb,255,255,255),.08); }
.site-page .watch-video-group .video-card__title { font: 700 12px/1.5 var(--font-sans); white-space: normal; overflow-wrap: anywhere; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.watch-video-group .video-card__meta { font-size: 11px; }
.watch-layout.is-side-by-side .watch-video-group .video-card:not(.video-card--script) { grid-template-columns: minmax(0,192px) minmax(0,1fr); gap: 12px; }
.site-page .watch-layout.is-side-by-side .watch-video-group .video-card__title { font-size: 13px; }
.watch-video-group .video-card__details { left: 5px; bottom: 4px; gap: 4px; height: auto; font-size: 10px; }
.watch-video-group .video-card__details strong { font-size: 10px; }
.watch-video-pagination { display: flex; align-items: center; justify-content: flex-end; gap: 12px; margin-top: 13px; }
.watch-video-pagination__buttons { display: flex; gap: 6px; }
.watch-video-pagination button { display: grid; place-items: center; width: 30px; height: 30px; padding: 0; border: 1px solid rgba(var(--front-color-neutral-rgb,255,255,255),.14); border-radius: 50%; background: transparent; color: var(--front-color-text,#f4f5f7); cursor: pointer; }
.watch-video-pagination button:hover:not(:disabled) { border-color: var(--front-color-muted,#9aa1ad); background: rgba(var(--front-color-neutral-rgb,255,255,255),.04); }
.site-page .watch-related .watch-video-pagination button:disabled { opacity: .3; cursor: default; }
.watch-video-pagination button:focus-visible { outline: 2px solid var(--front-color-accent,#ff4b55); outline-offset: 3px; }
.watch-footer-leaderboard { width: 100%; max-width: 1280px; min-width: 0; margin: 0 auto 24px; padding-inline: clamp(12px,3vw,28px); }
.watch-related .front-feature-placement-side { max-width: 100%; margin: 0 auto; }
.comment-thread { display: flex; flex-direction: column; gap: 24px; }
.comment-card { position: relative; min-width: 0; padding-left: 50px; }
.comment-head { display: flex; align-items: flex-start; min-height: 20px; }
.comment-avatar { position: absolute; left: 0; top: 0; width: 38px; height: 38px; border-radius: 50%; object-fit: cover; }
.comment-meta { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px; min-width: 0; }
.comment-meta > strong { font: 600 13.5px var(--font-sans); overflow-wrap: anywhere; }
.comment-meta-line { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; color: var(--front-color-muted,#9aa1ad); font: 500 10.5px var(--font-sans); text-transform: uppercase; }
.comment-body { margin-top: 6px; color: var(--front-color-secondary,#dfe2e7); font: 500 14px/1.55 var(--font-sans); overflow-wrap: anywhere; }
.comment-actions { display: flex; align-items: center; gap: 14px; margin-top: 8px; }
.comment-action, .replies-toggle { padding: 0; border: 0; background: transparent; color: var(--front-color-muted,#9aa1ad); font: 700 12px var(--font-sans); cursor: pointer; }
.comment-action:hover, .replies-toggle:hover { color: var(--front-color-text,#f4f5f7); }
.comment-reply-box { margin-top: 12px; animation: watch-pop .18s ease; }
.comment-children { display: flex; flex-direction: column; gap: 16px; margin-top: 10px; padding-left: 14px; border-left: 2px solid rgba(var(--front-color-neutral-rgb,255,255,255),.08); }
.comment-card.is-reply { padding-left: 40px; }
.comment-card.is-reply .comment-avatar { width: 30px; height: 30px; }
.comment-card.is-reply .comment-meta > strong { font-size: 13px; }
.comment-card.is-reply .comment-body { font-size: 13.5px; }
.comment-input-row { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.comment-form:not(.is-reply) { position: relative; padding-left: 50px; }
.comment-composer-avatar { position: absolute; left: 0; top: 0; width: 38px; height: 38px; border-radius: 50%; object-fit: cover; border: 1px solid rgba(var(--front-color-neutral-rgb,255,255,255),.1); }
.replies-toggle { display: inline-flex; align-items: center; gap: 6px; color: var(--front-color-accent,#ff4b55); }
.replies-toggle svg { flex: 0 0 auto; width: 16px; height: 16px; transition: transform .15s ease; }
.replies-toggle[aria-expanded="true"] svg { transform: rotate(180deg); }
.watch-action-btn.is-active svg { fill: currentColor; }
.watch-content .comment-form textarea { min-height: 44px; padding: 11px 14px; background: rgba(var(--front-color-neutral-rgb,255,255,255),.04); overflow: hidden; resize: none; }
.input-counter { color: var(--front-color-muted,#9aa1ad); font: 500 10px var(--font-sans); text-align: right; }
.comment-form:not(.has-content) :is(.comment-form-actions,.input-counter) { display: none; }
.comment-form .button-primary, .comment-form .button-secondary { height: 36px; padding: 0 14px; border-radius: 9px; font-size: 12px; }
.comment-form .form-label { color: var(--front-color-muted,#9aa1ad); font: 500 12px var(--font-sans); }
.comment-guest-composer { position: relative; padding-left: 50px; min-width: 0; }
.watch-content :is(.comment-form:not(.is-reply),.comment-guest-composer) textarea { display: block; width: 100%; min-height: 44px; padding: 8px 0 11px; border: 0; border-bottom: 1px solid rgba(var(--front-color-neutral-rgb,255,255,255),.18); border-radius: 0; background: transparent; box-shadow: none; overflow: hidden; resize: none; font-weight: 400; }
.watch-content :is(.comment-form:not(.is-reply),.comment-guest-composer) textarea:focus { border-bottom-color: #de1722; box-shadow: 0 1px 0 #de1722; }
.watch-content .comment-guest-composer textarea:disabled { opacity: 1; -webkit-text-fill-color: var(--front-color-muted,#9aa1ad); }
.comment-composer-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 8px 12px; padding-top: 4px; }
.comment-guest-composer .comment-composer-footer { padding-top: 12px; }
.comment-composer-footer .input-counter { margin-right: auto; font-size: 12px; }
.comment-form:not(.is-reply):not(.has-content) .comment-form-actions { display: flex; }
.comment-form:not(.is-reply):not(.has-content) [data-comment-cancel] { display: none; }
.watch-content :is(.comment-form:not(.is-reply),.comment-guest-composer) :is(.button-primary,.button-secondary) { height: 36px; padding: 0 15px; border-radius: 7px; font-size: 12px; font-weight: 600; text-decoration: none; }
.watch-content :is(.comment-form:not(.is-reply),.comment-guest-composer) .button-primary:hover { background: #c41320; }
.watch-content .comment-form:not(.is-reply) .button-secondary { border: 0; }
@media (max-width: 480px) {
  .watch-content :is(.comment-form:not(.is-reply),.comment-guest-composer) textarea { font-size: 16px; }
  .watch-content :is(.comment-form:not(.is-reply),.comment-guest-composer) :is(.button-primary,.button-secondary) { min-height: 44px; }
}
.comments-login-note { color: var(--front-color-muted,#9aa1ad); font: 500 14px/1.5 var(--font-sans); }
.comment-badge { border-radius: 6px; background: rgba(var(--front-color-neutral-rgb,255,255,255),.07); padding: 3px 6px; }
.watch-toast { position: fixed; z-index: 1100; bottom: 24px; left: 50%; max-width: min(460px,calc(100% - 32px)); transform: translateX(-50%); padding: 14px 20px; border: 1px solid rgba(var(--front-color-neutral-rgb,255,255,255),.14); border-radius: 14px; background: rgba(var(--front-color-surface-rgb,24,27,33),.96); color: var(--front-color-text,#f4f5f7); backdrop-filter: blur(20px); box-shadow: 0 16px 50px rgba(var(--front-color-shadow-rgb,0,0,0),.5); font: 600 13px/1.5 var(--font-sans); }
.watch-toast.alert-success { border-color: rgba(31,157,85,.45); }
.watch-toast.alert-danger { border-color: rgba(222,23,34,.45); }
.watch-library-columns { display: grid; grid-template-columns: minmax(0,160px) minmax(0,1fr); gap: 28px; margin-top: 10px; }
.watch-library-playlists { min-width: 0; }
.watch-panel-label { display: block; margin: 0 0 10px; color: var(--front-color-muted,#9aa1ad); font: 500 12px/1.5 var(--font-sans); }
.watch-favorite-option { width: 100%; min-height: 46px; padding: 8px 0; gap: 12px; font-size: 13px; }
.watch-favorite-option.is-active { color: var(--front-color-text,#f4f5f7); }
.watch-favorite-option [data-front-favorite-label] { flex: 1; }
.watch-favorite-check { flex: none; width: 18px; height: 18px; border: 1px solid rgba(var(--front-color-neutral-rgb,255,255,255),.4); border-radius: 3px; }
.watch-favorite-option[aria-checked=true] .watch-favorite-check { background: #de1722; border-color: #de1722; }
.watch-favorite-option[aria-checked=true] .watch-favorite-check::after { content: ''; display: block; width: 5px; height: 9px; margin: 2px 0 0 5px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.watch-playlist-list { display: flex; flex-direction: column; max-height: 280px; overflow-y: auto; overscroll-behavior-y: contain; scrollbar-gutter: stable; padding-inline: 2px; }
.watch-playlist-item { display: grid; grid-template-columns: 18px minmax(0,1fr); align-items: center; gap: 4px 12px; min-height: 46px; padding: 8px 4px; border-radius: 5px; color: var(--front-color-text,#f4f5f7); font: 500 13px/1.5 var(--font-sans); cursor: pointer; }
.watch-playlist-item:hover { background: rgba(var(--front-color-neutral-rgb,255,255,255),.04); }
.watch-playlist-item > span { overflow-wrap: anywhere; }
.watch-playlist-native { width: 18px; height: 18px; margin: 0; accent-color: #de1722; }
.watch-playlist-item small { grid-column: 2; color: var(--front-color-muted,#9aa1ad); font-size: 11px; font-weight: 400; }
.watch-playlist-create { display: flex; flex-direction: column; gap: 8px; margin-top: 10px; }
.watch-playlist-create[hidden], .playlist-create-toggle[hidden] { display: none; }
.playlist-create-toggle { min-height: 44px; padding: 8px; border: 0; border-radius: 8px; color: var(--front-color-muted,#9aa1ad); background: transparent; font: 600 13px/1.5 var(--font-sans); cursor: pointer; }
.playlist-create-toggle:hover { background: rgba(var(--front-color-neutral-rgb,255,255,255),.05); }
.watch-content .action-panel .form-control { border-radius: 6px; background: transparent; font-weight: 400; }
.watch-content .action-panel .form-control:focus { border-color: transparent; outline: 1px solid rgba(222,23,34,.7); outline-offset: -1px; box-shadow: none; }
.watch-content .watch-title :is(button,a,input):focus-visible { outline: 1px solid rgba(222,23,34,.7); outline-offset: 2px; box-shadow: none; }
.watch-content .watch-title .watch-toolbar button:focus-visible { outline-offset: -3px; }
.watch-content .watch-title .action-panel .form-control:focus-visible { outline-offset: -1px; }
.watch-content .action-panel :is(.button-primary,.button-secondary,.copy-button) { min-height: 44px; height: auto; border-radius: 6px; font-weight: 600; }
.watch-content .action-panel .button-primary { background: #aa1c2a; }
.watch-content .action-panel .button-primary:hover { background: #971725; }
.watch-content .action-panel .button-secondary { border-color: transparent; }
.watch-content .download-panel { padding: 12px 0 0; border-radius: 0; }
.watch-content .download-panel .action-panel-close { top: 12px; right: 0; width: 44px; height: 44px; }
.watch-content .download-panel .action-panel-grid { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.watch-content .download-panel .action-panel-option { flex: 0 0 auto; justify-content: center; min-height: 42px; height: auto; max-width: 100%; padding: 8px 15px; border: 1px solid rgba(var(--front-color-neutral-rgb,255,255,255),.14); border-radius: 6px; font-size: 13px; }
.watch-content .download-panel .action-panel-option svg { display: none; }
.watch-content .download-panel .action-panel-option:hover { border-color: #de1722; background: rgba(222,23,34,.05); }
.download-panel :is(.download-locked,.watch-empty) { grid-column: 1 / -1; }
.download-locked { justify-content: flex-start; }
.site-page .share-panel .share-earn-text { order: 2; margin: 0; font-size: 12px; }
.watch-content .share-input-wrap { height: auto; min-height: 44px; padding: 0; gap: 0; align-items: stretch; border-radius: 6px; background: transparent; }
.watch-content .share-input-wrap .form-control { flex: 1; width: 0; min-width: 0; padding: 10px 12px; border-radius: 5px 0 0 5px; font-size: 14px; }
.watch-content .action-panel .copy-button { padding: 8px 13px; border: 0; border-left: 1px solid rgba(var(--front-color-neutral-rgb,255,255,255),.14); border-radius: 0 5px 5px 0; background: transparent; color: var(--front-color-text,#f4f5f7); }
.site-page .watch-content .action-panel .copy-button:hover { background: rgba(var(--front-color-neutral-rgb,255,255,255),.035); }
.watch-content .action-panel .copy-button:disabled { opacity: .6; }
.report-actions { margin-top: 0; padding-top: 0; }
.report-form .input-counter { margin-right: auto; font-size: 11px; }
.report-form > :not(.panel-title) { max-width: 560px; }
@media (max-width: 899px) {
  .watch-library-columns { grid-template-columns: minmax(0,1fr); gap: 16px; }
  .watch-library-playlists { border-left: 0; padding-left: 0; padding-top: 16px; border-top: 1px solid rgba(var(--front-color-neutral-rgb,255,255,255),.14); }
  .watch-content .action-panel { padding: 0; border-top: 0; }
  .watch-content .action-panel .action-panel-close { top: 0; right: 0; }
  .watch-content .action-panel .form-control { font-size: 16px; }
  .watch-content .share-input-wrap .form-control { font-size: 14px; }
  .watch-share-fields { grid-template-columns: minmax(0,1fr); gap: 16px; }
}
@keyframes watch-pop { from { opacity: 0; transform: translateY(8px) scale(.98); } to { opacity: 1; transform: translateY(0) scale(1); } }
@media (max-width: 899px) {
  .site-page .watch-content { padding: 0 0 40px; }
  .watch-layout { gap: 28px 0; }
  .watch-main { gap: 18px; }
  .watch-title, .watch-comments, .watch-related { padding-inline: 12px; }
  .watch-toolbar { margin-inline: -12px; gap: 0; border-block: 1px solid rgba(var(--front-color-neutral-rgb,255,255,255),.14); }
  .watch-reaction-group { flex-basis: 112px; border: 0; border-radius: 0; background: transparent; }
  .watch-reaction-group::after { content: ''; position: absolute; right: 0; top: 14px; bottom: 14px; width: 1px; background: rgba(var(--front-color-neutral-rgb,255,255,255),.14); pointer-events: none; }
  .watch-actions-scroll { border: 0; border-radius: 0; padding-right: 12px; cursor: grab; user-select: none; }
  .watch-actions-scroll.is-dragging, .watch-actions-scroll.is-dragging button { cursor: grabbing; }
  .watch-actions { flex: 1 0 304px; }
  .watch-action-btn, .watch-action { flex-direction: column; min-width: 0; min-height: 58px; padding: 8px 4px; gap: 5px; font-size: 11px; overflow-wrap: anywhere; }
  .watch-action-btn + .watch-action-btn::before, .watch-action + .watch-action::before { display: none; }
  .watch-action-btn strong { font-size: 12px; }
  .watch-action-btn svg, .watch-action svg { width: 19px; height: 19px; }
  .watch-action-btn strong { max-width: 100%; overflow-wrap: anywhere; }
  .watch-meta { margin-inline: 0; padding: 0 16px; border-inline-width: 0; border-radius: 0; }
  .watch-detail { padding: 17px 0; }
  .watch-actor-list { gap: 12px 18px; }
  .watch-related { max-width: 100%; }
  .watch-toast { bottom: 80px; }
}
@media (pointer: coarse) {
  .watch-content .download-panel .action-panel-option { min-height: 44px; }
  .watch-video-pagination button { width: 44px; height: 44px; }
  .watch-meta :is(.watch-link-chip,.watch-tags-toggle,.watch-actresses-toggle,.actress-correction-toggle,.watch-actor-card,.watch-inline-link,.button-primary,.button-secondary) { min-height: 44px; }
}
@media (prefers-reduced-motion: reduce) {
  .watch-content *, .playlist-modal, .playlist-modal .modal-content { animation: none !important; transition: none !important; }
}