/* The Shorts route owns its viewport; public watch players keep their layout. */
html:has(body[data-page="shorts"] [data-shorts-root]) { height:100dvh; overflow:hidden; scrollbar-gutter:auto; }
body[data-page="shorts"] { --shorts-ink:#f7f4ee; --shorts-muted:#b0aca5; --shorts-accent:#e4b475; background:#101111; color:var(--shorts-ink); }
body[data-page="shorts"] .site-footer { display:none; }
body[data-page="shorts"]:has([data-shorts-root]) { height:100dvh; overflow:hidden; }
body[data-page="shorts"] .site-shell { min-height:100dvh; }
.shorts-app { position:fixed; inset:var(--shorts-header-height,64px) 0 0; display:grid; grid-template-columns:minmax(180px,260px) minmax(0,760px); justify-content:center; gap:clamp(24px,5vw,94px); padding:0 28px; background:radial-gradient(ellipse at 63% 20%,#28221c55,transparent 52%),#101111; color:var(--shorts-ink); }
.shorts-app *, .shorts-dialog * { box-sizing:border-box; }
.shorts-intro { display:flex; min-width:0; flex-direction:column; align-self:stretch; padding:clamp(34px,7vh,90px) 0 30px; }
.shorts-eyebrow { color:var(--shorts-accent,#e4b475); font-size:10px; font-weight:700; letter-spacing:.18em; line-height:1.5; }
.shorts-wordmark { display:flex; align-items:center; gap:10px; margin:10px 0 38px; color:#f7f4ee; font-size:32px; font-weight:740; letter-spacing:-.045em; }
.shorts-wordmark svg { width:27px; height:34px; color:#e4b475; }
.shorts-app svg,.shorts-dialog svg,.shorts-empty svg { display:block; width:23px; height:23px; flex:none; fill:none; stroke:currentColor; stroke-width:1.65; stroke-linecap:round; stroke-linejoin:round; }
.shorts-intro-lead { margin:0 0 18px; font-family:var(--font-wordmark,Georgia,serif); font-size:clamp(38px,3.8vw,55px); font-weight:400; line-height:1.06; letter-spacing:-.04em; white-space:pre-line; }
.shorts-intro-copy { max-width:210px; margin:0 0 25px; color:#b0aca5; font-size:14px; line-height:1.65; }
.shorts-collection-link { display:inline-flex; align-items:center; gap:13px; align-self:flex-start; padding-bottom:9px; border-bottom:1px solid #e4b47555; color:#e4b475; font-size:12px; text-decoration:none; }
.shorts-collection-link svg { width:15px; height:15px; }
.shorts-keyboard-hint { display:flex; gap:12px; flex-direction:column; margin-top:auto; padding-top:30px; color:#9b9790; font-size:11px; }
.shorts-keyboard-hint > span { display:flex; align-items:center; gap:5px; }
.shorts-keyboard-hint kbd { min-width:21px; padding:2px 5px; border:1px solid #ffffff22; border-radius:4px; color:#d4cfc7; font:10px/1.4 var(--font-ui,sans-serif); text-align:center; }
.shorts-legal,.shorts-dialog-legal { display:flex; flex-wrap:wrap; gap:12px; margin-top:25px; font-size:10px; }
.shorts-legal a,.shorts-legal button,.shorts-dialog-legal a { border:0; padding:0; background:none; color:#aaa59d; text-decoration:none; }
.shorts-stage { position:relative; min-width:0; min-height:0; height:100%; padding-bottom:env(safe-area-inset-bottom,0px); }
.shorts-toolbar { display:flex; height:42px; align-items:center; justify-content:space-between; gap:12px; padding:0 65px 0 20px; color:#a8a49c; font-size:11px; letter-spacing:.015em; }
.shorts-mobile-label { display:none; color:#f7f4ee; font-weight:700; text-decoration:none; }
.shorts-counter { color:#c8c2b8; font-variant-numeric:tabular-nums; white-space:nowrap; }
.shorts-feed { height:calc(100% - 42px); overflow-x:hidden; overflow-y:auto; overscroll-behavior-y:contain; scroll-snap-type:y mandatory; scroll-behavior:smooth; scrollbar-width:none; -webkit-overflow-scrolling:touch; touch-action:pan-y pinch-zoom; border-radius:10px; }
.shorts-feed::-webkit-scrollbar { display:none; }
.shorts-reel { position:relative; width:100%; height:100%; min-height:0; padding:4px 65px 12px 0; scroll-snap-align:start; scroll-snap-stop:always; }
.shorts-reel-body { display:flex; align-items:center; justify-content:center; gap:18px; width:100%; height:100%; }
.shorts-media-column { display:flex; min-width:0; max-width:100%; height:100%; flex-direction:column; align-items:center; justify-content:center; }
.shorts-screen { position:relative; flex:none; width:min(calc((100dvh - var(--shorts-header-height,64px) - 154px) * .5625),390px); min-width:200px; max-width:100%; aspect-ratio:9/16; overflow:hidden; border:0; border-radius:13px; background:#000; box-shadow:0 20px 80px #0005; }
.shorts-poster,.shorts-slot,.shorts-slot video,.shorts-slot iframe { position:absolute; inset:0; width:100%; height:100%; max-width:none; border:0; object-fit:contain; background:#000; }
.shorts-slot:empty { background:transparent; }
.shorts-slot { z-index:1; }
.shorts-slot video { cursor:pointer; touch-action:pan-y pinch-zoom; }
.shorts-loading { position:absolute; inset:0; z-index:2; display:grid; place-items:center; pointer-events:none; }
.shorts-loading span { width:34px; height:34px; border:2px solid #ffffff35; border-top-color:#e4b475; border-radius:50%; animation:shorts-spin .85s linear infinite; box-shadow:0 0 12px #0008; }
.shorts-reel[data-source="youtube"] .shorts-loading { display:none; }
.shorts-caption { width:100%; max-width:390px; min-height:78px; padding:10px 1px 0; }
.shorts-creator { display:flex; align-items:center; gap:6px; margin-bottom:5px; color:#dfd8cf; font-size:10px; font-weight:650; }
.shorts-creator img { width:19px; height:19px; border-radius:50%; }
.shorts-caption h2 { margin:0; font-size:13px; font-weight:570; line-height:1.35; letter-spacing:0; }
.shorts-caption h2 button { display:-webkit-box; width:100%; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; border:0; padding:0; background:transparent; color:#faf6ef; font:inherit; text-align:start; }
.shorts-playback-status { min-height:14px; margin:3px 0 0; color:#c6af8f; font-size:10px; line-height:1.35; }
.shorts-actions { display:flex; width:49px; flex:none; flex-direction:column; align-self:center; align-items:center; gap:17px; padding-bottom:60px; }
.shorts-action,.shorts-actions .library-save-button { position:static; display:flex; width:49px; min-width:0; height:auto; min-height:44px; align-items:center; justify-content:center; flex-direction:column; gap:6px; margin:0; padding:0; border:0; border-radius:8px; background:transparent; box-shadow:none; color:#e8e4dc; font-size:9px; font-weight:500; line-height:1.1; text-align:center; text-decoration:none; white-space:normal; transform:none; }
.shorts-action > svg,.shorts-action > span:first-child:not([data-library-save-label]) { display:grid; width:40px; height:40px; place-items:center; padding:9px; border:1px solid #ffffff0e; border-radius:50%; background:#ffffff0a; }
.shorts-action > span:first-child svg { width:22px; height:22px; }
.shorts-action:hover > svg,.shorts-action:hover > span:first-child { border-color:#e4b47566; background:#e4b47517; color:#f0c995; }
.shorts-actions .library-save-icon { position:relative; inset:auto; display:grid; width:40px; height:40px; padding:9px; -webkit-mask:none; mask:none; animation:none; opacity:1; color:#eee9e0; }
.shorts-actions .library-save-icon::before,.shorts-actions .library-save-icon::after { display:none; }
.shorts-actions .library-save-icon svg { width:22px; height:22px; stroke:currentColor; stroke-width:1.8; }
.shorts-actions .library-save-button[aria-pressed="true"] .library-save-icon { color:#e4b475; background:#e4b47522; }
.shorts-navigation { position:absolute; inset-inline-end:4px; top:50%; display:flex; flex-direction:column; gap:12px; transform:translateY(-50%); }
.shorts-navigation button,.shorts-dialog-top button { display:grid; width:43px; height:43px; flex:none; place-items:center; border:1px solid #ffffff1c; border-radius:50%; background:#202121; color:#eee9df; transition:background .15s,border-color .15s; }
.shorts-navigation button:hover,.shorts-dialog-top button:hover { border-color:#e4b47588; background:#302b24; }
.shorts-navigation button:disabled { opacity:.3; }
.shorts-app :is(button,a,input):focus-visible,.shorts-dialog :is(button,a,input):focus-visible,.shorts-feed:focus-visible { outline:2px solid #f0c995; outline-offset:4px; }
.shorts-recovery { position:absolute; z-index:3; inset-inline:10px 130px; top:35%; padding:22px; border:1px solid #e4b47545; border-radius:12px; background:#161717f7; color:#f7f4ee; font-size:13px; line-height:1.5; text-align:center; box-shadow:0 15px 50px #0008; }
.shorts-recovery p { margin:0 0 16px; }
.shorts-recovery a { display:block; margin-top:16px; color:#e4b475; font-size:11px; }
.shorts-primary-link { display:inline-flex; align-items:center; justify-content:center; gap:12px; min-height:43px; padding:11px 18px; border:1px solid #e4b475; border-radius:7px; background:#e4b475; color:#171511; font-size:12px; font-weight:650; text-decoration:none; }
.shorts-primary-link svg { width:17px; height:17px; }
.shorts-dialog { position:fixed; inset:0; width:min(540px,calc(100vw - 30px)); max-height:calc(100dvh - 60px); overflow:auto; padding:26px; border:1px solid #ffffff26; border-radius:16px; background:#1b1c1c; color:#f7f4ee; box-shadow:0 30px 120px #0009; }
.shorts-dialog::backdrop { background:#000b; backdrop-filter:blur(7px); }
.shorts-dialog-top { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-bottom:22px; }
.shorts-dialog-top button { width:36px; height:36px; }
.shorts-dialog h2 { margin:0 0 20px; font-size:25px; line-height:1.25; letter-spacing:-.025em; }
.shorts-dialog-top h2 { margin:0; font-size:21px; }
.shorts-dialog-description { color:#d1ccc4; font-size:14px; line-height:1.8; white-space:pre-line; overflow-wrap:anywhere; }
.shorts-dialog-tags { display:flex; gap:8px; flex-wrap:wrap; margin:22px 0; }
.shorts-dialog-tags a { padding:6px 10px; border:1px solid #ffffff20; border-radius:20px; color:#ccc4b9; font-size:11px; text-decoration:none; }
.shorts-dialog-links { display:flex; flex-direction:column; align-items:flex-start; gap:18px; padding-top:20px; border-top:1px solid #ffffff18; }
.shorts-article-link { display:flex; align-items:center; gap:9px; color:#e4b475; font-size:12px; text-decoration:none; }
.shorts-article-link svg { width:18px; height:18px; }
.shorts-share-dialog label { display:block; margin-bottom:9px; color:#c6bfb4; font-size:12px; }
.shorts-share-dialog input { width:100%; margin-bottom:18px; padding:12px; border:1px solid #ffffff30; border-radius:7px; background:#101111; color:#ede7dc; font-size:13px; }
.shorts-share-actions { display:flex; flex-wrap:wrap; gap:10px; }
.shorts-secondary-link { min-height:43px; padding:10px 14px; border:1px solid #ffffff30; border-radius:7px; background:transparent; color:#e7dfd3; font-size:12px; }
.shorts-share-dialog [role="status"] { margin:15px 0 0; color:#c6bfb4; font-size:12px; }
.shorts-empty { display:flex; min-height:calc(100dvh - 64px); max-width:740px; margin:auto; padding:100px 30px 60px; flex-direction:column; align-items:flex-start; justify-content:center; }
.shorts-empty h1 { color:#f7f4ee; font-size:clamp(30px,5vw,50px); }
.shorts-empty p { margin-bottom:26px; color:#b0aca5; line-height:1.8; }
.shorts-noscript { position:fixed; z-index:30; inset:90px 20px 20px; overflow:auto; padding:25px; background:#151616; }
@keyframes shorts-spin { to { transform:rotate(360deg); } }

/* V72 immersive controls are part of the viewing canvas, never a bottom menu. */
.shorts-immersive-top,.shorts-progress,.shorts-actions [data-shorts-fullscreen],.shorts-actions [data-shorts-captions] { display:none; }
.shorts-app { font-family:var(--font-ui,sans-serif); }
.shorts-navigation button,.shorts-dialog-top button { width:44px; height:44px; }
.shorts-caption h2 button { min-height:44px; }
.shorts-dialog-tags a,.shorts-article-link,.shorts-dialog-legal a { display:inline-flex; align-items:center; min-height:44px; }
.shorts-dialog-actions { display:flex; flex-wrap:wrap; gap:12px; margin-block:22px; }
.shorts-fit-toggle { margin:0 0 20px; }
.shorts-action-notice { position:absolute; z-index:7; inset-inline:16px; top:calc(64px + env(safe-area-inset-top,0px)); margin:0; padding:12px 14px; border:1px solid #ffffff30; border-radius:8px; background:#242424f2; box-shadow:0 4px 20px #0006; color:#fff; font:500 13px/1.5 var(--font-ui,sans-serif); }
.shorts-action-notice[hidden] { display:none; }
.shorts-dialog-actions .shorts-action { width:auto; min-width:100px; min-height:44px; flex-direction:row; gap:9px; padding:8px 14px; border:1px solid #ffffff30; border-radius:8px; font-size:12px; background:#ffffff08; }
.shorts-dialog-actions .shorts-action > svg,.shorts-dialog-actions .library-save-icon { width:20px; height:20px; padding:0; border:0; background:none; }
@media (max-width:1100px) {
  .shorts-app { grid-template-columns:minmax(150px,210px) minmax(0,640px); gap:20px; padding-inline:22px; }
  .shorts-intro-lead { font-size:42px; }
  .shorts-actions { gap:13px; }
}
@media (max-height:660px) and (min-width:1001px) {
  .shorts-intro { padding-block:26px 18px; }
  .shorts-wordmark { margin-bottom:20px; }
  .shorts-intro-lead { font-size:35px; }
  .shorts-intro-copy,.shorts-keyboard-hint { display:none; }
  .shorts-legal { margin-top:auto; }
  .shorts-actions { gap:5px; padding-bottom:20px; }
}
@media (max-width:780px), (max-height:500px) and (max-width:1000px) {
  html:has(body[data-page="shorts"] [data-shorts-root]) { height:100dvh; overflow:hidden; scrollbar-gutter:auto; }
  body[data-page="shorts"]:has([data-shorts-root]) :is(.site-header,[data-site-header],.site-footer,.hm-footer) { display:none; }
  body[data-page="shorts"]:has([data-shorts-root]) { height:100dvh; overflow:hidden; background:#000; }
  .shorts-app { position:fixed; inset:0; z-index:10; display:block; width:100%; height:100dvh; padding:0; background:#000; }
  .shorts-intro,.shorts-toolbar { display:none; }
  .shorts-stage { width:100%; max-width:none; height:100%; margin:0; padding:0; }
  .shorts-feed { width:100%; height:100%; border-radius:0; }
  .shorts-reel { height:100%; padding:0; }
  .shorts-reel-body { position:relative; display:block; width:100%; height:100%; overflow:clip; background:#000; }
  .shorts-media-column { position:relative; display:block; width:100%; height:100%; max-width:none; }
  .shorts-screen { width:100%; height:100%; min-width:0; max-width:none; aspect-ratio:auto; border-radius:0; box-shadow:none; }
  .shorts-reel[data-source="hosted"] :is(.shorts-slot video,.shorts-poster) { object-fit:cover; }
  .shorts-app[data-shorts-fit="contain"] .shorts-reel[data-source="hosted"] :is(.shorts-slot video,.shorts-poster) { object-fit:contain; }
  .shorts-reel[data-source="hosted"] .shorts-reel-body::after { content:""; position:absolute; z-index:2; inset:0; background:linear-gradient(#0008,transparent 16%,transparent 64%,#000b); pointer-events:none; }
  .shorts-immersive-top { position:absolute; z-index:4; inset-block-start:env(safe-area-inset-top,0px); inset-inline:8px 112px; display:flex; align-items:center; gap:8px; min-height:52px; color:#fff; font:700 20px/1.2 var(--font-ui,sans-serif); letter-spacing:-.02em; pointer-events:none; text-shadow:0 1px 4px #0008; }
  .shorts-back { display:grid; place-items:center; width:44px; height:44px; flex:none; color:#fff; text-decoration:none; border:0; border-radius:50%; background:#0003; pointer-events:auto; }
  .shorts-back svg { width:24px; height:24px; }
  .shorts-caption { position:absolute; z-index:3; inset-inline:18px 88px; bottom:calc(58px + env(safe-area-inset-bottom,0px)); width:auto; max-width:none; min-height:0; margin:0; padding:0; background:none; pointer-events:none; }
  .shorts-creator { margin:0 0 10px; gap:8px; color:#fff; font:650 13px/1.4 var(--font-ui,sans-serif); text-shadow:0 1px 4px #000b; }
  .shorts-creator img { width:24px; height:24px; }
  .shorts-caption h2 { font:550 15px/1.45 var(--font-ui,sans-serif); letter-spacing:0; }
  .shorts-caption h2 button { min-height:44px; color:#fff; pointer-events:auto; text-shadow:0 1px 4px #000b; }
  .shorts-playback-status { margin:5px 0 0; min-height:0; color:#e6dccd; font-size:11px; line-height:1.4; text-shadow:0 1px 3px #000; }
  .shorts-playback-status:empty { display:none; }
  .shorts-actions { position:static; display:contents; width:auto; height:auto; padding:0; margin:0; background:none; }
  .shorts-reel .shorts-action,.shorts-reel .shorts-actions .library-save-button { position:absolute; z-index:4; inset-inline-end:max(12px,env(safe-area-inset-right,0px)); display:flex; align-items:center; flex-direction:column; justify-content:center; width:52px; height:62px; min-height:44px; gap:4px; padding:0; border:0; border-radius:12px; color:#fff; background:none; font:550 10px/1.2 var(--font-ui,sans-serif); text-shadow:0 1px 3px #000c; }
  .shorts-reel .shorts-action > svg,.shorts-reel .shorts-action > span:first-child:not([data-library-save-label]),.shorts-reel .shorts-actions .library-save-icon { display:grid; place-items:center; width:44px; height:44px; padding:10px; border:1px solid #ffffff18; border-radius:50%; color:#fff; background:#18181885; backdrop-filter:blur(8px); }
  .shorts-reel .shorts-action > span:first-child svg,.shorts-reel .shorts-actions .library-save-icon svg { width:24px; height:24px; }
  .shorts-reel .shorts-action:hover > svg,.shorts-reel .shorts-action:hover > span:first-child { color:#fff; border-color:#ffffff70; background:#3a3a3ab0; }
  .shorts-reel .shorts-save { bottom:calc(292px + env(safe-area-inset-bottom,0px)); }
  .shorts-reel [data-shorts-share] { bottom:calc(222px + env(safe-area-inset-bottom,0px)); }
  .shorts-reel .shorts-actions [data-shorts-details] { bottom:calc(152px + env(safe-area-inset-bottom,0px)); }
  .shorts-reel [data-shorts-fullscreen] { bottom:calc(82px + env(safe-area-inset-bottom,0px)); }
  .shorts-reel .shorts-actions > a { display:none; }
  .shorts-reel [data-shorts-mute],.shorts-reel [data-shorts-captions]:not([hidden]) { top:calc(4px + env(safe-area-inset-top,0px)); bottom:auto; width:44px; height:44px; min-height:44px; }
  .shorts-reel [data-shorts-captions]:not([hidden]) { inset-inline-end:64px; }
  .shorts-reel [data-shorts-mute] > span:last-child,.shorts-reel [data-shorts-captions] > span { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
  .shorts-reel [data-shorts-play] { top:50%; bottom:auto; inset-inline:50% auto; width:68px; height:68px; transform:translate(-50%,-50%); opacity:0; pointer-events:none; transition:opacity .15s; }
  .shorts-reel [data-shorts-play] > span:first-child { width:64px; height:64px; padding:19px; background:#111a; }
  .shorts-reel [data-shorts-play] > span:last-child { display:none; }
  .shorts-reel:is([data-state="paused"],[data-state="blocked"],[data-state="idle"]) [data-shorts-play],.shorts-reel [data-shorts-play]:focus-visible { opacity:1; pointer-events:auto; }
  .shorts-progress { position:absolute; z-index:5; inset-inline:0; bottom:env(safe-area-inset-bottom,0px); display:block; height:44px; padding:0; border:0; background:transparent; box-shadow:none; }
  body[data-page="shorts"] .shorts-progress input[data-shorts-seek] { appearance:none; -webkit-appearance:none; display:block; box-sizing:border-box; width:100%; min-height:44px; height:44px; margin:0; padding:40px 0 0; border:0; border-radius:0; background:transparent; background-image:none; box-shadow:none; filter:none; cursor:pointer; touch-action:pan-x; }
  .shorts-progress input::-webkit-slider-runnable-track { height:3px; border:0; border-radius:0; background:linear-gradient(to right,#fff var(--shorts-progress,0%),#ffffff60 var(--shorts-progress,0%)); }
  .shorts-progress input::-moz-range-track { height:3px; border:0; border-radius:0; background:#ffffff60; }
  .shorts-progress input::-moz-range-progress { height:3px; background:#fff; }
  .shorts-progress input::-webkit-slider-thumb { appearance:none; -webkit-appearance:none; width:12px; height:12px; margin-top:-4.5px; border:0; border-radius:50%; background:#fff; box-shadow:0 1px 4px #0008; opacity:0; }
  .shorts-progress input::-moz-range-thumb { width:12px; height:12px; border:0; border-radius:50%; background:#fff; opacity:0; }
  .shorts-progress input:is(:focus-visible,:active)::-webkit-slider-thumb { opacity:1; }
  .shorts-progress input:is(:focus-visible,:active)::-moz-range-thumb { opacity:1; }
  .shorts-progress input:disabled { opacity:.35; cursor:default; }
  .shorts-progress-time { position:absolute; inset-inline-start:18px; bottom:35px; color:#fff; font:550 11px/1.3 var(--font-ui,sans-serif); font-variant-numeric:tabular-nums; opacity:0; pointer-events:none; text-shadow:0 1px 3px #000; }
  .shorts-progress:focus-within .shorts-progress-time,.shorts-reel[data-state="paused"] .shorts-progress-time { opacity:1; }
  .shorts-navigation { display:none; }
  .shorts-recovery { z-index:6; inset-inline:18px; top:35%; padding:22px; background:#171717f5; }
  /* YouTube keeps its own visible controls and gestures. Only one 44px
     navigation strip sits outside the uncropped iframe; no bottom menu. */
  .shorts-reel[data-source="youtube"] .shorts-screen { top:calc(44px + env(safe-area-inset-top,0px)); height:calc(100% - 44px - env(safe-area-inset-top,0px)); }
  .shorts-reel[data-source="youtube"] .shorts-caption,.shorts-reel[data-source="youtube"] .shorts-progress,.shorts-reel[data-source="youtube"] .shorts-actions > :is(button,a) { display:none; }
  .shorts-reel[data-source="youtube"] .shorts-immersive-top { min-height:44px; font-size:17px; }
  .shorts-reel[data-source="youtube"] .shorts-back { background:none; }
  .shorts-reel[data-source="youtube"] .shorts-actions [data-shorts-details] { top:env(safe-area-inset-top,0px); bottom:auto; inset-inline-end:8px; display:grid; width:44px; height:44px; }
  .shorts-reel[data-source="youtube"] .shorts-actions [data-shorts-details] > svg { width:44px; height:44px; border:0; background:none; backdrop-filter:none; }
  .shorts-reel[data-source="youtube"] .shorts-actions [data-shorts-details] > span { display:none; }
  .shorts-app[data-source="youtube"] .shorts-navigation { z-index:5; top:env(safe-area-inset-top,0px); bottom:auto; inset-inline-end:56px; display:flex; flex-direction:row; gap:0; transform:none; }
  .shorts-app[data-source="youtube"] .shorts-navigation button { width:44px; height:44px; border:0; border-radius:0; background:#000; }
  .shorts-dialog { width:calc(100vw - 16px); max-height:calc(100dvh - 24px); padding:22px; border-radius:16px; background:#191919; }
  .shorts-dialog h2 { font-size:23px; }
  .shorts-dialog-description { font-size:14px; }
  .shorts-share-dialog input { font-size:16px; }
}
@media (max-height:500px) and (max-width:1000px) {
  .shorts-reel .shorts-save { bottom:calc(228px + env(safe-area-inset-bottom,0px)); }
  .shorts-reel [data-shorts-share] { bottom:calc(166px + env(safe-area-inset-bottom,0px)); }
  .shorts-reel .shorts-actions [data-shorts-details] { bottom:calc(104px + env(safe-area-inset-bottom,0px)); }
  .shorts-reel [data-shorts-fullscreen] { bottom:calc(42px + env(safe-area-inset-bottom,0px)); }
  .shorts-caption { inset-inline-end:100px; bottom:50px; max-width:460px; }
  .shorts-creator { margin-bottom:4px; }
}
@media (max-height:330px) {
  .shorts-reel .shorts-save { bottom:170px; }
  .shorts-reel [data-shorts-share] { bottom:112px; }
  .shorts-reel .shorts-actions [data-shorts-details] { bottom:54px; }
  .shorts-reel [data-shorts-fullscreen] { display:none; }
}
@media (prefers-reduced-motion:reduce) { .shorts-feed { scroll-behavior:auto; } .shorts-loading span { animation:none; } .shorts-navigation button,.shorts-reel [data-shorts-play] { transition:none; } }
@media (prefers-contrast:more) { .shorts-reel .shorts-action > svg,.shorts-reel .shorts-action > span:first-child,.shorts-navigation button { border:1px solid #ddd; } .shorts-playback-status { color:#fff; } }