/* ZIP14 unit11. Actual template includes the bookmark action in the vertical rail. */
html body.in-shorts #xpage>.short-top{padding:calc(env(safe-area-inset-top) + 14px) 16px 0!important}
html body.in-shorts #xpage .short-top #shortExit,html body.in-shorts #xpage .short-top #shortSound{background:none!important;border-radius:0!important}
html body.in-shorts #xpage .short-top #shortExit{justify-content:flex-start!important}
html body.in-shorts #xpage .short-top #shortSound{justify-content:flex-end!important}
html body.in-shorts #xpage .short-top :is(#shortExit,#shortSound) svg{width:26px!important;height:26px!important}
html body.in-shorts .short-tabs{gap:22px!important;font-size:17px!important;font-weight:800!important;letter-spacing:-.02em;text-shadow:0 1px 4px #0009}
html body.in-shorts .short-tabs button,html body.in-shorts .short-tabs button.on{font-weight:800!important}
html body.in-shorts #xpage .shortactions{right:12px!important;bottom:calc(env(safe-area-inset-bottom) + 44px)!important;width:56px;gap:22px!important;text-shadow:0 1px 4px #0009}
html body.in-shorts #xpage .shortactions .action-icon{width:36px!important;height:36px!important;filter:drop-shadow(0 1px 3px #0009)!important}
html body.in-shorts #xpage .shortactions [data-post-like] svg{width:36px!important;height:36px!important}
html body.in-shorts #xpage .shortactions [data-short-comment] svg{width:35px!important;height:35px!important}
html body.in-shorts #xpage .shortactions :is([data-short-share],[data-short-scrap],[data-short-more]) svg{width:34px!important;height:34px!important}
html body.in-shorts #xpage .shortmeta{left:16px!important;right:84px!important;bottom:calc(env(safe-area-inset-bottom) + 38px)!important;text-shadow:0 1px 4px #0009}
html body.in-shorts #xpage .short-who{gap:10px;font-size:15px!important;font-weight:800!important}
html body.in-shorts #xpage .short-who .idn{width:36px!important;height:36px!important;border-radius:50%!important;box-shadow:0 0 0 1.5px #ffffffb3}
html body.in-shorts #xpage .short-cat-pill{font-size:12px;font-weight:700;padding:3px 10px;background:#fff3;margin:0}
html body.in-shorts #xpage .shortmeta button{font-size:16px!important;font-weight:600!important;line-height:1.45!important;margin-top:10px!important;letter-spacing:-.02em!important}
html body.in-shorts #xpage .shortmeta p{font-size:12px!important;color:#ffffffb3;margin-top:6px}
html body.in-shorts #xpage .short-author-fields{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;color:var(--t2)}
html body.in-shorts #xpage .short-author-fields>input{min-width:0;flex:1;min-height:36px!important;padding:0 10px!important;border-radius:8px!important;background:var(--s)!important;font-size:13px!important}
html body.in-shorts #xpage .short-author-fields input[hidden]{display:none!important}
html body.in-shorts #xpage .short-author-fields label{display:flex;align-items:center;gap:6px}
html body.in-shorts #xpage .short-author-fields label input{width:16px;height:16px;min-width:16px;flex:none}
html body.in-shorts #xpage .short-sheet-form{margin:10px 16px max(env(safe-area-inset-bottom),20px)!important}
html body.in-shorts.short-keyboard-open #xpage .short-sheet-form{margin-bottom:10px!important}
html body.in-shorts #xpage .short-sheet-reply{justify-content:flex-start;gap:8px;padding:2px 16px 8px;font-size:13px;font-weight:600;color:var(--t3)}
html body.in-shorts #xpage .short-sheet-reply .short-reply-chip{display:flex;align-items:center;gap:6px;max-width:80%;width:auto;height:32px;margin:0;padding:0 10px 0 12px;border-radius:16px;background:var(--ln);font-size:14px;font-weight:700;color:var(--tx)}
html body.in-shorts #xpage .short-reply-chip span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body.in-shorts #xpage .short-reply-chip svg{width:14px;height:14px;flex:none}
html body.in-shorts #xpage .short-author-badge{font-size:12px;font-weight:800;color:var(--lk);margin-left:3px}
html body.in-shorts #xpage .short-c-item.is-reply{position:relative;padding-left:46px}
html body.in-shorts #xpage .short-c-item.is-reply:before{content:'ㄴ';position:absolute;left:20px;top:14px;color:var(--t3);font-size:16px;font-weight:700}

/* Author labels remain readable over media in both page themes. */
html body.in-shorts #xpage .short-who .anon-id{color:#fff!important;font-family:inherit!important;font-size:inherit!important;font-weight:800!important}