.recs-page { max-width: 1160px; margin: 0 auto; padding: clamp(32px, 6vw, 76px) clamp(16px, 4vw, 42px) 64px; color: #f6f0f6; }
.recs-heading { border-bottom: 1px solid #ffffff22; padding-bottom: 22px; }
.recs-heading h1 { font-size: clamp(2rem, 5vw, 3.2rem); font-weight: 800; letter-spacing: -.025em; line-height: 1.1; }
.recs-heading p { margin-top: 9px; color: #d1c3d4; }
.recs-navigation { display: flex; flex-wrap: wrap; gap: 9px; margin: 22px 0 36px; }
.recs-navigation a { border: 1px solid #f5a6c557; border-radius: 10px; padding: 8px 13px; color: #ffdae9; font-weight: 600; }
.recs-navigation a:hover { background: #e093b429; }
.recs-section { scroll-margin-top: 90px; margin-bottom: 34px; }
.recs-section h2 { font-size: clamp(1.25rem, 3vw, 1.6rem); font-weight: 750; margin: 0 0 13px; }
.recs-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 265px), 1fr)); gap: 16px; }
.recs-card { max-width: 540px; overflow: hidden; border-radius: 14px; border: 1px solid #ffffff25; background: #231a2b; }
.recs-card video { display: block; width: 100%; aspect-ratio: 16/9; object-fit: contain; background: #110d17; }
.recs-card-copy { padding: 14px 16px; }
.recs-card h3 { font-size: 1.04rem; font-weight: 720; overflow-wrap: anywhere; }
.recs-card p, .recs-admin-item p { white-space: pre-line; overflow-wrap: anywhere; }
.recs-card p { margin-top: 6px; color: #ded0e0; }
.recs-empty { color: #d1c3d4; }
.recs-admin-visibility { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; }
.recs-switch { display: inline-flex; align-items: center; gap: 9px; cursor: pointer; font-weight: 650; }
.recs-switch input { appearance: none; width: 44px; height: 25px; border-radius: 20px; background: #657186; border: 1px solid transparent; position: relative; cursor: pointer; }
.recs-switch input::before { content: ''; position: absolute; width: 17px; height: 17px; border-radius: 50%; background: #fff; top: 3px; left: 3px; }
.recs-switch input:checked { background: #9b275d; }
.recs-switch input:checked::before { left: 22px; }
.recs-switch input:focus-visible, .recs-navigation a:focus-visible { outline: 2px solid #db7ca7; outline-offset: 3px; }
.recs-textarea { width: 100%; padding: 8px 12px; border: 1px solid #ccd4e1; border-radius: 10px; resize: vertical; }
.recs-admin-item { border-top: 1px solid #cbd5e1; margin-top: 10px; padding-top: 12px; display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; gap: 8px 18px; }
.recs-admin-item h3 { font-weight: 700; overflow-wrap: anywhere; }
.recs-admin-item > div:first-child { flex: 1 1 180px; min-width: 0; }
.recs-admin-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.recs-admin-item .recs-admin-actions { margin-top: 0; }
.recs-admin-actions .recs-delete { color: #a32345; }
.recs-count { font-weight: 500; }