/* =====================================================================
   Perfect Plants Club – Közösségi modul (hírfolyam, profil, ismerősök, értesítések, ranglista, keresés)
   ===================================================================== */
.center{text-align:center}
.small{font-size:13px}
.count-pill{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:rgba(232,189,104,.18);color:var(--gold2);font:700 12px 'DM Sans',sans-serif}

/* ---------- vendég kezdőlap ---------- */
.landing-hero .hero-content{max-width:720px}
.landing-hero h1 em{font-size:.5em}
.landing-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));max-width:720px}
.landing-stats .stat{padding:12px 14px 12px 10px;gap:10px}
.landing-stats .stat img{width:38px;height:38px}
.landing-stats .stat strong{font-size:24px}
.lf-grid .explore-card{padding:30px 26px 26px}
.lf-grid .explore-card p{margin-bottom:0}
.landing-top{padding:90px clamp(16px,6vw,100px) 40px;background:radial-gradient(ellipse at 50% 20%,rgba(232,189,104,.08),transparent 60%),var(--bg2)}
.lt-row{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;max-width:1180px;margin:0 auto 26px}
.lt-card{flex:0 1 178px}
.lt-card{position:relative;display:grid;justify-items:center;gap:6px;padding:26px 12px 20px;border-radius:22px;text-align:center;background:linear-gradient(170deg,var(--panel2),var(--panel));border:1px solid var(--line);transition:transform .45s var(--ease),border-color .4s,box-shadow .4s}
.lt-card:hover{transform:translateY(-6px);border-color:rgba(232,189,104,.4);box-shadow:0 24px 40px -24px rgba(0,0,0,.9)}
.lt-card .av{box-shadow:0 0 0 3px var(--bg2),0 0 0 5px rgba(232,189,104,.25)}
.lt-card.r1 .av{box-shadow:0 0 0 3px var(--bg2),0 0 0 6px var(--gold)}
.lt-card.r2 .av{box-shadow:0 0 0 3px var(--bg2),0 0 0 6px #c9d1d8}
.lt-card.r3 .av{box-shadow:0 0 0 3px var(--bg2),0 0 0 6px #d58b55}
.lt-rank{position:absolute;top:10px;left:12px;font-size:20px;font-weight:700;color:var(--muted)}
.lt-card strong{font:600 16px/1.2 'Playfair Display',serif;margin-top:8px}
.lt-card small{font-size:11.5px;color:var(--muted)}
.lt-card b{font:600 22px 'Playfair Display',serif;color:var(--gold2)}
.lt-card b span{font:500 11px 'DM Sans',sans-serif;color:var(--muted)}
.landing-recent .catalog-grid{margin-bottom:60px}
.landing-cta{max-width:640px;margin:0 auto;padding:40px 26px;text-align:center;border-radius:28px;background:radial-gradient(circle at 50% 0,rgba(232,189,104,.16),transparent 60%),linear-gradient(160deg,var(--panel2),var(--panel));border:1px solid rgba(232,189,104,.25)}
.landing-cta img{width:90px;height:90px;object-fit:contain;margin:0 auto 10px;animation:floaty 6s ease-in-out infinite}
.landing-cta h2{font:600 clamp(26px,3.4vw,36px)/1.15 'Playfair Display',serif;margin:0 0 10px}
.landing-cta p{color:var(--muted);margin:0 0 22px}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

/* ---------- hírfolyam elrendezés ---------- */
.feed-layout{display:grid;grid-template-columns:260px minmax(0,1fr) 310px;gap:24px;align-items:start;max-width:1320px}
.feed-center{min-width:0}
.feed-left .sticky,.feed-right .sticky{top:88px}
.mini-profile{position:relative;overflow:hidden;text-align:center;padding:0 0 18px}
.mp-cover{height:78px;background:linear-gradient(120deg,rgba(143,174,118,.35),rgba(196,104,63,.35)),url('../img/garland.webp') 50% 0/150% auto no-repeat;background-size:cover}
.mp-av{display:inline-block;margin-top:-38px;padding:3px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--terra))}
.mp-av .av{border:3px solid var(--panel2);display:grid}
.mp-name{display:block;margin-top:6px}
.mp-name strong{display:block;font:600 18px 'Playfair Display',serif}
.mp-name small{color:var(--muted);font-size:12.5px}
.mp-level{padding:12px 16px 4px;text-align:left}
.mp-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:12px 12px 0;border-top:1px solid var(--line);padding-top:12px}
.mp-stats a{display:grid;gap:1px;border-radius:12px;padding:6px 0;transition:background .3s}
.mp-stats a:hover{background:rgba(255,248,235,.05)}
.mp-stats b{font:600 20px 'Playfair Display',serif}
.mp-stats span{font-size:11px;color:var(--muted)}
.shortcuts{padding:8px;display:grid;gap:2px}
.shortcuts a{position:relative;display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:14px;font-weight:500;font-size:14.5px;transition:background .3s,transform .3s var(--ease)}
.shortcuts a:hover{background:rgba(255,248,235,.06);transform:translateX(3px)}
.shortcuts img{width:34px;height:34px;object-fit:contain;transition:transform .5s var(--ease)}
.shortcuts a:hover img{transform:rotate(-10deg) scale(1.1)}
.shortcuts span{flex:1;min-width:0}
.shortcuts small{display:block;font-size:11.5px;color:#9fd3f0;font-weight:600}
.sc-badge{min-width:22px;height:22px;padding:0 6px;display:grid;place-items:center;border-radius:999px;background:linear-gradient(135deg,var(--terra2),var(--terra));color:#fff;font-size:11.5px}
.has-due .sc-badge{background:linear-gradient(135deg,#6fb6e0,#3d7fae);animation:pulse 2.4s ease-in-out infinite}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(111,182,224,.5)}50%{box-shadow:0 0 0 7px rgba(111,182,224,0)}}
.mobile-strip{display:none}

/* oldalsáv kártyák */
.side-card{padding:18px}
.side-h{display:flex;align-items:center;gap:8px;font:600 17px 'Playfair Display',serif!important;margin:0 0 12px!important}
.side-h img{width:28px;height:28px;object-fit:contain}
.side-more{display:inline-block;margin-top:10px;font-size:13px;font-weight:600;color:var(--gold2)}
.req-row,.sugg-row{display:flex;align-items:center;gap:8px;padding:8px 0;border-top:1px solid var(--line);transition:opacity .4s,transform .4s var(--ease)}
.req-row:first-of-type,.sugg-row:first-of-type{border-top:0}
.req-row .user-chip,.sugg-row .user-chip{flex:1;min-width:0}
.req-row .user-chip small,.sugg-row .user-chip small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.req-row.done{opacity:0;transform:translateX(30px)}
.sugg-row{flex-wrap:wrap}
.sugg-row .rel-btns{width:100%;padding-left:50px}
.rel-btns{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.rel-btns.compact{gap:6px}
.rel-btns.compact .btn{min-height:34px;padding:0 13px;font-size:12.5px}
.rel-btns .icon-btn{width:36px;height:36px}
.rel-btns .btn .ic{width:16px;height:16px}
.rel-btns .is-friend{color:#cfe6bc;border-color:rgba(143,174,118,.5)}
.rel-btns .is-pending{color:var(--gold2)}
.rel-btns .is-following{color:var(--sage);border-color:rgba(143,174,118,.4)}
.rel-btns .dd-pop{min-width:200px}
.rel-btns.swap-in,.swap-in{animation:cardIn .4s var(--ease)}
.btn.busy{opacity:.6;pointer-events:none}
.water-list{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:4px}
.water-list a{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:12px;background:rgba(111,182,224,.07);border:1px solid rgba(111,182,224,.18);font-size:14px}
.water-list a:hover{background:rgba(111,182,224,.14)}
.water-list span:nth-child(2){flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.water-list small{font-size:11px;color:#f0b49a;font-weight:700}
.water-list .drop{animation:drip 2.6s ease-in-out infinite}
@keyframes drip{0%,100%{transform:translateY(0)}50%{transform:translateY(2px) scale(.94)}}
.trend-list{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.trend-list a{display:flex;align-items:center;gap:10px;padding:7px 6px;border-radius:12px;transition:background .3s}
.trend-list a:hover{background:rgba(255,248,235,.05)}
.trend-list img{width:30px;height:30px;object-fit:contain}
.trend-list span:last-child{min-width:0}
.trend-list i{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trend-list small{display:block;font-size:11.5px;color:var(--muted)}
.tr-n{width:22px;font:700 15px 'Playfair Display',serif;color:var(--gold);text-align:center}

/* ---------- bejegyzés-szerkesztő ---------- */
.composer{padding:16px 18px 10px;margin-bottom:18px;transition:border-color .3s,box-shadow .3s}
.composer.drag{border-color:var(--gold);box-shadow:0 0 0 4px rgba(232,189,104,.15)}
.composer.shake{animation:shake .4s}
@keyframes shake{25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
.cmp-top{display:flex;gap:12px;align-items:flex-start}
.composer .cmp-top textarea{min-height:48px;max-height:340px;resize:none;border-radius:20px;padding:12px 16px;font-size:15.5px;line-height:1.5}
.cmp-kinds{display:none;flex-wrap:wrap;gap:6px;margin:12px 0 0 58px}
.composer.open .cmp-kinds{display:flex;animation:cardIn .35s var(--ease)}
.kind-chip{cursor:pointer}
.kind-chip input{position:absolute;opacity:0;pointer-events:none}
.kind-chip span{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:999px;border:1px solid var(--line);font-size:13px;font-weight:600;color:rgba(243,239,228,.82);transition:background .25s,border-color .25s,color .25s,transform .25s var(--ease)}
.kind-chip:hover span{border-color:rgba(232,189,104,.45)}
.kind-chip input:checked+span{background:linear-gradient(135deg,rgba(232,189,104,.25),rgba(196,104,63,.25));border-color:rgba(232,189,104,.6);color:var(--gold2);transform:translateY(-1px)}
.kind-chip input:focus-visible+span{outline:2px solid var(--gold);outline-offset:2px}
.composer[data-kind=bloom]{border-color:rgba(238,143,168,.4)}
.composer[data-kind=question]{border-color:rgba(111,182,224,.4)}
.cmp-previews{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:8px;margin:12px 0 0 58px}
.cmp-previews[hidden]{display:none}
.cmp-previews figure{position:relative;margin:0;aspect-ratio:1;border-radius:14px;overflow:hidden;border:1px solid var(--line);animation:cardIn .35s var(--ease)}
.cmp-previews img{width:100%;height:100%;object-fit:cover}
.cmp-x{position:absolute;top:5px;right:5px;width:26px;height:26px;border-radius:50%;border:0;background:rgba(10,18,13,.8);color:#fff;font-size:17px;line-height:1;cursor:pointer;transition:background .2s,transform .2s}
.cmp-x:hover{background:#c4683f;transform:scale(1.1)}
.cmp-add{aspect-ratio:1;border-radius:14px;border:1px dashed rgba(232,189,104,.45);background:rgba(232,189,104,.05);color:var(--gold2);font-size:28px;cursor:pointer}
.cmp-video,.cmp-plant{margin:12px 0 0 58px}
.cmp-video[hidden],.cmp-plant[hidden]{display:none}
.cmp-video-prev .video-embed,.cmp-video-prev .link-card{width:100%;margin:10px 0 0}
.cmp-hint{margin:6px 0 0;font-size:13px;color:var(--muted)}
.cmp-hint a{color:var(--gold2)}
.cmp-bar{display:flex;align-items:center;gap:4px;margin:12px 0 0;flex-wrap:wrap}
.cmp-tool{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 11px;border-radius:999px;border:1px solid transparent;background:none;color:rgba(243,239,228,.82);font:600 13px 'DM Sans',sans-serif;cursor:pointer;transition:background .25s,color .25s,border-color .25s}
.cmp-tool:hover,.cmp-tool.on{background:rgba(143,174,118,.12);color:#d4e8c2;border-color:rgba(143,174,118,.35)}
.cmp-tool .ic{width:18px;height:18px}
.cmp-tool:nth-child(1) .ic{color:#8fd19e}.cmp-tool:nth-child(2) .ic{color:#ef8f8f}.cmp-tool:nth-child(3) .ic{color:var(--gold)}
.cmp-vis{margin-left:auto}
.composer .cmp-vis select{width:auto;max-width:170px;padding:8px 30px 8px 12px;border-radius:999px;font-size:13px;height:38px;appearance:none;-webkit-appearance:none;background:rgba(10,18,13,.6) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b8bfae' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 10px center/14px no-repeat}
.composer select option{background:#13211a}
.cmp-send{min-height:40px}
.cmp-send.loading{opacity:.7}
.cmp-send.loading .ic{animation:spin 1s linear infinite}
.cmp-foot{display:none;justify-content:space-between;margin:8px 0 0 58px;color:var(--muted)}
.composer.open .cmp-foot{display:flex}
.cmp-count.warn{color:#f0b49a}

/* ---------- hírfolyam ---------- */
.feed-tabs{margin-bottom:16px}
.feed{gap:18px}
.feed>.fresh{animation:cardIn .6s var(--ease) both}
.post-ribbons{display:flex;flex-wrap:wrap;gap:6px;padding:14px 18px 0}
.post-ribbons+.post-head{padding-top:10px}
.post-kind,.post-why{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:700;letter-spacing:.2px}
.post-kind{background:rgba(232,189,104,.12);color:var(--gold2);border:1px solid rgba(232,189,104,.3)}
.post-kind.k-bloom{background:rgba(238,143,168,.13);color:#f7cdd8;border-color:rgba(238,143,168,.4)}
.post-kind.k-question{background:rgba(111,182,224,.12);color:#bfe1f5;border-color:rgba(111,182,224,.4)}
.post-kind.k-diary{background:rgba(246,220,160,.1);color:#f6dca0;border-color:rgba(246,220,160,.3)}
.post-why{color:var(--muted);border:1px dashed var(--line)}
.post.kind-bloom{border-color:rgba(238,143,168,.28);background:radial-gradient(circle at 100% 0,rgba(238,143,168,.08),transparent 40%),linear-gradient(160deg,var(--panel2),var(--panel))}
.post.kind-question{border-color:rgba(111,182,224,.25)}
.post .dd-pop{z-index:30}
.act-card{padding:16px 18px;overflow:hidden}
.act-head{display:flex;gap:12px;align-items:center}
.act-head p{margin:0;flex:1;font-size:14.5px;line-height:1.45}
.act-head p a{font-weight:700}
.act-head time{display:block;font-size:12px;color:var(--muted)}
.act-ico{margin-right:6px}
.act-plants{display:grid;gap:8px;margin-top:14px;grid-template-columns:repeat(4,minmax(0,1fr))}
.act-plants.n1{grid-template-columns:minmax(0,1fr)}
.act-plants.n2{grid-template-columns:repeat(2,minmax(0,1fr))}
.act-plants.n3{grid-template-columns:repeat(3,minmax(0,1fr))}
.act-plants a{position:relative;display:block;aspect-ratio:1;border-radius:14px;overflow:hidden;background:#1a2a20}
.act-plants.n1 a{aspect-ratio:16/9}
.act-plants img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.act-plants img.ph{object-fit:contain;padding:22%}
.act-plants a:hover img{transform:scale(1.06)}
.act-plants span{position:absolute;left:0;right:0;bottom:0;padding:18px 8px 7px;font-size:12px;font-weight:600;background:linear-gradient(0deg,rgba(6,10,7,.9),transparent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.act-bloom{background:radial-gradient(circle at 0 0,rgba(238,143,168,.1),transparent 45%),linear-gradient(160deg,var(--panel2),var(--panel))}
.act-bloom-body{display:flex;gap:16px;align-items:center;margin-top:14px;padding:12px;border-radius:18px;background:rgba(255,248,235,.03);border:1px solid var(--line);transition:border-color .3s}
.act-bloom-body:hover{border-color:rgba(238,143,168,.45)}
.bloom-ring{flex:0 0 96px;height:96px;padding:3px;border-radius:50%;background:conic-gradient(from 180deg,var(--pink),var(--gold),var(--terra2),var(--pink));animation:spin 14s linear infinite}
.bloom-ring img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:3px solid var(--panel);animation:spin 14s linear infinite reverse}
.act-bloom-body strong{display:block;font:600 18px 'Playfair Display',serif}
.act-bloom-body em{display:block;font-size:13px;color:var(--muted)}
.act-bloom-body small{display:inline-block;margin-top:6px;font-size:12px;color:#f7cdd8;font-weight:600}
.act-bloom-body p{margin:6px 0 0;font-size:13.5px;color:rgba(243,239,228,.8)}
.act-bloom .post-foot{padding:12px 0 0}
.feed-more{display:grid;justify-items:center;gap:10px;padding:26px 0 10px}
.feed-more .btn{display:none}
.feed-more .spinner{width:28px;height:28px;border-radius:50%;border:3px solid rgba(232,189,104,.2);border-top-color:var(--gold);opacity:0;transition:opacity .3s}
.feed-more.loading .spinner{opacity:1;animation:spin .9s linear infinite}
.feed-end{display:none;margin:0;color:var(--muted);font-size:14px}
.feed-more.end .spinner{display:none}
.feed-more.end .feed-end{display:block}
.no-js .feed-more .btn{display:inline-flex}

/* konfetti */
.fl-confetti{position:fixed;z-index:300;pointer-events:none;font-size:18px;transform:translate(-50%,-50%);animation:confetti 1.1s var(--ease) forwards}
@keyframes confetti{to{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) rotate(200deg);opacity:0}}

/* ---------- reszponzív ---------- */
@media (max-width:1180px){
  .feed-layout{grid-template-columns:minmax(0,1fr) 300px}
  .feed-left{display:none}
  .mobile-strip{display:flex}
}
@media (max-width:1100px){
  .landing-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:900px){
  .feed-layout{grid-template-columns:minmax(0,1fr)}
  .feed-right{display:none}
  .lf-grid{grid-template-columns:1fr 1fr;max-width:none}
}
.mobile-strip{gap:8px;overflow-x:auto;margin:0 0 14px;padding-bottom:2px;scrollbar-width:none}
.mobile-strip::-webkit-scrollbar{display:none}
.ms-chip{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:rgba(255,248,235,.04);font-size:13px;font-weight:600;white-space:nowrap}
.ms-chip.water{border-color:rgba(111,182,224,.45);background:rgba(111,182,224,.1);color:#cfe9f8}
@media (max-width:760px){
  .feed-page.page{padding-top:76px}
  .feed-page .wrap{padding:0 10px}
  .composer{padding:12px 12px 8px;border-radius:20px}
  .cmp-kinds,.cmp-previews,.cmp-video,.cmp-plant,.cmp-bar,.cmp-foot{margin-left:0}
  .cmp-tool span{display:none}
  .cmp-tool{padding:0 10px}
  .cmp-tip{display:none}
  .cmp-send span{display:inline}
  .feed-tabs a{padding:8px 12px;font-size:13px}
  .landing-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .landing-stats .stat{flex-direction:column;align-items:flex-start;gap:4px;padding:10px}
  .lf-grid{grid-template-columns:1fr}
  .lt-row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -16px 20px;padding:4px 16px 10px;scrollbar-width:none}
  .lt-card{flex:0 0 42%;scroll-snap-align:start}
  .landing-top{padding:60px 16px 30px}
  .act-plants{grid-template-columns:repeat(2,minmax(0,1fr))}
  .act-plants.n3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .bloom-ring{flex-basis:76px;height:76px}
  .post-ribbons{padding:12px 14px 0}
}
@media (prefers-reduced-motion:reduce){
  .bloom-ring,.bloom-ring img,.water-list .drop,.has-due .sc-badge,.landing-cta img{animation:none}
}

.tabs a,.tabs button{font-family:'DM Sans',system-ui,sans-serif}

/* ---------- egy bejegyzés ---------- */
.post-layout{display:grid;grid-template-columns:minmax(0,680px) 320px;gap:24px;justify-content:center;align-items:start}
.post-side{position:sticky;top:88px}
.back-link{display:inline-block;margin:0 0 12px;color:var(--muted);font-size:14px;font-weight:600}
.back-link:hover{color:var(--gold2)}
.author-card{display:grid;gap:14px}
.mini-posts{display:grid;gap:8px}
.mini-post{display:flex;gap:10px;align-items:center;padding:8px;border-radius:14px;transition:background .3s}
.mini-post:hover{background:rgba(255,248,235,.05)}
.mini-post img,.mini-post .mp-emo{flex:0 0 52px;width:52px;height:52px;border-radius:12px;object-fit:cover;display:grid;place-items:center;background:rgba(255,248,235,.05);font-size:22px}
.mini-post p{margin:0;font-size:13.5px;line-height:1.35}
.mini-post small{font-size:11.5px;color:var(--muted)}

/* ---------- profil ---------- */
.profile-page.page{padding-top:68px}
.pf-hero{position:relative;margin-bottom:26px}
.pf-cover{position:relative;height:clamp(180px,26vw,300px);overflow:hidden;background:#13211a}
.pf-cover::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,var(--bg) 0%,rgba(11,19,14,.2) 55%,rgba(11,19,14,.35))}
.pf-cover-img{position:absolute;inset:-30px 0 0;width:100%;height:calc(100% + 30px);object-fit:cover;will-change:transform}
.pf-cover-default{background:radial-gradient(ellipse at 20% 120%,rgba(196,104,63,.45),transparent 55%),radial-gradient(ellipse at 85% 0,rgba(232,189,104,.35),transparent 50%),linear-gradient(120deg,#1d3324,#13211a 50%,#2a2316)}
.pf-garland{position:absolute;top:-10px;left:50%;width:min(900px,140%);max-width:none;transform:translateX(-50%);animation:sway 7s ease-in-out infinite alternate;transform-origin:50% 0;opacity:.95}
.pf-head{position:relative;z-index:2;display:flex;align-items:flex-end;gap:24px;margin-top:-86px;flex-wrap:wrap}
.pf-avatar{position:relative;flex-shrink:0;padding:5px;border-radius:50%;background:conic-gradient(from 200deg,var(--gold),var(--terra2),var(--sage),var(--gold));box-shadow:0 20px 40px -16px rgba(0,0,0,.9);animation:avIn .8s var(--ease) both}
.pf-avatar .av{display:grid;border:5px solid var(--bg)}
.pf-dot{position:absolute;right:14px;bottom:14px;width:22px;height:22px;border-radius:50%;background:#5fd07a;border:4px solid var(--bg);box-shadow:0 0 0 0 rgba(95,208,122,.6);animation:pulseG 2.4s infinite}
@keyframes pulseG{0%,100%{box-shadow:0 0 0 0 rgba(95,208,122,.5)}50%{box-shadow:0 0 0 8px rgba(95,208,122,0)}}
@keyframes avIn{from{opacity:0;transform:translateY(20px) scale(.9)}}
.pf-id{flex:1;min-width:240px;padding-bottom:8px}
.pf-id h1{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font:600 clamp(30px,4vw,44px)/1.1 'Playfair Display',serif;margin:0;letter-spacing:-.5px}
.pf-id h1 .role{width:26px;height:26px}
.pf-role{font:700 11px 'DM Sans',sans-serif;letter-spacing:1.4px;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:rgba(232,189,104,.15);color:var(--gold2);border:1px solid rgba(232,189,104,.35)}
.pf-meta{display:flex;flex-wrap:wrap;gap:6px 16px;margin:8px 0 0;color:var(--muted);font-size:14px}
.pf-meta span{display:inline-flex;align-items:center;gap:6px}
.pf-meta .is-online{color:#7fe09a;font-weight:600}
.pf-follows-you{display:inline-block;margin-top:8px;padding:3px 10px;border-radius:8px;background:rgba(255,248,235,.07);font-size:12px;color:var(--muted)}
.pf-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-bottom:12px}
.pf-actions .rel-btns{flex-wrap:nowrap}
.pf-more .dd-pop .danger{color:#ffb4a6}
.pf-grid{display:grid;grid-template-columns:320px minmax(0,1fr);gap:24px;align-items:start}
.pf-side{position:sticky;top:88px}
.pf-bio p{margin:0;line-height:1.65}
.pf-web{display:inline-flex;align-items:center;gap:6px;margin-top:10px;color:var(--gold2);font-size:14px}
.pf-level small{display:block;margin-top:10px}
.pf-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:14px}
.pf-stat{display:grid;justify-items:center;gap:2px;padding:10px 4px;border-radius:14px;background:rgba(255,248,235,.03);border:1px solid transparent;text-align:center;transition:border-color .3s,transform .3s var(--ease)}
a.pf-stat:hover{border-color:rgba(232,189,104,.35);transform:translateY(-2px)}
.pf-stat strong{font:600 22px/1 'Playfair Display',serif}
.pf-stat span{font-size:11px;color:var(--muted);line-height:1.25}
.pf-rating{background:rgba(232,189,104,.07)}
.pf-rating strong{color:var(--gold2)}
.badge-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.bdg{position:relative;display:grid;justify-items:center;gap:2px;padding:8px 2px;border-radius:14px;text-align:center;cursor:help;filter:grayscale(1);opacity:.35;transition:opacity .3s,filter .3s,transform .3s var(--ease),background .3s}
.bdg i{font-style:normal;font-size:26px;line-height:1.1}
.bdg small{font-size:9.5px;line-height:1.15;color:var(--muted);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.bdg.got{filter:none;opacity:1;background:radial-gradient(circle at 50% 30%,rgba(232,189,104,.16),transparent 70%)}
.bdg.got i{animation:badgeIn .7s var(--ease) both}
.bdg:hover,.bdg:focus{transform:translateY(-3px);opacity:1}
.bdg:not(.got):hover{opacity:.7}
@keyframes badgeIn{from{transform:scale(.4) rotate(-20deg);opacity:0}}
.pf-tabs{margin-bottom:18px}
.pf-sub{margin-bottom:14px}
.pf-sub p{margin:0}
.pf-plants{grid-template-columns:repeat(3,minmax(0,1fr))}
.pc-trade{display:block;margin-top:8px;font-size:12px;color:#c9e6b3}
.pf-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font:600 22px 'Playfair Display',serif;margin:28px 0 14px}
.pf-h:first-of-type{margin-top:0}
.pf-h .ic{color:var(--gold)}
.wish-chips{display:flex;flex-wrap:wrap;gap:8px}
.wish-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;background:rgba(232,189,104,.08);border:1px solid rgba(232,189,104,.25);font-size:14px}
.wish-chip span{font-style:italic}
.wish-chip small{color:var(--muted);font-size:12px}
a.wish-chip:hover{border-color:var(--gold)}
.stars{position:relative;display:inline-block;font-size:17px;letter-spacing:2px;color:rgba(255,248,235,.18);line-height:1}
.stars::before{content:'★★★★★';position:absolute;left:0;top:0;width:calc(var(--v) * 20%);overflow:hidden;color:var(--gold);white-space:nowrap}
.rating p{margin:10px 0 0;line-height:1.6}
.rating-reply{display:flex;gap:10px;align-items:flex-start;margin:12px 0 0 20px;padding:10px 12px;border-left:2px solid rgba(232,189,104,.4);background:rgba(255,248,235,.03);border-radius:0 12px 12px 0}
.rating-reply p{margin:0;font-size:14px}
.bloom-tl{position:relative;padding-left:4px}
.tl-year{position:sticky;top:76px;z-index:2;margin:10px 0 12px;font:600 15px 'DM Sans',sans-serif}
.tl-year span{display:inline-block;padding:4px 14px;border-radius:999px;background:linear-gradient(135deg,rgba(238,143,168,.25),rgba(232,189,104,.2));border:1px solid rgba(238,143,168,.35);backdrop-filter:blur(8px)}
.tl-list{list-style:none;margin:0 0 20px;padding:0 0 0 26px;border-left:2px dashed rgba(238,143,168,.3)}
.tl-item{position:relative;margin-bottom:14px;animation:cardIn .6s var(--ease) both}
.tl-dot{position:absolute;left:-34px;top:26px;width:14px;height:14px;border-radius:50%;background:var(--pink);box-shadow:0 0 0 4px var(--bg),0 0 14px rgba(238,143,168,.6)}
.tl-card{display:flex;gap:14px;align-items:center;padding:12px;transition:border-color .3s,transform .4s var(--ease)}
.tl-card:hover{border-color:rgba(238,143,168,.45);transform:translateX(4px)}
.tl-card img{flex:0 0 84px;width:84px;height:84px;border-radius:50%;object-fit:cover;border:3px solid rgba(238,143,168,.45)}
.tl-card img.ph{object-fit:contain;padding:12px}
.tl-card time{display:block;font-size:12px;font-weight:700;color:#f7cdd8;letter-spacing:.4px}
.tl-card strong{display:block;font:600 17px 'Playfair Display',serif}
.tl-card em{display:block;font-size:12.5px;color:var(--muted)}
.tl-card small{display:block;margin-top:4px;font-size:12.5px;color:var(--muted)}
.tl-card p{margin:6px 0 0;font-size:13.5px}

/* ---------- emberek kártyái ---------- */
.people-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}
.person-card{display:grid;gap:12px;padding:18px 14px 16px;text-align:center;justify-items:center;transition:transform .45s var(--ease),border-color .4s;animation:cardIn .5s var(--ease) both}
.person-card:hover{transform:translateY(-4px);border-color:rgba(232,189,104,.35)}
.pc-top{display:grid;justify-items:center;gap:3px}
.pc-top .av{margin-bottom:6px;box-shadow:0 0 0 3px var(--panel2),0 0 0 5px rgba(232,189,104,.3)}
.pc-top strong{display:flex;align-items:center;gap:5px;font-size:15.5px}
.pc-top small{font-size:12.5px;color:var(--muted)}
.pc-lvl{font-size:11.5px;color:var(--gold2)}
.pc-top em{font-style:normal;font-size:12px;color:var(--sage);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.person-card .rel-btns{justify-content:center}

/* ---------- ismerősök oldal ---------- */
.fr-top{margin-bottom:18px;align-items:flex-end}
.fr-search{display:flex;align-items:center;gap:8px;flex:1;max-width:520px;padding:5px 5px 5px 16px;border-radius:999px;background:rgba(255,248,235,.06);border:1px solid var(--line)}
.fr-search:focus-within{border-color:rgba(232,189,104,.6);box-shadow:0 0 0 4px rgba(232,189,104,.12)}
.fr-search .ic{color:var(--sage)}
.fr-search input{flex:1;min-width:0;height:40px;border:0;background:none;color:var(--text);font:inherit;outline:none}
.fr-results{margin-bottom:28px}
.sr-title{display:flex;align-items:center;gap:10px;font:600 20px 'Playfair Display',serif;margin:6px 0 14px}
.sr-title span{font:700 12px 'DM Sans',sans-serif;padding:2px 9px;border-radius:999px;background:rgba(255,248,235,.08);color:var(--muted)}
.req-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:12px}
.req-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;flex-wrap:wrap;transition:opacity .4s,transform .4s var(--ease)}
.req-card.done{opacity:0;transform:scale(.96)}
.fr-out{margin-top:30px}
.link{color:var(--gold2);text-decoration:underline}

/* ---------- értesítések ---------- */
.nf-filter{margin-top:6px}
.nf-day{font:700 12px 'DM Sans',sans-serif;letter-spacing:1.6px;text-transform:uppercase;color:var(--gold2);margin:22px 0 10px}
.nf-group{padding:6px;overflow:hidden}
.nf-item{position:relative;display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:16px;transition:background .25s}
.nf-item+.nf-item{margin-top:2px}
.nf-item:hover{background:rgba(255,248,235,.05)}
.nf-item.unread{background:rgba(232,189,104,.07)}
.nf-av{position:relative;flex-shrink:0}
.nf-av i{position:absolute;right:-6px;bottom:-4px;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--panel2);border:2px solid var(--bg);font-style:normal;font-size:12px}
.nf-text{flex:1;min-width:0;font-size:14.5px;line-height:1.45}
.nf-text time{display:block;font-size:12px;color:var(--muted);margin-top:2px}
.nf-dot{width:10px;height:10px;border-radius:50%;background:var(--terra2);box-shadow:0 0 10px rgba(227,144,92,.7)}

/* ---------- ranglisták ---------- */
.rk-hero{padding-bottom:50px}
.rk-page.page{padding-top:20px}
.rk-boards{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;padding:4px 2px 12px;margin-bottom:12px}
@media (max-width:1240px){.rk-boards{grid-template-columns:repeat(4,minmax(0,1fr))}}
.rk-boards a{flex:0 0 auto;display:grid;justify-items:center;align-content:center;gap:4px;min-width:0;padding:14px 12px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(160deg,var(--panel2),var(--panel));text-align:center;font-size:12.5px;font-weight:600;line-height:1.25;color:rgba(243,239,228,.85);transition:transform .35s var(--ease),border-color .3s,background .3s}
.rk-boards a:hover{transform:translateY(-3px);border-color:rgba(232,189,104,.4)}
.rk-boards a[aria-current]{border-color:var(--gold);background:radial-gradient(circle at 50% 0,rgba(232,189,104,.25),transparent 70%),linear-gradient(160deg,var(--panel2),var(--panel));color:var(--gold2);box-shadow:0 14px 30px -18px rgba(232,189,104,.6)}
.rk-emo{font-size:26px}
.rk-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;padding:14px 16px;margin-bottom:20px}
.rk-f{display:grid;gap:4px}
.rk-f>span{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}
.rk-f select,.rk-f input{height:40px;padding:0 12px;border-radius:12px;border:1px solid var(--line);background:rgba(10,18,13,.6);color:var(--text);font:inherit;font-size:14px;min-width:150px}
.rk-f select option{background:#13211a}
.rk-period{display:inline-flex;padding:4px;border-radius:999px;background:rgba(255,248,235,.05);border:1px solid var(--line)}
.rk-period a{padding:7px 14px;border-radius:999px;font-size:13px;font-weight:600;color:var(--muted)}
.rk-period a.on{background:linear-gradient(135deg,var(--gold),var(--terra2));color:#1a120a}
.rk-head{text-align:center;margin:10px 0 6px}
.rk-head h2{font:600 clamp(26px,3.4vw,36px)/1.15 'Playfair Display',serif;margin:0}
.rk-head h2 small{font:500 15px 'DM Sans',sans-serif;color:var(--muted)}
.rk-explain{display:flex;justify-content:center;align-items:flex-start;gap:8px;max-width:640px;margin:10px auto 0;color:var(--muted);font-size:13.5px}
.rk-info{flex:0 0 20px;height:20px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(232,189,104,.5);color:var(--gold2);font:italic 700 12px Georgia,serif;cursor:help}
.podium{display:grid;grid-template-columns:repeat(3,minmax(0,220px));justify-content:center;align-items:end;gap:14px;margin:34px auto 26px;min-height:380px}
.pod{display:flex;flex-direction:column;align-items:center;text-align:center}
.pod-person{display:grid;justify-items:center;gap:3px;padding-bottom:12px;animation:podPerson .8s var(--ease) both;animation-delay:calc(.5s + var(--i) * .25s)}
.pod-av{position:relative;border-radius:50%;padding:4px;background:linear-gradient(135deg,#d9dfe4,#8f99a2)}
.pod-1 .pod-av{background:conic-gradient(from 0deg,#fbe39a,#d9a43c,#fff2c4,#d9a43c,#fbe39a);box-shadow:0 0 40px rgba(232,189,104,.45)}
.pod-3 .pod-av{background:linear-gradient(135deg,#f0b38a,#9a5a32)}
.pod-av .av{display:grid;border:4px solid var(--bg)}
.pod-crown{font-size:34px;line-height:1;animation:crown 3s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}
@keyframes crown{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-6px) rotate(6deg)}}
.pod-person strong{margin-top:8px;font:600 17px/1.2 'Playfair Display',serif}
.pod-person small{font-size:12px;color:var(--muted)}
.pod-plant{display:grid;justify-items:center;gap:2px;margin-top:6px}
.pod-plant img{width:64px;height:64px;border-radius:14px;object-fit:cover;border:2px solid rgba(238,143,168,.5);box-shadow:0 8px 16px -8px rgba(0,0,0,.8)}
.pod-plant em{font-size:11px;color:#f7cdd8;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pod-block{position:relative;display:grid;justify-items:center;align-content:start;gap:2px;width:100%;padding-top:16px;border-radius:18px 18px 6px 6px;border:1px solid var(--line);border-bottom:0;transform-origin:bottom;animation:podRise 1s var(--ease) both;animation-delay:calc(var(--i) * .25s);overflow:hidden}
.pod-block::after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.12) 50%,transparent 65%);transform:translateX(-100%);animation:sheen 4.5s ease-in-out infinite;animation-delay:calc(1.4s + var(--i) * .3s)}
.pod-1 .pod-block{height:190px;background:linear-gradient(180deg,rgba(232,189,104,.35),rgba(232,189,104,.06))}
.pod-2 .pod-block{height:140px;background:linear-gradient(180deg,rgba(201,209,216,.28),rgba(201,209,216,.05))}
.pod-3 .pod-block{height:105px;background:linear-gradient(180deg,rgba(213,139,85,.3),rgba(213,139,85,.05))}
.pod-medal{font-size:30px;line-height:1}
.pod-block b{font:600 30px/1.1 'Playfair Display',serif}
.pod-1 .pod-block b{color:var(--gold2);font-size:36px}
.pod-block i{font-style:normal;font-size:12px;color:var(--muted)}
.pod.is-me .pod-person strong{color:var(--gold2)}
.pod:hover .pod-av{transform:scale(1.05)}
.pod-av{transition:transform .4s var(--ease)}
@keyframes podRise{from{transform:scaleY(0);opacity:0}}
@keyframes podPerson{from{opacity:0;transform:translateY(30px) scale(.9)}}
@keyframes sheen{0%,60%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
.rk-me{position:sticky;top:76px;z-index:5;display:flex;align-items:center;gap:12px;max-width:680px;margin:0 auto 16px;padding:10px 16px;border-radius:999px;background:rgba(19,33,26,.92);backdrop-filter:blur(10px);border:1px solid rgba(232,189,104,.45);box-shadow:0 12px 30px -14px rgba(0,0,0,.9);font-size:14.5px}
.rk-me b{color:var(--gold2);font-size:17px}
.rk-me small{margin-left:auto;color:var(--muted);font-size:12.5px}
.rk-me.none{border-color:var(--line)}
.rk-list{list-style:none;max-width:860px;margin:0 auto;padding:6px}
.rk-row{display:grid;grid-template-columns:48px minmax(0,1fr) minmax(80px,200px) auto;align-items:center;gap:12px;padding:10px 12px;border-radius:16px;animation:cardIn .5s var(--ease) both;animation-delay:var(--d)}
.rk-row+.rk-row{border-top:1px solid var(--line)}
.rk-row:hover{background:rgba(255,248,235,.04)}
.rk-row.is-me{background:rgba(232,189,104,.1);border:1px solid rgba(232,189,104,.45)}
.rk-pos{font:600 18px 'Playfair Display',serif;color:var(--muted);text-align:center}
.rk-user{display:flex;align-items:center;gap:12px;min-width:0}
.rk-user>span{min-width:0}
.rk-user strong{display:flex;align-items:center;gap:5px;font-size:15px}
.rk-user small{display:block;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rk-bar{height:8px;border-radius:8px;background:rgba(255,248,235,.07);overflow:hidden}
.rk-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--sage2),var(--gold));transform-origin:left;animation:barGrow 1.2s var(--ease) both;animation-delay:calc(var(--d) + .2s)}
@keyframes barGrow{from{transform:scaleX(0)}}
.rk-score{font:600 18px 'Playfair Display',serif;text-align:right;white-space:nowrap}
.rk-score small{font:500 11px 'DM Sans',sans-serif;color:var(--muted)}
.rk-foot{text-align:center;font-size:12.5px;margin-top:18px}

/* ---------- keresés ---------- */
.big-search{max-width:820px;margin:6px auto 18px}
.big-search>.ic{position:absolute;left:19px;width:20px;height:20px;color:var(--sage)}
.search-tabs{max-width:820px;margin:0 auto 22px}
.search-results{transition:opacity .25s}
.search-results.busy{opacity:.5}
.sr-sec{margin-bottom:34px;animation:cardIn .45s var(--ease) both}
.sr-sec[hidden]{display:none}
.sr-species{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px}
.sp-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:linear-gradient(160deg,var(--panel2),var(--panel));border:1px solid var(--line);transition:border-color .3s,transform .3s var(--ease)}
.sp-row:hover{border-color:rgba(232,189,104,.4);transform:translateY(-2px)}
.sp-row img{width:40px;height:40px;object-fit:contain}
.sp-row span{flex:1;min-width:0}
.sp-row strong{display:block;font-weight:600}
.sp-row small{display:block;font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sp-row b{font-size:11.5px;color:var(--sage);white-space:nowrap}
.sr-posts{display:grid;gap:10px}
.sr-post{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;transition:border-color .3s}
.sr-post:hover{border-color:rgba(232,189,104,.35)}
.sr-post time{font-size:12px;color:var(--muted)}
.sr-post p{margin:4px 0 0;font-size:14px;line-height:1.5}
mark{background:rgba(232,189,104,.3);color:inherit;border-radius:3px;padding:0 2px}
.search-hints{max-width:820px;margin:20px auto}
.search-hints .chips{justify-content:flex-start}

@media (max-width:1100px){
  .pf-grid{grid-template-columns:280px minmax(0,1fr)}
  .pf-plants{grid-template-columns:repeat(2,minmax(0,1fr))}
  .post-layout{grid-template-columns:minmax(0,1fr) 280px}
}
@media (max-width:900px){
  .pf-grid,.post-layout{grid-template-columns:minmax(0,1fr)}
  .pf-side,.post-side{position:static}
  .pf-side{order:2}
  .pf-head{justify-content:center;text-align:center}
  .pf-id{min-width:100%}
  .pf-id h1,.pf-meta{justify-content:center}
  .pf-actions{width:100%;justify-content:center}
}
@media (max-width:760px){
  .pf-avatar .av{--s:118px!important;width:118px;height:118px}
  .pf-head{margin-top:-70px;gap:12px}
  .pf-actions .rel-btns{flex-wrap:wrap;justify-content:center}
  .pf-plants{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .pf-plants .plant-info{padding:12px}
  .badge-grid{grid-template-columns:repeat(5,1fr)}
  .podium{gap:6px;min-height:320px;grid-template-columns:repeat(3,minmax(0,1fr))}
  .pod-av .av{--s:64px!important;width:64px;height:64px;font-size:26px}
  .pod-1 .pod-av .av{--s:78px!important;width:78px;height:78px}
  .pod-person strong{font-size:14px}
  .pod-person small{font-size:10.5px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .pod-block b{font-size:22px}.pod-1 .pod-block b{font-size:26px}
  .pod-1 .pod-block{height:150px}.pod-2 .pod-block{height:112px}.pod-3 .pod-block{height:86px}
  .rk-row{grid-template-columns:34px minmax(0,1fr) auto;gap:8px;padding:10px 6px}
  .rk-bar{display:none}
  .rk-boards{display:flex;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;margin:0 -16px 12px;padding:4px 16px 12px;scrollbar-width:none}
  .rk-boards a{min-width:100px;padding:10px 8px}
  .rk-filters{gap:10px}
  .rk-f{flex:1 1 140px}
  .rk-f select,.rk-f input{min-width:0;width:100%}
  .rk-me{border-radius:18px;flex-wrap:wrap}
  .rk-me small{margin-left:46px}
  .req-list{grid-template-columns:1fr}
  .people-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .person-card{padding:14px 8px}
  .person-card .rel-btns .btn{padding:0 10px}
  .fr-top{flex-direction:column;align-items:stretch}
  .fr-search{max-width:none}
  .sr-species{grid-template-columns:1fr}
  .tl-list{padding-left:18px}
  .tl-dot{left:-26px}
  .tl-card img{flex-basis:64px;width:64px;height:64px}
}
@media (prefers-reduced-motion:reduce){
  .pod-block,.pod-person,.pod-crown,.pod-block::after,.rk-bar i,.rk-row,.pf-garland,.pf-dot,.bdg.got i,.tl-item{animation:none!important}
}
/* A régi bardi-public.css .post-head szabálya (virágzásnapló) mobilon oszlopba töri a post_card fejlécét – itt visszaállítjuk. */
.post>.post-head{flex-direction:row;align-items:center;justify-content:flex-start;gap:10px}
.pod-empty{visibility:hidden}
.fr-search{min-width:0;width:100%}.fr-search input{width:0;flex:1 1 auto}.fr-search .btn{flex-shrink:0}
@media (max-width:760px){
  .composer .cmp-vis{margin-left:auto}
  .composer .cmp-vis select{max-width:150px}
  .composer .cmp-send{flex:1 1 100%;margin-top:6px}
  .cmp-previews{grid-template-columns:repeat(4,minmax(0,1fr))}
}
.pf-side{grid-template-columns:minmax(0,1fr)}.pf-side>*{min-width:0}.badge-grid{grid-template-columns:repeat(auto-fill,minmax(56px,1fr))!important}