:root{color-scheme:light;--pg-paper:#fff;--pg-ink:#202124;--pg-muted:#707078;--pg-line:#e6e6eb;--pg-brand:#61535f;--pg-pink:#ed6495;--pg-danger:#a33145;font-family:Pretendard,system-ui,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-padding-top:80px;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}body{margin:0;background:var(--pg-paper);color:var(--pg-ink);font-size:15px;line-height:1.6;overflow-wrap:anywhere}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}button,a,summary,select{touch-action:manipulation}button,[role=button]{user-select:none;-webkit-user-select:none}button{cursor:pointer}button:disabled,input:disabled,select:disabled,textarea:disabled{opacity:.55;cursor:wait}button:active,a.pg-button:active{background:#fff0f5}button.pg-primary:active{background:#3c303b}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--pg-brand);outline-offset:3px}input,textarea,select{font-size:16px;min-width:0}h1,h2,h3,p{margin:0}h1{font-size:24px;line-height:1.4;letter-spacing:-.03em}h2{font-size:17px;line-height:1.5}h3{font-size:17px;line-height:1.5;letter-spacing:-.02em}.pg-header{position:sticky;top:0;z-index:10;background:#fffc;border-bottom:1px solid var(--pg-line);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding-top:env(safe-area-inset-top,0px)}.pg-header-inner{max-width:720px;margin:auto;min-height:64px;padding:8px 16px;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px}.pg-brand{display:flex;align-items:center;justify-content:center;min-height:44px}.pg-brand img{width:136px;height:auto;max-width:100%;display:block}.pg-icon{min-width:44px;min-height:44px;padding:10px!important;border:0!important;background:transparent}.pg-icon svg{width:22px;height:22px}.pg-shell{max-width:720px;margin:0 auto;padding:18px 16px calc(108px + env(safe-area-inset-bottom,0px));min-height:70dvh}.pg-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;font-size:13px}.pg-locale{border:0;background:white;min-height:44px;max-width:55%;padding:8px 0;color:var(--pg-muted)}.pg-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;min-width:0}.pg-heading h1{min-width:0}.pg-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;min-width:44px;padding:9px 14px;line-height:1.4;border:1px solid var(--pg-line);border-radius:11px;background:white;font-size:14px;font-weight:600;text-align:center;flex:none;max-width:100%;white-space:normal}.pg-primary{background:var(--pg-ink);border-color:var(--pg-ink);color:white}.pg-danger{color:var(--pg-danger);border-color:#ecd8df}.pg-text{border:0;background:transparent;padding:8px 4px}.pg-full{width:100%;margin-top:14px}.pg-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin;border-bottom:1px solid var(--pg-line);margin-bottom:18px;padding:0 0 2px}.pg-tab{border:0;border-radius:0;padding:10px 8px;color:var(--pg-muted);position:relative;flex:1 0 auto;font-size:14px}.pg-tab[aria-pressed=true]{color:var(--pg-ink);font-weight:750}.pg-tab[aria-pressed=true]:after{content:'';height:3px;border-radius:2px;position:absolute;bottom:-2px;left:12px;right:12px;background:var(--pg-brand)}.pg-search{display:flex;align-items:center;border:1px solid var(--pg-line);border-radius:12px;margin-bottom:12px;padding:0 3px 0 12px;gap:8px}.pg-search input{width:100%;min-height:46px;border:0;background:transparent;padding:8px 0}.pg-search button{border:0}.pg-filter{margin-bottom:10px}.pg-filter select{min-height:44px;border:1px solid var(--pg-line);border-radius:20px;background:white;padding:8px 12px;max-width:100%}.pg-note{font-size:13px;line-height:1.7;color:var(--pg-muted);margin:10px 0;white-space:pre-wrap}.pg-error{color:var(--pg-danger)}#pt-groups-status:empty,#pg-dialog-message:empty{display:none}#pt-groups-status{margin:10px 0;white-space:pre-wrap}#pg-dialog-message{font-size:14px;margin-bottom:14px}.pg-group-row{display:flex;align-items:center;gap:10px;padding:20px 0;border-bottom:1px solid var(--pg-line)}.pg-group-main{display:flex;flex:1;align-items:flex-start;min-width:0;gap:12px}.pg-group-main>div{min-width:0;flex:1}.pg-group-main p{font-size:14px;color:var(--pg-muted);line-height:1.6;margin:5px 0}.pg-group-mark{display:flex;align-items:center;justify-content:center;background:#fff3f7;color:var(--pg-brand);font-size:20px;font-weight:700;border-radius:13px;width:44px;height:44px;flex:none}.pg-meta{display:flex;gap:4px 9px;flex-wrap:wrap;align-items:center;font-size:12px;line-height:1.7;color:var(--pg-muted);font-variant-numeric:tabular-nums}.pg-badge{display:inline-flex;font-size:12px;line-height:1.6;font-weight:600;color:var(--pg-brand);padding:2px 0}.pg-empty{padding:28px 0}.pg-back{display:flex;align-items:center;min-height:44px;gap:6px;font-size:14px;color:var(--pg-muted);margin:-6px 0 14px}.pg-back svg{width:16px;height:16px}.pg-group-header{padding-bottom:20px;border-bottom:1px solid var(--pg-line)}.pg-group-header .pg-heading{margin-bottom:8px}.pg-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:14px}.pg-stack{display:grid;gap:10px}.pg-post{padding:20px 0;border-bottom:1px solid var(--pg-line)}.pg-post-link{display:block;margin-top:9px}.pg-post-link h3{margin-bottom:5px}.pg-post-link p{font-size:15px;line-height:1.7;white-space:pre-wrap;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}.pg-post-image{max-width:100%;max-height:400px;object-fit:contain;display:block;border-radius:10px;margin-top:12px}.pg-post-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}.pg-post-actions .pg-button{font-size:13px}.pg-bottom-wrap{position:fixed;bottom:0;left:0;right:0;z-index:20;padding:8px 12px calc(9px + env(safe-area-inset-bottom,0px));pointer-events:none;background:linear-gradient(transparent,white 15%)}.pg-bottom{pointer-events:auto;max-width:700px;margin:auto;display:flex;justify-content:space-around;align-items:center;padding:6px 10px;background:#fffffff2;border:1px solid var(--pg-line);border-radius:24px;box-shadow:0 2px 20px #20212405;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.pg-bottom a{display:flex;justify-content:center;align-items:center;min-height:48px;min-width:48px;color:var(--pg-muted);border-radius:12px}.pg-bottom a[aria-current=page]{color:var(--pg-brand)}.pg-bottom a svg{width:25px;height:25px}.pg-bottom a.pg-compose{background:var(--pg-ink);color:white}.pg-bottom a.pg-compose:active{background:var(--pg-brand)}.pg-bottom a.pg-compose svg{width:28px;height:28px}.pg-dialog{color:var(--pg-ink);width:min(480px,calc(100% - 24px));max-height:calc(100dvh - 40px);overflow:auto;overscroll-behavior:contain;border:1px solid var(--pg-line);border-radius:20px;padding:20px 20px calc(20px + env(safe-area-inset-bottom,0px));background:white}.pg-dialog::backdrop{background:#20212466}.pg-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}.pg-dialog-head h2{font-size:20px;line-height:1.4;min-width:0}.pg-field{display:grid;gap:7px;font-size:14px;font-weight:600;margin:16px 0}.pg-field input,.pg-field textarea,.pg-field select{display:block;width:100%;padding:11px 12px;min-height:46px;line-height:1.65;border:1px solid var(--pg-line);border-radius:10px;background:white;font-weight:400}.pg-field textarea{resize:vertical;min-height:92px}.pg-field .pg-note{font-weight:400;margin:0}.pg-info{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px 18px;font-size:14px;margin:18px 0}.pg-info dt{color:var(--pg-muted)}.pg-info dd{margin:0}.pg-member{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid var(--pg-line)}.pg-report{padding:16px 0;border-bottom:1px solid var(--pg-line)}.pg-report>p{font-size:14px;line-height:1.7;white-space:pre-wrap;margin:6px 0}.pg-photos{display:flex;gap:10px;flex-wrap:wrap}.pg-photo{width:100px}.pg-photo img{display:block;width:100px;height:100px;object-fit:cover;border-radius:10px}.pg-photo .pg-button{font-size:12px;min-height:44px;width:100%}.pg-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(hover:hover) and (pointer:fine){a.pg-group-main:hover h2,a.pg-post-link:hover h3{text-decoration:underline}.pg-button:not(.pg-primary):not(:disabled):hover{border-color:var(--pg-brand)}}
@media(max-width:360px){.pg-shell{padding-left:12px;padding-right:12px}.pg-heading h1{font-size:22px}.pg-heading .pg-button{padding:9px 10px;font-size:13px}.pg-group-row>.pg-button{padding:9px 8px}.pg-group-mark{width:40px;height:40px}.pg-dialog{padding-left:16px;padding-right:16px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* Group spaces: readable white surfaces, real counts, and a clear path to join. */
:root{--pg-ink:#202124;--pg-muted:#72727a;--pg-line:#e9e9ed;--pg-shadow:0 2px 4px #20212403,0 8px 24px #20212404}
.pg-brand{gap:5px}.pg-brand img.pg-brand-robin{width:36px;height:36px;object-fit:contain}.pg-brand-wordmark{font-size:23px;font-weight:780;letter-spacing:-.055em;line-height:1.4;color:#202124;white-space:nowrap}.pg-brand-wordmark>span{color:#ed6495}.pg-brand-robin[hidden],.pg-space-robin[hidden]{display:none}
.pg-shell{padding-top:10px}.pg-topline{margin-bottom:6px}.pg-heading{margin-bottom:14px}.pg-heading .pg-primary{max-width:62%}
.pg-button{border-radius:12px;transition:background-color 120ms ease-out,transform 120ms ease-out}.pg-button:active{background:#f5f5f7;transform:scale(.98)}.pg-primary:active{background:#35353b}.pg-icon:active,.pg-text:active{background:#f5f5f7}.pg-primary{box-shadow:0 2px 3px #20212410}
.pg-space-intro{display:flex;align-items:center;gap:14px;padding:15px 16px;margin-bottom:16px;border:1px solid var(--pg-line);border-radius:18px;background:#fff;box-shadow:var(--pg-shadow)}.pg-space-intro>div{min-width:0}.pg-space-intro h2{font-size:16px;font-weight:680;line-height:1.5;letter-spacing:-.02em}.pg-space-intro p{font-size:13px;line-height:1.65;color:var(--pg-muted);margin-top:3px}.pg-space-robin{width:68px;height:68px;object-fit:contain;flex:none}.pg-space-symbol{display:flex;align-items:center;justify-content:center;width:52px;height:52px;flex:none;border-radius:16px;background:#faf8fa;box-shadow:inset 0 1px 0 #fff,0 3px 7px #20212408;color:var(--pg-brand)}.pg-space-symbol svg{width:28px;height:28px}
.pg-main-tabs{margin-bottom:0;scrollbar-width:none}.pg-main-tabs::-webkit-scrollbar{display:none}.pg-main-tabs .pg-tab{flex:1 0 28%;font-weight:600}.pg-tab[aria-pressed=true]:after{background:var(--pg-ink);height:2px}.pg-utility-nav{display:flex;justify-content:flex-end;gap:12px;margin-bottom:8px}.pg-utility-nav .pg-button{font-size:12px;font-weight:500;color:var(--pg-muted);padding:6px 3px}.pg-utility-nav .pg-button[aria-pressed=true]{color:var(--pg-ink);font-weight:700}
.pg-search{background:#fafafa;border-color:#ececef;min-height:48px;border-radius:14px;margin-bottom:12px}.pg-search>svg{width:18px;height:18px;flex:none;color:var(--pg-muted)}.pg-search input{min-height:46px}.pg-search .pg-button{font-size:13px;padding:8px 11px;flex:none}.pg-filter{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding:1px 1px 9px;margin-bottom:9px;scrollbar-width:none;scroll-padding-inline:12px}.pg-filter::-webkit-scrollbar{display:none}.pg-chip{border-radius:22px;min-height:44px;padding:9px 14px;background:#fff;color:var(--pg-muted);font-weight:550;font-size:13px;white-space:nowrap}.pg-chip[aria-pressed=true]{color:var(--pg-ink);border-color:#bdbdc5;background:#fff;font-weight:700;box-shadow:0 1px 3px #20212407}
.pg-group-list{display:grid;gap:12px}.pg-group-row{padding:16px 14px;gap:12px;border:1px solid var(--pg-line);border-radius:17px;box-shadow:0 2px 5px #20212403;align-items:flex-start}.pg-group-main{gap:11px}.pg-group-main h2{font-size:16px;line-height:1.5;letter-spacing:-.015em}.pg-group-main p{font-size:13px;margin:4px 0 7px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.pg-category-meta{font-size:11px;gap:7px;margin-bottom:2px}.pg-category-meta>span+span:before{content:'·';margin-right:7px;color:#aaaab2}.pg-group-mark{width:44px;height:44px;border-radius:14px;background:#faf8fa;border:1px solid #f2edf1;box-shadow:inset 0 1px 0 #fff,0 3px 6px #20212405;color:#766476;font-size:20px}.pg-group-mark[data-category=daily],.pg-group-mark[data-category=general]{color:#5c646d;background:#f8f9fa;border-color:#edf0f2}.pg-group-mark[data-category=hobbies]{color:#976b78;background:#fff9fa;border-color:#f9eff2}.pg-group-mark[data-category=local]{color:#647b6d;background:#f7faf8;border-color:#edf2ee}.pg-group-row>.pg-button{font-size:13px;min-width:54px;padding:8px 10px;margin-top:4px;border-radius:22px}.pg-join{border-color:#2b2b31;color:#2b2b31}.pg-section-intro{margin:8px 0 18px}.pg-section-intro h2{font-size:16px}.pg-section-intro .pg-note{margin:3px 0 0}
.pg-empty{padding:28px 16px;text-align:center;border:1px solid var(--pg-line);border-radius:18px;background:#fff;box-shadow:var(--pg-shadow);margin:12px 0}.pg-empty h2{font-size:17px;font-weight:650}.pg-empty .pg-note{max-width:390px;margin:8px auto 16px}.pg-empty>.pg-row{justify-content:center}.pg-empty-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0 auto 12px;border:1px solid var(--pg-line);border-radius:14px;color:#8a7d89;background:#fdfcfd;box-shadow:0 3px 7px #20212405}.pg-empty-icon svg{width:22px;height:22px}
.pg-back{margin-bottom:8px}.pg-group-header{padding:18px 17px 0;border:1px solid var(--pg-line);border-radius:20px;background:#fff;box-shadow:var(--pg-shadow);margin-bottom:16px}.pg-space-heading{display:flex;gap:12px;align-items:flex-start}.pg-space-heading>div{min-width:0;flex:1}.pg-space-heading h1{font-size:23px;font-weight:720;line-height:1.45;letter-spacing:-.035em;margin:2px 0 6px}.pg-detail-mark{width:52px;height:52px;font-size:25px;border-radius:16px}.pg-group-header>.pg-note{font-size:14px;margin:13px 0 15px}.pg-space-actions{display:flex;align-items:flex-start;gap:10px;padding-bottom:14px}.pg-space-actions>.pg-primary{flex:1;min-width:0}.pg-space-actions>.pg-note{flex:1;margin:10px 0}.pg-tools{min-width:0;max-width:47%;font-size:13px}.pg-tools summary{display:flex;align-items:center;justify-content:center;min-height:44px;border:1px solid var(--pg-line);border-radius:12px;padding:9px 12px;text-align:center;cursor:pointer;list-style:none;font-weight:600}.pg-tools summary::-webkit-details-marker{display:none}.pg-tools[open]{max-width:none;flex:1}.pg-tools .pg-row{display:grid;gap:7px;margin-top:8px}.pg-tools .pg-button{width:100%;font-size:12px}.pg-context{border-top:1px solid var(--pg-line);font-size:13px}.pg-context summary{min-height:44px;padding:11px 0;color:var(--pg-muted);cursor:pointer}.pg-context .pg-note{margin:0 0 16px;font-size:13px}.pg-tools summary:focus-visible,.pg-context summary:focus-visible{outline:2px solid var(--pg-brand);outline-offset:3px}.pg-context[open] summary{color:var(--pg-ink)}
.pg-composer-prompt{display:flex;align-items:center;gap:10px;width:100%;min-height:62px;background:#fff;border:1px solid var(--pg-line);border-radius:16px;padding:10px 12px;text-align:left;box-shadow:0 2px 4px #20212403;color:var(--pg-muted);margin:16px 0 20px}.pg-composer-prompt>span:nth-child(2){flex:1;min-width:0;font-size:14px;line-height:1.5}.pg-composer-prompt>b{font-size:13px;font-weight:600;color:var(--pg-ink);flex:none;max-width:25%}.pg-composer-symbol{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:11px;flex:none;background:#f8f7f8;color:var(--pg-brand)}.pg-composer-symbol svg{width:19px;height:19px}.pg-composer-prompt:active{background:#fafafa}.pg-join-context{padding:0 4px}.pg-join-context .pg-note{margin:10px 0 18px}
.pg-feed-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--pg-line);padding:4px 0 8px;margin-top:4px}.pg-feed-heading h2{font-size:16px;font-weight:650}.pg-sort{display:flex;gap:6px;justify-content:flex-end;margin-bottom:6px}.pg-feed-heading .pg-sort{margin:0}.pg-sort .pg-button{font-size:12px;min-height:44px;padding:7px 8px;color:var(--pg-muted);font-weight:500}.pg-sort .pg-button[aria-pressed=true]{color:var(--pg-ink);font-weight:700}.pg-post{padding:18px 2px}.pg-post-link h3{font-size:17px}.pg-post-link p{font-size:15px;line-height:1.7}.pg-suggestions{margin-top:22px;border-top:1px solid var(--pg-line);padding-top:14px}.pg-suggestions>p{font-size:12px;font-weight:500;color:var(--pg-muted)}.pg-suggestions .pg-row{justify-content:center;margin-top:10px}.pg-suggestions .pg-chip{white-space:normal;flex:initial;max-width:100%;font-size:12px;padding-inline:12px}
@media(hover:hover) and (pointer:fine){.pg-group-row:has(.pg-group-main:hover){border-color:#d5d2d7;box-shadow:0 3px 12px #20212406}.pg-composer-prompt:hover{border-color:#cfcbd1}.pg-tools summary:hover{background:#fafafa}.pg-chip:hover{color:var(--pg-ink)}}
@media(max-width:360px){.pg-heading h1{font-size:22px}.pg-space-intro{padding:13px 12px;gap:10px}.pg-space-robin{width:58px;height:58px}.pg-group-row{padding:14px 11px;gap:8px}.pg-group-main{gap:9px}.pg-group-mark{width:38px;height:38px;font-size:18px}.pg-detail-mark{width:44px;height:44px;font-size:22px}.pg-space-heading h1{font-size:21px}.pg-group-main h2{font-size:15px}.pg-group-main .pg-meta{font-size:11px}.pg-group-header{padding:16px 14px 0}.pg-tools summary{padding-inline:9px}.pg-space-actions{gap:8px}.pg-main-tabs .pg-tab{font-size:13px;padding-inline:6px}.pg-utility-nav{gap:9px}}

/* Match the main reading column and quiet monochrome controls. */
:root {--pg-gutter:20px;--pg-brand:#303034;--pg-shadow:none}
.pg-header-inner,.pg-shell {max-width:640px;padding-left:max(var(--pg-gutter),env(safe-area-inset-left,0px));padding-right:max(var(--pg-gutter),env(safe-area-inset-right,0px))}
.pg-header-inner {min-height:52px;padding-block:4px}
.pg-brand img.pg-brand-robin {width:28px;height:29px}
.pg-brand-wordmark {font-size:20px}
.pg-shell {padding-top:12px}
.pg-bottom {max-width:616px;box-shadow:none}
.pg-primary,.pg-chip[aria-pressed=true],.pg-space-symbol,.pg-empty-icon {box-shadow:none}
.pg-space-intro {padding:14px 0;border:0;border-bottom:1px solid var(--pg-line);border-radius:0;box-shadow:none}
.pg-space-robin {width:48px;height:48px}
.pg-space-symbol {width:44px;height:44px;background:#f5f5f6;color:#53535a}
.pg-group-list {gap:0}
.pg-group-row {padding:18px 0;border:0;border-bottom:1px solid var(--pg-line);border-radius:0;box-shadow:none}
.pg-group-mark,.pg-group-mark[data-category] {color:#55555c;background:#f5f5f6;border-color:#e9e9ec;box-shadow:none;border-radius:12px}
.pg-group-header,.pg-empty,.pg-composer-prompt {border-radius:14px;box-shadow:none}
.pg-empty-icon {color:#626269;background:#f6f6f7}
.pg-bottom a[aria-current=page] {color:var(--pg-ink)}
@media(hover:hover) and (pointer:fine) {.pg-group-row:has(.pg-group-main:hover) {box-shadow:none;border-color:var(--pg-line)}}
@media(max-width:359px) {:root{--pg-gutter:16px}.pg-group-row{gap:8px}.pg-space-intro{padding-inline:0}.pg-space-robin{width:44px;height:44px}}

/* Group creation and management improvements, 2026-10-03. */
/* Small controls for group setup and pagination; existing surfaces remain in charge. */
.pg-discovery-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin:0 0 14px}
.pg-discovery-controls .pg-field{min-width:0;margin:0;font-size:12px;font-weight:500;color:var(--pg-muted)}
.pg-discovery-controls select{min-width:0;max-width:100%;min-height:44px;font-size:16px;padding:9px 10px;color:var(--pg-ink);background:var(--pg-paper)}
.pg-address-preview{display:grid;gap:5px;margin:14px 0 6px;font-size:13px}
.pg-address-preview>span{font-weight:600}
.pg-address-preview code{display:block;max-width:100%;font-family:inherit;font-size:13px;line-height:1.6;overflow-wrap:anywhere;color:var(--pg-muted)}
#pg-create-address-options{margin:8px 0;border-bottom:1px solid var(--pg-line)}
#pg-create-address-options summary{min-height:44px}
#pg-create-address-options .pg-field{margin-top:0}
#pg-create-slug-status{min-height:1.7em;margin:8px 0}
.pg-recent-activity{margin-top:5px;line-height:1.7}
.pg-managed-comments{margin-top:24px;padding-top:16px;border-top:1px solid var(--pg-line)}
#pg-management[aria-busy=true]{opacity:.7}
#pg-management>section>.pg-button{margin-top:12px;width:100%}
#pg-share-link{font-size:16px;overflow-wrap:anywhere}
.pg-bottom a[aria-disabled=true]{opacity:.45}
.pg-dialog .pg-report{overflow-wrap:anywhere}
@media(max-width:359px){.pg-discovery-controls{grid-template-columns:minmax(0,1fr)}.pg-discovery-controls select{font-size:16px}}

/* Groups improvement 2 */
/* Group photos and small participation controls, using the established white surfaces. */
.pg-group-mark{overflow:hidden;position:relative}
.pg-group-avatar-img{display:block;width:100%;height:100%;object-fit:cover}
.pg-group-avatar-img[hidden],.pg-avatar-fallback[hidden]{display:none}
.pg-avatar-editor{margin:16px 0}
.pg-avatar-editor>h3{font-size:14px;font-weight:600;margin-bottom:10px}
.pg-avatar-editor-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.pg-avatar-preview{width:64px;height:64px;border-radius:14px;border:1px solid var(--pg-line);background:#f5f5f6;overflow:hidden;display:flex;align-items:center;justify-content:center;flex:none;color:var(--pg-muted);font-size:24px}
.pg-avatar-preview img{width:100%;height:100%;object-fit:cover;display:block}
.pg-avatar-preview img[hidden],.pg-avatar-preview>span[hidden],.pg-avatar-editor [hidden]{display:none}
.pg-avatar-editor-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;flex:1;min-width:140px}
.pg-avatar-editor-actions .pg-button{min-height:44px;font-size:13px}
.pg-group-post-search{margin:8px 0 14px}
.pg-new-posts{display:inline-flex;align-items:center;gap:4px;min-height:24px;border-radius:12px;padding:2px 7px;background:#f3f3f5;color:var(--pg-ink);font-size:11px;font-weight:650}
.pg-notification-option{margin:16px 0;padding-bottom:14px;border-bottom:1px solid var(--pg-line)}
.pg-notification-option:last-of-type{border-bottom:0}
.pg-notification-option .pg-field{margin:0}
@media(max-width:359px){.pg-avatar-editor-actions .pg-button{padding-inline:10px}.pg-avatar-preview{width:56px;height:56px}}

/* Groups improvement 3 */
/* Scoped draft and member restriction controls. */
.pg-draft-tools{display:flex;justify-content:flex-end;margin:-8px 0 14px}
.pg-draft-tools .pg-button{min-height:44px;font-size:13px}
#pg-draft-status{min-height:22px;margin:4px 0 10px}
.pg-photo img[hidden],.pg-photo-status[hidden]{display:none}
.pg-photo-status{display:flex;flex-direction:column;justify-content:center;min-height:72px;padding:8px;font-size:12px;line-height:1.6;border:1px solid var(--pg-line);border-radius:10px}
.pg-photo-status .pg-button{min-height:44px}
.pg-member>div{min-width:0}
.pg-member .pg-note{margin:5px 0;font-size:12px}
#pg-member-view{max-width:100%}

/* Keep member details readable alongside longer translated actions. */
.pg-member{flex-wrap:wrap}
.pg-member>div{flex:1 1 180px}
.pg-member>.pg-button{flex:0 1 auto;max-width:100%;white-space:normal}

/* Groups improvement 4 */
/* Personal group content keeps text and translated actions on separate rows. */
#pg-my-content-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 16px}
#pg-my-content-tabs .pg-button{flex:1 1 110px;min-width:0;min-height:44px;white-space:normal;overflow-wrap:anywhere;text-align:center}
#pg-my-content,.pg-own-content{min-width:0;max-width:100%}
.pg-own-content{display:block;padding-block:16px}
.pg-own-content h3{margin:0 0 8px;font-size:15px;line-height:1.55;overflow-wrap:anywhere}
.pg-own-content-body{width:100%;min-width:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65}
.pg-own-content-reason{width:100%;min-width:0;margin:12px 0;overflow-wrap:anywhere}
.pg-own-content-reason>b{font-size:12px;color:var(--pg-muted)}
.pg-own-content-reason .pg-note{margin:4px 0;white-space:pre-wrap}
.pg-own-content-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;min-width:0}
.pg-own-content-actions .pg-button{flex:0 1 auto;max-width:100%;min-height:44px;white-space:normal;overflow-wrap:anywhere;text-align:center}
#pg-my-content[aria-busy=true]>.pg-note{min-height:44px;display:flex;align-items:center}
/* Long translated post actions wrap without widening the mobile viewport. */
.pg-post-actions{flex-wrap:wrap;min-width:0}
.pg-post-actions>.pg-button{flex:0 1 auto;max-width:100%;min-height:44px;white-space:normal;overflow-wrap:anywhere}

/* Group participation controls. Keep long localized labels inside the card. */
.pg-post-group-link{color:var(--pg-ink);text-decoration:underline;text-underline-offset:3px;font-size:12px;min-width:0;max-width:100%;justify-content:flex-start;text-align:start;overflow-wrap:anywhere}
.pg-notification-summary{border-top:1px solid var(--pg-line);padding:4px 0 8px;min-width:0}
.pg-notification-summary>.pg-button{width:100%;min-height:44px;justify-content:flex-start;text-align:start;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}

/*! Framework7 9.2.0 — selected and scoped visual components.
The MIT License (MIT)

Copyright (c) 2014 Vladimir Kharlampidi

Permission is hereby granted, free of charge, to any person obtaining a copy of
this software and associated documentation files (the "Software"), to deal in
the Software without restriction, including without limitation the rights to
use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
the Software, and to permit persons to whom the Software is furnished to do so,
subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
.pg-f7 {
  --f7-button-min-width: 32px;
  --f7-button-bg-color: transparent;
  --f7-button-border-width: 0px;
  --f7-segmented-strong-padding: 2px;
  --f7-segmented-strong-between-buttons: 4px;
  --f7-segmented-strong-button-font-weight: 500;
  --f7-segmented-strong-button-active-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
  --f7-segmented-strong-button-text-color: #000;
  --f7-segmented-strong-button-hover-bg-color: rgba(0, 0, 0, 0.04);
  --f7-segmented-strong-button-active-text-color: #000;
  --f7-segmented-strong-button-active-bg-color: #fff;
}
.pg-f7 {
  --f7-button-font-size: 15px;
  --f7-button-fill-text-color: #fff;
  --f7-button-text-transform: none;
  --f7-button-height: 34px;
  --f7-button-padding-horizontal: 10px;
  --f7-button-border-radius: 4px;
  --f7-button-font-weight: 500;
  --f7-button-letter-spacing: 0;
  --f7-button-outline-border-width: 2px;
  --f7-segmented-strong-button-text-transform: none;
  --f7-segmented-strong-button-active-font-weight: 600;
  --f7-segmented-strong-bg-color: rgba(0, 0, 0, 0.07);
  --f7-segmented-strong-button-pressed-bg-color: rgba(0, 0, 0, 0.07);
}
.pg-f7 {
  --f7-button-tonal-bg-color: rgba(var(--f7-theme-color-rgb), 0.15);
  --f7-button-tonal-pressed-bg-color: rgba(var(--f7-theme-color-rgb), 0.25);
  --f7-button-tonal-text-color: var(--f7-theme-color);
}
.pg-f7 .pg-f7-button {
  --f7-touch-ripple-color: rgba(var(--f7-theme-color-rgb), 0.25);
  text-decoration: none;
  text-align: center;
  display: flex;
  appearance: none;
  background: none;
  margin: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
  overflow: hidden;
  font-family: inherit;
  cursor: pointer;
  outline: 0;
  box-sizing: border-box;
  vertical-align: middle;
  justify-content: center;
  align-items: center;
  border: var(--f7-button-border-width, 0px) solid var(--f7-button-border-color, var(--f7-theme-color));
  font-size: var(--f7-button-font-size);
  color: var(--f7-button-text-color, var(--f7-theme-color));
  height: var(--f7-button-height);
  line-height: calc(var(--f7-button-height) - var(--f7-button-border-width, 0) * 2);
  padding: var(--f7-button-padding-vertical, 0px) var(--f7-button-padding-horizontal);
  border-radius: var(--f7-button-border-radius);
  min-width: var(--f7-button-min-width);
  font-weight: var(--f7-button-font-weight);
  letter-spacing: var(--f7-button-letter-spacing);
  text-transform: var(--f7-button-text-transform);
  background-color: var(--f7-button-bg-color);
  box-shadow: var(--f7-button-box-shadow);
}
.pg-f7 input[type='submit'].pg-f7-button,.pg-f7 input[type='button'].pg-f7-button,.pg-f7 input[type='reset'].pg-f7-button {
  width: 100%;
}
.pg-f7 .pg-f7-button > i + span,.pg-f7 .pg-f7-button > span + span,.pg-f7 .pg-f7-button > span ~ i {
  margin-left: 4px;
}
.pg-f7 .pg-f7-button-fill,.pg-f7 .pg-f7-button-active {
  --f7-button-bg-color: var(--f7-button-fill-bg-color, var(--f7-theme-color));
  --f7-button-text-color: var(--f7-button-fill-text-color, #fff);
  --f7-touch-ripple-color: var(--f7-touch-ripple-white);
}
.pg-f7 .pg-f7-button-fill {
  --f7-button-pressed-bg-color: var(--f7-button-fill-pressed-bg-color);
}
.pg-f7 .pg-f7-button-active {
  --f7-button-pressed-bg-color: var(--f7-button-bg-color);
}
.pg-f7 .pg-f7-button-outline {
  --f7-button-border-color: var(--f7-button-outline-border-color, var(--f7-theme-color));
  --f7-button-border-width: var(--f7-button-outline-border-width);
}
.pg-f7 .pg-f7-segmented {
  align-self: center;
  display: flex;
  flex-wrap: nowrap;
  border-radius: var(--f7-button-border-radius);
  box-shadow: var(--f7-button-box-shadow);
  box-sizing: border-box;
}
.pg-f7 .pg-f7-segmented .pg-f7-button,.pg-f7 .pg-f7-segmented button {
  width: 100%;
  flex-shrink: 1;
  min-width: 0;
  border-radius: 0;
}
.pg-f7 .pg-f7-segmented .pg-f7-button:first-child {
  border-radius: var(--f7-button-border-radius) 0 0 var(--f7-button-border-radius);
}
.pg-f7 .pg-f7-segmented .pg-f7-button:not(.pg-f7-button-outline):first-child {
  border-left: none;
}
.pg-f7 .pg-f7-segmented .pg-f7-button.pg-f7-button-outline:nth-child(n + 2) {
  border-left: none;
}
.pg-f7 .pg-f7-segmented .pg-f7-button:last-child {
  border-radius: 0 var(--f7-button-border-radius) var(--f7-button-border-radius) 0;
}
.pg-f7 .pg-f7-segmented .pg-f7-button:first-child:last-child {
  border-radius: var(--f7-button-border-radius);
}
.pg-f7 .pg-f7-segmented-strong {
  --f7-button-bg-color: transparent;
  --f7-button-hover-bg-color: var(--f7-segmented-strong-button-hover-bg-color);
  --f7-button-text-color: var(--f7-segmented-strong-button-text-color);
  --f7-button-font-weight: var(--f7-segmented-strong-button-font-weight);
  --f7-button-text-transform: var(--f7-segmented-strong-button-text-transform);
  --f7-button-pressed-bg-color: var(--f7-segmented-strong-button-pressed-bg-color);
  position: relative;
  background: var(--f7-segmented-strong-bg-color);
  border-radius: calc(var(--f7-button-border-radius) + 2px);
  box-shadow: none;
  padding: var(--f7-segmented-strong-padding);
  overflow: hidden;
}
.pg-f7 .pg-f7-segmented-strong .pg-f7-button {
  z-index: 1;
  transform: translate3d(0, 0, 0);
}
.pg-f7 .pg-f7-segmented-strong .pg-f7-button,.pg-f7 .pg-f7-segmented-strong .pg-f7-button:first-child,.pg-f7 .pg-f7-segmented-strong .pg-f7-button:last-child {
  border-radius: var(--f7-button-border-radius);
}
.pg-f7 .pg-f7-segmented-strong .pg-f7-button + .pg-f7-button {
  margin-left: var(--f7-segmented-strong-between-buttons);
}
.pg-f7 .pg-f7-segmented-strong .pg-f7-button.pg-f7-button-active {
  --f7-button-hover-bg-color: transparent;
  --f7-button-bg-color: transparent;
  --f7-button-text-color: var(--f7-segmented-strong-button-active-text-color);
  --f7-button-font-weight: var(--f7-segmented-strong-button-active-font-weight);
}
.pg-f7 .pg-f7-segmented-strong .pg-f7-segmented-highlight {
  --f7-segmented-highlight-num: 1;
  --f7-segmented-highlight-active: 0;
  --f7-segmented-highlight-padding: calc(var(--f7-segmented-strong-padding) * 2);
  --f7-segmented-highlight-between: var(--f7-segmented-strong-between-buttons);
  --f7-segmented-highlight-width: calc((100% - var(--f7-segmented-highlight-padding) - var(--f7-segmented-highlight-between) * (var(--f7-segmented-highlight-num) - 1)) / var(--f7-segmented-highlight-num));
  position: absolute;
  background-color: var(--f7-segmented-strong-button-active-bg-color);
  border-radius: var(--f7-button-border-radius);
  box-shadow: var(--f7-segmented-strong-button-active-box-shadow);
  left: var(--f7-segmented-strong-padding);
  top: var(--f7-segmented-strong-padding);
  height: calc(100% - var(--f7-segmented-strong-padding) * 2);
  width: var(--f7-segmented-highlight-width);
  z-index: 0;
  transform: translateX(calc(var(--f7-segmented-highlight-active) * 100% + var(--f7-segmented-highlight-active) * var(--f7-segmented-highlight-between)));
  transition: 200ms;
}
.pg-f7 .pg-f7-button:nth-child(2) ~ .pg-f7-segmented-highlight {
  --f7-segmented-highlight-num: 2;
}
.pg-f7 .pg-f7-button:nth-child(3) ~ .pg-f7-segmented-highlight {
  --f7-segmented-highlight-num: 3;
}
.pg-f7 .pg-f7-button-active:nth-child(2) ~ .pg-f7-segmented-highlight {
  --f7-segmented-highlight-active: 1;
}
.pg-f7 .pg-f7-button-active:nth-child(3) ~ .pg-f7-segmented-highlight {
  --f7-segmented-highlight-active: 2;
}
.pg-f7 .pg-f7-button {
  transition-duration: 100ms;
}
.pg-f7 .pg-f7-button-fill {
  --f7-button-pressed-bg-color: var(--f7-button-fill-pressed-bg-color, var(--f7-theme-color-tint));
}
.pg-f7 .pg-f7-button {
  -webkit-user-select: none;
  user-select: none;
}
.pg-f7 {--f7-card-margin-horizontal:16px;--f7-card-margin-vertical:16px;--f7-card-content-padding-horizontal:16px;--f7-card-content-padding-vertical:16px;--f7-card-font-size:inherit;--f7-card-header-text-color:inherit;--f7-card-header-font-weight:400;--f7-card-header-padding-horizontal:16px;--f7-card-footer-font-weight:400;--f7-card-footer-font-size:inherit;--f7-card-footer-padding-horizontal:16px;
}
.pg-f7 {--f7-card-border-radius:24px;--f7-card-box-shadow:0px 1px 2px #0003;--f7-card-header-font-size:17px;--f7-card-header-padding-vertical:10px;--f7-card-header-min-height:52px;--f7-card-footer-text-color:#00000073;--f7-card-footer-padding-vertical:10px;--f7-card-footer-min-height:52px;--f7-card-text-color:inherit;--f7-card-bg-color:#fff;--f7-card-outline-border-color:#0000001f;--f7-card-header-border-color:#0000001a;--f7-card-footer-border-color:#0000001a;
}
.pg-f7 .pg-f7-card{background:var(--f7-card-bg-color);border-radius:var(--f7-card-border-radius);color:var(--f7-card-text-color);font-size:var(--f7-card-font-size);margin:var(--f7-card-margin-vertical) calc(var(--f7-card-margin-horizontal) + var(--f7-safe-area-right)) var(--f7-card-margin-vertical) calc(var(--f7-card-margin-horizontal) + var(--f7-safe-area-left));position:relative}
.pg-f7 .pg-f7-card-outline{border:1px solid var(--f7-card-outline-border-color)}
.pg-f7 .pg-f7-card-content{position:relative}
.pg-f7 .pg-f7-card-content-padding{padding:var(--f7-card-content-padding-vertical) var(--f7-card-content-padding-horizontal);position:relative}
.pg-f7 .pg-f7-card-content-padding>p:first-child{margin-top:0}
.pg-f7 .pg-f7-card-content-padding>p:last-child{margin-bottom:0}
.pg-f7 .pg-f7-card-header{color:var(--f7-card-header-text-color);font-size:var(--f7-card-header-font-size);font-weight:var(--f7-card-header-font-weight);min-height:var(--f7-card-header-min-height);padding:var(--f7-card-header-padding-vertical) var(--f7-card-header-padding-horizontal)}
.pg-f7 .pg-f7-card-footer{color:var(--f7-card-footer-text-color);font-size:var(--f7-card-footer-font-size);font-weight:var(--f7-card-footer-font-weight);min-height:var(--f7-card-footer-min-height);padding:var(--f7-card-footer-padding-vertical) var(--f7-card-footer-padding-horizontal)}
.pg-f7 .pg-f7-card-footer,.pg-f7 .pg-f7-card-header{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;position:relative}
.pg-f7 .pg-f7-card-footer[valign=top],.pg-f7 .pg-f7-card-header[valign=top]{align-items:flex-start}
.pg-f7 .pg-f7-card-footer[valign=bottom],.pg-f7 .pg-f7-card-header[valign=bottom]{align-items:flex-end}
.pg-f7 .pg-f7-card-header{border-radius:var(--f7-card-border-radius) var(--f7-card-border-radius) 0 0}
.pg-f7 .pg-f7-card-footer{border-radius:0 0 var(--f7-card-border-radius) var(--f7-card-border-radius)}
.pg-f7 {--f7-searchbar-input-border-width:0px;--f7-searchbar-input-border-color:#0000;
}
.pg-f7 {--f7-searchbar-bg-color:#0000;--f7-searchbar-height:44px;--f7-searchbar-inner-padding-left:0px;--f7-searchbar-inner-padding-right:0px;--f7-searchbar-link-color:var(--f7-bars-text-color);--f7-searchbar-input-font-size:17px;--f7-searchbar-input-border-radius:44px;--f7-searchbar-input-height:44px;--f7-searchbar-inline-input-height:44px;--f7-searchbar-input-padding-horizontal:44px;--f7-searchbar-backdrop-bg-color:#0006;--f7-searchbar-in-page-content-margin:16px;--f7-searchbar-in-page-content-box-shadow:none;--f7-searchbar-in-page-content-border-radius:44px;--f7-searchbar-in-page-content-input-border-radius:44px;--f7-searchbar-input-bg-color:var(--f7-glass-bg-color);--f7-searchbar-placeholder-color:#0006;--f7-searchbar-input-text-color:#000;--f7-searchbar-search-icon-color:#0006;
}
.pg-f7 .pg-f7-searchbar{--f7-link-highlight-color:var(--f7-link-highlight-black);background-color:var(--f7-searchbar-bg-color,var(--f7-bars-bg-color));height:var(--f7-searchbar-height);position:relative;width:100%;z-index:200}
.pg-f7 .pg-f7-searchbar input[type=search]::-webkit-search-decoration{display:none}
.pg-f7 .pg-f7-searchbar:after{background-color:var(--f7-searchbar-border-color,var(--f7-bars-border-color));bottom:0;content:"";display:block;height:1px;left:0;position:absolute;right:auto;top:auto;transform:scaleY(calc(1/var(--f7-device-pixel-ratio)));transform-origin:50% 100%;width:100%;z-index:15}
.pg-f7 .pg-f7-searchbar input[type=search],.pg-f7 .pg-f7-searchbar input[type=text]{appearance:none;background-color:var(--f7-searchbar-input-bg-color);border:var(--f7-searchbar-input-border-width) solid var(--f7-searchbar-input-border-color);border-radius:var(--f7-searchbar-input-border-radius);box-sizing:border-box;color:var(--f7-searchbar-input-text-color);display:block;font-family:inherit;font-size:var(--f7-searchbar-input-font-size);font-weight:400;height:100%;padding:0;padding-left:calc(var(--f7-searchbar-input-padding-horizontal) + var(--f7-searchbar-input-extra-padding-left, 0px));padding-right:calc(var(--f7-searchbar-input-padding-horizontal) + var(--f7-searchbar-input-extra-padding-right, 0px));position:relative;width:100%}
.pg-f7 .pg-f7-searchbar input[type=search]::placeholder,.pg-f7 .pg-f7-searchbar input[type=text]::placeholder{color:var(--f7-searchbar-placeholder-color);opacity:1}
.pg-f7 .pg-f7-searchbar .pg-f7-searchbar-input-wrap{flex-shrink:1;height:var(--f7-searchbar-input-height);position:relative;width:100%}
.pg-f7 .pg-f7-searchbar a{color:var(--f7-searchbar-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}
.pg-f7 .pg-f7-searchbar-inner{align-items:center;box-sizing:border-box;display:flex;height:100%;left:0;padding:0 calc(var(--f7-searchbar-inner-padding-right) + var(--f7-safe-area-right)) 0 calc(var(--f7-searchbar-inner-padding-left) + var(--f7-safe-area-left));position:absolute;top:0;width:100%}
.pg-f7 .pg-f7-searchbar~*{--f7-page-searchbar-offset:var(--f7-searchbar-height)}
.pg-f7 .pg-f7-searchbar input[type=search],.pg-f7 .pg-f7-searchbar input[type=text]{backdrop-filter:saturate(180%) blur(16px);box-shadow:var(--f7-glass-shadow);z-index:30}
.pg-f7 .pg-f7-searchbar-input-wrap{border-radius:var(--f7-searchbar-input-border-radius)}

/* PinkTalk integration: only the Groups page owns this scope. */
.pg-f7 {
  --pg-ink: #242428;
  --pg-muted: #67676f;
  --pg-line: #e8e8ec;
  --pg-surface: #f5f5f7;
  --f7-theme-color: var(--pg-ink);
  --f7-theme-color-rgb: 36,36,40;
  --f7-theme-color-tint: #3a3a40;
  --f7-safe-area-left: 0px;
  --f7-safe-area-right: 0px;
  --f7-button-height: 44px;
  --f7-button-min-width: 44px;
  --f7-button-font-size: 14px;
  --f7-button-border-radius: 12px;
  --f7-button-padding-horizontal: 10px;
  --f7-button-text-color: var(--pg-muted);
  --f7-button-font-weight: 600;
  --f7-segmented-strong-padding: 4px;
  --f7-segmented-strong-between-buttons: 4px;
  --f7-segmented-strong-bg-color: #f1f1f4;
  --f7-segmented-strong-button-text-color: var(--pg-muted);
  --f7-segmented-strong-button-active-text-color: var(--pg-ink);
  --f7-segmented-strong-button-active-bg-color: #fff;
  --f7-segmented-strong-button-active-box-shadow: 0 1px 3px #20212414;
  --f7-card-margin-horizontal: 0px;
  --f7-card-margin-vertical: 0px;
  --f7-card-border-radius: 20px;
  --f7-card-bg-color: var(--pg-paper);
  --f7-card-outline-border-color: var(--pg-line);
  --f7-card-text-color: var(--pg-ink);
  --f7-card-footer-text-color: var(--pg-muted);
  --f7-card-footer-font-size: 12px;
  --f7-card-footer-padding-horizontal: 16px;
  --f7-card-footer-padding-vertical: 12px;
  --f7-card-footer-min-height: 64px;
  --f7-searchbar-height: 52px;
  --f7-searchbar-bg-color: var(--pg-surface);
  --f7-searchbar-border-color: transparent;
  --f7-searchbar-input-height: 48px;
  --f7-searchbar-input-bg-color: transparent;
  --f7-searchbar-input-text-color: var(--pg-ink);
  --f7-searchbar-placeholder-color: var(--pg-muted);
  --f7-searchbar-input-font-size: 16px;
  --f7-searchbar-input-border-width: 0px;
  --f7-searchbar-input-border-color: transparent;
  --f7-searchbar-input-border-radius: 8px;
  --f7-searchbar-input-padding-horizontal: 0px;
  --f7-searchbar-inner-padding-left: 14px;
  --f7-searchbar-inner-padding-right: 4px;
}
.pg-f7 > .pg-header {border-bottom: 0; box-shadow: none;}
.pg-f7 .pg-heading {margin-bottom: 12px; align-items: center;}
.pg-f7 .pg-heading h1 {font-size: 26px; letter-spacing: -.035em;}
.pg-f7 .pg-heading > .pg-primary {border-radius: 14px; padding-inline: 14px;}
.pg-f7 .pg-space-intro {padding: 8px 0 18px; margin-bottom: 4px; border: 0; gap: 12px;}
.pg-f7 .pg-space-intro h2 {font-size: 15px; font-weight: 650;}
.pg-f7 .pg-space-intro p {font-size: 13px;}
.pg-f7 .pg-main-tabs.pg-f7-segmented {
  margin: 0;
  border: 0;
  min-height: 52px;
  align-items: stretch;
  gap: 0;
  overflow: visible;
  isolation: isolate;
}
.pg-f7 .pg-main-tabs .pg-f7-button {
  flex: 1 1 0;
  width: 0;
  height: auto;
  min-width: 0;
  min-height: 44px;
  line-height: 1.45;
  white-space: normal;
  text-overflow: clip;
  overflow: visible;
  padding: 9px 7px;
  background: transparent;
  margin: 0;
  font-size: 14px;
}
.pg-f7 .pg-main-tabs .pg-tab[aria-pressed=true]::after {display: none;}
.pg-f7 .pg-main-tabs .pg-f7-button + .pg-f7-button {margin-left: var(--f7-segmented-strong-between-buttons);}
.pg-f7 .pg-main-tabs .pg-f7-button:focus-visible {outline: 2px solid var(--pg-ink); outline-offset: -2px;}
.pg-f7 .pg-main-tabs .pg-f7-segmented-highlight {pointer-events: none;}
.pg-f7 .pg-f7-segmented-highlight[hidden] {display: none;}
.pg-f7 .pg-utility-nav {margin: 4px 0 8px; gap: 14px;}
.pg-f7 .pg-utility-nav .pg-button {font-size: 12px;}
.pg-f7 .pg-discover-panel {margin-bottom: 20px;}
.pg-f7 .pg-search.pg-f7-searchbar {z-index: 0; margin-bottom: 14px; border: 0; border-radius: 16px; padding: 0;}
.pg-f7 .pg-search.pg-f7-searchbar::after {display: none;}
.pg-f7 .pg-f7-searchbar-inner {gap: 10px;}
.pg-f7 .pg-f7-searchbar-inner > svg {width: 19px; height: 19px; color: var(--pg-muted); flex: none;}
.pg-f7 .pg-f7-searchbar-input-wrap {min-width: 0; flex: 1;}
.pg-f7 .pg-search .pg-f7-searchbar-input-wrap input {min-height: 44px; line-height: 1.5; padding-block: 10px;}
.pg-f7 .pg-search .pg-button {border-radius: 12px; min-height: 44px; padding-inline: 12px; font-size: 13px; color: var(--pg-ink); max-width: 42%;}
.pg-f7 .pg-search:focus-within {box-shadow: 0 0 0 2px #57575f;}
.pg-f7 .pg-search input:focus-visible {outline: 0;}
.pg-f7 .pg-filter {gap: 7px; padding-bottom: 6px; margin-bottom: 12px;}
.pg-f7 .pg-chip {font-size: 13px; border-color: var(--pg-line); color: var(--pg-muted);}
.pg-f7 .pg-filter .pg-chip[aria-pressed=true] {background: var(--pg-ink); color: #fff; border-color: var(--pg-ink);}
.pg-f7 .pg-discovery-controls {margin: 0; gap: 12px;}
.pg-f7 .pg-discovery-controls .pg-field {gap: 5px;}
.pg-f7 .pg-discovery-controls select {border-radius: 12px; min-height: 46px; padding: 9px 10px;}
.pg-f7 .pg-group-list {gap: 12px;}
.pg-f7 .pg-group-row.pg-f7-card {display: block; padding: 0; margin: 0; overflow: hidden; box-shadow: none;}
.pg-f7 .pg-group-main {padding: 16px 16px 14px; gap: 13px; align-items: flex-start;}
.pg-f7 .pg-group-main > div {min-width: 0;}
.pg-f7 .pg-group-main h2 {font-size: 17px; line-height: 1.5; font-weight: 700; letter-spacing: -.02em; margin: 2px 0 6px;}
.pg-f7 .pg-group-main p {font-size: 14px; line-height: 1.65; margin: 0; -webkit-line-clamp: 2;}
.pg-f7 .pg-group-mark {width: 48px; height: 48px; border-radius: 15px; font-size: 21px;}
.pg-f7 .pg-category-meta {font-size: 11px; line-height: 1.6; gap: 4px 7px;}
.pg-f7 .pg-group-card-footer {border-top: 1px solid #efeff2; gap: 12px; background: #fcfcfd;}
.pg-f7 .pg-group-card-stats {min-width: 0; flex: 1;}
.pg-f7 .pg-group-card-stats .pg-meta {font-size: 12px; gap: 3px 10px;}
.pg-f7 .pg-group-card-stats .pg-recent-activity {font-size: 11px; margin-top: 3px;}
.pg-f7 .pg-group-card-footer > .pg-button {max-width: 42%; min-width: 60px; min-height: 44px; border-radius: 13px; font-size: 13px; padding: 9px 14px; flex: 0 1 auto;}
.pg-f7 .pg-group-card-footer > .pg-join {background: var(--pg-ink); color: #fff; border-color: var(--pg-ink);}
.pg-f7 .pg-group-main:focus-visible {outline-offset: -3px; border-radius: 18px 18px 0 0;}
.pg-f7 .pg-group-header.pg-f7-card {padding: 20px 18px 0; margin: 0 0 18px;}
.pg-f7 .pg-space-heading {gap: 14px;}
.pg-f7 .pg-detail-mark {width: 58px; height: 58px; border-radius: 18px; font-size: 27px;}
.pg-f7 .pg-space-heading h1 {font-size: 24px; line-height: 1.45; margin: 4px 0 8px;}
.pg-f7 .pg-group-header > .pg-note {color: #54545c; font-size: 14px; line-height: 1.75; margin: 16px 0 18px;}
.pg-f7 .pg-space-actions {gap: 10px; padding-bottom: 16px;}
.pg-f7 .pg-space-actions > .pg-primary {min-height: 48px; border-radius: 14px;}
.pg-f7 .pg-tools summary {min-height: 48px; border-radius: 14px; background: var(--pg-surface); border-color: transparent;}
.pg-f7 .pg-notification-summary {margin: 0; padding: 0; border-bottom: 0;}
.pg-f7 .pg-notification-summary > .pg-button {padding: 13px 0; min-height: 48px; text-decoration: none; justify-content: space-between; font-size: 13px;}
.pg-f7 .pg-group-header > .pg-context summary {padding: 13px 0; display: flex; justify-content: space-between; align-items: center; gap: 14px; list-style: none; color: var(--pg-ink);}
.pg-f7 .pg-group-header > .pg-context summary::-webkit-details-marker {display: none;}
.pg-f7 .pg-group-header > .pg-context summary::after,
.pg-f7 .pg-notification-summary > .pg-button::after {content: ''; width: 7px; height: 7px; border-right: 1.5px solid #74747d; border-bottom: 1.5px solid #74747d; transform: rotate(-45deg); margin-right: 4px; flex: none;}
.pg-f7 .pg-group-header > .pg-context[open] summary::after {transform: rotate(45deg);}
.pg-f7 .pg-composer-prompt {border-radius: 18px; margin: 18px 0 20px; min-height: 66px; padding: 12px 14px;}
.pg-f7 .pg-composer-symbol {border-radius: 12px; width: 38px; height: 38px;}
.pg-f7 .pg-group-post-search {margin-top: 12px;}
.pg-f7 .pg-empty {border-radius: 20px; padding: 32px 18px;}
.pg-f7 .pg-dialog {width: min(520px,calc(100% - 32px)); max-height: calc(100dvh - 48px); border-radius: 24px; border: 0; padding: 0 22px max(8px,env(safe-area-inset-bottom,0px)); scroll-padding-block: 90px 100px;}
.pg-f7 .pg-dialog::backdrop {background: #19191f6b;}
.pg-f7 .pg-dialog-head {position: sticky; top: 0; z-index: 3; background: #fff; padding: 18px 0 14px; margin: 0 0 2px; min-height: 78px;}
.pg-f7 .pg-dialog-head h2 {font-size: 22px; font-weight: 720; line-height: 1.45;}
.pg-f7 .pg-dialog-head > .pg-icon {border-radius: 14px; background: var(--pg-surface); font-size: 13px; min-width: 48px; flex: none;}
.pg-f7 .pg-dialog .pg-field {margin: 16px 0; gap: 7px;}
.pg-f7 .pg-dialog .pg-field input,
.pg-f7 .pg-dialog .pg-field select,
.pg-f7 .pg-dialog .pg-field textarea {border-radius: 12px; min-height: 48px; font-size: 16px; line-height: 1.6; padding: 11px 12px; scroll-margin-block: 96px 112px;}
.pg-f7 .pg-dialog .pg-field textarea {min-height: 106px;}
.pg-f7 .pg-dialog .pg-field .pg-note {font-size: 12px; line-height: 1.65;}
.pg-f7 .pg-form-section {padding: 4px 0 14px; border-bottom: 1px solid var(--pg-line); margin-bottom: 8px;}
.pg-f7 .pg-form-section > h3 {font-size: 15px; margin: 16px 0 8px;}
.pg-f7 .pg-form-grid {display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 12px;}
.pg-f7 .pg-form-grid .pg-field {min-width: 0; margin-bottom: 4px;}
.pg-f7 #pg-create > .pg-avatar-editor {margin: 18px 0; padding: 16px; background: #f7f7f9; border-radius: 18px;}
.pg-f7 #pg-create .pg-avatar-editor-actions {min-width: 120px;}
.pg-f7 #pg-create .pg-avatar-editor .pg-note {font-size: 12px; margin-bottom: 0;}
.pg-f7 #pg-create .pg-avatar-editor .pg-note:empty {display: none;}
.pg-f7 .pg-address-preview {padding: 12px; background: var(--pg-surface); border-radius: 12px;}
.pg-f7 #pg-create-address-options {margin-bottom: 0; border-bottom: 0;}
.pg-f7 #pg-create-draft-status {font-size: 12px; margin: 8px 0;}
.pg-f7 #pg-create-retry-help {margin: 8px 0;}
.pg-f7 .pg-create-actions {position: sticky; bottom: calc(-1 * max(8px,env(safe-area-inset-bottom,0px))); z-index: 2; background: #fff; margin: 0; padding: 12px 0 calc(12px + max(8px,env(safe-area-inset-bottom,0px))); border-top: 1px solid var(--pg-line); display: flex; gap: 10px;}
.pg-f7 .pg-create-actions > .pg-primary {flex: 1; min-width: 0; min-height: 48px; border-radius: 14px;}
.pg-f7 .pg-create-actions > [data-action=close] {min-height: 48px; max-width: 35%; border-radius: 14px;}
.pg-f7 #pg-dialog-message {padding: 12px 14px; margin: 4px 0 14px; border-radius: 12px; background: #fff3f3; scroll-margin-top: 90px;}
.pg-f7 .pg-button:focus-visible {outline: 2px solid var(--pg-ink); outline-offset: 3px;}
.pg-f7 .pg-filter .pg-button:focus-visible {outline-offset: -3px;}
.pg-f7 .pg-button:disabled {transform: none;}
@media (hover:hover) and (pointer:fine) {
  .pg-f7 .pg-group-row:has(.pg-group-main:hover) {border-color: #c9c9d0; box-shadow: none;}
  .pg-f7 .pg-group-card-footer > .pg-join:hover {background: #3c3c43; border-color: #3c3c43;}
}
@media (max-width:600px) {
  .pg-f7 .pg-dialog {position: fixed; inset: auto 0 0; margin: 0 auto; width: 100%; max-width: 520px; max-height: calc(100dvh - max(16px,env(safe-area-inset-top,0px))); border-radius: 24px 24px 0 0; padding-inline: max(20px,env(safe-area-inset-left,0px));}
  .pg-f7 .pg-dialog-head {padding-top: 26px; min-height: 88px;}
  .pg-f7 .pg-dialog-head::before {content: ''; position: absolute; width: 32px; height: 4px; border-radius: 2px; top: 10px; left: calc(50% - 16px); background: #d5d5dc;}
}
@media (max-width:359px) {
  .pg-f7 .pg-heading h1 {font-size: 24px;}
  .pg-f7 .pg-main-tabs .pg-f7-button {font-size: 13px; padding-inline: 4px;}
  .pg-f7 .pg-group-main {padding: 14px 13px 12px; gap: 10px;}
  .pg-f7 .pg-group-mark {width: 42px; height: 42px; border-radius: 13px;}
  .pg-f7 .pg-group-card-footer {padding: 11px 13px; gap: 10px;}
  .pg-f7 .pg-group-card-footer > .pg-button {padding-inline: 12px;}
  .pg-f7 .pg-group-header.pg-f7-card {padding: 17px 14px 0;}
  .pg-f7 .pg-detail-mark {width: 48px; height: 48px; font-size: 23px;}
  .pg-f7 .pg-space-heading h1 {font-size: 22px;}
  .pg-f7 .pg-form-grid {grid-template-columns: minmax(0,1fr); gap: 0;}
  .pg-f7 .pg-dialog {padding-inline: 16px;}
  .pg-f7 .pg-dialog-head h2 {font-size: 20px;}
  .pg-f7 #pg-create > .pg-avatar-editor {padding: 14px;}
}
@media (prefers-reduced-motion:reduce) {
  .pg-f7 .pg-f7-segmented-highlight {transition: none;}
  .pg-f7 .pg-button {transition: none; transform: none;}
}

/* PinkTalk Groups Framework7 round 2: reading and native composer only. */
.pg-f7 .pg-post.pg-f7-card {
  padding: 0;
  margin: 14px 0;
  overflow: hidden;
  box-shadow: none;
  border-radius: 18px;
}
.pg-f7 .pg-post-header {padding: 16px 16px 0;}
.pg-f7 .pg-post-byline {display: flex; flex-wrap: wrap; align-items: baseline; gap: 3px 12px;}
.pg-f7 .pg-post-author {font-size: 14px; font-weight: 650; color: var(--pg-ink); min-width: 0;}
.pg-f7 .pg-post-time {font-size: 11px; line-height: 1.7; color: var(--pg-muted); font-variant-numeric: tabular-nums;}
.pg-f7 .pg-post-context {font-size: 12px; line-height: 1.65; color: var(--pg-muted); margin-top: 3px;}
.pg-f7 .pg-post-context:empty,
.pg-f7 .pg-post-badges:empty {display: none;}
.pg-f7 .pg-post-context .pg-post-group-link {padding: 8px 0; min-height: 44px; margin-block: -4px; font-size: 12px;}
.pg-f7 .pg-post-badges {display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; margin-top: 6px;}
.pg-f7 .pg-post-badges .pg-badge {font-size: 11px; padding: 2px 8px; border-radius: 7px; background: var(--pg-surface); color: var(--pg-ink);}
.pg-f7 .pg-post-link {padding: 12px 16px 16px; margin: 0;}
.pg-f7 .pg-post-link h3 {font-size: 17px; line-height: 1.55; margin: 0 0 7px; font-weight: 700;}
.pg-f7 .pg-post-link p {font-size: 15px; line-height: 1.75; margin: 0;}
.pg-f7 .pg-post-link:focus-visible {outline-offset: -3px; border-radius: 12px;}
.pg-f7 .pg-post-image {max-width: 100%; border-radius: 12px; margin-top: 14px;}
.pg-f7 .pg-post-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 0 10px;
  min-height: 60px;
  padding: 7px 9px;
  margin: 0;
  border-top: 1px solid #efeff2;
  background: #fcfcfd;
}
.pg-f7 .pg-post-read-actions,
.pg-f7 .pg-post-tools {display: flex; flex-wrap: wrap; align-items: center; gap: 4px; min-width: 0; max-width: 100%;}
.pg-f7 .pg-post-read-actions {flex: 1 1 auto;}
.pg-f7 .pg-post-tools {flex: 0 1 auto; margin-inline-start: auto; justify-content: flex-end;}
.pg-f7 .pg-post-tools:empty {display: none;}
.pg-f7 .pg-post-actions .pg-button {flex: 0 1 auto; min-height: 44px; max-width: 100%; font-size: 12px; line-height: 1.5; padding: 9px 8px; border-radius: 10px; overflow-wrap: anywhere;}
.pg-f7 .pg-post-read-actions .pg-button {color: var(--pg-ink);}
.pg-f7 .pg-post-read-actions .pg-post-comments {background: var(--pg-surface); padding-inline: 10px;}
.pg-f7 .pg-post-tools .pg-button {color: var(--pg-muted); font-weight: 500;}
.pg-f7 .pg-write-destination {padding: 13px 15px; margin: 6px 0 8px; border-radius: 14px; background: var(--pg-surface);}
.pg-f7 .pg-write-destination > span {display: block; color: var(--pg-muted); font-size: 11px; line-height: 1.6; margin-bottom: 3px;}
.pg-f7 .pg-write-destination > strong {display: block; color: var(--pg-ink); font-size: 14px; line-height: 1.6; font-weight: 650;}
.pg-f7 #pg-write {min-width: 0;}
.pg-f7 .pg-write-content {padding-bottom: 2px;}
.pg-f7 .pg-write-draft-info {padding: 0 0 12px;}
.pg-f7 .pg-write-draft-info > .pg-note {margin: 4px 0; font-size: 12px;}
.pg-f7 #pg-draft-status {min-height: 0; color: var(--pg-ink); font-weight: 550;}
.pg-f7 #pg-draft-status:empty {display: none;}
.pg-f7 #pg-draft-status.pg-error {color: var(--pg-danger);}
.pg-f7 .pg-write-media {padding: 14px; margin: 4px 0 16px; border: 1px solid var(--pg-line); border-radius: 16px; background: #fcfcfd;}
.pg-f7 .pg-write-media > .pg-field {margin: 0;}
.pg-f7 .pg-write-media #pg-photo-input {font-size: 16px; padding: 6px; min-height: 48px; background: #fff;}
.pg-f7 .pg-write-media #pg-photo-input::file-selector-button {font: inherit; font-size: 13px; font-weight: 600; color: var(--pg-ink); background: var(--pg-surface); border: 0; border-radius: 8px; min-height: 34px; margin-inline-end: 9px; padding: 6px 9px;}
.pg-f7 .pg-write-media .pg-photos {margin-top: 14px; gap: 12px;}
.pg-f7 .pg-write-media .pg-photos:empty {display: none;}
.pg-f7 .pg-write-media .pg-photo {max-width: 100%;}
.pg-f7 .pg-write-media .pg-photo img {border-radius: 12px;}
.pg-f7 .pg-write-media .pg-photo .pg-button {border-radius: 9px;}
.pg-f7 .pg-write-location {padding: 0 0 2px;}
.pg-f7 .pg-write-location #pg-location {font-size: 13px; line-height: 1.7; color: var(--pg-ink);}
.pg-f7 .pg-write-location > .pg-note {font-size: 12px; margin: 7px 0;}
.pg-f7 .pg-write-discard {display: flex; justify-content: flex-end; padding-bottom: 10px;}
.pg-f7 .pg-write-discard > .pg-button {min-height: 44px; color: var(--pg-muted); font-size: 12px; font-weight: 500; padding-inline: 8px;}
.pg-f7 .pg-write-actions {
  position: sticky;
  bottom: calc(-1 * max(8px,env(safe-area-inset-bottom,0px)));
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1.3fr);
  gap: 10px;
  margin: 0;
  padding: 12px 0 calc(12px + max(8px,env(safe-area-inset-bottom,0px)));
  border-top: 1px solid var(--pg-line);
  background: #fff;
}
.pg-f7 .pg-write-actions > .pg-button {min-width: 0; min-height: 48px; height: 100%; width: 100%; border-radius: 14px; font-size: 14px; line-height: 1.5; padding: 10px 12px;}
.pg-f7 .pg-dialog:has(#pg-write) {scroll-padding-bottom: 110px;}
@media (hover:hover) and (pointer:fine) {
  .pg-f7 .pg-post-read-actions .pg-button:hover {background: #ebebef;}
  .pg-f7 .pg-post-tools .pg-button:hover {color: var(--pg-ink); background: var(--pg-surface);}
}
@media (max-width:359px) {
  .pg-f7 .pg-post-header {padding: 14px 13px 0;}
  .pg-f7 .pg-post-link {padding: 11px 13px 14px;}
  .pg-f7 .pg-post-byline {gap: 3px 9px;}
  .pg-f7 .pg-post-actions {gap: 0 4px; padding-inline: 7px;}
  .pg-f7 .pg-post-actions .pg-button {padding-inline: 7px;}
  .pg-f7 .pg-write-media {padding: 12px;}
  .pg-f7 .pg-write-actions {gap: 8px;}
  .pg-f7 .pg-write-actions > .pg-button {padding-inline: 9px;}
}
@media (max-height:540px) {
  .pg-f7 .pg-write-actions {position: static; bottom: auto;}
  .pg-f7 .pg-dialog:has(#pg-write) {scroll-padding-bottom: 16px;}
  .pg-f7 #pg-write .pg-field input,
  .pg-f7 #pg-write .pg-field textarea,
  .pg-f7 #pg-write .pg-field select {scroll-margin-bottom: 16px;}
}

/* Framework7 Groups round 3: scoped native management navigation and settings. */
.pg-f7 .pg-management-context {margin: 2px 0 16px;}
.pg-f7 .pg-management-context > strong {display: block; font-size: 15px; line-height: 1.55; overflow-wrap: anywhere;}
.pg-f7 .pg-management-context > .pg-note {margin: 5px 0 0; font-size: 12px; line-height: 1.65;}
.pg-f7 .pg-management-tabs {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; overflow: visible; border: 0; margin: 0 0 22px; padding: 0;}
.pg-f7 .pg-management-tabs > .pg-button {width: 100%; min-width: 0; min-height: 48px; margin: 0; padding: 11px 12px; border-radius: 12px; white-space: normal; overflow-wrap: anywhere; font-size: 13px; line-height: 1.5; text-align: center; background: var(--pg-surface); color: var(--pg-muted); border: 1px solid transparent;}
.pg-f7 .pg-management-tabs > [data-action="manage-settings"] {grid-column: 1 / -1;}
.pg-f7 .pg-management-tabs > [aria-pressed="true"] {color: #fff; background: var(--pg-ink); border-color: var(--pg-ink); font-weight: 700;}
.pg-f7 .pg-management-tabs > .pg-button:focus-visible {outline: 2px solid var(--pg-ink); outline-offset: 3px;}
.pg-f7 #pg-management {min-width: 0; padding-bottom: 12px;}
.pg-f7 #pg-management > .pg-field:first-child {margin-top: 0; margin-bottom: 18px;}
.pg-f7 #pg-management h3 {font-size: 15px; line-height: 1.55; margin: 4px 0 12px;}
.pg-f7 #pg-management .pg-member,
.pg-f7 #pg-management .pg-report {border: 1px solid var(--pg-line); border-radius: 14px; padding: 15px; margin: 10px 0; background: #fff;}
.pg-f7 #pg-management .pg-member {gap: 10px 14px;}
.pg-f7 #pg-management .pg-member b,
.pg-f7 #pg-management .pg-report > b {font-size: 15px; font-weight: 700; line-height: 1.6; overflow-wrap: anywhere;}
.pg-f7 #pg-management .pg-member .pg-meta {margin: 5px 0 0; gap: 5px 8px; font-size: 12px;}
.pg-f7 #pg-management .pg-member-state {padding: 2px 7px; border-radius: 6px; color: #8f382b; background: #fff1ee; font-weight: 650;}
.pg-f7 #pg-management .pg-member > .pg-button {min-height: 44px; background: var(--pg-surface); border-color: transparent; font-size: 13px;}
.pg-f7 #pg-management .pg-report > p {margin: 8px 0 12px; color: #414148; font-size: 14px; line-height: 1.8;}
.pg-f7 #pg-management .pg-report > .pg-meta {margin: 8px 0; font-size: 12px;}
.pg-f7 #pg-management .pg-report > .pg-row {margin-top: 14px; gap: 8px;}
.pg-f7 #pg-management .pg-report > .pg-button,
.pg-f7 #pg-management .pg-report .pg-row > .pg-button {min-height: 44px; max-width: 100%; white-space: normal; overflow-wrap: anywhere; font-size: 13px;}
.pg-f7 #pg-management .pg-managed-comments {margin-top: 26px;}
.pg-f7 #pg-settings {margin: 0;}
.pg-f7 #pg-settings .pg-settings-identity > .pg-field:first-child {margin-top: 0;}
.pg-f7 #pg-settings .pg-settings-identity {margin-bottom: 22px;}
.pg-f7 #pg-settings > .pg-avatar-editor {margin: 0 0 24px; padding: 16px; border-radius: 16px; background: var(--pg-surface);}
.pg-f7 #pg-settings .pg-avatar-editor-actions {min-width: 120px;}
.pg-f7 #pg-settings .pg-avatar-editor > .pg-note {font-size: 12px; line-height: 1.7; margin-bottom: 0;}
.pg-f7 #pg-settings .pg-avatar-editor > .pg-note:empty {display: none;}
.pg-f7 #pg-settings .pg-settings-preferences {margin: 0 0 16px;}
.pg-f7 #pg-settings .pg-settings-preferences > .pg-field:first-child {margin-top: 0;}
.pg-f7 .pg-settings-actions {position: sticky; bottom: 0; z-index: 2; padding: 12px 0 max(12px,env(safe-area-inset-bottom,0px)); background: #fff;}
.pg-f7 .pg-settings-actions > .pg-button {width: 100%; min-height: 50px; border-radius: 14px; font-size: 15px; font-weight: 700; white-space: normal;}
.pg-f7 .pg-settings-tools {display: grid; gap: 20px; margin: 22px 0 8px; padding-top: 4px;}
.pg-f7 .pg-settings-tools > .pg-button {min-height: 48px; width: 100%; white-space: normal; overflow-wrap: anywhere; border-radius: 12px; font-size: 14px;}
.pg-f7 .pg-settings-archive {padding: 16px; border-radius: 16px; background: #fff7f6;}
.pg-f7 .pg-settings-archive > .pg-button {min-height: 44px; max-width: 100%; white-space: normal; overflow-wrap: anywhere; font-size: 14px; background: #fff;}
.pg-f7 .pg-settings-archive > .pg-note {margin: 10px 0 0; color: #75504b; font-size: 12px; line-height: 1.75;}
@media (hover:hover) and (pointer:fine) {
  .pg-f7 .pg-management-tabs > .pg-button:not([aria-pressed="true"]):hover {background: #ebebef; color: var(--pg-ink);}
}
@media (max-width:359px) {
  .pg-f7 .pg-management-tabs {gap: 7px;}
  .pg-f7 .pg-management-tabs > .pg-button {padding-inline: 9px;}
  .pg-f7 #pg-management .pg-member,
  .pg-f7 #pg-management .pg-report {padding: 13px;}
  .pg-f7 #pg-settings > .pg-avatar-editor,
  .pg-f7 .pg-settings-archive {padding: 14px;}
}
@media (max-height:540px) {
  .pg-f7 .pg-settings-actions {position: static; bottom: auto;}
  .pg-f7 .pg-dialog:has(#pg-settings) {scroll-padding-bottom: 16px;}
  .pg-f7 #pg-settings .pg-field input,
  .pg-f7 #pg-settings .pg-field textarea,
  .pg-f7 #pg-settings .pg-field select {scroll-margin-bottom: 16px;}
}

/* Framework7 Groups round 4: selected discovery conditions and native join review. */
.pg-f7 .pg-applied-filters {margin: 14px 0 0; padding: 10px 12px 12px; border-radius: 14px; background: var(--pg-surface);}
.pg-f7 .pg-applied-heading {display: flex; align-items: center; justify-content: space-between; gap: 10px;}
.pg-f7 .pg-applied-heading > h3 {margin: 0; min-width: 0; font-size: 12px; line-height: 1.6; color: var(--pg-muted); font-weight: 600;}
.pg-f7 .pg-applied-heading > .pg-button {min-height: 44px; min-width: 0; max-width: 62%; padding: 8px 0 8px 8px; font-size: 12px; line-height: 1.5; text-align: end; white-space: normal; overflow-wrap: anywhere;}
.pg-f7 .pg-applied-values {display: flex; flex-wrap: wrap; gap: 7px; list-style: none; margin: 3px 0 0; padding: 0;}
.pg-f7 .pg-applied-values > li {max-width: 100%; min-width: 0; margin: 0; padding: 5px 9px; border: 1px solid var(--pg-line); border-radius: 9px; background: #fff; color: var(--pg-ink); font-size: 12px; line-height: 1.6; overflow-wrap: anywhere;}
.pg-f7 .pg-empty > .pg-row {justify-content: center; gap: 10px; margin-top: 18px;}
.pg-f7 .pg-empty > .pg-row > .pg-button {min-height: 48px; max-width: 100%; border-radius: 13px; white-space: normal; overflow-wrap: anywhere;}
.pg-f7 .pg-review-heading {display: flex; align-items: flex-start; gap: 13px; margin: 8px 0 18px; padding: 15px; border-radius: 16px; background: var(--pg-surface);}
.pg-f7 .pg-review-heading > .pg-group-mark {flex: none; background: #fff;}
.pg-f7 .pg-review-heading > div {min-width: 0;}
.pg-f7 .pg-review-heading h3 {font-size: 18px; line-height: 1.5; margin: 0 0 5px; font-weight: 700; letter-spacing: -.015em; overflow-wrap: anywhere;}
.pg-f7 .pg-review-heading .pg-category-meta {font-size: 12px; line-height: 1.6; margin: 0; flex-wrap: wrap; overflow-wrap: anywhere;}
.pg-f7 .pg-review-description > .pg-note {margin: 0 0 18px; font-size: 14px; line-height: 1.8;}
.pg-f7 .pg-review-rules {padding: 18px 0; border-top: 1px solid var(--pg-line);}
.pg-f7 .pg-review-rules > h3 {margin: 0 0 10px; font-size: 15px; line-height: 1.6;}
.pg-f7 .pg-review-rules > .pg-note {margin: 0; font-size: 14px; line-height: 1.85;}
.pg-f7 .pg-review-info {margin: 0 0 18px;}
.pg-f7 .pg-review-help {padding: 12px 14px; margin: 0 0 14px; border-radius: 12px; background: var(--pg-surface);}
.pg-f7 .pg-review-help > .pg-note {margin: 0; font-size: 12px; line-height: 1.8;}
.pg-f7 .pg-review-actions {position: sticky; bottom: calc(-1 * max(8px,env(safe-area-inset-bottom,0px))); z-index: 2; display: flex; gap: 10px; margin: 0; padding: 12px 0 calc(12px + max(8px,env(safe-area-inset-bottom,0px))); border-top: 1px solid var(--pg-line); background: #fff;}
.pg-f7 .pg-review-actions > .pg-button {flex: 1; min-width: 0; min-height: 48px; max-width: 100%; padding: 10px 12px; border-radius: 14px; font-size: 14px; line-height: 1.5; white-space: normal; overflow-wrap: anywhere;}
.pg-f7 .pg-review-actions > .pg-primary {flex: 1.6;}
.pg-f7 .pg-dialog:has(.pg-review-actions) {scroll-padding-bottom: 110px;}
@media (max-width:359px) {
  .pg-f7 .pg-review-heading {gap: 10px; padding: 13px;}
  .pg-f7 .pg-review-heading h3 {font-size: 17px;}
  .pg-f7 .pg-review-actions {gap: 8px;}
  .pg-f7 .pg-review-actions > .pg-button {padding-inline: 9px;}
}
@media (max-height:540px) {
  .pg-f7 .pg-review-actions {position: static; bottom: auto;}
  .pg-f7 .pg-dialog:has(.pg-review-actions) {scroll-padding-bottom: 16px;}
}

/* Framework7 Groups round 5: member actions and separate report operations. */
.pg-f7 #pg-management .pg-members-load-error {margin: 16px 0 10px; padding: 12px 14px; border-radius: 12px; background: #fff3f3;}
.pg-f7 #pg-management .pg-members-load-error > .pg-note {margin: 0; font-size: 13px;}
.pg-f7 #pg-management > [data-action="members-next"] {width: 100%; min-height: 48px; margin: 12px 0 4px; border-radius: 12px; font-size: 14px; white-space: normal;}
.pg-f7 .pg-member-action-context {margin: 8px 0 18px; padding: 15px; border-radius: 16px; background: var(--pg-surface);}
.pg-f7 .pg-member-action-context > .pg-meta {font-size: 12px; margin: 0 0 6px; overflow-wrap: anywhere;}
.pg-f7 .pg-member-action-context > h3 {font-size: 18px; line-height: 1.6; margin: 0 0 5px; overflow-wrap: anywhere;}
.pg-f7 .pg-member-action-context > .pg-note {font-size: 12px; margin: 0;}
.pg-f7 .pg-action-help {padding: 12px 14px; margin: 12px 0 16px; border-radius: 12px; background: var(--pg-surface); font-size: 12px; line-height: 1.8; color: var(--pg-muted); white-space: pre-wrap; overflow-wrap: anywhere;}
.pg-f7 .pg-action-help > .pg-note {margin: 0; font-size: inherit; line-height: inherit;}
.pg-f7 #pg-member-action .pg-field[hidden] {display: none;}
.pg-f7 .pg-management-form-actions {display: flex; align-items: stretch; gap: 10px; margin-top: 18px;}
.pg-f7 .pg-management-form-actions > .pg-button {flex: 1; min-width: 0; min-height: 48px; max-width: 100%; padding: 10px 12px; border-radius: 13px; font-size: 14px; line-height: 1.5; white-space: normal; overflow-wrap: anywhere;}
.pg-f7 .pg-management-form-actions > [type="submit"] {flex: 1.6;}
.pg-f7 #pg-member-action > .pg-management-form-actions {position: sticky; bottom: calc(-1 * max(8px,env(safe-area-inset-bottom,0px))); z-index: 2; margin-top: 0; padding: 12px 0 calc(12px + max(8px,env(safe-area-inset-bottom,0px))); background: #fff; border-top: 1px solid var(--pg-line);}
.pg-f7 .pg-dialog:has(#pg-member-action) {scroll-padding-bottom: 110px;}
.pg-f7 .pg-case-summary {padding: 4px 0 18px;}
.pg-f7 .pg-case-summary > strong {display: block; font-size: 13px; line-height: 1.6; color: var(--pg-muted); margin: 0 0 8px; overflow-wrap: anywhere;}
.pg-f7 .pg-case-summary > h3 {margin: 0 0 8px; font-size: 17px; line-height: 1.6;}
.pg-f7 .pg-case-summary > .pg-note {margin: 7px 0 0; font-size: 14px; line-height: 1.8;}
.pg-f7 .pg-case-form {margin: 0 0 18px; padding: 16px; border: 1px solid var(--pg-line); border-radius: 16px;}
.pg-f7 .pg-case-form > h3 {margin: 0; font-size: 16px; line-height: 1.6;}
.pg-f7 .pg-case-form > .pg-note {margin: 12px 0; font-size: 14px; line-height: 1.8;}
.pg-f7 .pg-case-form .pg-field {margin: 16px 0;}
.pg-f7 .pg-case-form .pg-field textarea {min-height: 96px;}
.pg-f7 .pg-case-return {width: 100%; min-height: 48px; margin-bottom: 14px; border-radius: 12px; white-space: normal;}
@media (max-width:359px) {
  .pg-f7 .pg-member-action-context {padding: 13px;}
  .pg-f7 .pg-case-form {padding: 13px;}
  .pg-f7 .pg-action-help {padding: 11px 12px;}
  .pg-f7 .pg-management-form-actions {gap: 8px;}
  .pg-f7 .pg-management-form-actions > .pg-button {padding-inline: 9px; font-size: 13px;}
}
@media (max-height:540px) {
  .pg-f7 #pg-member-action > .pg-management-form-actions {position: static; bottom: auto;}
  .pg-f7 .pg-dialog:has(#pg-member-action) {scroll-padding-bottom: 16px;}
  .pg-f7 #pg-member-action .pg-field input,
  .pg-f7 #pg-member-action .pg-field textarea,
  .pg-f7 #pg-member-action .pg-field select {scroll-margin-bottom: 16px;}
}

/* Mobile interaction round 1. Appended to the complete Framework7 Groups 5 CSS.
 * Keep the existing palette, typography, safe areas and router-owned layout. */
.pg-f7 .pg-header-inner > .pg-icon {
  display: grid;
  place-items: center;
  box-sizing: border-box;
  width: 44px;
  height: 44px;
  min-height: 44px;
  padding: 0 !important;
  color: var(--pg-ink);
  line-height: 1;
}

.pg-f7 .pg-search {
  scroll-margin-block: calc(68px + env(safe-area-inset-top, 0px)) 100px;
}

.pg-f7 .pg-search .pg-search-clear {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  min-width: 44px;
  height: 44px;
  min-height: 44px;
  padding: 10px;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--pg-muted);
  box-shadow: none;
}

.pg-f7 .pg-search .pg-search-clear[hidden] { display: none; }
.pg-f7 .pg-search .pg-search-clear svg { width: 18px; height: 18px; }
.pg-f7 .pg-search input::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; }
.pg-f7 .pg-search .pg-search-clear:active { background: #e8e8ed; color: var(--pg-ink); }

@media (hover: hover) and (pointer: fine) {
  .pg-f7 .pg-search .pg-search-clear:hover { background: #e8e8ed; color: var(--pg-ink); }
}