/* Notre cercle v4.46: progressive feed, composer sheet and immersive reader. */
.zi-community-feed-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.zi-community-reader-launch,.zi-community-write-link{
  appearance:none;border:0;background:transparent;cursor:pointer;font:inherit
}
.zi-community-reader-launch{
  display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid rgba(118,83,60,.22);
  border-radius:999px;color:var(--zi-ink,#302824);font-size:.72rem;font-weight:800;letter-spacing:.04em;
  transition:transform .2s ease,background .2s ease,border-color .2s ease
}
.zi-community-reader-launch:hover{transform:translateY(-1px);background:rgba(123,82,55,.06);border-color:rgba(118,83,60,.4)}
.zi-community-reader-launch .zi-icon{width:14px;height:14px}

.zi-community-feed-sentinel{display:flex;min-height:96px;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;padding:28px 0}
.zi-community-feed-sentinel button{border:1px solid rgba(118,83,60,.22);border-radius:999px;background:#fff;padding:9px 14px;color:#5b4030;font-size:.72rem;font-weight:800}
.zi-community-feed-sentinel small{width:100%;text-align:center;color:#85776f}
.zi-community-feed-spinner{width:18px;height:18px;border:2px solid rgba(100,70,50,.15);border-top-color:#74503b;border-radius:50%;animation:zi-community-spin .8s linear infinite;opacity:0}
.zi-community-feed-sentinel.is-loading .zi-community-feed-spinner{opacity:1}
@keyframes zi-community-spin{to{transform:rotate(360deg)}}

.zi-community-note-photo{margin:-2px -2px 18px;overflow:hidden;border-radius:18px;aspect-ratio:4/3;background:#eee8e4}
.zi-community-note-photo picture,.zi-community-note-photo img{display:block;width:100%;height:100%;object-fit:cover}

.zi-community-compose-launcher{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px}
.zi-community-compose-launcher>.zi-community-btn{white-space:nowrap}

.zi-community-compose-dialog{
  width:min(720px,calc(100vw - 30px));max-width:none;max-height:min(90dvh,880px);padding:0;border:0;border-radius:28px;
  background:transparent;overflow:visible;color:inherit
}
.zi-community-compose-dialog::backdrop{background:rgba(24,18,15,.68);backdrop-filter:blur(12px)}
.zi-community-compose-sheet{position:relative;max-height:min(90dvh,880px);overflow:auto;padding:34px;background:var(--zi-paper,#fffdf9);border:1px solid rgba(255,255,255,.36);border-radius:28px;box-shadow:0 34px 100px rgba(20,14,11,.28)}
.zi-community-compose-sheet h2{margin:6px 42px 20px 0;font-family:var(--zi-serif,Georgia,serif);font-size:clamp(2rem,5vw,3.3rem);font-weight:400;line-height:.98}
.zi-community-compose-sheet h2 em{font-weight:400}
.zi-community-compose-sheet form{display:grid;gap:13px}
.zi-community-compose-sheet textarea{min-height:170px;resize:vertical}
.zi-community-photo-picker{display:block;cursor:pointer}
.zi-community-photo-picker>span{display:flex;align-items:center;gap:11px;padding:14px 16px;border:1px dashed rgba(112,76,54,.35);border-radius:16px;background:rgba(125,87,61,.04)}
.zi-community-photo-picker .zi-icon{width:19px;height:19px;flex:0 0 auto}.zi-community-photo-picker strong{font-size:.82rem}.zi-community-photo-picker small{margin-left:auto;color:#8d7d72;font-size:.68rem}
.zi-community-photo-picker input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.zi-community-photo-preview{position:relative;overflow:hidden;border-radius:18px;aspect-ratio:16/10;background:#ece5df}
.zi-community-photo-preview img{width:100%;height:100%;object-fit:cover}
.zi-community-photo-preview button{position:absolute;top:10px;right:10px;border:0;border-radius:999px;padding:8px 11px;background:rgba(25,18,15,.75);color:#fff;font-size:.68rem;font-weight:800}
.zi-community-photo-locked{display:flex;align-items:center;gap:8px;margin:0;padding:12px 14px;border-radius:14px;background:rgba(112,83,63,.06);color:#817269;font-size:.72rem}
.zi-community-photo-locked .zi-icon{width:15px;height:15px}

.zi-community-reader{inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:#17120f;color:#fff;overflow:hidden}
.zi-community-reader::backdrop{background:#17120f}
.zi-community-reader-shell{height:100%;display:grid;grid-template-rows:auto 3px minmax(0,1fr) auto;background:
  radial-gradient(circle at 20% 10%,rgba(165,114,78,.22),transparent 28%),
  radial-gradient(circle at 80% 80%,rgba(98,64,47,.22),transparent 34%),#17120f}
.zi-community-reader-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px clamp(18px,4vw,58px)}
.zi-community-reader-head span{display:block;font-size:.6rem;letter-spacing:.2em;color:#d3b79f}.zi-community-reader-head h2{margin:4px 0 0;font:400 clamp(1.25rem,3vw,2rem)/1 var(--zi-serif,Georgia,serif)}
.zi-community-reader-controls{display:flex;align-items:center;gap:8px}
.zi-community-reader-controls button{min-width:42px;height:42px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.06);color:#fff;padding:0 14px;font-size:.7rem;font-weight:800}
.zi-community-reader-controls button:last-child{padding:0;width:42px}.zi-community-reader-controls .zi-icon{width:17px;height:17px}
.zi-community-reader-progress{height:3px;background:rgba(255,255,255,.08)}.zi-community-reader-progress i{display:block;width:0;height:100%;background:#e4c8ad;transform-origin:left}
.zi-community-reader-stage{position:relative;display:grid;place-items:center;min-height:0;overflow:hidden;padding:clamp(16px,4vw,48px)}
.zi-community-reader-card{position:relative;width:min(760px,92vw);height:min(690px,72dvh);display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:14px;padding:clamp(24px,5vw,56px);overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:clamp(24px,4vw,42px);background:
  linear-gradient(145deg,rgba(255,252,246,.98),rgba(244,232,220,.96));color:#30251f;box-shadow:0 40px 100px rgba(0,0,0,.35);will-change:transform,opacity}
.zi-community-reader-quote{font:400 5.3rem/.6 Georgia,serif;color:#b88f70;opacity:.45}
.zi-community-reader-photo{overflow:hidden;border-radius:20px;max-height:36vh;background:#e8ddd4}
.zi-community-reader-photo img{display:block;width:100%;height:100%;object-fit:cover}
.zi-community-reader-scroll{min-height:0;overflow:hidden;overscroll-behavior:contain}
.zi-community-reader-scroll p{margin:0;font:400 clamp(1.35rem,3.1vw,2.55rem)/1.42 var(--zi-serif,Georgia,serif);white-space:pre-wrap}
.zi-community-reader-card footer{display:flex;align-items:center;gap:12px;padding-top:14px;border-top:1px solid rgba(80,55,40,.12)}
.zi-community-reader-card footer>span{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#5b3929;color:#fff;font-weight:800}
.zi-community-reader-card footer strong,.zi-community-reader-card footer small{display:block}.zi-community-reader-card footer strong{font-size:.8rem}.zi-community-reader-card footer small{margin-top:3px;color:#85766d;font-size:.68rem}
.zi-community-reader-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px clamp(18px,4vw,58px);font-size:.7rem;color:#cab6a7}.zi-community-reader-footer small{opacity:.75;text-align:right}

@media(max-width:760px){
  .zi-community-feed-toolbar{align-items:stretch}.zi-community-feed-actions{width:100%;justify-content:stretch}.zi-community-reader-launch,.zi-community-write-link{flex:1 1 auto;justify-content:center}
  .zi-community-compose-launcher{grid-template-columns:1fr}.zi-community-compose-launcher>.zi-community-btn{width:100%}
  .zi-community-compose-dialog{width:100vw;height:auto;max-height:94dvh;margin:auto 0 0;border-radius:26px 26px 0 0}
  .zi-community-compose-dialog::backdrop{background:rgba(24,18,15,.6)}
  .zi-community-compose-sheet{max-height:94dvh;border-radius:26px 26px 0 0;padding:25px 20px calc(22px + env(safe-area-inset-bottom))}
  .zi-community-photo-picker>span{align-items:flex-start;flex-wrap:wrap}.zi-community-photo-picker small{width:100%;margin:0 0 0 30px}
  .zi-community-reader-head{padding:16px 15px}.zi-community-reader-head h2{font-size:1.12rem}.zi-community-reader-controls button:first-child{min-width:auto;padding:0 11px}
  .zi-community-reader-stage{padding:10px}
  .zi-community-reader-card{width:calc(100vw - 20px);height:calc(100dvh - 142px);border-radius:28px;padding:26px 22px}
  .zi-community-reader-scroll p{font-size:clamp(1.35rem,6vw,2rem)}
  .zi-community-reader-footer{padding:12px 16px calc(12px + env(safe-area-inset-bottom))}.zi-community-reader-footer small{display:none}
}
@media(prefers-reduced-motion:reduce){.zi-community-feed-spinner{animation:none}.zi-community-reader-card{will-change:auto}}


/* v4.47 — unified tabs + falling card reader */
.zi-community-mode-tabs{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin:0 0 30px;
  padding:8px;
  border:1px solid rgba(118,83,60,.14);
  border-radius:24px;
  background:rgba(248,240,231,.78);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82);
}
.zi-community-mode-tab{
  appearance:none;
  min-width:0;
  border:0;
  border-radius:18px;
  background:transparent;
  color:#6d5b50;
  text-decoration:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 13px;
  text-align:left;
  font:inherit;
  transition:transform .2s ease,background .2s ease,box-shadow .2s ease,color .2s ease;
}
.zi-community-mode-tab:hover{transform:translateY(-1px);color:#3b2d27}
.zi-community-mode-tab.is-active{background:#fff;box-shadow:0 10px 26px rgba(80,54,39,.10);color:#362821}
.zi-community-mode-tab-primary{background:linear-gradient(145deg,#70472f,#9b6a43);color:#fff}
.zi-community-mode-tab-primary:hover{color:#fff;box-shadow:0 10px 26px rgba(92,55,32,.18)}
.zi-community-mode-tab-icon{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:12px;background:rgba(122,86,61,.08)}
.zi-community-mode-tab-primary .zi-community-mode-tab-icon{background:rgba(255,255,255,.14)}
.zi-community-mode-tab .zi-icon{width:16px;height:16px}
.zi-community-mode-tab strong,.zi-community-mode-tab small{display:block}
.zi-community-mode-tab strong{font-size:.72rem;line-height:1.1}
.zi-community-mode-tab small{margin-top:3px;font-size:.58rem;opacity:.66}

.zi-community-reader-stage{perspective:1800px;overflow:visible}
.zi-community-reader-deck{
  position:relative;
  width:min(760px,92vw);
  height:min(690px,72dvh);
  transform-style:preserve-3d;
}
.zi-community-reader-deck-card{
  position:absolute;
  inset:18px 12px -8px;
  border-radius:clamp(24px,4vw,42px);
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(145deg,rgba(255,249,240,.35),rgba(196,157,126,.16));
  box-shadow:0 24px 60px rgba(0,0,0,.18);
  pointer-events:none;
  transform-origin:50% 100%;
}
.zi-community-reader-deck-card-back{transform:translate3d(22px,20px,-80px) rotate(2.4deg);opacity:.42}
.zi-community-reader-deck-card-mid{transform:translate3d(-16px,10px,-38px) rotate(-1.6deg);opacity:.72}
.zi-community-reader-card{
  width:100%;
  height:100%;
  transform-style:preserve-3d;
  transform-origin:50% 92%;
  backface-visibility:hidden;
}
.zi-community-reader-card::after{
  content:"";
  position:absolute;
  inset:auto 10% -22px;
  height:34px;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(0,0,0,.28),transparent 68%);
  filter:blur(7px);
  opacity:.62;
  pointer-events:none;
}
.zi-community-reader.is-paused .zi-community-reader-progress i{opacity:.45}
.zi-community-reader.is-transitioning .zi-community-reader-controls{pointer-events:none;opacity:.76}

@media(max-width:760px){
  .zi-community-mode-tabs{
    display:flex;
    overflow-x:auto;
    gap:7px;
    margin:0 -2px 24px;
    padding:6px;
    border-radius:20px;
    scrollbar-width:none;
    scroll-snap-type:x proximity;
  }
  .zi-community-mode-tabs::-webkit-scrollbar{display:none}
  .zi-community-mode-tab{min-width:142px;scroll-snap-align:start;padding:11px 12px}
  .zi-community-mode-tab-icon{width:31px;height:31px;border-radius:11px}
  .zi-community-reader-deck{width:calc(100vw - 20px);height:calc(100dvh - 142px)}
  .zi-community-reader-card{width:100%;height:100%}
  .zi-community-reader-deck-card{inset:12px 8px -5px}
}
@media(prefers-reduced-motion:reduce){
  .zi-community-mode-tab{transition:none}
  .zi-community-reader-deck-card{display:none}
}



/* v4.48 — editorial message cards, stronger modal UX and complete dark theme */
.zi-community-mode-tabs{
  border-color:var(--circle-line);
  background:color-mix(in srgb,var(--circle-soft) 82%,transparent);
  box-shadow:inset 0 1px 0 color-mix(in srgb,var(--circle-card) 88%,transparent);
}
.zi-community-mode-tab{color:var(--circle-muted)}
.zi-community-mode-tab:hover{color:var(--circle-ink);background:color-mix(in srgb,var(--circle-card) 52%,transparent)}
.zi-community-mode-tab.is-active{background:var(--circle-card);color:var(--circle-ink);box-shadow:0 10px 28px rgb(34 24 18 / 9%)}
.zi-community-mode-tab-icon{background:color-mix(in srgb,var(--circle-accent) 10%,transparent)}
.zi-community-mode-tab-primary{background:linear-gradient(145deg,#70472f,#9b6a43);color:#fff}
.zi-community-mode-tab-primary:hover{color:#fff;background:linear-gradient(145deg,#6a402a,#a37148)}
.zi-community-feed-sentinel button{border-color:var(--circle-line);background:var(--circle-card);color:var(--circle-accent)}
.zi-community-feed-sentinel small{color:var(--circle-muted)}

.zi-community-message-grid{gap:22px}
.zi-community-note{
  isolation:isolate;
  min-height:330px;
  overflow:hidden;
  padding:18px;
  border-radius:28px;
  border-color:color-mix(in srgb,var(--circle-line) 92%,transparent);
  background:
    radial-gradient(circle at 96% -6%,color-mix(in srgb,var(--circle-accent) 10%,transparent),transparent 30%),
    linear-gradient(155deg,var(--circle-card),color-mix(in srgb,var(--circle-card) 94%,var(--circle-soft)));
  box-shadow:0 18px 46px rgb(62 40 24 / 6%);
}
.zi-community-note::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0 auto 0 0;
  width:3px;
  background:linear-gradient(180deg,transparent 4%,color-mix(in srgb,var(--circle-accent) 72%,transparent) 24%,color-mix(in srgb,var(--circle-accent) 22%,transparent) 78%,transparent 96%);
  opacity:.72;
}
.zi-community-note::after{
  content:"";
  position:absolute;
  z-index:-1;
  width:150px;height:150px;
  right:-76px;bottom:-88px;
  border-radius:50%;
  border:1px solid color-mix(in srgb,var(--circle-accent) 18%,transparent);
  box-shadow:0 0 0 18px color-mix(in srgb,var(--circle-accent) 3%,transparent),0 0 0 38px color-mix(in srgb,var(--circle-accent) 2%,transparent);
  pointer-events:none;
}
.zi-community-note.is-mine{
  border-color:color-mix(in srgb,var(--circle-accent) 54%,var(--circle-line));
  box-shadow:0 20px 54px color-mix(in srgb,var(--circle-accent) 10%,transparent);
}
.zi-community-note-profile{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:11px;
  min-height:54px;
  padding:4px 3px 12px;
  border-bottom:1px solid color-mix(in srgb,var(--circle-line) 74%,transparent);
}
.zi-community-avatar{
  width:46px;height:46px;
  border:1px solid color-mix(in srgb,var(--circle-accent) 18%,var(--circle-line));
  background:linear-gradient(145deg,var(--circle-soft),color-mix(in srgb,var(--circle-card) 76%,var(--circle-soft)));
  box-shadow:0 7px 20px rgb(38 27 20 / 6%);
  font-size:24px;
}
.zi-community-avatar-photo{overflow:hidden;padding:2px}
.zi-community-avatar-photo img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}
.zi-community-author strong{font-size:12px;letter-spacing:.015em}
.zi-community-author small{margin-top:2px;font-size:9px}
.zi-community-note-origin{
  align-self:start;
  margin-top:5px;
  padding:5px 7px;
  border:1px solid color-mix(in srgb,var(--circle-line) 85%,transparent);
  border-radius:999px;
  color:var(--circle-accent);
  background:color-mix(in srgb,var(--circle-soft) 62%,transparent);
  font:700 8px/1 "DM Sans",sans-serif;
  letter-spacing:.1em;
}
.zi-community-note-top{
  height:42px;
  margin-top:4px;
  align-items:flex-start;
}
.zi-community-quote{
  margin-top:1px;
  color:var(--circle-accent);
  font-size:68px;
  line-height:.8;
  opacity:.36;
}
.zi-community-badge{
  margin-top:7px;
  border:1px solid color-mix(in srgb,var(--circle-accent) 18%,transparent);
  color:var(--circle-accent);
  background:color-mix(in srgb,var(--circle-soft) 68%,transparent);
}
.zi-community-note-photo{
  margin:2px 0 18px;
  border:1px solid color-mix(in srgb,var(--circle-line) 76%,transparent);
  border-radius:21px;
  box-shadow:0 12px 28px rgb(25 18 14 / 8%);
}
.zi-community-note-body{
  position:relative;
  z-index:1;
  margin:14px 4px 26px;
  font-size:24px;
  line-height:1.5;
}
.zi-community-note-actions{
  position:relative;
  z-index:2;
  margin-top:auto;
  padding:13px 2px 1px;
  border-top-color:color-mix(in srgb,var(--circle-line) 76%,transparent);
}
.zi-community-note-actions .zi-community-like{
  min-height:42px;
  padding:8px 13px;
  background:color-mix(in srgb,var(--circle-card) 84%,transparent);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--circle-line) 42%,transparent);
}
@media(hover:hover){
  .zi-community-note:hover{
    transform:translateY(-6px) rotate(.18deg);
    box-shadow:0 28px 68px rgb(52 35 23 / 11%);
  }
  .zi-community-note:nth-child(even):hover{transform:translateY(-6px) rotate(-.18deg)}
}

.zi-community-compose-sheet{
  color:var(--circle-ink);
  background:
    radial-gradient(circle at 100% 0,color-mix(in srgb,var(--circle-accent) 10%,transparent),transparent 30%),
    var(--circle-card);
  border-color:color-mix(in srgb,var(--circle-line) 92%,transparent);
}
.zi-community-compose-sheet::before{
  content:"";
  display:block;
  width:48px;height:4px;
  margin:-15px auto 20px;
  border-radius:99px;
  background:color-mix(in srgb,var(--circle-accent) 44%,var(--circle-line));
}
.zi-community-compose-sheet .zi-community-close{
  background:var(--circle-soft);
  color:var(--circle-ink);
  border:1px solid var(--circle-line);
}
.zi-community-photo-picker>span{
  border-color:color-mix(in srgb,var(--circle-accent) 30%,var(--circle-line));
  background:color-mix(in srgb,var(--circle-soft) 58%,transparent);
  color:var(--circle-ink);
}
.zi-community-photo-picker small,.zi-community-photo-locked{color:var(--circle-muted)}
.zi-community-photo-preview{background:var(--circle-soft)}
.zi-community-photo-locked{background:color-mix(in srgb,var(--circle-soft) 64%,transparent)}

.zi-community-reader-shell{
  background:
    radial-gradient(circle at 18% 8%,rgba(185,130,87,.26),transparent 28%),
    radial-gradient(circle at 78% 84%,rgba(104,71,53,.28),transparent 36%),
    linear-gradient(155deg,#17120f 0%,#211812 48%,#120f0d 100%);
}
.zi-community-reader-deck-card{
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
}
.zi-community-reader-card{
  border-color:rgba(255,255,255,.22);
  background:
    radial-gradient(circle at 92% 5%,rgba(177,125,84,.12),transparent 27%),
    linear-gradient(145deg,#fffaf2,#f2e3d5);
  box-shadow:0 48px 120px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.14) inset;
}
.zi-community-reader-card footer>span{
  overflow:hidden;
  background:#5b3929;
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  box-shadow:0 7px 22px rgba(60,38,25,.18);
}
.zi-community-reader-card footer>span.has-photo{color:transparent}
.zi-community-reader-controls button{
  backdrop-filter:blur(9px);
  -webkit-backdrop-filter:blur(9px);
  transition:transform .18s ease,background .18s ease;
}
.zi-community-reader-controls button:hover{transform:translateY(-1px);background:rgba(255,255,255,.12)}

html[data-zi-theme="dark"] .zi-community-mode-tab-primary{
  background:linear-gradient(145deg,#b47c50,#7d5235);
}
html[data-zi-theme="dark"] .zi-community-note{
  box-shadow:0 20px 54px rgba(0,0,0,.22);
  background:
    radial-gradient(circle at 96% -6%,rgba(217,183,127,.09),transparent 30%),
    linear-gradient(155deg,#211b16,#191511);
}
html[data-zi-theme="dark"] .zi-community-note-actions .zi-community-like{background:#1b1713}
html[data-zi-theme="dark"] .zi-community-compose-sheet{box-shadow:0 38px 110px rgba(0,0,0,.58)}
html[data-zi-theme="dark"] .zi-community-reader-card{
  color:#f2e8dc;
  border-color:rgba(217,183,127,.22);
  background:
    radial-gradient(circle at 92% 5%,rgba(217,183,127,.10),transparent 30%),
    linear-gradient(145deg,#29221b,#1d1814);
  box-shadow:0 48px 120px rgba(0,0,0,.62),0 0 0 1px rgba(255,255,255,.05) inset;
}
html[data-zi-theme="dark"] .zi-community-reader-card footer{border-color:rgba(217,183,127,.16)}
html[data-zi-theme="dark"] .zi-community-reader-card footer small{color:#bfae9c}
html[data-zi-theme="dark"] .zi-community-reader-quote{color:#d9b77f}
html[data-zi-theme="dark"] .zi-community-reader-card footer>span{background-color:#b47c50}
html[data-zi-theme="dark"] .zi-community-feed-sentinel button{background:var(--circle-card);color:var(--circle-accent)}

@media(max-width:760px){
  .zi-community-note{min-height:270px;padding:16px;border-radius:24px}
  .zi-community-note-profile{grid-template-columns:auto minmax(0,1fr) auto}
  .zi-community-avatar{width:44px;height:44px}
  .zi-community-note-body{font-size:25px;margin-inline:3px}
  .zi-community-note-origin{font-size:7px}
  .zi-community-compose-sheet::before{margin-top:-9px}
}



.zi-community-compose-sheet .zi-community-close{
  position:absolute;top:18px;right:18px;z-index:4;
  display:grid;place-items:center;width:44px;height:44px;padding:0;
  border-radius:50%;
}
.zi-community-compose-sheet .zi-community-close .zi-icon{width:18px;height:18px}
html[data-zi-theme="dark"] .zi-community-compose-sheet .zi-community-close{box-shadow:0 8px 22px rgba(0,0,0,.24)}