/* Keep writing, optional additions, and the publish action easy to find. */
body:is(.logged-in,.guest-workspace) #modal>.composer-app{
  display:flex;flex-direction:column;width:min(600px,calc(100vw - 32px))!important;
  height:min(780px,calc(100dvh - 48px));max-height:calc(100dvh - 48px)!important;
  min-height:0;padding:0!important;overflow:hidden!important;border:1px solid #dce4db;
  border-radius:24px!important;background:#fffdfa;box-sizing:border-box;scrollbar-gutter:auto!important;
}
#modal .composer-app>.modal-head{
  flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;
  min-height:64px;margin:0;padding:10px 20px;border-bottom:1px solid #e6eae2;background:#fffdfa;
}
#modal .modal-head .eyebrow{display:none}
#modal #modalTitle{margin:0;font:650 20px/1.3 var(--font-ui,Inter,system-ui,sans-serif);letter-spacing:-.025em;color:#173e30}
#modal #closeModal{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:0;border-radius:50%;background:#f0f3ec;color:#274c3b;font:400 26px/1 system-ui}
#modal .composer-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:20px;scroll-padding:16px;scrollbar-width:thin}
#modal .modal-author{display:flex;align-items:center;gap:12px;margin:0 0 8px;padding:0}
#modal .modal-author .avatar{width:42px;height:42px;min-width:42px;font-size:14px}
#modal .modal-author strong{font-size:15px;line-height:1.4;overflow-wrap:anywhere}
#modal .modal-author small{display:block;margin-top:2px;font-size:12px;color:#758175}
#modal .composer-destinations{margin:0 0 16px}
#modal .composer-destinations>summary{display:flex;align-items:center;gap:8px;width:fit-content;max-width:100%;min-height:36px;padding:6px 10px;list-style:none;border:1px solid #dae4d8;border-radius:18px;background:#f4f7ef;color:#365640;cursor:pointer;font-size:12px;font-weight:600;line-height:1.5}
#modal .composer-destinations>summary::-webkit-details-marker{display:none}
#modal .composer-destinations>summary span:nth-child(2){min-width:0;overflow-wrap:anywhere}
#modal .composer-audience-mark{font-size:19px}
#modal .social-sharing{margin:10px 0 0;padding:14px;border:1px solid #e1e6dc;border-radius:14px;background:#f7f9f3}
#modal .social-sharing h3{font-size:14px;margin:0 0 8px}
#modal .social-account{gap:8px;flex-wrap:wrap;padding:10px 0}
#modal .social-account label{min-width:0;min-height:44px;flex:1;gap:10px}
#modal .social-account input{width:19px;height:19px;flex:0 0 19px;accent-color:#174b37}
#modal .social-account strong{font-size:14px}
#modal .social-account small{font-size:12px;overflow-wrap:anywhere}
#modal .social-account>div{justify-content:flex-start}
#modal .social-account button{min-height:40px;padding-inline:10px}
#modal .social-help{margin:10px 0;font-size:12px}
#modal .social-sharing summary{min-height:40px;padding:10px 0;font-size:13px}
body:is(.logged-in,.guest-workspace) #modal #postText{display:block;width:100%;min-height:190px;height:220px;max-height:none;margin:0;padding:8px 0;resize:vertical;border:0;border-radius:0;outline:0!important;background:transparent;box-shadow:none!important;font:400 18px/1.65 var(--font-ui,Inter,system-ui,sans-serif)!important;letter-spacing:-.01em;color:#253b2d}
#modal #postText::placeholder{color:#8b9689;opacity:1}
#modal #sharedCharacterCount{margin:4px 0 16px;text-align:right;font-size:11px;color:#899184;font-variant-numeric:tabular-nums}
#modal .shared-composer{margin:0}
#modal .composer-option-card,#modal .topic-picker{margin:12px 0;padding:14px;border:1px solid #dce5d6;border-radius:14px;background:#f6f8f2}
#modal .shared-field{font-size:13px;margin:0 0 12px}
#modal .shared-field input,#modal .poll-option-input,#modal .shared-media-row input{min-height:44px;font-size:16px;border-radius:10px;border:1px solid #d8e0d3;padding:11px;background:#fffdfa}
#modal .shared-tags button{min-height:40px;border:1px solid #d8e2d2;border-radius:20px;padding:7px 12px}
#modal .poll-builder-head{gap:8px;flex-wrap:wrap}
#modal #addPollOption{min-height:44px}
#modal .question-format{border:0;background:transparent;padding:0;margin:12px 0}
#modal .question-format>span{font-size:12px}
#modal .question-format button{min-height:44px}
#modal .shared-media-row{border:1px solid #dde5d6;border-radius:14px;background:#f7f9f3;padding:12px}
#modal .shared-media-row>img{height:150px;border-radius:9px;background:#ecf0e7}
#modal .shared-media-row strong{font-size:12px;font-weight:600}
#modal .shared-media-row>div{gap:4px}
#modal .shared-media-row button{flex:1;min-height:40px;font-size:11px}
#modal #sharedUploadStatus:empty{display:none}
#modal #sharedUploadStatus{font-size:13px;line-height:1.5;color:#586c4d;margin:12px 0}
#modal #sharedClearMedia{min-height:40px;margin:0 0 10px}
#modal .composer-bottom{flex:0 0 auto;max-height:55%;overflow-y:auto;border-top:1px solid #e3e8dd;background:#fffdfa;padding:8px 16px 16px;overscroll-behavior:contain}
#modal .modal-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:0;padding:0;border:0;background:transparent}
#modal .modal-tools button{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:48px;padding:7px 4px;border:0;border-radius:12px;background:transparent;color:#45623f;font:600 13px/1.2 var(--font-ui,Inter,system-ui,sans-serif);white-space:nowrap}
#modal .modal-tools button:hover,#modal .modal-tools button.active,#modal .modal-tools button[aria-expanded=true]{background:#edf3e7;color:#244b32}
#modal :is(.modal-tools,.composer-option-buttons) svg{width:21px;height:21px;flex:0 0 21px}
#modal .composer-more-options{padding:8px;margin-bottom:8px;border:1px solid #dce5d6;border-radius:16px;background:#f5f8ef}
#modal .composer-more-options[hidden],#modal .composer-option-card[hidden]{display:none!important}
#modal .composer-option-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
#modal .composer-option-buttons button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:62px;min-width:0;padding:8px;border:0;border-radius:10px;background:#fffdfa;color:#365c3e;font:600 12px/1.3 var(--font-ui,Inter,system-ui,sans-serif)}
#modal .composer-option-buttons button span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#modal .composer-media-help summary{min-height:40px;padding:12px 6px;font-size:12px;color:#6e7c62;cursor:pointer}
#modal .composer-media-help p{padding:0 6px;line-height:1.6}
#modal .composer-discard{width:100%;min-height:40px;border:0;border-radius:8px;background:transparent;color:#9a5841;font-size:12px;cursor:pointer}
#modal .composer-status:has(#sharedCompatibility:empty){display:none}
#modal #sharedCompatibility{max-height:100px;overflow:auto;scrollbar-width:thin}
#modal #sharedCompatibility .shared-error{margin:6px 0 10px;padding:10px 12px;border:1px solid #edd6bf;border-radius:10px;background:#fff7e9;color:#8c512e!important;font-size:12px;line-height:1.5}
body:is(.logged-in,.guest-workspace) #modal .composer-publish-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:10px;margin:8px 0 0!important;padding:0!important;border:0}
#modal .composer-publish-actions button{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;min-height:48px;height:auto;margin:0;padding:12px 16px;border-radius:14px;font:650 14px/1.3 var(--font-ui,Inter,system-ui,sans-serif)}
#modal #composerPreviewButton{border:1px solid #d6e0cd;background:#f8faf4;color:#3e5f38}
#modal #publishPost{border:1px solid #164933;background:#164933;color:white;box-shadow:none}
#modal #publishPost:disabled{border-color:#e0e8d9;background:#e7eddf;color:#819176;opacity:1;cursor:not-allowed}
#modal .composer-app[aria-busy=true] #publishPost{color:#164933}
#modal .composer-app[data-composer-view=write] #sharedPreview{display:none}
#modal .composer-app[data-composer-view=preview] .composer-scroll>:not(.shared-composer),
#modal .composer-app[data-composer-view=preview] .shared-composer>:not(#sharedPreview),
#modal .composer-app[data-composer-view=preview] .modal-tools,
#modal .composer-app[data-composer-view=preview] #sharedPreview>summary{display:none!important}
#modal .composer-app[data-composer-view=preview] #sharedPreview{display:block;margin:0}
#modal .shared-preview-tabs{margin:0 0 16px;display:flex;gap:6px;flex-wrap:wrap}
#modal .shared-preview-tabs button{min-height:44px;padding:10px 14px;border-radius:22px;font-size:13px}
#modal .shared-preview-card{border:1px solid #dce5d4;border-radius:18px;padding:18px;background:white}
#modal #sharedPreviewHeading{font-size:14px;line-height:1.5}
#modal #sharedPreviewText{white-space:pre-wrap;font-size:16px;line-height:1.7;overflow-wrap:anywhere}
#modal #sharedPreviewMedia :is(img,video){max-width:100%;border-radius:10px}
#modal #sharedPreviewNote{display:block;margin-top:16px;font-size:12px;line-height:1.5;color:#75816a}
#modal #composerPollPreview{display:grid;gap:8px;margin:16px 0}
#modal #composerPollPreview[hidden]{display:none}
#modal #composerPollPreview>div{padding:12px;border:1px solid #dce5d4;border-radius:10px;font-size:14px}
@media screen and (max-width:1000px){
  /* The compact composer refinements belong to the mobile layout only. */
#modal .composer-identity{display:grid;grid-template-columns:42px minmax(0,1fr);column-gap:10px;align-items:start;margin-bottom:16px}
#modal .modal-author{display:contents;margin:0;padding:0}
#modal .modal-author>div{grid-column:2;min-width:0}
#modal .modal-author .avatar{grid-column:1;grid-row:1 / span 2}
#modal .composer-destinations{grid-column:2;min-width:0;margin:2px 0 0}
#modal .composer-destinations>summary{display:flex;align-items:center;gap:6px;width:fit-content;max-width:100%;min-height:36px;padding:4px 8px;list-style:none;border:1px solid #dae4d8;border-radius:10px;background:#f4f7ef;color:#365640;cursor:pointer;font-size:12px;font-weight:500;line-height:1.4}
#modal .composer-identity:has(.composer-destinations[open]) .composer-destinations{grid-column:1 / -1;margin-top:10px}
#modal .composer-identity:has(.composer-destinations[open]) .modal-author .avatar{grid-row:1}
body:is(.logged-in,.guest-workspace) #modal #postText{display:block;width:100%;min-height:180px;height:180px;max-height:none;margin:0;padding:6px 0;resize:none;border:0;border-radius:0;outline:0!important;background:transparent;box-shadow:none!important;font:400 18px/1.6 var(--font-ui,Inter,system-ui,sans-serif)!important;letter-spacing:-.01em;color:#253b2d;scrollbar-width:thin}
#modal #postText::placeholder{color:#6e7b66;opacity:1}
#modal #sharedCharacterCount{margin:4px 0 12px;text-align:right;font-size:12px;color:#6b7965;font-variant-numeric:tabular-nums}
#modal .shared-media-list{grid-template-columns:1fr}
#modal .shared-media-row{display:grid;grid-template-columns:72px minmax(0,1fr);gap:8px 10px;border:1px solid #dde5d6;border-radius:12px;background:#f7f9f3;padding:10px}
#modal .shared-media-row>img{grid-column:1;grid-row:1 / span 2;width:72px;height:76px;object-fit:contain;border-radius:8px;background:#ecf0e7}
#modal .shared-media-row strong{grid-column:2;min-width:0;align-self:center;font-size:12px;font-weight:600;overflow-wrap:anywhere;line-height:1.4}
#modal .shared-media-row>div{grid-column:2;display:flex;gap:4px;align-items:center}
#modal .shared-media-row>input{grid-column:1 / -1;grid-row:3;min-width:0;width:100%;font-size:16px}
#modal .shared-media-row:not(:has(>img)){grid-template-columns:minmax(0,1fr)}
#modal .shared-media-row:not(:has(>img))>:is(strong,div){grid-column:1}
#modal .shared-media-row button{flex:1;min-width:0;min-height:44px;padding:6px 3px;font-size:12px;line-height:1.25}
#modal .composer-more-options{padding:8px;margin:12px 0 0;border:1px solid #dce5d6;border-radius:16px;background:#f5f8ef}
#modal #composerPreviewButton:disabled{color:#7c8675;border-color:#e3e8dd;cursor:not-allowed}
#modal .modal-author small{display:none}

  body:is(.logged-in,.guest-workspace) #modal{padding:0!important;align-items:stretch!important}
  body:is(.logged-in,.guest-workspace) #modal>.composer-app{width:100%!important;max-width:none!important;height:var(--lu-visual-height,100dvh)!important;max-height:var(--lu-visual-height,100dvh)!important;border:0;border-radius:0!important;margin:0!important;padding:0!important;overflow:hidden!important}
  #modal .composer-app>.modal-head{padding:calc(4px + env(safe-area-inset-top)) 14px 4px;min-height:54px}
  #modal #modalTitle{font-size:18px}
  #modal #closeModal{background:transparent}
  #modal .composer-scroll{padding:14px}
  #modal .composer-bottom{padding:4px 12px calc(10px + env(safe-area-inset-bottom))}
  #modal .composer-identity{grid-template-columns:36px minmax(0,1fr);column-gap:10px;margin-bottom:12px}
  #modal .modal-author .avatar{width:36px;height:36px;min-width:36px;font-size:12px;margin-top:3px}
  #modal .modal-author strong{font-size:14px;line-height:1.4}
  body:is(.logged-in,.guest-workspace) #modal #postText{min-height:144px;height:144px;font-size:16px!important;line-height:1.6!important}
  #modal #sharedPreviewText{font-size:15px;line-height:1.6}
  #modal .modal-tools button{font-size:12px;gap:5px}
  #modal .composer-destinations>summary{min-height:44px}
  #modal .composer-publish-actions button{min-height:44px;padding:10px 14px;font-size:13px;border-radius:12px}
  #modal .modal-tools button{min-height:44px}
  body:is(.logged-in,.guest-workspace) .feed .composer{padding:12px!important;border-radius:16px!important}
  body:is(.logged-in,.guest-workspace) .feed .composer-row .avatar{display:inline-flex!important;align-items:center;justify-content:center;width:38px;height:38px;min-width:38px;font-size:12px}
  body:is(.logged-in,.guest-workspace) .feed .composer-row{gap:10px}
  body:is(.logged-in,.guest-workspace) .feed #openComposerInline{flex:1;min-width:0;min-height:44px;border:1px solid #dee6d6;border-radius:22px;background:#f7f9f2;padding:9px 12px;text-align:left;color:#617256;font-size:14px}
  body:is(.logged-in,.guest-workspace) .feed #openComposerInline.has-draft{color:#21533b;border-color:#afc4a5;background:#eef4e8}
  body:is(.logged-in,.guest-workspace) .feed .composer-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px!important;margin:6px 0 0!important;padding-top:4px;border-top:1px solid #edf0e7}
  body:is(.logged-in,.guest-workspace) .feed .composer-actions button{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0!important;min-height:44px!important;border:0!important;background:transparent!important;padding:6px!important;color:#44623d;text-align:center}
  body:is(.logged-in,.guest-workspace) .feed .composer-actions button small{display:none}
  body:is(.logged-in,.guest-workspace) .feed .composer-actions button strong,body:is(.logged-in,.guest-workspace) .feed .composer-actions button>span{font-size:12px;font-weight:600;white-space:normal;line-height:1.3}
  body:is(.logged-in,.guest-workspace) .feed .composer-actions svg{width:19px;height:19px;flex:0 0 19px}
  body.mobile-keyboard-open #modal .composer-identity{display:block;margin-bottom:6px}
  body.mobile-keyboard-open #modal .modal-author{display:none}
  body.mobile-keyboard-open #modal .composer-destinations{margin:0}
  body.mobile-keyboard-open #modal .composer-scroll{padding-top:8px}
  body:is(.logged-in,.guest-workspace).mobile-keyboard-open #modal #postText{min-height:96px}
  body.mobile-keyboard-open #modal .composer-app>.modal-head{padding-top:6px;min-height:52px}
}
@media screen and (min-width:1001px) and (max-height:460px){
  #modal .composer-app>.modal-head{min-height:48px;padding-block:2px}
  #modal .composer-bottom{max-height:60%;padding-block:4px}
  #modal .modal-tools button{min-height:40px}
  #modal .composer-publish-actions{margin-top:2px!important}
  #modal .composer-publish-actions button{min-height:44px;padding-block:8px}
  #modal .composer-more-options{max-height:120px;overflow-y:auto}
}
@media screen and (max-width:1000px) and (max-height:460px){
  #modal .composer-app>.modal-head{min-height:48px;padding-block:2px}
  #modal .composer-bottom{max-height:60%;padding-block:4px}
  #modal .modal-tools button{min-height:40px}
  #modal .composer-publish-actions{margin-top:2px!important}
  #modal .composer-publish-actions button{min-height:44px;padding-block:8px}
  body:is(.logged-in,.guest-workspace) #modal #postText{min-height:96px}
}
@media print{#modal{display:none!important}}