/* 2026-10-29 — polished shared posts, DMs and owner story activity preview.
   Scoped components, paired light/dark surfaces, no photo or video color filters. */
html[data-pati-theme="light"]{
 --p3-chat-background:#fff;--p3-chat-other:#eef0f3;--p3-chat-other-text:#191a20;
 --p3-chat-mine:#7243f7;--p3-chat-mine-text:#fff;--p3-chat-accent:#7450ff;
 --p3-chat-muted:#747783;--p3-chat-border:#e8e9ed;--p3-chat-input:#f3f4f6;
 --p3-collab-ink:#17181c;
}
html[data-pati-theme="dark"]{
 --p3-chat-background:#131418;--p3-chat-other:#30323a;--p3-chat-other-text:#f4f5f8;
 --p3-chat-mine:#6440d9;--p3-chat-mine-text:#fff;--p3-chat-accent:#ad95ff;
 --p3-chat-muted:#c3c4d0;--p3-chat-border:#3c3e49;--p3-chat-input:#282a32;
 --p3-collab-ink:#f5f5fa;
}
/* Accepted joint post: precisely two overlapping photos, both names centered. */
#main-content .pati-feed-card-header:has(.pati-collab-dual-header){
 display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
 align-items:center!important;justify-items:center!important;min-width:0!important;
 gap:4px!important;padding:9px 11px!important;
}
#main-content .pati-feed-card-header .pati-collab-dual-header{
 grid-column:2!important;display:flex!important;flex-direction:column!important;
 align-items:center!important;justify-content:center!important;gap:5px!important;
 min-width:0;max-width:min(74vw,440px);margin-inline:auto!important;
 color:var(--p3-collab-ink)!important;text-align:center;
}
#main-content .pati-feed-card-header:has(.pati-collab-dual-header)>.pati-post-more{
 grid-column:3!important;justify-self:end!important;grid-row:1!important;margin-left:0!important;
}
#main-content .pati-collab-dual-avatars{
 display:flex;align-items:center;justify-content:center;
 padding-right:11px;height:43px;min-height:43px;
}
#main-content .pati-collab-dual-avatars>span{
 width:42px;height:42px;min-width:42px;display:grid;place-items:center;
 overflow:hidden;border-radius:50%;border:3px solid var(--pui-paper,#fff);
 background:var(--pui-raised,#f1f2f5);box-shadow:0 1px 3px #0002;
 box-sizing:border-box;
}
#main-content .pati-collab-dual-avatars>span+span{margin-left:-11px}
#main-content .pati-collab-dual-avatars .avatar{
 width:100%!important;height:100%!important;min-width:0!important;
 border:0!important;border-radius:50%!important;overflow:hidden;
}
#main-content .pati-collab-dual-avatars img{
 width:100%!important;height:100%!important;object-fit:cover!important;
 border-radius:50%!important;
}
#main-content .pati-collab-dual-authors{
 display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;
 max-width:100%;gap:2px 6px;min-width:0;text-align:center;
}
#main-content .pati-collab-dual-authors .pati-collab-author{
 display:inline!important;border:0!important;background:transparent!important;
 color:var(--p3-collab-ink)!important;font-size:clamp(11px,2.8vw,14px)!important;
 font-weight:850!important;max-width:100%;min-width:0!important;
 padding:2px 0!important;line-height:1.4!important;cursor:pointer;
 overflow-wrap:anywhere;text-align:center;
}
#main-content .pati-collab-dual-authors .pati-collab-author-name{color:inherit!important}
#main-content .pati-collab-dual-and{
 display:inline-flex;align-items:center;font-size:11px;font-weight:600;
 color:var(--pui-secondary,#666);
}
#main-content .pati-collab-verified{
 display:inline-grid;place-items:center;width:14px;height:14px;
 border-radius:50%;font-size:10px;line-height:1;
 color:#fff!important;background:#4d6de4!important;vertical-align:1px;
}
#main-content .pati-collab-dual-label{
 color:var(--pui-secondary,#666)!important;font-size:10px!important;
 font-weight:650!important;letter-spacing:.03em;
}
#main-content .pati-collab-dual-authors .pati-collab-author:focus-visible{
 outline:2px solid var(--pui-focus,#5865db)!important;outline-offset:2px!important;border-radius:3px;
}
/* Messages: tall, comfortable thread with subtle time separators and an anchored composer. */
#main-content .pati-dm-layout .chat-window{
 background:var(--p3-chat-background)!important;color:var(--p3-chat-other-text)!important;
 border-color:var(--p3-chat-border)!important;min-width:0!important;
}
#main-content .pati-dm-layout .chat-window>header{
 display:flex!important;align-items:center!important;gap:12px!important;
 flex:0 0 auto!important;min-height:67px!important;
 padding:10px 14px!important;box-sizing:border-box!important;
 background:var(--p3-chat-background)!important;color:var(--pui-text,#222)!important;
 border-bottom:1px solid var(--p3-chat-border)!important;
}
#main-content .pati-dm-layout .chat-window>header>span:not(.chat-head-avatar){
 display:flex;flex-direction:column;gap:3px;min-width:0;flex:1;
}
#main-content .pati-dm-layout .chat-window>header>span strong{
 color:var(--pui-text,#222)!important;font-size:15px!important;line-height:1.2!important;
}
#main-content .pati-dm-layout .chat-window>header>span small{
 color:var(--pui-secondary,#777)!important;font-size:12px!important;
}
#main-content .pati-dm-layout .chat-history{
 display:flex!important;flex-direction:column!important;gap:10px!important;
 flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;
 padding:19px 15px 18px!important;
 background:var(--p3-chat-background)!important;color:var(--pui-text,#222)!important;
}
#main-content .pati-dm-layout .chat-history .bubble-chat{
 display:block!important;align-self:flex-start!important;
 width:fit-content!important;max-width:min(78%,520px)!important;min-width:0!important;
 padding:11px 15px!important;margin:1px 0!important;
 font-size:clamp(14px,2vw,16px)!important;line-height:1.48!important;
 font-weight:420!important;letter-spacing:0!important;
 white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;
 border:1px solid transparent!important;
 border-radius:20px 20px 20px 7px!important;
 background:var(--p3-chat-other)!important;color:var(--p3-chat-other-text)!important;
 box-shadow:none!important;text-align:left!important;
}
#main-content .pati-dm-layout .chat-history .bubble-chat.mine{
 align-self:flex-end!important;margin-left:auto!important;
 background:var(--p3-chat-mine)!important;color:var(--p3-chat-mine-text)!important;
 border:1px solid transparent!important;border-radius:20px 20px 7px 20px!important;
}
#main-content .pati-dm-layout .chat-history .bubble-chat>small{
 display:block!important;color:inherit!important;opacity:.78!important;
 font-size:10px!important;line-height:1.35!important;
 margin-top:5px!important;letter-spacing:0!important;text-align:right;
}
#main-content .pati-dm-layout .chat-history .bubble-chat:not(.mine)>small{color:var(--p3-chat-muted)!important;opacity:1!important}
#main-content .pati-dm-layout .chat-history .pati-dm-time-divider{
 display:flex!important;align-items:center;justify-content:center;
 align-self:stretch!important;flex:0 0 auto;
 width:100%;margin:17px 0 8px;pointer-events:none;text-align:center;
 background:transparent!important;border:0!important;
}
#main-content .pati-dm-layout .pati-dm-time-divider time{
 display:inline-block;border-radius:999px;padding:4px 12px;
 color:var(--p3-chat-muted)!important;background:transparent!important;
 font-size:12px!important;font-weight:600!important;letter-spacing:.02em;
 font-variant-numeric:tabular-nums;
}
#main-content .pati-dm-layout .chat-history .bubble-chat .pati-dm-msg-tools{
 white-space:normal;
}
#main-content .pati-dm-layout .chat-form{
 flex:0 0 auto!important;min-height:64px!important;margin:0!important;
 display:flex!important;align-items:center!important;flex-wrap:nowrap!important;
 gap:8px!important;padding:9px 12px!important;
 border-top:1px solid var(--p3-chat-border)!important;
 background:var(--p3-chat-background)!important;
 box-sizing:border-box!important;
}
#main-content .pati-dm-layout .chat-form input[name="body"]{
 flex:1 1 auto!important;min-width:0!important;width:auto!important;
 min-height:44px!important;max-height:100px!important;
 padding:10px 14px!important;border-radius:999px!important;
 box-sizing:border-box!important;
 color:var(--pui-text,#222)!important;background:var(--p3-chat-input)!important;
 border:1px solid var(--p3-chat-border)!important;
 font-size:16px!important;font-weight:450!important;line-height:1.4!important;
}
#main-content .pati-dm-layout .chat-form input[name="body"]::placeholder{
 color:var(--pui-secondary,#777)!important;opacity:1!important;
}
#main-content .pati-dm-layout .chat-form :is(.pati-dm-camera,.pati-dm-mic,.pati-dm-gallery,.primary-btn){
 flex:0 0 41px!important;width:41px!important;min-width:41px!important;
 height:41px!important;min-height:41px!important;
 padding:0!important;border-radius:50%!important;
 display:grid!important;place-items:center!important;
 color:var(--pui-text,#222)!important;background:transparent!important;
 border:0!important;
}
#main-content .pati-dm-layout .chat-form :is(.pati-dm-camera,.primary-btn){
 color:#fff!important;background:var(--p3-chat-accent)!important;
}
#main-content .pati-dm-layout .chat-form :is(.pati-dm-camera,.pati-dm-mic,.pati-dm-gallery,.primary-btn) .icon{
 width:23px!important;height:23px!important;stroke:currentColor!important;
}
#main-content .pati-dm-layout .chat-form .primary-btn:disabled{opacity:.5!important}
#main-content .pati-dm-layout .chat-form :is(.pati-dm-camera,.pati-dm-mic,.pati-dm-gallery,.primary-btn):focus-visible{
 outline:2px solid var(--pui-focus,#4756db)!important;outline-offset:2px!important;
}
@media(max-width:410px){
 #main-content .pati-dm-layout .chat-form{gap:5px!important;padding:8px!important}
 #main-content .pati-dm-layout .chat-form :is(.pati-dm-camera,.pati-dm-mic,.pati-dm-gallery,.primary-btn){
  width:36px!important;min-width:36px!important;flex-basis:36px!important;height:36px!important;min-height:36px!important;
 }
 #main-content .pati-dm-layout .chat-history{padding-inline:10px!important}
 #main-content .pati-collab-dual-authors .pati-collab-author{font-size:11px!important}
}
@media(max-width:340px){
 #main-content .pati-dm-layout .chat-form{gap:3px!important;padding:6px!important}
 #main-content .pati-dm-layout .chat-form :is(.pati-dm-mic,.pati-dm-gallery){width:31px!important;min-width:31px!important;flex-basis:31px!important}
 #main-content .pati-dm-layout .chat-history .bubble-chat{max-width:85%!important}
}
/* Owner's story movement preview: actual latest viewer avatars or a legible empty state. */
#story-overlay .story-viewers-button.pati-story-viewer-preview{
 position:absolute!important;left:14px!important;
 bottom:calc(62px + env(safe-area-inset-bottom,0px))!important;
 z-index:18!important;display:flex!important;flex-direction:column!important;
 align-items:flex-start!important;justify-content:center!important;gap:5px!important;
 width:max-content!important;max-width:min(75vw,270px)!important;
 min-width:0!important;min-height:0!important;
 padding:7px 9px!important;margin:0!important;
 border:1px solid #ffffff40!important;border-radius:16px!important;
 background:#0b0c10b5!important;color:#fff!important;box-shadow:0 3px 18px #0005!important;
 text-align:left!important;line-height:1.35!important;cursor:pointer;
 backdrop-filter:blur(7px);
}
#story-overlay .pati-story-viewer-preview-stack{
 display:flex;align-items:center;justify-content:flex-start;
 min-height:39px;padding-right:10px;
}
#story-overlay .pati-story-preview-avatar{
 width:37px;height:37px;min-width:37px;display:grid;place-items:center;
 border-radius:50%;overflow:hidden;border:2px solid #ffffffd9;
 background:#50525b;box-sizing:border-box;
}
#story-overlay .pati-story-preview-avatar+.pati-story-preview-avatar{margin-left:-11px}
#story-overlay .pati-story-preview-avatar .avatar{
 width:100%!important;height:100%!important;min-width:0!important;
 border-radius:50%!important;overflow:hidden;border:0!important;
}
#story-overlay .pati-story-preview-avatar img{
 width:100%!important;height:100%!important;object-fit:cover!important;
 border-radius:50%!important;
}
#story-overlay .pati-story-viewer-preview-label{
 display:block;color:#fff!important;font-size:14px!important;font-weight:850!important;
}
#story-overlay .pati-story-viewer-preview-status{
 display:block;color:#eceef3!important;font-size:10px!important;font-weight:650!important;
}
#story-overlay .pati-story-viewer-empty-paw{
 display:grid;place-items:center;width:34px;height:34px;
 border-radius:50%;border:1px solid #ffffff75;background:#ffffff24;
 color:#fff;font-size:21px;
}
#story-overlay .pati-story-viewer-preview:focus-visible{
 outline:3px solid #fff!important;outline-offset:3px!important;
}
#story-overlay.pati-story-viewers-open .story-viewers-button{display:none!important}
@media(prefers-reduced-motion:reduce){
 #story-overlay .pati-story-viewer-preview,
 #main-content .pati-collab-dual-authors button{
  transition:none!important;
 }
}


/* Seriler — permanent goal dashboard based on the one-time flame card.
   Original animation, daily weekday row, four goals and PatiCoin rewards. */
#main-content .pati-streaks-page{
 --streak-line:var(--pui-border,#e1e3e8);
 --streak-ink:var(--pui-text,#1c1e23);
 --streak-muted:var(--pui-secondary,#545864);
 --streak-paper:var(--pui-paper,#fff);
 box-sizing:border-box;min-width:0;width:min(780px,100%);
 margin-inline:auto;padding:clamp(10px,2vw,22px);
 color:var(--streak-ink);background:transparent;
}
#main-content .pati-streaks-top{
 display:flex;align-items:center;gap:12px;padding:5px 0 16px;
 color:var(--streak-ink);
}
#main-content .pati-streaks-back{
 flex:0 0 43px;display:grid;place-items:center;width:43px;height:43px;
 border-radius:13px;border:1px solid var(--streak-line);
 background:var(--streak-paper);color:var(--streak-ink);
 font-size:28px;cursor:pointer;
}
#main-content .pati-streaks-top h1{font-size:clamp(23px,5vw,30px)!important;margin:0!important;color:var(--streak-ink)!important}
#main-content .pati-streaks-top p{font-size:12px!important;margin:3px 0 0!important;color:var(--streak-muted)!important}
#main-content .pati-streak-page-card{
 display:flex;flex-direction:column;align-items:center;gap:0;
 border:1px solid var(--streak-line);
 border-radius:25px;padding:22px 20px 23px;
 background:var(--pati-streak-card,var(--streak-paper));color:var(--pati-streak-text,var(--streak-ink));
 box-shadow:0 6px 23px #00000008;
 box-sizing:border-box;width:100%;max-width:100%;overflow:hidden;text-align:center;
}
#main-content .pati-streak-page-card .pati-streak-sparkles{
 height:138px;width:142px;margin:0 0 9px;max-height:none;
}
#main-content .pati-streak-page-card .pati-streak-flame{animation:pati-streak-flame-welcome 1s ease-out both}
#main-content .pati-streak-page-card .pati-streak-count{
 font-size:clamp(54px,12vw,78px);font-weight:950;color:var(--pati-streak-text,var(--streak-ink));
}
#main-content .pati-streak-page-card h2{
 margin:2px 0 5px!important;font-size:clamp(23px,5vw,30px)!important;
 color:var(--pati-streak-text,var(--streak-ink))!important;
}
#main-content .pati-streak-page-card .pati-streak-message{
 max-width:400px;margin:9px 0 18px;color:var(--pati-streak-muted,var(--streak-muted))!important;
}
#main-content .pati-streak-page-card .pati-streak-week{
 width:100%;max-width:350px;margin-bottom:14px;
}
#main-content .pati-streak-page-card .pati-streak-best{max-width:100%;color:var(--pati-streak-text,var(--streak-ink))}
#main-content .pati-streak-goal-section{
 margin-top:16px;padding:18px;border:1px solid var(--streak-line);border-radius:23px;
 background:var(--streak-paper);color:var(--streak-ink);
}
#main-content .pati-streak-goals-header h2{color:var(--streak-ink)!important;font-size:20px!important;margin:0 0 4px!important}
#main-content .pati-streak-goals-header p{color:var(--streak-muted)!important;font-size:12px!important;margin:0 0 16px!important;line-height:1.5}
#main-content .pati-streak-goal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#main-content .pati-streak-goal-card{
 display:flex;flex-direction:column;min-width:0;gap:7px;
 background:var(--pui-raised,#f3f4f6);border:1px solid var(--streak-line);
 border-radius:18px;padding:14px;box-sizing:border-box;color:var(--streak-ink);
}
#main-content .pati-streak-goal-card.is-selected{
 border:2px solid var(--streak-ink);padding:13px;
 background:var(--streak-paper);
}
#main-content .pati-streak-goal-top{
 display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;
}
#main-content .pati-streak-goal-days{
 font-size:clamp(22px,5vw,28px);font-weight:950;line-height:1.2;color:var(--streak-ink);
 font-variant-numeric:tabular-nums;
}
#main-content .pati-streak-goal-days small{font-size:12px;color:var(--streak-muted);font-weight:700}
#main-content .pati-streak-goal-coins{
 display:inline-flex;gap:4px;align-items:center;padding:5px 8px;
 color:#915300;background:#fff0c9;border-radius:999px;font-size:12px;font-weight:900;
}
#main-content .pati-streak-goal-coins .pati-coin-icon{width:16px!important;height:16px!important;object-fit:contain}
#main-content .pati-streak-goal-card>strong{font-size:14px!important;color:var(--streak-ink)!important}
#main-content .pati-streak-goal-card>small{font-size:11px!important;color:var(--streak-muted)!important;line-height:1.5}
#main-content .pati-streak-progress{
 margin:6px 0 2px;height:7px;border-radius:9px;overflow:hidden;
 background:var(--streak-line);
}
#main-content .pati-streak-progress>span{
 display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,#ffbd36,#ff8128);
 transition:width .36s ease;
}
#main-content .pati-streak-goal-footer{
 margin-top:auto;padding-top:5px;display:flex;flex-direction:column;align-items:stretch;gap:9px;
}
#main-content .pati-streak-goal-footer span{
 color:var(--streak-muted)!important;font-size:11px;line-height:1.4;
}
#main-content .pati-streak-goal-footer button{
 width:100%;min-height:40px;border:0;border-radius:11px;cursor:pointer;
 background:var(--pui-active,#1b1c21)!important;
 color:var(--pui-active-text,#fff)!important;font-size:12px;font-weight:850;
}
#main-content .pati-streak-goal-footer button:disabled{
 cursor:default;opacity:1;background:var(--streak-line)!important;color:var(--streak-muted)!important;
}
#main-content .pati-streak-goal-card.is-earned .pati-streak-goal-footer button{
 color:#176544!important;background:#e0f5e9!important;
}
#main-content .pati-streak-rules{
 margin:16px 0 0!important;font-size:11px!important;color:var(--streak-muted)!important;line-height:1.55!important;
}
#main-content .pati-streaks-page button:focus-visible{
 outline:3px solid var(--pui-focus,#526de0)!important;outline-offset:2px;
}
@media(max-width:540px){
 #main-content .pati-streaks-page{padding:8px}
 #main-content .pati-streak-goal-section{padding:13px;border-radius:18px}
 #main-content .pati-streak-goal-grid{gap:9px}
 #main-content .pati-streak-goal-card{padding:11px;border-radius:15px}
 #main-content .pati-streak-goal-card.is-selected{padding:10px}
 #main-content .pati-streak-page-card{padding:13px 10px 19px}
 #main-content .pati-streak-page-card .pati-streak-sparkles{width:112px;height:118px}
}
/* An explicit Onayla action beside each suggestion. Tapping the name does not approve. */
.pati-collab-search-results .pati-collab-option{
 box-sizing:border-box;cursor:default;gap:8px;
}
.pati-collab-search-results .pati-collab-user{flex:1 1 auto;min-width:0}
.pati-collab-search-results .pati-collab-approve{
 flex:0 0 auto;min-width:66px;min-height:39px;
 padding:8px 11px!important;border:1px solid var(--pui-active,#222)!important;
 border-radius:10px!important;color:var(--pui-active-text,#fff)!important;
 background:var(--pui-active,#222)!important;font-size:12px!important;
 font-weight:850!important;text-align:center!important;cursor:pointer;
}
.pati-collab-search-results .pati-collab-approve:hover{
 opacity:.88;
}
.pati-collab-search-results .pati-collab-approve:focus-visible{
 outline:3px solid var(--pui-focus,#5d6ce6)!important;outline-offset:2px!important;
}
html[data-pati-theme="dark"] .pati-collab-search-results .pati-collab-approve{
 background:#f2f3f6!important;color:#191a20!important;border-color:#f2f3f6!important;
}
@media(max-width:360px){
 .pati-collab-search-results .pati-collab-approve{min-width:59px;padding:6px 7px!important}
}
@media(prefers-reduced-motion:reduce){
 #main-content .pati-streak-page-card .pati-streak-flame{animation:none!important}
 #main-content .pati-streak-progress>span{transition:none!important}
}


/* 2026-10-29 — Seriler v2: phone-first, calm premium layout.
   Override older 2-column mini-cards with legible one-row goals on phones.
   Use existing light/dark color tokens and preserve the original SVG flame. */
#main-content .pati-streaks-page{
 --streak-amber:#ffad29;
 width:min(720px,100%)!important;
 max-width:100%!important;
 padding:clamp(12px,2.5vw,22px)!important;
 padding-bottom:calc(30px + env(safe-area-inset-bottom,0px))!important;
}
#main-content .pati-streaks-top{
 margin-bottom:4px!important;padding:3px 1px 15px!important;gap:11px!important;
}
#main-content .pati-streaks-back{
 width:42px!important;height:42px!important;flex-basis:42px!important;
 border-radius:50%!important;font-size:25px!important;
}
#main-content .pati-streak-title{min-width:0;flex:1}
#main-content .pati-streak-kicker{
 display:block;font-size:10px;line-height:1.4;letter-spacing:.15em;
 text-transform:uppercase;font-weight:900;color:#cc841e!important;
 margin-bottom:2px;
}
html[data-pati-theme="dark"] #main-content .pati-streak-kicker{color:#ffbd58!important}
#main-content .pati-streaks-top h1{
 font-size:clamp(21px,5.2vw,27px)!important;line-height:1.16!important;
 letter-spacing:-.03em!important;
}
#main-content .pati-streaks-top p{
 font-size:12px!important;line-height:1.4!important;margin:3px 0 0!important;
}
#main-content .pati-streak-page-card{
 position:relative!important;
 border-radius:24px!important;
 padding:19px 15px 19px!important;
 gap:0!important;
 border:1px solid #f5dbae!important;
 background:linear-gradient(154deg,#fffaf0 0%,#fff4e2 100%)!important;
 box-shadow:0 7px 24px #a56a1d14!important;
}
html[data-pati-theme="dark"] #main-content .pati-streak-page-card{
 border-color:#594532!important;
 background:linear-gradient(155deg,#2c2622 0%,#221f23 100%)!important;
 box-shadow:0 7px 26px #0003!important;
}
#main-content .pati-streak-hero-eyebrow{
 display:inline-flex;align-items:center;justify-content:center;
 border:1px solid #f5dbaa;border-radius:999px;
 color:#965b0a!important;background:#fff9ed;
 font-size:11px;font-weight:850;letter-spacing:.02em;
 padding:6px 12px;line-height:1.2;
}
html[data-pati-theme="dark"] #main-content .pati-streak-hero-eyebrow{
 color:#ffc873!important;background:#3c312a!important;border-color:#655038!important;
}
#main-content .pati-streak-page-card .pati-streak-sparkles{
 display:grid!important;place-items:center!important;
 width:110px!important;height:111px!important;
 margin:5px auto 0!important;max-height:none!important;
}
#main-content .pati-streak-page-card .pati-streak-flame{
 max-height:112px!important;filter:drop-shadow(0 5px 6px #e6821850)!important;
}
#main-content .pati-streak-page-card .pati-streak-count{
 margin:1px 0 0!important;font-size:clamp(56px,15vw,74px)!important;
 line-height:1!important;letter-spacing:-.07em!important;
 color:#2a201c!important;
}
html[data-pati-theme="dark"] #main-content .pati-streak-page-card .pati-streak-count{
 color:#fff7f0!important;
}
#main-content .pati-streak-page-card h2{
 font-size:clamp(19px,5.2vw,25px)!important;
 letter-spacing:-.03em!important;margin:3px 0 0!important;
 color:#2a201c!important;
}
html[data-pati-theme="dark"] #main-content .pati-streak-page-card h2{color:#fff7f0!important}
#main-content .pati-streak-page-card .pati-streak-message{
 margin:8px auto 12px!important;max-width:300px!important;
 font-size:12px!important;line-height:1.5!important;
 color:#765f50!important;
}
html[data-pati-theme="dark"] #main-content .pati-streak-page-card .pati-streak-message{
 color:#ddc7b6!important;
}
#main-content .pati-streak-page-card .pati-streak-week{
 width:100%!important;max-width:390px!important;gap:4px!important;
 margin:0 auto 13px!important;padding:0 2px!important;
}
#main-content .pati-streak-page-card .pati-streak-day{
 min-width:0!important;gap:7px!important;
}
#main-content .pati-streak-page-card .pati-streak-day-circle{
 width:clamp(29px,8vw,38px)!important;
 height:clamp(29px,8vw,38px)!important;
 font-weight:900!important;
}
#main-content .pati-streak-page-card .pati-streak-day-name{
 font-size:clamp(9.5px,2.6vw,11px)!important;font-weight:750!important;
 color:#856c60!important;
}
html[data-pati-theme="dark"] #main-content .pati-streak-page-card .pati-streak-day-name{
 color:#dac4b4!important;
}
#main-content .pati-streak-page-card .pati-streak-day.is-done .pati-streak-day-name{
 color:#34271f!important;
}
html[data-pati-theme="dark"] #main-content .pati-streak-page-card .pati-streak-day.is-done .pati-streak-day-name{
 color:#fff0df!important;
}
#main-content .pati-streak-page-card .pati-streak-best{
 background:#fff2d7!important;color:#765014!important;
 border:1px solid #f4dfa8!important;
 font-size:11px!important;font-weight:850!important;
 line-height:1.3!important;padding:7px 12px!important;
}
html[data-pati-theme="dark"] #main-content .pati-streak-page-card .pati-streak-best{
 background:#463523!important;color:#ffcf80!important;border-color:#5b4730!important;
}
#main-content .pati-streak-goal-section{
 border:0!important;background:transparent!important;
 padding:0!important;margin-top:20px!important;
}
#main-content .pati-streak-goals-header{
 display:flex;flex-direction:column;gap:4px;margin:0 2px 13px!important;
}
#main-content .pati-streak-goals-header h2{
 font-size:clamp(19px,5vw,23px)!important;letter-spacing:-.025em!important;
 margin:0!important;
}
#main-content .pati-streak-goals-header p{
 font-size:12px!important;line-height:1.5!important;margin:0!important;
}
#main-content .pati-streak-goal-current{
 display:flex;align-items:center;gap:8px;align-self:flex-start;
 font-size:11px;font-weight:800;
 color:var(--streak-ink)!important;margin-top:5px;
}
#main-content .pati-streak-goal-current>span{
 width:8px;height:8px;border-radius:50%;background:#fda12d;
 box-shadow:0 0 0 4px #fda12d21;
}
#main-content .pati-streak-goal-grid{
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:11px!important;
}
#main-content .pati-streak-goal-card{
 position:relative!important;overflow:hidden!important;
 border-radius:20px!important;
 background:var(--streak-paper)!important;border:1px solid var(--streak-line)!important;
 box-shadow:0 3px 12px #00000007!important;
 padding:15px!important;gap:7px!important;
}
#main-content .pati-streak-goal-card.is-selected{
 border:2px solid #eda12f!important;padding:14px!important;
 box-shadow:0 5px 20px #ec9b2c19!important;
}
html[data-pati-theme="dark"] #main-content .pati-streak-goal-card.is-selected{
 border-color:#f6ac48!important;
 background:#282526!important;
}
#main-content .pati-streak-goal-card.is-earned{border-color:#a4d5bc!important}
#main-content .pati-streak-goal-days{
 color:var(--streak-ink)!important;font-size:29px!important;
 line-height:1.1!important;
}
#main-content .pati-streak-goal-coins{
 display:inline-flex!important;align-items:center!important;gap:5px!important;
 padding:6px 9px!important;white-space:nowrap!important;
 border:1px solid #f6dfa4!important;
 background:#fff2d1!important;color:#83500b!important;
 font-size:12px!important;font-weight:950!important;
}
#main-content .pati-streak-goal-card>strong{
 font-size:14px!important;line-height:1.35!important;letter-spacing:-.01em!important;
}
#main-content .pati-streak-goal-card>small{
 font-size:12px!important;line-height:1.35!important;
}
#main-content .pati-streak-progress{
 height:8px!important;background:var(--streak-line)!important;
 border-radius:20px!important;margin:7px 0 4px!important;
}
#main-content .pati-streak-progress>span{
 background:linear-gradient(90deg,#ffb83e,#f57d22)!important;
 border-radius:20px!important;
}
#main-content .pati-streak-goal-footer{gap:9px!important;padding-top:3px!important}
#main-content .pati-streak-goal-footer>span{
 font-size:11px!important;line-height:1.45!important;
}
#main-content .pati-streak-goal-footer button{
 border-radius:12px!important;min-height:43px!important;
 font-size:13px!important;font-weight:900!important;
}
#main-content .pati-streak-goal-footer button:not(:disabled):active{transform:scale(.99)}
#main-content .pati-streak-rules{
 margin:14px 2px 2px!important;
 color:var(--streak-muted)!important;font-size:11px!important;line-height:1.55!important;
}
@media(max-width:640px){
 #main-content .pati-streaks-page{width:100%!important;padding:10px 12px calc(32px + env(safe-area-inset-bottom,0px))!important}
 #main-content .pati-streak-goal-grid{grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
 #main-content .pati-streak-goal-card{border-radius:17px!important;padding:13px 14px!important;gap:4px!important}
 #main-content .pati-streak-goal-card.is-selected{padding:12px 13px!important}
 #main-content .pati-streak-goal-top{display:flex!important;align-items:center!important;justify-content:space-between!important}
 #main-content .pati-streak-goal-days{font-size:25px!important}
 #main-content .pati-streak-goal-card>strong{font-size:15px!important;margin-top:2px}
 #main-content .pati-streak-goal-card>small{font-size:11px!important}
 #main-content .pati-streak-progress{margin:9px 0 3px!important}
 #main-content .pati-streak-goal-footer{
  display:grid!important;grid-template-columns:minmax(0,1fr) minmax(106px,auto)!important;
  align-items:center!important;gap:12px!important;margin-top:2px!important;
 }
 #main-content .pati-streak-goal-footer button{
  width:auto!important;min-width:106px!important;min-height:42px!important;
  white-space:nowrap!important;
 }
 #main-content .pati-streak-goal-footer>span{max-width:100%;font-size:11px!important}
}
@media(max-width:355px){
 #main-content .pati-streaks-page{padding-inline:8px!important}
 #main-content .pati-streak-page-card{padding-inline:7px!important}
 #main-content .pati-streak-goal-card{padding-inline:11px!important}
 #main-content .pati-streak-goal-card.is-selected{padding-inline:10px!important}
 #main-content .pati-streak-goal-footer{gap:6px!important;grid-template-columns:minmax(0,1fr) 100px!important}
 #main-content .pati-streak-goal-footer button{min-width:100px!important;font-size:12px!important}
 #main-content .pati-streak-page-card .pati-streak-week{gap:2px!important;padding:0!important}
}
/* Touch results must stay interactive while keyboard focus changes. */
.pati-collab-search-results .pati-collab-option{
 touch-action:manipulation;
 position:relative;
}
.pati-collab-search-results .pati-collab-approve{
 position:relative;z-index:2;min-height:44px!important;
 touch-action:manipulation;-webkit-tap-highlight-color:transparent;
}


/* 29 Oct: mobile usability & predictable contrast, without altering user media. */
html[data-pati-theme="light"]{
 --pati-final-field-bg:#f5f6f8;
 --pati-final-field-text:#17191f;
 --pati-final-field-line:#cdd2db;
 --pati-final-placeholder:#686e7a;
}
html[data-pati-theme="dark"]{
 --pati-final-field-bg:#282b32;
 --pati-final-field-text:#f4f5f8;
 --pati-final-field-line:#535765;
 --pati-final-placeholder:#c0c3ce;
}
:is(#main-content,#modal-root) :is(
 input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="color"]),
 textarea,select
):not(.pati-reels-overlay-input){
 background-color:var(--pati-final-field-bg)!important;
 color:var(--pati-final-field-text)!important;
 border-color:var(--pati-final-field-line)!important;
}
:is(#main-content,#modal-root) :is(input,textarea)::placeholder{
 color:var(--pati-final-placeholder)!important;opacity:1;
}
:is(#main-content,#modal-root) :is(input,textarea,select,button):focus-visible{
 outline:2px solid var(--p3-chat-accent,#7450ff);
 outline-offset:2px;
}
@media(max-width:740px) and (pointer:coarse){
 /* At least 16px prevents iOS Safari's automatic zoom on focus. */
 #modal-root :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea),
 #main-content .pati-dm-layout .chat-form textarea{font-size:16px!important}
}
@supports (content-visibility:auto){
 /* Off-screen feed cards can skip style/layout/paint until approaching view. */
 #main-content .pati-feed-card:not(:first-child){
  content-visibility:auto;
  contain-intrinsic-size:auto 620px;
 }
}
@media(prefers-reduced-motion:reduce){
 #main-content .pati-feed-card,
 #modal-root :is(input,textarea,button){scroll-behavior:auto!important}
}