/* Story surface is intentionally dark in every app theme; no global theme changes. */
#c138-viewer .c138-view-bottom{gap:8px;bottom:calc(16px + env(safe-area-inset-bottom,0px));right:max(14px,env(safe-area-inset-right,0px))}
#c138-viewer .c138-view-bottom>button{width:44px;height:44px;min-width:44px;min-height:44px;padding:9px;position:relative}
#c138-viewer .mc160-social-button{border:0;background:transparent;box-shadow:none;color:#fff}
#c138-viewer .mc160-social-button svg{width:25px;height:25px;display:block}
#c138-viewer .mc160-social-button small{position:absolute;bottom:-10px;left:0;right:0;text-align:center;font:500 11px/1.2 system-ui;color:#fff;pointer-events:none}
#c138-viewer .mc160-social-button[aria-pressed=true]{color:#ff3b52}
#c138-viewer .mc160-social-button[aria-pressed=true] svg{fill:currentColor}
#c138-viewer .mc160-social-button:disabled{opacity:.55}
#c138-viewer .c138-view-caption{bottom:calc(78px + env(safe-area-inset-bottom,0px));left:16px;right:16px;width:calc(100% - 32px)!important;max-height:42px;min-height:0;font-size:14px;line-height:1.45}
#c138-viewer .mc160-views{position:absolute;z-index:6;left:max(16px,env(safe-area-inset-left,0px));bottom:calc(29px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:5px;color:#fff;font:500 13px/1 system-ui;pointer-events:none}
#c138-viewer .mc160-views svg{width:18px;height:18px}
#c138-viewer .mc160-comments-shade{position:absolute;inset:0;z-index:18;background:#05090e66;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
#c138-viewer .mc160-comments{position:absolute;z-index:19;left:0;right:0;bottom:var(--mc160-keyboard,0px);height:min(70dvh,var(--mc160-visible,70dvh));max-height:calc(var(--mc160-visible,100dvh) - 12px);display:flex;flex-direction:column;overflow:hidden;padding:0 16px calc(12px + env(safe-area-inset-bottom,0px));box-sizing:border-box;border:1px solid #ffffff22;border-radius:24px 24px 0 0;background:#182321ed;color:#f5f6f1;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);font:400 15px/1.5 system-ui,sans-serif;animation:mc160-sheet .2s ease-out}
#c138-viewer .mc160-comments header{display:flex;align-items:center;justify-content:space-between;flex:none;min-height:58px;padding:2px 0;border-bottom:1px solid #ffffff18}
#c138-viewer .mc160-comments button{font:500 14px/1.3 system-ui,sans-serif;color:inherit;background:transparent;border:0;min-height:44px;padding:8px;box-shadow:none}
#c138-viewer .mc160-comments button:focus-visible{outline:2px solid #cfff00;outline-offset:1px}
#c138-viewer .mc160-comment-list{min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;padding:8px 0;scroll-padding:12px}
#c138-viewer .mc160-comment{padding:12px 0;border-bottom:1px solid #ffffff14;background:transparent;overflow-wrap:anywhere}
#c138-viewer .mc160-comment strong{font-size:14px;color:#f7f8f3}
#c138-viewer .mc160-comment p{margin:4px 0;font:400 15px/1.5 system-ui;white-space:pre-wrap;color:#f5f6f1;background:transparent}
#c138-viewer .mc160-comment.is-reply{margin-left:20px}
#c138-viewer .mc160-parent{display:block;color:#b8c6bd;font-size:12px}
#c138-viewer .mc160-comment-actions,#c138-viewer .mc160-reaction-counts,#c138-viewer .mc160-reaction-picker{display:flex;flex-wrap:wrap;align-items:center;gap:4px}
#c138-viewer .mc160-comments .mc160-text-action{min-height:44px;padding:6px;color:#bacbbf;font-size:12px}
#c138-viewer .mc160-comments .mc160-react-open{margin-left:auto;display:flex;align-items:center;justify-content:center;width:44px;height:44px}
#c138-viewer .mc160-react-open svg{width:19px;height:19px}
#c138-viewer .mc160-comments .mc160-reaction-picker button{font-size:22px;min-width:44px;min-height:44px;padding:5px}
#c138-viewer .mc160-reaction-counts button[aria-pressed=true]{color:#fff}
#c138-viewer .mc160-comment-form{flex:none;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end;padding-top:8px;border-top:1px solid #ffffff22}
#c138-viewer .mc160-comment-form textarea{box-sizing:border-box;width:100%;min-height:48px;max-height:100px;resize:none;padding:10px 12px;border:1px solid #ffffff3b;border-radius:16px;background:#ffffff0c;color:#fff;font:400 16px/1.4 system-ui;box-shadow:none}
#c138-viewer .mc160-comment-form textarea::placeholder{color:#bdc9c1}
#c138-viewer .mc160-comments .mc160-comment-form>button{min-height:48px;padding:10px;color:#d5ff73}
#c138-viewer .mc160-comments button:disabled{opacity:.5}
#c138-viewer .mc160-comment-status{flex:none;margin:0;max-height:72px;overflow:auto;color:#d5dfd7;font-size:13px}
#c138-viewer .mc160-comment-status:empty{display:none}
#c138-viewer .mc160-reply-label{grid-column:1/-1;color:#cad4ce;font-size:13px}
#c138-viewer.mc160-comments-open>.c138-view-photo,#c138-viewer.mc160-comments-open>.c138-view-bottom,#c138-viewer.mc160-comments-open>.c138-view-caption{pointer-events:none}
@keyframes mc160-sheet{from{transform:translateY(20px);opacity:.4}to{transform:translateY(0);opacity:1}}
@media(prefers-reduced-motion:reduce){#c138-viewer .mc160-comments{animation:none}}
@media(max-height:480px){#c138-viewer .mc160-comments{height:calc(var(--mc160-visible,100dvh) - 8px)}#c138-viewer .c138-view-caption{bottom:calc(70px + env(safe-area-inset-bottom,0px));-webkit-line-clamp:1}}
#c138-viewer .mc160-comments .mc160-login{display:inline-flex;align-items:center;min-height:44px;color:#d5ff73;text-decoration:underline;font:500 14px/1.4 system-ui}
#c138-viewer .mc160-social-button:active,#c138-viewer .mc160-comments button:active{opacity:.65}
#c138-viewer .mc160-public-note{grid-column:1/-1;color:#bacbbf;font:400 12px/1.4 system-ui}
/* These four text-rich book cards already contain their caption; do not cover the painted CTA. */
#c138-viewer.mc160-book-frame .c138-view-caption{display:none!important}
/* MC161: a story hold is playback control, not browser text/image selection.
 * Keep selection and native edit menus in the composer and opened reading text. */
#c138-viewer,#c138-viewer *{-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important}
#c138-viewer .mc160-comments textarea,#c138-viewer .mc160-comments input,#c138-viewer .mc160-comments [contenteditable=true],#c138-viewer .mc160-comment p,#c138-viewer .c148-description p,#c138-viewer .c148-description p *{-webkit-user-select:text!important;user-select:text!important;-webkit-touch-callout:default!important}
/* MC162: message-style entry + compact inline actions, following the supplied reference.
 * Explicit !important resets override the legacy142 circular-button rules. */
#c138-viewer .c138-view-bottom.mc162-footer{position:absolute!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;box-sizing:border-box;display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:18px 48px;gap:5px 8px!important;align-items:center!important;justify-content:normal!important;padding:7px max(14px,env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) max(14px,env(safe-area-inset-left,0px));z-index:6;background:linear-gradient(transparent,#101719cc);border:0;border-radius:0;box-shadow:none}
#c138-viewer .mc162-footer .mc160-views{position:static!important;grid-column:1/-1;grid-row:1;display:flex;align-items:center;gap:5px;font:400 12px/18px system-ui,sans-serif;color:#f4f5f2;white-space:nowrap;min-width:0;overflow:hidden}
#c138-viewer .mc162-footer .mc160-views svg{width:16px;height:16px;min-width:16px;fill:none;stroke:currentColor}
#c138-viewer .mc162-footer .mc162-comment-entry{grid-column:1;grid-row:2;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:6px!important;flex:none!important;box-sizing:border-box;width:100%!important;max-width:100%;min-width:0!important;height:46px!important;min-height:46px!important;margin:0!important;padding:0 14px!important;border:1px solid #ffffff70!important;border-radius:999px!important;background:transparent!important;color:#f4f5f2!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;font:400 14px/1.2 system-ui,sans-serif!important;text-align:left!important;letter-spacing:normal!important;text-transform:none!important;white-space:nowrap!important;overflow:hidden}
#c138-viewer .mc162-comment-entry>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#c138-viewer .mc162-comment-entry>small{position:static!important;flex:none;min-width:0;width:auto!important;font:500 12px/1.2 system-ui!important;color:#d9dfda!important;white-space:nowrap;writing-mode:horizontal-tb!important;transform:none!important}
#c138-viewer .mc162-comment-entry>small:empty{display:none}
#c138-viewer .mc162-actions{grid-column:2;grid-row:2;display:flex;align-items:center;justify-content:flex-end;gap:2px;min-width:0}
#c138-viewer .mc162-footer .mc162-actions>button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;flex:0 0 auto!important;box-sizing:border-box;width:44px!important;min-width:44px!important;height:46px!important;min-height:46px!important;padding:0 4px!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#fff!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;writing-mode:horizontal-tb!important;white-space:nowrap!important;transform:none!important}
#c138-viewer .mc162-footer .mc162-actions>button svg{display:block;flex:none;width:24px!important;min-width:24px!important;height:24px!important;fill:none;stroke:currentColor}
#c138-viewer .mc162-footer .mc162-actions>.mc162-like{width:auto!important}
#c138-viewer .mc162-footer .mc162-like small{position:static!important;display:block;flex:none;width:auto!important;min-width:0;max-width:48px;overflow:hidden;font:500 12px/1 system-ui,sans-serif!important;color:inherit!important;writing-mode:horizontal-tb!important;white-space:nowrap!important;transform:none!important}
#c138-viewer .mc162-footer .mc162-like small:empty{display:none}
#c138-viewer .mc162-footer .mc162-like[aria-pressed=true]{color:#ff3b52!important}
#c138-viewer .mc162-footer .mc162-like[aria-pressed=true] svg{fill:#ff3b52!important;stroke:#ff3b52!important}
#c138-viewer .mc162-footer button:active{opacity:.65}
#c138-viewer .mc162-footer button:focus-visible{outline:2px solid #fff;outline-offset:2px}
#c138-viewer .c138-view-caption{bottom:calc(104px + env(safe-area-inset-bottom,0px))!important}
#c138-viewer .c138-view-note{bottom:calc(110px + env(safe-area-inset-bottom,0px));z-index:7}
@media(max-width:360px){#c138-viewer .mc162-footer{column-gap:4px!important;padding-left:max(10px,env(safe-area-inset-left,0px));padding-right:max(10px,env(safe-area-inset-right,0px))}#c138-viewer .mc162-comment-entry{font-size:13px!important;padding:0 10px!important}#c138-viewer .mc162-actions{gap:0}}
@media(max-height:480px){#c138-viewer .c138-view-bottom.mc162-footer{padding-top:3px;padding-bottom:calc(4px + env(safe-area-inset-bottom,0px));row-gap:0!important}#c138-viewer .c138-view-caption{bottom:calc(82px + env(safe-area-inset-bottom,0px))!important}}