/* <inline asset> */
@charset "UTF-8"; 

/* /ayoub_website/static/src/scss/ayoub_watch.scss */
 .ayoub-fans{--watch-stage: oklch(0.055 0.004 260);}.ayoub-fans .watch-scroll{flex: 1; min-height: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; padding-bottom: calc(var(--nav-h) + env(safe-area-inset-bottom) + 20px) !important;}@media (max-width: 899px){.ayoub-fans .watch-scroll{overflow-y: visible; -webkit-overflow-scrolling: auto;}}@media (min-width: 900px){.ayoub-fans .watch-scroll{padding-bottom: 48px !important;}}.ayoub-fans .watch-page{width: 100%; max-width: 520px; margin: 0 auto;}.ayoub-fans .watch-stage{background: var(--watch-stage); display: flex; align-items: center; justify-content: center; padding: 14px 12px;}@media (min-width: 900px){.ayoub-fans .watch-stage{padding: 28px;}}.ayoub-fans .watch-player{position: relative; width: 100%; max-width: 430px; aspect-ratio: 9 / 16; max-height: calc((100dvh - 210px) * 0.5625); background: #000; border-radius: 18px; overflow: hidden; box-shadow: 0 20px 60px oklch(0 0 0/0.55);}.ayoub-fans .watch-player .watch-player-iframe, .ayoub-fans .watch-player iframe{position: absolute; inset: 0; width: 100%; height: 100%; border: 0; border-radius: inherit; touch-action: auto; pointer-events: auto;}.ayoub-fans .watch-player-processing{position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; padding: 24px; text-align: center; color: oklch(0.75 0.01 260); background: oklch(0.1 0.02 260);}.ayoub-fans .watch-player-processing p{margin: 0; font-size: 15px; font-weight: 700; color: var(--text);}.ayoub-fans .watch-player-processing small{font-size: 12px; line-height: 1.5; opacity: 0.85;}.ayoub-fans .watch-player-processing-spinner{width: 36px; height: 36px; border-radius: 50%; border: 3px solid oklch(1 0 0/0.12); border-top-color: var(--accent); animation: watch-spin 0.9s linear infinite;}@keyframes watch-spin{to{transform: rotate(360deg);}}@media (max-width: 899px){.ayoub-fans .watch-player{touch-action: manipulation; isolation: isolate;}}.ayoub-fans .watch-info{max-width: 480px; margin: 0 auto; width: 100%; padding: 16px 16px 8px;}.ayoub-fans .watch-title{font-size: 18px; font-weight: 800; letter-spacing: -0.01em; margin: 0; line-height: 1.3; color: var(--text);}.ayoub-fans .watch-byline{display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 14px;}.ayoub-fans .watch-byline-left{display: flex; align-items: center; gap: 10px; min-width: 0;}.ayoub-fans .watch-ava{width: 38px; height: 38px; border-radius: 11px; background: var(--accent); display: flex; align-items: center; justify-content: center; flex-shrink: 0;}.ayoub-fans .watch-ava span{width: 14px; height: 14px; border-radius: 4px; background: var(--accent-ink);}.ayoub-fans .watch-creators{display: flex; flex-wrap: wrap; align-items: center; gap: 6px; min-width: 0;}.ayoub-fans .watch-creator-tag{display: inline-flex; align-items: center; font-size: 13px; font-weight: 600; color: oklch(0.78 0.1 300); background: oklch(0.28 0.06 300/0.35); border: 1px solid oklch(0.62 0.14 300/0.45); padding: 5px 11px; border-radius: var(--r-pill); line-height: 1; white-space: nowrap;}.ayoub-fans .watch-badge-owned{display: inline-flex; align-items: center; gap: 6px; flex-shrink: 0; background: oklch(0.78 0.16 155/0.16); color: var(--accent); font-size: 12px; font-weight: 700; padding: 8px 14px; border-radius: var(--r-pill); white-space: nowrap;}.ayoub-fans .watch-actions{display: flex; gap: 10px; margin-top: 16px;}.ayoub-fans .watch-action{display: inline-flex; flex-direction: row; align-items: center; gap: 8px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--r-pill); padding: 11px 20px; cursor: pointer; color: var(--text-2); font-size: 13px; font-weight: 700; line-height: 1;}.ayoub-fans .watch-action:active{background: var(--surface-2);}.ayoub-fans .watch-action svg{color: var(--text); flex-shrink: 0;}.ayoub-fans .watch-like-btn.is-liked{color: var(--accent); border-color: oklch(0.78 0.16 155/0.35); background: oklch(0.78 0.16 155/0.1);}.ayoub-fans .watch-like-btn.is-liked svg{color: var(--accent); fill: oklch(0.78 0.16 155/0.35);}.ayoub-fans .watch-like-count{font-variant-numeric: tabular-nums;}.ayoub-fans .watch-meta{display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px;}.ayoub-fans .watch-meta-tag{font-size: 12px; font-weight: 600; color: var(--text-3);}.ayoub-fans .watch-meta-tag::before{content: '#'; opacity: 0.7;}.ayoub-fans .watch-desc{color: oklch(0.82 0.008 260); font-size: 14px; line-height: 1.6; margin-top: 12px; white-space: pre-line;}.ayoub-fans .watch-access-note{display: flex; align-items: center; gap: 10px; margin-top: 18px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--r-card); padding: 12px 14px; color: var(--text-2); font-size: 13px;}.ayoub-fans .watch-access-note svg{color: var(--accent); flex-shrink: 0;}.ayoub-fans .watch-access-note b{color: var(--text);}.ayoub-fans .watch-more-title{font-size: 15px; font-weight: 700; margin: 26px 0 12px;}.ayoub-fans .watch-more{display: flex; gap: 10px; overflow-x: auto; scrollbar-width: none; padding-bottom: 4px;}.ayoub-fans .watch-more::-webkit-scrollbar{display: none;}.ayoub-fans .watch-more-card{flex: 0 0 116px;}.ayoub-fans .watch-more-thumb{position: relative; width: 116px; aspect-ratio: 9 / 16; border-radius: 12px; overflow: hidden; background: repeating-linear-gradient(135deg, oklch(0.23 0.006 260), oklch(0.23 0.006 260) 10px, oklch(0.2 0.006 260) 10px, oklch(0.2 0.006 260) 20px);}.ayoub-fans .watch-more-thumb img{width: 100%; height: 100%; object-fit: cover;}.ayoub-fans .watch-more-cap{font-size: 12px; font-weight: 600; margin-top: 6px; line-height: 1.25;}