.shorts-page{color:#eff6ff;max-width:880px;margin:auto}.shorts-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:10px;display:flex}.shorts-heading h1{letter-spacing:-1px;margin:8px 0;font-size:clamp(27px,4vw,40px)}.shorts-heading p{color:#a8bece;margin:6px 0}.shorts-eyebrow{letter-spacing:.2em;color:#d5ff42;font-size:10px;font-weight:700}.shorts-heading label{gap:7px;font-size:12px;display:grid}.shorts-heading select,.shorts-page>label input{color:#fff;background:#112839;border:1px solid #44637b;border-radius:9px;padding:10px}.shorts-profile-note{color:#9bb3c6;margin:12px 0;font-size:11px}.shorts-feed{overscroll-behavior-y:contain;scroll-snap-type:y mandatory;scrollbar-width:thin;scrollbar-color:#426279 #071421;background:#03080f;border-radius:20px;height:calc(100dvh - 220px);min-height:320px;max-height:920px;overflow-y:auto}.shorts-feed:empty{display:none}.shorts-card{isolation:isolate;scroll-snap-align:start;scroll-snap-stop:always;background:#03080f;height:100%;position:relative;overflow:hidden}.shorts-card video{object-fit:contain;background:#03080f;width:100%;height:100%;position:absolute;inset:0}.shorts-card-shade{pointer-events:none;z-index:1;background:linear-gradient(#0000,#020911ed);position:absolute;inset:50% 0 0}.shorts-caption{z-index:2;pointer-events:none;overflow-wrap:anywhere;position:absolute;bottom:45px;left:24px;right:88px}.shorts-caption h2{margin:10px 0;font-size:clamp(22px,4vw,32px);line-height:1.1}.shorts-caption p{color:#d6e4ef;pointer-events:auto;white-space:pre-wrap;max-height:95px;font-size:13px;line-height:1.55;overflow:auto}.shorts-controls{z-index:3;gap:12px;display:grid;position:absolute;bottom:48px;right:15px}.shorts-page button{color:#fff;cursor:pointer;min-width:44px;min-height:44px;font:inherit;background:#163047;border:1px solid #608197;border-radius:12px}.shorts-controls button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#153044cc;border-radius:50%;font-size:22px}.shorts-page button:disabled{opacity:.3;cursor:default}.shorts-page :focus-visible{outline-offset:3px;outline:3px solid #d5ff42}.shorts-seek{z-index:4;position:absolute;bottom:10px;left:22px;right:22px}.shorts-seek input{accent-color:#d5ff42;cursor:pointer;width:100%;min-height:28px}.shorts-play-note{z-index:5;text-align:center;background:#071521ed;border-radius:12px;gap:16px;padding:20px;font-size:13px;display:grid;position:absolute;inset:25% 20% auto}.shorts-empty{text-align:center;background:#102335;border:1px solid #2d4e67;border-radius:18px;margin:24px 0;padding:55px 25px}.shorts-empty h2{font-size:20px}.shorts-empty button{padding:10px 20px}.shorts-page>a{color:#d5ff42;margin:15px 0;display:inline-block}.shorts-page>label{gap:10px;margin:15px 0;display:grid}.shorts-sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (max-width:900px){.shorts-feed{border-radius:14px;height:calc(100dvh - 300px)}.shorts-heading{align-items:start}.shorts-heading p{font-size:13px}.shorts-caption{left:16px;right:76px}.shorts-caption p{max-height:72px;font-size:12px}.shorts-controls{gap:8px;right:10px}.shorts-heading label{font-size:10px}.shorts-heading select{min-height:44px}}@media (prefers-reduced-motion:reduce){.shorts-feed{scroll-behavior:auto}}
