#shorts{scroll-margin-top:24px}.video-categories{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;margin:38px 0 30px;max-width:1080px}.category-filter{display:flex;flex-direction:column;align-items:center;gap:10px;background:transparent;border:0;padding:8px 0;color:#f7f7f3;font-size:15px;font-weight:700}.category-icon{display:block;width:112px;height:112px;border-radius:50%;background-size:cover;background-position:center;box-shadow:0 0 0 1px #ffffff38,0 0 0 6px #111;transition:box-shadow .18s,transform .18s}.category-filter small{color:#a8a8a0;font-size:12px;font-weight:400}.category-filter:hover .category-icon{transform:translateY(-3px);box-shadow:0 0 0 2px #f5ff00,0 0 0 6px #111}.category-filter[aria-pressed=true] .category-icon{box-shadow:0 0 0 3px #f5ff00,0 0 0 8px #202200}.category-filter[aria-pressed=true]{color:#f5ff00}.video-toolbar{display:flex;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid #ffffff25}.all-filter{border:1px solid #ffffff40;background:transparent;border-radius:30px;padding:10px 20px}.all-filter[aria-pressed=true]{color:#050505;background:#f5ff00;border-color:#f5ff00}.video-tags{color:#f5ff00;font-size:12px;margin:8px 0 12px!important}.shorts-card p{font-size:14px;color:#bbb;line-height:1.65;margin-bottom:12px}.shorts-card p a{text-decoration:underline}.shorts-card .video-tags{color:#f5ff00}.shorts-card .text-link{display:inline-block;margin-top:8px}.video-open{width:100%;display:block;position:relative;background:#111;border:1px solid #ffffff25;border-radius:16px;overflow:hidden;padding:0;aspect-ratio:4/3}.video-open img{width:100%;height:100%;object-fit:cover;display:block}.video-open span{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:10px 16px;border-radius:30px;background:#f5ff00;color:#050505;font-size:13px;font-weight:700;box-shadow:0 3px 24px #0008}.video-open:hover img{filter:brightness(.85)}#shorts-list{align-items:start}#videos-empty{padding:48px 0;color:#c9c9c0}#videos-empty[hidden]{display:none}#video-dialog{inset:0;margin:auto;padding:18px;background:#101010;color:#f7f7f3;border:1px solid #ffffff35;border-radius:20px;width:min(460px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto}#video-dialog::backdrop{background:#000d;backdrop-filter:blur(6px)}#video-dialog.landscape{width:min(960px,calc(100vw - 24px))}.video-dialog-header{display:flex;align-items:center;gap:14px;margin-bottom:12px}.video-dialog-header h2{font:700 15px/1.4 Arial,sans-serif;flex:1;margin:0}.video-close{flex:none;width:44px;height:44px;border:1px solid #ffffff40;border-radius:50%;background:#222;color:white;font:30px/1 Arial,sans-serif}.video-close:hover{background:#f5ff00;color:#000}#video-player{display:flex;justify-content:center;background:#000;border-radius:10px;overflow:hidden}#video-player iframe{display:block;border:0;width:100%;height:min(65dvh,650px);aspect-ratio:9/16}.landscape #video-player iframe{height:auto;max-height:65dvh;aspect-ratio:16/9}#video-external{display:inline-block;font-size:13px;margin-top:14px;color:#f5ff00;text-decoration:underline}#video-dialog :focus-visible{outline:2px solid #f5ff00;outline-offset:2px}@media(max-width:700px){.video-categories{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 8px;margin:28px 0 20px}.category-icon{width:88px;height:88px;background-size:cover;background-position:center}.category-filter{font-size:12px;gap:8px}.video-toolbar{gap:12px;flex-wrap:wrap}#shorts-status{font-size:12px}.shorts-grid{gap:28px}.shorts-card h3{font-size:18px}#video-dialog{padding:12px}.video-dialog-header h2{font-size:13px}}@media(prefers-reduced-motion:reduce){.category-icon{transition:none}}

/* Owner-requested yellow rings and compact library layout — 02.11.2026. */
#shorts{padding-top:36px}
#shorts .section-heading{padding:24px 0 0}
#shorts .section-heading .kicker{margin-bottom:16px}
#shorts-heading{font-size:clamp(34px,4.2vw,60px);line-height:1.03}
.video-categories{max-width:none;gap:18px;margin:28px 0 14px;padding:8px 0 0}
.category-filter{gap:8px;padding:10px 4px 12px;border-radius:18px;cursor:pointer;transition:background .18s,color .18s}
.category-icon{position:relative;box-shadow:0 0 0 3px #111,0 0 0 5px #f5ff00,0 4px 24px #f5ff000d}
.category-filter>span:nth-child(2){margin-top:9px;line-height:1.25;letter-spacing:-.015em}
.category-filter small{font-size:11px;color:#92948b;line-height:1.2}
.category-filter:hover{background:#f5ff0006}
.category-filter:hover .category-icon{transform:translateY(-2px);box-shadow:0 0 0 3px #111,0 0 0 5px #f5ff00,0 5px 28px #f5ff0026}
.category-filter[aria-pressed=true]{background:linear-gradient(180deg,#f5ff0010,#f5ff0005)}
.category-filter[aria-pressed=true] .category-icon{box-shadow:0 0 0 3px #111,0 0 0 6px #f5ff00,0 0 28px #f5ff0030}
.category-filter[aria-pressed=true] .category-icon::after{content:'✓';position:absolute;right:0;bottom:0;display:grid;place-items:center;width:24px;height:24px;border:3px solid #111;border-radius:50%;background:#f5ff00;color:#111;font:700 13px Arial}
#shorts button:focus-visible{outline:2px solid #f5ff00;outline-offset:6px}
.video-toolbar{padding:16px 0;gap:16px;border-color:#ffffff18}
.all-filter{font-size:13px;font-weight:600;min-height:42px;padding:10px 19px;cursor:pointer;transition:background .18s,border-color .18s}
.all-filter:hover{border-color:#f5ff00}
#shorts-status{font-size:12px;color:#a6a69a;letter-spacing:.015em}
#shorts-list{margin-top:24px;gap:24px}
.video-open{border-radius:18px;border-color:#ffffff22;cursor:pointer;transition:border-color .18s,box-shadow .18s}
.video-open::after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#0009);pointer-events:none}
.video-open span{z-index:1;bottom:14px;padding:11px 19px;font-size:12px;letter-spacing:.015em;box-shadow:0 4px 18px #0006;transition:background .18s,box-shadow .18s}
.video-open:hover{border-color:#f5ff0080;box-shadow:0 6px 24px #0004}
.video-open:hover span{background:#fbff75;box-shadow:0 4px 20px #f5ff0020}
#shorts-more{min-height:44px;border:1px solid #f5ff0060;border-radius:30px;background:#f5ff0008;color:#f5ff00;padding:12px 26px;cursor:pointer;font-size:13px;font-weight:600}
#shorts-more:hover{background:#f5ff00;color:#111}
@media(max-width:700px){
 #shorts{padding-top:24px}
 #shorts .section-heading{padding-top:20px}
 #shorts-heading{font-size:clamp(30px,8.5vw,44px)}
 .video-categories{gap:14px 4px;margin:22px 0 8px}
 .category-filter{padding:8px 2px 10px;gap:6px;border-radius:14px;font-size:11px}
 .category-filter>span:nth-child(2){margin-top:8px}
 .category-filter small{font-size:10px}
 .video-toolbar{padding:14px 0;gap:12px}
 #shorts-list{margin-top:20px;gap:26px}
}
@media(prefers-reduced-motion:reduce){#shorts button,#shorts button span{transition:none}}

/* Full video surface, with an always-visible overlay close control. */
#video-dialog{
 padding:0;border:0;border-radius:14px;overflow:hidden;background:#000;
 width:min(calc(100vw - 24px),calc((100dvh - 40px)*9/16),520px);
 height:auto;aspect-ratio:9/16;max-width:none;max-height:none;
 box-shadow:0 20px 90px #0009;
}
#video-dialog.landscape{
 width:min(calc(100vw - 24px),calc((100dvh - 40px)*16/9),1200px);
 aspect-ratio:16/9;
}
#video-player{position:absolute;inset:0;display:block;border-radius:0}
#video-dialog #video-player iframe{position:absolute;inset:0;display:block;width:100%;height:100%;max-height:none;aspect-ratio:auto;border:0}
#video-dialog .video-close{
 position:absolute;z-index:2;top:10px;right:10px;width:44px;height:44px;
 display:grid;place-items:center;padding:0;border:1px solid #ffffff90;
 border-radius:50%;background:#111d;color:#fff;font:30px/1 Arial,sans-serif;
 box-shadow:0 2px 12px #0008;cursor:pointer;
}
#video-dialog .video-close:hover{background:#f5ff00;color:#111;border-color:#f5ff00}
#video-dialog .video-close:focus-visible{outline:2px solid #f5ff00;outline-offset:2px}
.video-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}