*{box-sizing:border-box} :root{--bg:#151416;--panel:#211f21;--panel2:#292529;--text:#f2ece8;--muted:#aa9fa0;--red:#b8474e;--red2:#7d3037;--line:#3a3437;--cream:#e7d9cf}
body{margin:0;background:radial-gradient(circle at 50% -20%,#39272b 0,#171517 38%,#121113 100%);color:var(--text);font:15px system-ui,-apple-system,Segoe UI,sans-serif;min-height:100vh}.hidden{display:none!important}
.logo{font:800 27px Georgia,serif;letter-spacing:.4px}.logo span{color:#df6b72}.logo.big{font-size:46px}
.gate,.auth{min-height:100vh;display:grid;place-items:center;padding:24px}.gatebox,.authcard{width:min(440px,100%);padding:30px;background:rgba(34,31,33,.96);border:1px solid #493b3f;border-radius:18px;box-shadow:0 24px 80px #0008;text-align:center}.gate h1{font:500 28px Georgia,serif;margin:24px 0 10px}.gate p,.tag{color:var(--muted);line-height:1.6}.gate small,.auth small{display:block;color:#83787b;margin-top:16px}.primary{border:0;border-radius:10px;background:linear-gradient(135deg,var(--red),var(--red2));color:white;font-weight:700;padding:14px 18px;width:100%;font-size:15px;cursor:pointer}
.authcard input{width:100%;padding:14px;margin:6px 0;background:#171517;border:1px solid var(--line);border-radius:9px;color:white;font-size:16px}.tabs{display:flex;margin:22px 0 10px;border-bottom:1px solid var(--line)}.tabs button{flex:1;padding:12px;background:none;border:0;color:var(--muted)}.tabs button.active{color:#fff;border-bottom:2px solid var(--red)}
header{height:62px;position:sticky;top:0;z-index:5;display:flex;align-items:center;padding:0 18px;background:#1b191bdc;backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}header .headline{margin-left:18px;color:var(--muted);font-size:13px}.iconbtn{margin-left:auto;border:0;background:none;color:#ddd;font-size:20px}
main{max-width:760px;margin:auto;padding:14px 14px 92px}.card{background:linear-gradient(145deg,#242124,#1d1b1d);border:1px solid var(--line);border-radius:14px;margin-bottom:13px;overflow:hidden;box-shadow:0 7px 25px #0002}.welcome{padding:18px}.welcome h2{font:500 23px Georgia,serif;margin:0 0 6px}.muted{color:var(--muted)}.posthead,.friend{display:flex;align-items:center;gap:12px;padding:14px}.avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid #4c3b3f}.avatar.big{width:96px;height:96px}.name{font-weight:750}.age{color:#c9bfc0;font-weight:400}.postbody{padding:0 14px 14px;line-height:1.55}.postimg{width:100%;max-height:480px;object-fit:cover;display:block;filter:saturate(.85) contrast(.97)}.actions{padding:12px 14px;border-top:1px solid var(--line);color:#c8babc}.pill{display:inline-block;background:#352c2f;border:1px solid #4d3b40;border-radius:20px;padding:6px 10px;color:#d8c9ca;font-size:12px}
.sectiontitle{font:500 22px Georgia,serif;margin:9px 3px 14px}.friend{cursor:pointer;border-bottom:1px solid var(--line)}.friend:last-child{border:0}.friend .info{flex:1}.friend p{margin:4px 0;color:var(--muted);font-size:13px}.online{color:#77a878;font-size:12px}.mini{width:auto;padding:9px 12px}
.profilehero{text-align:center;padding:22px}.profilehero h2{font:500 27px Georgia,serif;margin:10px 0 5px}.profilehero p{color:var(--muted)}.facts{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:12px}.bio{padding:16px;line-height:1.6;border-top:1px solid var(--line)}
.messages{height:52vh;overflow:auto;padding:15px}.bubble{max-width:80%;padding:11px 13px;border-radius:14px;background:#302b2e;margin:8px 0;line-height:1.45}.bubble.me{margin-left:auto;background:#71383d}.chatbar{display:flex;padding:10px;border-top:1px solid var(--line);gap:8px}.chatbar input{flex:1;min-width:0;background:#171517;border:1px solid var(--line);border-radius:10px;color:#fff;padding:12px;font-size:16px}.chatbar button{width:auto}.locked{padding:24px;text-align:center;background:linear-gradient(135deg,#352428,#241e21)}.locked b{color:#e17b82}.photoGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;padding:7px}.photoGrid img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:9px}.price{padding:20px}.price strong{font-size:31px;color:#e07a81}.adminGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px}.stat{padding:16px;background:#191719;border:1px solid var(--line);border-radius:10px}.stat b{display:block;font-size:22px;color:#df747b}
.bottom{position:fixed;z-index:10;bottom:0;left:0;right:0;height:72px;padding-bottom:env(safe-area-inset-bottom);display:flex;background:#191719f5;border-top:1px solid var(--line);backdrop-filter:blur(12px)}.bottom button{flex:1;background:none;border:0;color:#8f8587;font-size:20px}.bottom button span{display:block;font-size:11px;margin-top:4px}.bottom button.active{color:#e16c74}
@media(min-width:800px){main{padding-top:25px}.bottom{left:50%;transform:translateX(-50%);max-width:760px;border:1px solid var(--line);border-bottom:0;border-radius:15px 15px 0 0}.photoGrid{grid-template-columns:repeat(3,1fr)}}.toast{position:fixed;left:50%;top:16px;transform:translateX(-50%);z-index:100;width:min(92vw,480px);padding:13px 16px;border-radius:10px;background:#2b2729;border:1px solid #5b4549;color:#fff;box-shadow:0 10px 30px #0008;text-align:center}.notice{padding:11px 12px;margin:12px 0;border:1px solid #59484b;background:#2a2426;border-radius:9px;color:#d8c9ca;line-height:1.45}.notice.ok{border-color:#36543b;background:#1d2b20;color:#cce2cf}.notice.err{border-color:#71383d;background:#2e1e20;color:#f0c9cc}.checkrow{display:flex;gap:10px;align-items:flex-start;text-align:left;margin:10px 0 14px;color:#c8babc;font-size:13px;line-height:1.4}.checkrow input{width:auto!important;margin-top:3px!important}.textbtn{width:100%;border:0;background:none;color:#d57980;padding:12px;cursor:pointer}.loading{opacity:.7;pointer-events:none}.profileEmail{font-size:13px;color:var(--muted);word-break:break-all}.logout{margin-top:12px;background:#2b2528;border:1px solid #5a3c41}.authcard .primary{margin-top:8px}

/* ===== FrAInds v0.8 · Private Fotoangebote ===== */
.imageOffer{max-width:84%;margin:12px 0;padding:10px;background:linear-gradient(145deg,#35282c,#261f22);border:1px solid #5a4147;border-radius:16px;box-shadow:0 10px 28px #0004}
.offerPreview{height:180px;position:relative;overflow:hidden;border-radius:12px;background:#1b1719}
.offerPreview img{width:100%;height:100%;object-fit:cover;filter:blur(18px) brightness(.42) saturate(.8);transform:scale(1.18)}
.offerShade{position:absolute;inset:0;background:linear-gradient(180deg,#0001,#0008)}
.offerLock{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#171315d9;border:1px solid #ffffff2b;font-size:25px;box-shadow:0 8px 24px #0008}
.offerBadge{position:absolute;left:10px;bottom:10px;padding:6px 9px;border-radius:999px;background:#171315d9;border:1px solid #ffffff20;color:#f3e8e8;font-size:11px;font-weight:800;letter-spacing:.35px;text-transform:uppercase}
.offerText{display:flex;flex-direction:column;gap:4px;padding:12px 3px 9px;line-height:1.4}.offerText b{font-size:14px}.offerText span{font-size:12px;color:var(--muted)}
.offerAction{display:flex;justify-content:flex-end}.offerAction .primary{width:100%}.offerAction button:disabled{opacity:.65;cursor:default}
.adminActions{padding:14px;border-top:1px solid var(--line)}.adminActions p{font-size:12px;line-height:1.5;margin:10px 2px 2px}
@media(max-width:520px){.imageOffer{max-width:92%}.offerPreview{height:155px}}
\n\n/* ===== FrAInds v0.9 · Coin Wallet ===== */
.coinBalance{margin-left:auto;margin-right:10px;display:inline-flex;align-items:center;gap:5px;padding:7px 10px;border-radius:999px;background:#30282b;border:1px solid #574147;color:#f0d9a6;font-weight:800;font-size:13px;white-space:nowrap}
header .iconbtn{margin-left:0}
.coinPill{color:#f0d9a6;border-color:#66533a;background:#362f24}
.walletCard{margin:18px 0 4px;padding:16px;border:1px solid #5a4936;border-radius:12px;background:linear-gradient(145deg,#332c22,#241f1b);display:flex;flex-direction:column;gap:5px;text-align:left}
.walletCard strong{font-size:28px;color:#f0d9a6}.walletCard span{color:var(--muted);font-size:12px}
.imageOffer.unlocked{border-color:#4d6a50}.imageOffer.unlocked .offerPreview img{filter:blur(16px) brightness(.52) saturate(.9)}.imageOffer.unlocked .offerLock{background:#243328d9;border-color:#80aa8655}
@media(max-width:520px){header .headline{display:none}.coinBalance{margin-left:auto;font-size:12px;padding:6px 9px}}


/* ===== FrAInds v0.10 · Private Images ===== */
.offerPreview.readyImage{height:auto;min-height:180px;background:#151315}
.offerPreview.readyImage .privateGeneratedImage{display:block;width:100%;height:auto;max-height:520px;object-fit:contain;filter:none;transform:none;background:#151315}
.imageOffer.unlocked .offerPreview.readyImage img{filter:none;transform:none}
.offerAction .secondary{width:100%;padding:9px 12px;border-radius:9px;border:1px solid #5b4549;background:#251f22;color:#e5d8da;font-weight:700;cursor:pointer}
.offerAction .secondary:hover{background:#30272b}


/* ===== FrAInds v0.11 · Identity + Generation Progress ===== */
.generationProgress{width:100%;padding:13px 12px;border-radius:11px;border:1px solid #5a4147;background:linear-gradient(145deg,#2d2528,#211c1e)}
.genTitle{font-weight:750;font-size:13px;line-height:1.4;margin-bottom:10px;color:#f0e3e4}
.genBar{height:6px;border-radius:999px;background:#171416;overflow:hidden;border:1px solid #3d3336}
.genBar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8d3b43,#dc6a72);transition:width .55s ease}
.genSteps{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;margin-top:11px}
.genStep{display:flex;align-items:center;gap:6px;color:#83797b;font-size:11px}.genStep span{width:14px;text-align:center}.genStep.active{color:#e9c5c8;font-weight:750}.genStep.done{color:#91b398}
.generationProgress small{display:block;margin-top:10px;color:#8f8587;font-size:10px}
.offerAction .generationProgress{margin-top:2px}
@media(max-width:520px){.genSteps{grid-template-columns:1fr}.generationProgress{padding:12px 10px}}


/* v0.13 – Chat typing indicator */
.typingBubble{display:flex;align-items:center;gap:5px;width:max-content;min-width:52px;padding:13px 15px;background:#302b2e}
.typingDot{display:block;width:7px;height:7px;border-radius:50%;background:#c9bfc0;opacity:.45;animation:fraindsTyping 1.15s infinite ease-in-out}
.typingDot:nth-child(2){animation-delay:.16s}.typingDot:nth-child(3){animation-delay:.32s}
@keyframes fraindsTyping{0%,60%,100%{transform:translateY(0);opacity:.35}30%{transform:translateY(-4px);opacity:1}}

/* ===== FrAInds v0.14 · 4U Private Feed ===== */
.feedTitleRow{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:4px 2px 14px}.feedTitleRow .sectiontitle{margin:0 0 3px}.feedSubtitle{font-size:13px}.feedPrivacy{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;border:1px solid #4b3f43;background:#261f22;color:#bdaeb0;font-size:11px;white-space:nowrap}
.feedComposer{padding:14px}.feedComposerTop{display:flex;gap:11px;align-items:flex-start}.feedUserAvatar{display:grid;place-items:center;background:linear-gradient(145deg,#6e343a,#3c282c);color:#f5e7e8;font-weight:850;flex:0 0 auto}.feedComposer textarea{flex:1;resize:vertical;min-height:86px;max-height:180px;border:1px solid var(--line);border-radius:12px;background:#171517;color:#fff;padding:12px 13px;font:inherit;line-height:1.45;outline:none}.feedComposer textarea:focus,.feedCommentComposer input:focus{border-color:#774a50;box-shadow:0 0 0 2px #7d303722}.feedComposerBottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:11px;padding-left:59px}.feedComposerBottom span{color:var(--muted);font-size:11px;line-height:1.35}.feedComposerBottom .primary{min-width:86px}
.feedPost{overflow:hidden}.feedPostHead{display:flex;align-items:center;gap:11px;padding:14px 14px 10px}.feedAuthor{min-width:0;flex:1}.feedAuthor .muted{font-size:12px}.feedAiBadge,.feedPrivateBadge{font-size:10px;border:1px solid #4d3b40;background:#30262a;color:#d2c2c4;border-radius:999px;padding:5px 8px;white-space:nowrap}.feedPrivateBadge{background:#232023;color:#94898b;border-color:#393336}.feedPostBody{padding:4px 14px 15px;line-height:1.58;font-size:15px;white-space:pre-wrap;overflow-wrap:anywhere}.aiReactLine{margin:0 14px 10px;padding:8px 10px;border-radius:10px;background:#261f22;border:1px solid #3e3337;color:#cbbabc;font-size:12px}.feedActions{display:flex;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.feedActions button{flex:1;border:0;background:none;color:#b9abad;padding:11px 8px;cursor:pointer;font-weight:650}.feedActions button:hover{background:#ffffff05}.feedActions .liked{color:#e06e76}.feedActions .liked::first-letter{color:#e06e76}
.feedComments{padding:11px 14px 3px;display:flex;flex-direction:column;gap:9px}.feedComment{display:flex;align-items:flex-start;gap:8px}.feedComment.reply{margin-left:38px}.feedComment.reply .feedCommentBubble{background:#262225;border-color:#47373c}.feedCommentAvatar{width:31px;height:31px;border-radius:50%;object-fit:cover;border:1px solid #4a3c40;font-size:10px;flex:0 0 auto}.feedCommentBubble{background:#2b2729;border:1px solid #3d3639;border-radius:12px;padding:8px 10px;line-height:1.4;min-width:0;max-width:calc(100% - 42px);overflow-wrap:anywhere}.feedCommentName{font-weight:750;font-size:12px;margin-bottom:3px}.feedCommentName span{font-weight:400;color:var(--muted);font-size:10px;margin-left:5px}.feedCommentComposer{display:flex;align-items:center;gap:7px;padding:10px 14px 13px}.feedCommentComposer input{flex:1;min-width:0;border:1px solid var(--line);border-radius:999px;background:#171517;color:#fff;padding:9px 12px;font-size:13px;outline:none}.feedCommentSend{border:0;background:none;color:#d96d75;font-weight:750;cursor:pointer;padding:7px 2px}.feedEmpty{padding:30px 20px;text-align:center;color:var(--muted)}.feedEmpty b{display:block;color:#e6dcdd;font-size:16px;margin-top:10px}.feedEmpty p{max-width:430px;margin:8px auto 0;line-height:1.55}.feedEmptyIcon{width:58px;height:58px;margin:auto;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#71383d,#3b292d);border:1px solid #754c52;color:#fff;font:800 18px Georgia,serif;box-shadow:0 8px 24px #0004}
@media(max-width:520px){.feedTitleRow{align-items:center}.feedSubtitle{max-width:235px}.feedComposer{padding:12px}.feedComposerBottom{padding-left:0}.feedComposerBottom span{max-width:210px}.feedPostHead{padding:12px 12px 9px}.feedPostBody{padding:4px 12px 13px}.feedComments,.feedCommentComposer{padding-left:12px;padding-right:12px}.feedAiBadge,.feedPrivateBadge{font-size:9px;padding:4px 6px}}

@media(max-width:520px){.feedComment.reply{margin-left:24px}}


.feedPostImageWrap{
  margin:14px 0 0;
  overflow:hidden;
  border-top:1px solid #44383b;
  border-bottom:1px solid #44383b;
  background:#151315;
}
.feedPostImage{
  display:block;
  width:100%;
  max-height:720px;
  object-fit:cover;
  object-position:center;
}
.feedImageGenerating{
  display:flex;
  align-items:center;
  gap:5px;
  margin:12px 14px 0;
  color:#b6aaad;
  font-size:12px;
}
.feedImageGenerating .typingDot{
  width:6px;
  height:6px;
}
@media(max-width:600px){
  .feedPostImage{
    max-height:560px;
  }
}

.chatTestTools{display:flex;align-items:center;gap:10px;padding:0 10px 10px;flex-wrap:wrap}.chatTestTools .muted{font-size:11px}.secondary{background:#242124;border:1px solid var(--line);color:#eee;border-radius:10px;padding:9px 12px;cursor:pointer}.secondary:hover{background:#302b2e}.secondary:disabled{opacity:.55;cursor:not-allowed}


/* =========================================================
   FrAInds v0.16 · App Shell / Navigation
   ========================================================= */
:root{
  --rail:232px;
  --header-h:76px;
  --app-bg:#101012;
  --panel-soft:#1b191c;
  --accent:#d65f68;
  --accent-soft:#8e3941;
}

body{
  background:
    radial-gradient(circle at 62% -10%,rgba(119,47,56,.22),transparent 34%),
    linear-gradient(180deg,#111013 0%,#0d0d0f 100%);
}
#app{min-height:100vh}

.appRail{
  position:fixed;
  inset:0 auto 0 0;
  z-index:20;
  width:var(--rail);
  display:flex;
  flex-direction:column;
  padding:24px 16px 18px;
  background:linear-gradient(180deg,rgba(28,25,28,.98),rgba(18,17,19,.98));
  border-right:1px solid #332d31;
  box-shadow:18px 0 50px #0002;
}
.railBrand{padding:3px 10px 25px}
.railBrand .logo{font-size:30px}
.railBrand small{display:block;margin-top:5px;color:#756b6e;font-size:10px;letter-spacing:.35px}
.railFoot{margin-top:auto;padding:14px 10px 2px;border-top:1px solid #302a2e}
.railPrivacy{display:flex;align-items:center;gap:8px;color:#7f7477;font-size:11px}
.statusDot{width:7px;height:7px;border-radius:50%;background:#68a36d;box-shadow:0 0 0 4px #68a36d17}

header{
  height:var(--header-h);
  left:auto;
  right:auto;
  width:calc(100% - var(--rail));
  margin-left:var(--rail);
  padding:0 28px;
  background:rgba(15,14,16,.76);
  border-bottom:1px solid #2c272a;
  backdrop-filter:blur(18px);
}
.mobileBrand{display:none}
.headerCopy{min-width:0}
.headerEyebrow{color:#7f7477;text-transform:uppercase;letter-spacing:1.35px;font-size:9px;font-weight:800;margin-bottom:3px}
header .headline{margin:0;color:#d7ccce;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.headerActions{margin-left:auto;display:flex;align-items:center;gap:9px}
header .coinBalance{margin:0;background:#211d1b;border-color:#4d4131;color:#ecd69e;padding:8px 12px}
.iconbtn{
  width:38px;height:38px;margin:0;display:grid;place-items:center;
  border:1px solid #393236;border-radius:11px;background:#1d1a1d;color:#bfb2b5;cursor:pointer
}
.iconbtn:hover{background:#272226;color:#fff;border-color:#4b3a40}
.iconbtn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

main{
  max-width:820px;
  margin:0 auto 0 calc(var(--rail) + max(24px,(100vw - var(--rail) - 820px)/2));
  padding:26px 18px 70px;
}

.bottom{
  position:static;
  left:auto;
  right:auto;
  bottom:auto;
  transform:none;
  max-width:none;
  width:100%;height:auto;
  display:flex;flex-direction:column;
  padding:0;background:none;border:0;border-radius:0;backdrop-filter:none;
}
.bottom button{
  flex:none;width:100%;height:48px;
  display:flex;align-items:center;gap:13px;
  padding:0 13px;margin:2px 0;
  border:1px solid transparent;border-radius:12px;
  background:transparent;color:#9a8f92;font-size:14px;font-weight:650;text-align:left;cursor:pointer
}
.bottom button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.bottom button span{display:inline;margin:0;font-size:13px}
.bottom button:hover{background:#ffffff05;color:#d8cdcf}
.bottom button.active{
  color:#f2e8e9;
  background:linear-gradient(90deg,rgba(142,57,65,.25),rgba(142,57,65,.07));
  border-color:#4a3035;
  box-shadow:inset 3px 0 0 #c95761;
}

/* cards etwas ruhiger / hochwertiger */
.card{background:linear-gradient(145deg,#201e21,#19181a);border-color:#353034;box-shadow:0 12px 34px #0002}
.feedTitleRow{margin-top:1px}
.feedTitleRow .sectiontitle{font-size:27px;letter-spacing:-.2px}
.feedSubtitle{color:#8f8487}
.feedPrivacy{background:#1a181a;border-color:#393236}
.feedComposer{border-radius:18px;padding:16px}
.feedComposer textarea{background:#121214;border-color:#332e31;border-radius:14px}
.feedPost{border-radius:18px}
.feedPostHead{padding:16px 16px 10px}
.feedPostBody{padding-left:16px;padding-right:16px;font-size:15px}
.feedActions button{min-height:43px}

/* Desktop scrollbar subtiler */
*{scrollbar-width:thin;scrollbar-color:#44383c #151416}

@media(max-width:899px){
  :root{--header-h:62px}
  .appRail{position:static;width:auto;padding:0;background:none;border:0;box-shadow:none}
  .railBrand,.railFoot{display:none}
  header{left:0;width:100%;margin-left:0;height:var(--header-h);padding:0 14px}
  .mobileBrand{display:block;font-size:25px;flex:0 0 auto}
  .headerCopy{display:none}
  main{max-width:760px;margin:auto;padding:14px 12px 92px}
  .bottom{
    position:fixed;z-index:30;left:0;right:0;bottom:0;
    height:70px;display:flex;flex-direction:row;
    padding:0 5px env(safe-area-inset-bottom);
    background:rgba(20,18,21,.96);border-top:1px solid #342e31;
    backdrop-filter:blur(18px)
  }
  .bottom button{
    flex:1;width:auto;height:64px;margin:0;padding:6px 2px 4px;
    flex-direction:column;justify-content:center;gap:4px;
    border:0;border-radius:0;font-size:18px;text-align:center
  }
  .bottom button svg{width:20px;height:20px}
  .bottom button span{font-size:10px}
  .bottom button.active{background:none;border:0;box-shadow:inset 0 2px 0 #d45e67;color:#e8737b}
  header .coinBalance{margin-left:auto;font-size:11px;padding:6px 9px}
  .iconbtn{width:35px;height:35px;border-radius:10px}
}

@media(max-width:520px){
  main{padding-left:8px;padding-right:8px}
  .feedTitleRow{padding:2px 5px 0}
  .feedTitleRow .sectiontitle{font-size:25px}
  .feedSubtitle{font-size:12px;max-width:230px}
  .feedComposer,.feedPost{border-radius:16px}
  .card{margin-bottom:10px}
}


/* v0.16.2 · subtile Beziehungsanzeige */
.friendsHeader{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:2px 2px 16px}.friendsHeader .sectiontitle{margin-bottom:3px}.friendsHeader p{margin:0;font-size:13px}
.relationshipFriendGrid{display:grid;grid-template-columns:1fr;gap:12px}.relationshipFriendCard{padding:16px;cursor:pointer;overflow:visible;transition:transform .16s ease,border-color .16s ease,background .16s ease}.relationshipFriendCard:hover{transform:translateY(-1px);border-color:#60444b;background:linear-gradient(145deg,#292326,#1e1b1d)}
.relationshipFriendTop{display:flex;align-items:center;gap:13px}.relationshipAvatar{width:62px;height:62px}.relationshipFriendInfo{flex:1;min-width:0}.relationshipFriendInfo p{margin:5px 0 0;color:var(--muted);font-size:13px}.relationshipNameRow{display:flex;align-items:center;justify-content:space-between;gap:10px}.relationshipNameRow .online{white-space:nowrap}.relationshipMini{margin-top:15px}.relationshipMiniTop{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#eadbdd}.relationshipMiniTop>span:first-child{font-weight:750;color:#e6cfd3}.relationshipHint{color:#8f8084;text-transform:uppercase;letter-spacing:.08em;font-size:9px}.relationshipTrack,.relationshipMainTrack,.relationshipStatTrack{position:relative;overflow:hidden;background:#151315;border:1px solid #3b3034;border-radius:999px}.relationshipTrack{height:5px;margin-top:7px}.relationshipTrack span,.relationshipMainTrack span,.relationshipStatTrack span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#82404c,#d75a6b);box-shadow:0 0 12px #b64e5d33}.relationshipCardText{margin:10px 0 14px;color:#a99a9d;font-size:12px;line-height:1.45}.relationshipFriendActions{display:flex;justify-content:flex-end;gap:8px}.relationshipFriendActions .ghost{width:auto}
.profileBackRow{margin:0 0 10px}.relationshipProfileCard{overflow:hidden}.relationshipProfileHero{padding-bottom:18px}.relationshipPanel{margin:0 16px 16px;padding:17px;border:1px solid #49383d;border-radius:13px;background:linear-gradient(145deg,#201b1e,#181618)}.relationshipPanelHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.relationshipEyebrow{font-size:9px;letter-spacing:.16em;color:#987e84}.relationshipPanel h3{font:500 22px Georgia,serif;margin:4px 0 0;color:#f0dee1}.relationshipPanel>p{margin:8px 0 13px;color:#b6a6a9;font-size:13px;line-height:1.5}.relationshipStageDot{width:9px;height:9px;border-radius:50%;margin-top:6px;background:#c55768;box-shadow:0 0 0 5px #c5576814,0 0 16px #c5576855}.relationshipMainTrack{height:6px;margin-bottom:17px}.relationshipStats{display:grid;grid-template-columns:1fr;gap:12px}.relationshipStatTop{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px;font-size:11px}.relationshipStatTop span:first-child{color:#d8c7ca;font-weight:650}.relationshipStatTop span:last-child{color:#918286}.relationshipStatTrack{height:4px}.relationshipStatTrack span{background:linear-gradient(90deg,#6d3c46,#b75161)}
@media(min-width:780px){.relationshipFriendGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.relationshipFriendCard:first-child:nth-last-child(3){grid-column:span 2}.relationshipPanel{margin-left:24px;margin-right:24px}.relationshipStats{grid-template-columns:repeat(3,1fr);gap:14px}}
@media(max-width:520px){.relationshipFriendCard{padding:14px}.relationshipAvatar{width:56px;height:56px}.relationshipNameRow{align-items:flex-start}.relationshipNameRow .online{font-size:10px}.relationshipFriendActions{justify-content:stretch}.relationshipFriendActions button{flex:1}.relationshipPanel{margin:0 12px 12px;padding:14px}}


/* ===== FrAInds v0.16.3 · Button Polish ===== */
.uiSecondaryBtn{
  appearance:none;
  -webkit-appearance:none;
  min-height:38px;
  width:auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:0 14px;
  border:1px solid #554349;
  border-radius:10px;
  background:linear-gradient(145deg,#292326,#201d20);
  color:#eee2e4;
  font:650 13px system-ui,-apple-system,Segoe UI,sans-serif;
  letter-spacing:.01em;
  cursor:pointer;
  box-shadow:inset 0 1px 0 #ffffff08,0 5px 14px #0002;
  transition:
    transform .14s ease,
    border-color .14s ease,
    background .14s ease,
    color .14s ease,
    box-shadow .14s ease;
}
.uiSecondaryBtn:hover{
  transform:translateY(-1px);
  border-color:#95606a;
  background:linear-gradient(145deg,#33282c,#262025);
  color:#fff;
  box-shadow:inset 0 1px 0 #ffffff0d,0 7px 18px #0004,0 0 0 1px #b9506014;
}
.uiSecondaryBtn:active{
  transform:translateY(0);
}
.uiSecondaryBtn:focus-visible{
  outline:2px solid #ca5b6c;
  outline-offset:2px;
}
.uiBtnIcon{
  color:#d86a79;
  font-size:13px;
  line-height:1;
}
.relationshipProfileBtn{
  min-width:90px;
}
.profileBackRow{
  margin:2px 0 12px;
}
.uiBackBtn{
  min-width:106px;
  justify-content:flex-start;
  padding-left:12px;
}
.uiBackArrow{
  color:#dc7480;
  font-size:17px;
  line-height:1;
  transform:translateY(-1px);
  transition:transform .14s ease;
}
.uiBackBtn:hover .uiBackArrow{
  transform:translate(-2px,-1px);
}

/* Einheitlichere Aktionshöhe auf der Freunde-Seite */
.relationshipFriendActions{
  align-items:center;
}
.relationshipFriendActions .primary,
.relationshipFriendActions .uiSecondaryBtn{
  min-height:38px;
  height:38px;
  padding-top:0;
  padding-bottom:0;
}
.relationshipFriendActions .primary{
  width:auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding-left:15px;
  padding-right:15px;
}

@media(max-width:520px){
  .relationshipFriendActions .uiSecondaryBtn,
  .relationshipFriendActions .primary{
    flex:1;
  }
  .uiBackBtn{
    min-height:40px;
  }
}


/* ===== FrAInds v0.16.4 · Disclosure Polish ===== */
.railDisclosure{
  margin-top:8px;
  max-width:122px;
  color:#746b6e;
  font-size:8px;
  line-height:1.35;
  letter-spacing:.02em;
}
.transparencyCard{
  margin:14px 0;
  display:flex;
  align-items:flex-start;
  gap:11px;
  padding:13px 14px;
  border:1px solid #3e3538;
  border-radius:12px;
  background:#1d1a1c;
  text-align:left;
}
.transparencyIcon{
  flex:0 0 30px;
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:9px;
  border:1px solid #62454d;
  background:#2a2225;
  color:#d66a79;
  font-size:10px;
  font-weight:800;
  letter-spacing:.05em;
}
.transparencyCard b{
  color:#e7dfe1;
  font-size:12px;
}
.transparencyCard p{
  margin:4px 0 0;
  color:#968b8e;
  font-size:11px;
  line-height:1.45;
}
@media(max-width:760px){
  .railDisclosure{display:none}
}


/* ===== FrAInds v0.16.5 · Foto-Galerie ===== */
.photosPage{
  width:min(100%,980px);
  margin:0 auto;
}
.photosHeader{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  margin:4px 4px 18px;
}
.photosHeader .eyebrow{
  display:block;
  margin-bottom:5px;
  color:#a47881;
  font-size:9px;
  font-weight:800;
  letter-spacing:.16em;
}
.photosHeader h2{
  margin:0;
  font-family:Georgia,serif;
  font-size:28px;
  font-weight:500;
  color:#fff5f4;
}
.photosHeader p{
  margin:6px 0 0;
  color:#9e9295;
  font-size:12px;
}
.photosCount{
  flex:0 0 auto;
  padding:7px 11px;
  border:1px solid #42363a;
  border-radius:999px;
  background:#211d20;
  color:#b8abad;
  font-size:10px;
}
.photoFilterPanel{
  margin-bottom:18px;
  padding:13px 14px;
  border:1px solid #393236;
  border-radius:14px;
  background:#1d1a1d;
}
.photoFilterRow{
  display:flex;
  align-items:center;
  gap:12px;
}
.photoFilterRow + .photoFilterRow{
  margin-top:11px;
  padding-top:11px;
  border-top:1px solid #302a2d;
}
.photoFilterLabel{
  flex:0 0 64px;
  color:#7f7376;
  font-size:9px;
  font-weight:800;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.photoFilterScroller{
  display:flex;
  align-items:center;
  gap:7px;
  min-width:0;
  overflow-x:auto;
  scrollbar-width:none;
}
.photoFilterScroller::-webkit-scrollbar{display:none}
.photoFilterChip,
.photoCategoryChip{
  appearance:none;
  -webkit-appearance:none;
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:31px;
  padding:0 11px;
  border:1px solid #41363a;
  border-radius:999px;
  background:#252124;
  color:#b9adaf;
  font:650 10px system-ui,-apple-system,Segoe UI,sans-serif;
  cursor:pointer;
  transition:.15s ease;
}
.photoFilterChip img{
  width:20px;
  height:20px;
  border-radius:50%;
  object-fit:cover;
}
.photoFilterChip:hover,
.photoCategoryChip:hover{
  border-color:#754a53;
  color:#fff;
}
.photoFilterChip.active,
.photoCategoryChip.active{
  border-color:#9b5360;
  background:#38262b;
  color:#fff1f2;
  box-shadow:inset 0 0 0 1px #c45d6d20;
}
.photoGalleryGrid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.galleryTile{
  appearance:none;
  -webkit-appearance:none;
  position:relative;
  min-width:0;
  aspect-ratio:4/5;
  padding:0;
  overflow:hidden;
  border:1px solid #393235;
  border-radius:15px;
  background:#171518;
  cursor:pointer;
  text-align:left;
  box-shadow:0 10px 28px #0002;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.galleryTile:hover{
  transform:translateY(-2px);
  border-color:#79505a;
  box-shadow:0 14px 32px #0005;
}
.galleryTile>img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.galleryTileShade{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,#0000 48%,#090809d9 100%);
  pointer-events:none;
}
.galleryTileTop{
  position:absolute;
  top:10px;
  left:10px;
  right:10px;
}
.galleryTypeBadge{
  display:inline-flex;
  min-height:24px;
  align-items:center;
  padding:0 8px;
  border:1px solid #ffffff26;
  border-radius:999px;
  background:#111015bf;
  backdrop-filter:blur(7px);
  color:#f5ecee;
  font-size:8px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.galleryTileInfo{
  position:absolute;
  left:10px;
  right:10px;
  bottom:10px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  color:white;
}
.galleryTilePerson{
  display:flex;
  align-items:center;
  gap:7px;
  min-width:0;
}
.galleryTilePerson>img{
  width:27px;
  height:27px;
  border-radius:50%;
  object-fit:cover;
  border:1px solid #ffffff57;
}
.galleryTilePerson div{
  display:flex;
  min-width:0;
  flex-direction:column;
}
.galleryTilePerson b{
  overflow:hidden;
  color:#fff;
  font-size:10px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.galleryTilePerson span{
  margin-top:1px;
  color:#bcb1b4;
  font-size:8px;
}
.galleryOpenHint{
  flex:0 0 auto;
  width:27px;
  height:27px;
  display:grid;
  place-items:center;
  border:1px solid #ffffff26;
  border-radius:50%;
  background:#11101599;
  font-size:12px;
}
.photoEmptyState{
  min-height:260px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:30px;
  border:1px dashed #40363a;
  border-radius:16px;
  background:#1a181a;
  color:#a99da0;
  text-align:center;
}
.photoEmptyIcon{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  margin-bottom:11px;
  border:1px solid #493940;
  border-radius:14px;
  background:#242024;
  color:#d15f70;
  font-size:20px;
}
.photoEmptyState b{
  color:#e2d8da;
  font-size:13px;
}
.photoEmptyState p{
  max-width:390px;
  margin:6px 0 0;
  color:#82777a;
  font-size:11px;
  line-height:1.5;
}

/* Lightbox */
.galleryLightbox{
  position:fixed;
  inset:0;
  z-index:9999;
  display:grid;
  place-items:center;
  padding:24px;
}
.galleryLightboxBackdrop{
  position:absolute;
  inset:0;
  background:#070607e8;
  backdrop-filter:blur(9px);
}
.galleryLightboxPanel{
  position:relative;
  z-index:1;
  width:min(92vw,820px);
  max-height:92vh;
  overflow:auto;
  border:1px solid #4b3b40;
  border-radius:17px;
  background:#1d1a1d;
  box-shadow:0 30px 90px #000c;
}
.galleryLightboxClose{
  appearance:none;
  position:absolute;
  z-index:3;
  top:11px;
  right:11px;
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border:1px solid #ffffff30;
  border-radius:50%;
  background:#100e11c9;
  color:white;
  font-size:24px;
  cursor:pointer;
}
.galleryLightboxImageWrap{
  display:grid;
  place-items:center;
  min-height:240px;
  background:#111012;
}
.galleryLightboxImageWrap img{
  display:block;
  max-width:100%;
  max-height:72vh;
  width:auto;
  height:auto;
}
.galleryLightboxMeta{
  padding:13px 15px 16px;
}
.galleryLightboxPerson{
  display:flex;
  align-items:center;
  gap:9px;
}
.galleryLightboxPerson img{
  width:38px;
  height:38px;
  border-radius:50%;
  object-fit:cover;
}
.galleryLightboxPerson div{
  display:flex;
  flex-direction:column;
}
.galleryLightboxPerson b{
  color:#f0e7e9;
  font-size:12px;
}
.galleryLightboxPerson span{
  color:#a09195;
  font-size:9px;
}
.galleryLightboxMeta p{
  margin:10px 0 0;
  color:#c8bcbe;
  font-size:11px;
  line-height:1.5;
}

@media(max-width:900px){
  .photoGalleryGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  .photosHeader{
    align-items:flex-start;
    flex-direction:column;
    gap:9px;
  }
  .photoFilterRow{
    align-items:flex-start;
    flex-direction:column;
    gap:7px;
  }
  .photoFilterLabel{flex:auto}
  .photoFilterScroller{width:100%}
  .photoGalleryGrid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
  .galleryTile{
    border-radius:12px;
  }
  .galleryLightbox{
    padding:10px;
  }
}


/* ===== FrAInds v0.16.7 · Profil Polish ===== */
.accountPage{
  width:min(100%,820px);
  margin:0 auto;
}
.accountPageHead{
  margin:4px 4px 18px;
}
.accountPageHead .eyebrow{
  display:block;
  margin-bottom:5px;
  color:#a47881;
  font-size:9px;
  font-weight:800;
  letter-spacing:.16em;
}
.accountPageHead h2{
  margin:0;
  color:#fff5f4;
  font:500 28px Georgia,serif;
}
.accountPageHead p{
  margin:6px 0 0;
  color:#918588;
  font-size:12px;
}
.accountHeroCard{
  display:flex;
  align-items:center;
  gap:15px;
  padding:18px;
  border:1px solid #3b3336;
  border-radius:16px;
  background:
    radial-gradient(circle at 92% 10%,#6d303b20,transparent 32%),
    linear-gradient(145deg,#211d20,#1b191b);
  box-shadow:0 12px 34px #0002;
}
.accountAvatar{
  flex:0 0 62px;
  width:62px;
  height:62px;
  display:grid;
  place-items:center;
  border:1px solid #70505a;
  border-radius:50%;
  background:linear-gradient(145deg,#5a343c,#39282d);
  color:#fff2f2;
  font:800 19px system-ui,-apple-system,Segoe UI,sans-serif;
  box-shadow:0 0 0 4px #ffffff05;
}
.accountIdentity{
  min-width:0;
}
.accountIdentity h3{
  margin:0;
  color:#f5ecee;
  font:500 22px Georgia,serif;
}
.accountIdentity p{
  margin:4px 0 0;
  overflow:hidden;
  color:#95898c;
  font-size:11px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.accountBadges{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:10px;
}
.accountBadge{
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:0 9px;
  border:1px solid #493b40;
  border-radius:999px;
  background:#292326;
  color:#bdb1b4;
  font-size:9px;
  font-weight:700;
}
.accountBadge.coin{
  border-color:#675538;
  background:#312a20;
  color:#ead49a;
}
.accountGrid{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:12px;
  margin-top:12px;
}
.accountSection{
  padding:16px;
  border:1px solid #393236;
  border-radius:14px;
  background:#1d1a1d;
}
.accountSectionHead{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.accountKicker{
  display:block;
  margin-bottom:4px;
  color:#8c666f;
  font-size:8px;
  font-weight:800;
  letter-spacing:.15em;
}
.accountSection h3{
  margin:0;
  color:#e9dfe1;
  font:500 17px Georgia,serif;
}
.walletCoinIcon{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border:1px solid #5b4c34;
  border-radius:11px;
  background:#2b261e;
  font-size:16px;
}
.walletBalance{
  display:block;
  margin-top:15px;
  color:#f1d69b;
  font:600 32px Georgia,serif;
}
.walletAccountCard p,
.transparencyAccountCard p{
  margin:6px 0 0;
  color:#8e8285;
  font-size:11px;
  line-height:1.5;
}
.accountInfoCard{
  display:flex;
  flex-direction:column;
}
.accountInfoRow{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:10px 0;
  border-bottom:1px solid #302a2d;
  color:#857a7d;
  font-size:10px;
}
.accountInfoRow:last-child{
  border-bottom:0;
}
.accountInfoRow b{
  color:#c7bbbe;
  font-size:10px;
  font-weight:650;
  text-align:right;
}
.transparencyAccountCard{
  display:flex;
  align-items:flex-start;
  gap:12px;
  margin-top:12px;
}
.transparencyAccountCard .transparencyIcon{
  flex:0 0 34px;
  width:34px;
  height:34px;
}
.accountDangerZone{
  display:flex;
  justify-content:flex-end;
  margin-top:13px;
}
.accountLogoutBtn{
  min-width:108px;
  color:#cbaeb3;
}
.accountLogoutBtn:hover{
  border-color:#75434c;
  color:#f4cbd1;
  background:#2d2024;
}

@media(max-width:680px){
  .accountGrid{
    grid-template-columns:1fr;
  }
  .accountHeroCard{
    align-items:flex-start;
  }
  .accountAvatar{
    flex-basis:54px;
    width:54px;
    height:54px;
  }
  .accountDangerZone{
    justify-content:stretch;
  }
  .accountLogoutBtn{
    width:100%;
  }
}


/* ===== FrAInds v0.16.8 · 4U Polish ===== */
.feedPage{
  width:min(100%,760px);
  margin:0 auto;
}
.feedTitleRow{
  align-items:flex-end;
  margin:4px 4px 16px;
}
.feedEyebrow{
  display:block;
  margin-bottom:4px;
  color:#a76b76;
  font-size:8px;
  font-weight:800;
  letter-spacing:.17em;
}
.feedTitleRow .sectiontitle{
  margin:0;
  color:#fff4f3;
  font:500 29px Georgia,serif;
}
.feedSubtitle{
  max-width:520px;
  margin-top:5px;
  color:#93878a;
  font-size:11px;
  line-height:1.45;
}
.feedPrivacy{
  gap:6px;
  min-height:28px;
  padding:0 10px;
  border-color:#3e3538;
  background:#1d1a1d;
  color:#9d9194;
  font-size:9px;
  font-weight:700;
  text-transform:lowercase;
}
.feedPrivacyDot{
  width:6px;
  height:6px;
  border-radius:50%;
  background:#62b06d;
  box-shadow:0 0 0 3px #62b06d12;
}
.feedComposer{
  position:relative;
  margin-bottom:12px;
  padding:15px;
  border-color:#3d3437;
  background:
    radial-gradient(circle at 95% 0,#71334218,transparent 28%),
    linear-gradient(145deg,#211d20,#1d1a1d);
  box-shadow:0 10px 28px #0002;
}
.feedComposerLabel{
  margin:0 0 10px 58px;
  color:#825d66;
  font-size:8px;
  font-weight:800;
  letter-spacing:.14em;
}
.feedComposerTop{
  gap:10px;
}
.feedComposerTop .avatar{
  width:42px;
  height:42px;
  border:1px solid #70444d;
  box-shadow:0 0 0 3px #ffffff04;
}
.feedComposer textarea{
  min-height:74px;
  max-height:160px;
  padding:11px 12px;
  border-color:#353034;
  background:#151315;
  color:#f5eded;
  font-size:13px;
}
.feedComposer textarea::placeholder{
  color:#736b6d;
}
.feedComposerBottom{
  margin-top:9px;
  padding-left:52px;
}
.feedComposerBottom span{
  color:#7f7477;
  font-size:9px;
}
.feedComposerBottom .primary{
  min-width:82px;
  min-height:34px;
  border-radius:10px;
}
.feedStream{
  display:flex;
  flex-direction:column;
  gap:12px;
}
.feedStream .feedPost{
  margin:0;
}
.feedPost{
  border-color:#373134;
  background:#1d1a1d;
  box-shadow:0 10px 28px #0001;
}
.feedPost:hover{
  border-color:#43373b;
}
.feedPostHead{
  padding:14px 15px 9px;
}
.feedPostHead .avatar{
  width:40px;
  height:40px;
}
.feedAuthor .name{
  color:#efe5e7;
  font-size:13px;
}
.feedAuthor .muted{
  margin-top:2px;
  color:#7f7477;
  font-size:9px;
}
.feedPrivateBadge{
  min-height:23px;
  display:inline-flex;
  align-items:center;
  padding:0 8px;
  border-radius:999px;
  color:#7e7476;
  font-size:8px;
}
.feedPostBody{
  padding:5px 15px 14px;
  color:#f2e9ea;
  font-size:13px;
  line-height:1.55;
}
.feedPostImageWrap{
  margin-top:0;
  border-color:#342d30;
  background:#121012;
}
.feedPostImage{
  max-height:760px;
}
.aiReactLine{
  margin:10px 14px 0;
  padding:7px 9px;
  border:0;
  border-radius:9px;
  background:#251f22;
  color:#a99da0;
  font-size:9px;
}
.feedActions{
  margin-top:10px;
  border-color:#332d30;
}
.feedActions button{
  min-height:40px;
  padding:0 8px;
  color:#9d9194;
  font-size:10px;
  font-weight:650;
}
.feedActions button + button{
  border-left:1px solid #302a2d;
}
.feedActions button:hover{
  background:#ffffff04;
  color:#ddd1d3;
}
.feedActions .liked{
  color:#d96878;
}
.feedActionIcon{
  display:inline-block;
  min-width:15px;
  margin-right:3px;
  font-size:12px;
}
.feedComments{
  gap:8px;
  padding:12px 14px 2px;
  background:#19171966;
}
.feedComment{
  gap:7px;
}
.feedComment.reply{
  margin-left:34px;
}
.feedCommentAvatar{
  width:28px;
  height:28px;
  border-color:#43373b;
  font-size:9px;
}
.feedCommentBubble{
  max-width:min(86%,620px);
  padding:7px 9px;
  border-color:#383134;
  border-radius:11px;
  background:#252124;
  color:#e9dfe1;
  font-size:11px;
}
.feedComment.reply .feedCommentBubble{
  background:#211d20;
  border-color:#3d3136;
}
.feedCommentName{
  margin-bottom:2px;
  color:#e3d9db;
  font-size:10px;
}
.feedCommentName span{
  color:#766d6f;
  font-size:8px;
}
.feedCommentComposer{
  padding:10px 14px 13px;
  background:#19171966;
}
.feedCommentComposer input{
  min-height:34px;
  padding:0 12px;
  border-color:#373033;
  background:#141214;
  color:#eee5e7;
  font-size:11px;
}
.feedCommentComposer input::placeholder{
  color:#6f6769;
}
.feedCommentSend{
  color:#cc6674;
  font-size:10px;
}
.feedEmpty{
  border-style:dashed;
  border-color:#3a3336;
  background:#1a181a;
}

@media(max-width:600px){
  .feedPage{
    width:100%;
  }
  .feedTitleRow{
    align-items:flex-start;
    padding:0 2px;
  }
  .feedTitleRow .sectiontitle{
    font-size:26px;
  }
  .feedSubtitle{
    max-width:260px;
    font-size:10px;
  }
  .feedPrivacy{
    margin-top:3px;
  }
  .feedComposer{
    padding:12px;
  }
  .feedComposerLabel{
    margin-left:0;
    margin-bottom:8px;
  }
  .feedComposerTop .avatar{
    width:38px;
    height:38px;
  }
  .feedComposer textarea{
    min-height:70px;
  }
  .feedComposerBottom{
    padding-left:48px;
  }
  .feedComposerBottom span{
    max-width:180px;
  }
  .feedStream{
    gap:10px;
  }
  .feedPost{
    border-radius:15px;
  }
  .feedPostHead{
    padding:12px 12px 8px;
  }
  .feedPostBody{
    padding:4px 12px 12px;
  }
  .feedComments,
  .feedCommentComposer{
    padding-left:11px;
    padding-right:11px;
  }
  .feedComment.reply{
    margin-left:23px;
  }
}


/* ===== FrAInds v0.16.9 · 4U Font Restore ===== */
/* Nur Schriftgrößen wieder näher an v0.16.7; Layout von v0.16.8 bleibt erhalten. */

.feedTitleRow .sectiontitle{
  font-size:32px;
}
.feedSubtitle{
  font-size:13px;
}
.feedPrivacy{
  font-size:10px;
}

.feedComposerLabel{
  font-size:9px;
}
.feedComposer textarea{
  font-size:14px;
}
.feedComposerBottom span{
  font-size:10px;
}
.feedComposerBottom .primary{
  font-size:12px;
}

.feedAuthor .name{
  font-size:14px;
}
.feedAuthor .muted{
  font-size:10px;
}
.feedPrivateBadge{
  font-size:9px;
}
.feedPostBody{
  font-size:14px;
  line-height:1.58;
}
.aiReactLine{
  font-size:10px;
}
.feedActions button{
  font-size:11px;
}
.feedActionIcon{
  font-size:13px;
}

.feedCommentBubble{
  font-size:12px;
}
.feedCommentName{
  font-size:11px;
}
.feedCommentName span{
  font-size:9px;
}
.feedCommentComposer input{
  font-size:12px;
}
.feedCommentSend{
  font-size:11px;
}

@media(max-width:600px){
  .feedTitleRow .sectiontitle{
    font-size:29px;
  }
  .feedSubtitle{
    font-size:11px;
  }
  .feedComposer textarea{
    font-size:14px;
  }
  .feedPostBody{
    font-size:14px;
  }
  .feedCommentBubble{
    font-size:12px;
  }
}


/* ===== FrAInds v0.16.10 · 4U Readability Hotfix ===== */

/* Haupttexte klarer und größer */
.feedPostBody{
  font-size:17px !important;
  line-height:1.62 !important;
  color:#f6eeee !important;
}

.feedAuthor .name{
  font-size:15px !important;
  font-weight:750 !important;
  color:#f4e9eb !important;
}

.feedAuthor .muted{
  font-size:12px !important;
  color:#94888b !important;
}

.feedPrivateBadge{
  font-size:11px !important;
  color:#958a8d !important;
}

/* Like / Kommentar deutlich besser erkennbar */
.feedActions{
  min-height:50px !important;
  border-top-color:#40373a !important;
  border-bottom-color:#40373a !important;
}

.feedActions button{
  min-height:50px !important;
  font-size:15px !important;
  font-weight:700 !important;
  color:#cfc4c6 !important;
  letter-spacing:.005em;
}

.feedActions button:hover{
  color:#fff !important;
  background:#ffffff06 !important;
}

.feedActions .liked{
  color:#eb7484 !important;
}

.feedActionIcon{
  min-width:18px !important;
  margin-right:5px !important;
  font-size:16px !important;
}

/* Reaktionshinweis */
.aiReactLine{
  font-size:12px !important;
  color:#b9adb0 !important;
  padding:9px 11px !important;
}

/* Kommentare */
.feedCommentBubble{
  font-size:15px !important;
  line-height:1.48 !important;
  padding:9px 11px !important;
  color:#f1e8ea !important;
}

.feedCommentName{
  font-size:13px !important;
  font-weight:750 !important;
}

.feedCommentName span{
  font-size:11px !important;
  color:#8e8386 !important;
}

.feedCommentAvatar{
  width:31px !important;
  height:31px !important;
  font-size:10px !important;
}

/* Kommentar-Eingabe */
.feedCommentComposer input{
  min-height:40px !important;
  font-size:14px !important;
  color:#f3e9eb !important;
}

.feedCommentComposer input::placeholder{
  font-size:14px !important;
  color:#817679 !important;
}

.feedCommentSend{
  font-size:14px !important;
  font-weight:750 !important;
  color:#e16d7c !important;
}

/* Composer oben */
.feedComposer textarea{
  font-size:16px !important;
  line-height:1.5 !important;
}

.feedComposer textarea::placeholder{
  font-size:16px !important;
}

.feedComposerBottom span{
  font-size:12px !important;
  color:#93878a !important;
}

.feedComposerBottom .primary{
  font-size:14px !important;
  font-weight:750 !important;
}

/* 4U Seitentitel */
.feedTitleRow .sectiontitle{
  font-size:36px !important;
}

.feedSubtitle{
  font-size:14px !important;
  line-height:1.5 !important;
}

.feedPrivacy{
  font-size:11px !important;
}

/* Mobile ebenfalls gut lesbar */
@media(max-width:600px){
  .feedPostBody{
    font-size:16px !important;
  }

  .feedActions button{
    font-size:14px !important;
    min-height:48px !important;
  }

  .feedActionIcon{
    font-size:15px !important;
  }

  .feedCommentBubble{
    font-size:14px !important;
  }

  .feedCommentName{
    font-size:12px !important;
  }

  .feedCommentName span{
    font-size:10px !important;
  }

  .feedCommentComposer input,
  .feedCommentComposer input::placeholder{
    font-size:14px !important;
  }

  .feedCommentSend{
    font-size:13px !important;
  }

  .feedComposer textarea,
  .feedComposer textarea::placeholder{
    font-size:15px !important;
  }

  .feedTitleRow .sectiontitle{
    font-size:32px !important;
  }

  .feedSubtitle{
    font-size:12px !important;
  }
}


/* ===== FrAInds v0.17.6 · Admin Bildbibliothek ===== */
.adminLibrarySection{
  margin-top:14px;
  padding:16px;
  border:1px solid #3b3235;
  border-radius:16px;
  background:#1c191b;
}
.adminLibrarySectionHead,
.adminLibraryBrowserHead{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
}
.adminEyebrow{
  display:block;
  margin-bottom:4px;
  color:#a96a75;
  font-size:9px;
  font-weight:800;
  letter-spacing:.16em;
}
.adminLibrarySection h3,
.adminLibraryBrowser h3{
  margin:0;
  color:#f5ebed;
  font-size:18px;
}
.adminLibrarySectionHead p,
.adminLibraryBrowserHead>span{
  margin:4px 0 0;
  color:#8f8386;
  font-size:11px;
}
.adminLibraryCharacterGrid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:14px;
}
.adminLibraryCharacterCard{
  padding:12px;
  border:1px solid #393135;
  border-radius:13px;
  background:#211e20;
}
.adminLibraryCharacterHead{
  display:flex;
  align-items:center;
  gap:9px;
}
.adminLibraryCharacterHead img{
  width:42px;
  height:42px;
  border-radius:50%;
  object-fit:cover;
  border:1px solid #574149;
}
.adminLibraryCharacterHead div{
  display:flex;
  flex-direction:column;
}
.adminLibraryCharacterHead b{
  color:#f1e7e9;
  font-size:13px;
}
.adminLibraryCharacterHead span{
  color:#8b8083;
  font-size:10px;
}
.adminLibraryCounts{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:6px;
  margin-top:10px;
}
.adminLibraryCountBtn{
  appearance:none;
  min-height:46px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:0 10px;
  border:1px solid #3a3235;
  border-radius:10px;
  background:#181618;
  color:#bdb1b4;
  cursor:pointer;
}
.adminLibraryCountBtn:hover{
  border-color:#70444e;
  background:#211a1d;
}
.adminLibraryCountBtn span{
  font-size:10px;
}
.adminLibraryCountBtn b{
  color:#ef8593;
  font-size:14px;
}
.adminLibraryCountBtn small{
  color:#756b6e;
  font-size:9px;
}
.adminLibraryBrowser{
  margin-top:18px;
  padding-top:16px;
  border-top:1px solid #352e31;
}
.adminLibraryImageGrid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-top:12px;
}
.adminLibraryImageCard{
  overflow:hidden;
  border:1px solid #393135;
  border-radius:12px;
  background:#201c1f;
}
.adminLibraryImageCard.inactive{
  opacity:.55;
}
.adminLibraryImage{
  position:relative;
  aspect-ratio:4/5;
  background:#111;
}
.adminLibraryImage img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.adminLibraryImageMissing{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  color:#756c6f;
  font-size:10px;
}
.adminLibraryStatus{
  position:absolute;
  top:7px;
  right:7px;
  padding:4px 6px;
  border:1px solid #ffffff28;
  border-radius:999px;
  background:#151215d6;
  color:#ddd1d3;
  font-size:7px;
  font-weight:800;
  letter-spacing:.08em;
}
.adminLibraryImageMeta{
  display:flex;
  flex-direction:column;
  gap:5px;
  padding:9px;
}
.adminLibraryImageMeta b{
  color:#eee4e6;
  font-size:10px;
}
.adminLibraryImageMeta span{
  min-height:24px;
  color:#807578;
  font-size:9px;
}
.adminLibraryImageMeta button{
  width:100%;
  margin-top:2px;
}
.adminLibraryEmpty{
  margin-top:12px;
  padding:20px;
  border:1px dashed #3a3336;
  border-radius:12px;
  color:#8e8386;
  text-align:center;
  font-size:11px;
}
@media(max-width:900px){
  .adminLibraryImageGrid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media(max-width:650px){
  .adminLibraryCharacterGrid{
    grid-template-columns:1fr;
  }
  .adminLibraryImageGrid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .adminLibrarySectionHead,
  .adminLibraryBrowserHead{
    align-items:flex-start;
  }
}

/* ===== FrAInds v0.17.7 · Admin Bildgenerator ===== */
.adminLibraryGenerator{
  margin-top:18px;
  padding:14px;
  border:1px solid #4a363c;
  border-radius:14px;
  background:linear-gradient(145deg,#211a1d,#1c191b);
}
.adminLibraryGeneratorHead h3{
  margin:0;
  color:#f4e9eb;
  font-size:17px;
}
.adminLibraryGeneratorHead p{
  margin:5px 0 0;
  color:#8d8184;
  font-size:10px;
}
.adminLibraryGeneratorForm{
  display:grid;
  grid-template-columns:minmax(0,.7fr) minmax(0,1.5fr) auto;
  gap:10px;
  align-items:end;
  margin-top:12px;
}
.adminLibraryGeneratorForm label{
  display:flex;
  flex-direction:column;
  gap:5px;
}
.adminLibraryGeneratorForm label>span{
  color:#bfb2b5;
  font-size:10px;
  font-weight:700;
}
.adminLibraryGeneratorForm label small{
  color:#786d70;
  font-weight:500;
}
.adminLibraryGeneratorForm input,
.adminLibraryGeneratorForm textarea{
  width:100%;
  box-sizing:border-box;
  border:1px solid #3c3336;
  border-radius:10px;
  background:#141214;
  color:#f2e8ea;
  font:inherit;
  font-size:11px;
  outline:none;
}
.adminLibraryGeneratorForm input{
  min-height:42px;
  padding:0 11px;
}
.adminLibraryGeneratorForm textarea{
  min-height:70px;
  padding:10px 11px;
  resize:vertical;
  line-height:1.45;
}
.adminLibraryGeneratorForm input:focus,
.adminLibraryGeneratorForm textarea:focus{
  border-color:#8c4a58;
  box-shadow:0 0 0 3px #8c4a5818;
}
.adminLibraryGeneratorForm>button{
  min-height:42px;
  white-space:nowrap;
}
.adminLibraryGeneratorNote{
  margin:9px 0 0;
  color:#746a6d;
  font-size:9px;
}
@media(max-width:850px){
  .adminLibraryGeneratorForm{
    grid-template-columns:1fr 1fr;
  }
  .adminLibraryGeneratorForm .wide{
    grid-column:1/-1;
  }
  .adminLibraryGeneratorForm>button{
    grid-column:1/-1;
  }
}
@media(max-width:560px){
  .adminLibraryGeneratorForm{
    grid-template-columns:1fr;
  }
  .adminLibraryGeneratorForm .wide,
  .adminLibraryGeneratorForm>button{
    grid-column:auto;
  }
}


/* ===== FrAInds v0.17.9 · Bildfreigabe ===== */
.adminLibraryDraftSection{
  margin-top:18px;
  padding:14px;
  border:1px solid #6a424a;
  border-radius:14px;
  background:
    radial-gradient(circle at 90% 0,#7a3e4818,transparent 30%),
    #211a1d;
}
.adminLibraryDraftGrid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:12px;
}
.adminLibraryDraftCard{
  overflow:hidden;
  border:1px solid #594047;
  border-radius:13px;
  background:#181517;
}
.adminLibraryDraftImage{
  position:relative;
  aspect-ratio:3/4;
  background:#111;
}
.adminLibraryDraftImage img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.adminLibraryDraftBadge{
  position:absolute;
  top:8px;
  left:8px;
  padding:5px 7px;
  border:1px solid #ffffff32;
  border-radius:999px;
  background:#8d4654e8;
  color:white;
  font-size:8px;
  font-weight:850;
  letter-spacing:.08em;
}
.adminLibraryDraftMeta{
  padding:10px;
}
.adminLibraryDraftMeta>div:first-child{
  display:flex;
  flex-direction:column;
  gap:4px;
}
.adminLibraryDraftMeta b{
  color:#f6eaec;
  font-size:11px;
}
.adminLibraryDraftMeta span{
  color:#95888b;
  font-size:9px;
  line-height:1.35;
}
.adminLibraryDraftActions{
  display:grid;
  gap:6px;
  margin-top:10px;
}
.adminLibraryDraftActions button{
  width:100%;
}
.dangerSoft{
  border-color:#66383f !important;
  color:#d98b95 !important;
}
@media(max-width:850px){
  .adminLibraryDraftGrid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:520px){
  .adminLibraryDraftGrid{
    grid-template-columns:1fr;
  }
}


/* =========================================================
   v0.18.4 - CHAT HUB / CHAT ÜBERSICHT
   ========================================================= */
.chatOverviewPage{
  width:100%;
}
.chatOverviewHeader{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin:2px 2px 16px;
}
.chatOverviewHeader .sectiontitle{
  margin:3px 0 4px;
}
.chatOverviewHeader p{
  margin:0;
  font-size:13px;
}
.chatOverviewEyebrow{
  display:block;
  color:#927f83;
  font-size:9px;
  font-weight:800;
  letter-spacing:.15em;
}
.chatOverviewGrid{
  display:grid;
  grid-template-columns:1fr;
  gap:11px;
}
.chatOverviewCard{
  padding:16px;
  margin-bottom:0;
  overflow:visible;
  transition:border-color .16s ease,transform .16s ease,background .16s ease;
}
.chatOverviewCard:hover{
  transform:translateY(-1px);
  border-color:#60444b;
  background:linear-gradient(145deg,#272225,#1c1a1c);
}
.chatOverviewTop{
  display:flex;
  align-items:flex-start;
  gap:14px;
}
.chatOverviewAvatar{
  width:64px;
  height:64px;
  flex:0 0 64px;
}
.chatOverviewInfo{
  flex:1;
  min-width:0;
}
.chatOverviewNameRow{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.chatLevelBadge{
  display:inline-flex;
  align-items:center;
  white-space:nowrap;
  padding:5px 9px;
  border:1px solid #68434b;
  border-radius:999px;
  background:#38272c;
  color:#efcbd1;
  font-size:10px;
  font-weight:800;
  letter-spacing:.02em;
}
.chatOverviewOccupation{
  margin-top:3px;
  color:#9e8f92;
  font-size:12px;
}
.chatOverviewPreview{
  margin:10px 0 4px;
  color:#ded2d4;
  font-size:13px;
  line-height:1.45;
}
.chatOverviewMessageMeta{
  display:flex;
  align-items:center;
  gap:5px;
  color:#827579;
  font-size:10px;
}
.chatOverviewFooter{
  display:flex;
  align-items:flex-end;
  gap:16px;
  margin-top:14px;
  padding-top:13px;
  border-top:1px solid #332d30;
}
.chatOverviewLevel{
  flex:1;
  min-width:0;
}
.chatOverviewLevelTop{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:7px;
  font-size:10px;
}
.chatOverviewLevelTop span:first-child{
  color:#e8d6d9;
  font-weight:800;
}
.chatOverviewLevelTop span:last-child{
  color:#887a7e;
  text-transform:uppercase;
  letter-spacing:.07em;
  font-size:8px;
}
.chatOverviewOpen{
  flex:0 0 auto;
  min-width:124px;
}
.chatDetailBack{
  margin:0 0 10px;
}
@media(min-width:780px){
  .chatOverviewGrid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .chatOverviewCard{
    min-height:210px;
    display:flex;
    flex-direction:column;
  }
  .chatOverviewFooter{
    margin-top:auto;
  }
}
@media(max-width:520px){
  .chatOverviewCard{
    padding:14px;
  }
  .chatOverviewAvatar{
    width:56px;
    height:56px;
    flex-basis:56px;
  }
  .chatOverviewNameRow{
    align-items:flex-start;
    flex-direction:column;
    gap:5px;
  }
  .chatOverviewFooter{
    align-items:stretch;
    flex-direction:column;
    gap:11px;
  }
  .chatOverviewOpen{
    width:100%;
  }
}


/* =========================================================
   v0.18.5 - CHAT PHOTO QUICKVIEW
   ========================================================= */
.chatConversationCard{
  position:relative;
}
.chatQuickPhotosBar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:9px 12px;
  border-top:1px solid #342d30;
  border-bottom:1px solid #342d30;
  background:linear-gradient(90deg,#1b181b,#211b1e);
}
.chatQuickPhotosLabel{
  display:flex;
  align-items:center;
  gap:9px;
  min-width:0;
}
.chatQuickPhotosIcon{
  width:30px;
  height:30px;
  flex:0 0 30px;
  display:grid;
  place-items:center;
  border:1px solid #4b3940;
  border-radius:9px;
  background:#2b2226;
  color:#d86b75;
  font-size:13px;
}
.chatQuickPhotosLabel div{
  min-width:0;
}
.chatQuickPhotosLabel b{
  display:block;
  color:#e6dadd;
  font-size:11px;
}
.chatQuickPhotosLabel span:not(.chatQuickPhotosIcon){
  display:block;
  margin-top:1px;
  color:#807477;
  font-size:9px;
  white-space:nowrap;
}
.chatQuickPhotoThumbs{
  display:flex;
  align-items:center;
  gap:7px;
}
.chatQuickPhotoThumb{
  appearance:none;
  width:48px;
  height:48px;
  padding:0;
  overflow:hidden;
  border:1px solid #513b42;
  border-radius:9px;
  background:#151315;
  cursor:pointer;
  box-shadow:0 4px 12px #0005;
  transition:transform .14s ease,border-color .14s ease;
}
.chatQuickPhotoThumb:hover{
  transform:translateY(-1px) scale(1.03);
  border-color:#9a5962;
}
.chatQuickPhotoThumb img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
.chatQuickPhotoExpanded{
  padding:9px 11px 7px;
  border-top:1px solid #342d30;
  border-bottom:1px solid #342d30;
  background:#121013;
}
.chatQuickPhotoLarge{
  appearance:none;
  position:relative;
  display:grid;
  place-items:center;
  width:100%;
  min-height:230px;
  max-height:46vh;
  padding:0;
  overflow:hidden;
  border:1px solid #49373e;
  border-radius:12px;
  background:#0d0c0e;
  cursor:pointer;
}
.chatQuickPhotoLarge img{
  display:block;
  max-width:100%;
  max-height:46vh;
  width:auto;
  height:auto;
  object-fit:contain;
}
.chatQuickPhotoCloseHint{
  position:absolute;
  left:50%;
  bottom:9px;
  transform:translateX(-50%);
  padding:6px 10px;
  border:1px solid #ffffff25;
  border-radius:999px;
  background:#100e10c9;
  color:#ddd1d4;
  font-size:9px;
  white-space:nowrap;
  backdrop-filter:blur(5px);
}
.chatConversationCard.quickPhotoOpen .messages{
  height:27vh;
  min-height:180px;
}
@media(max-width:620px){
  .chatQuickPhotosBar{
    gap:8px;
    padding:8px 9px;
  }
  .chatQuickPhotosLabel span:not(.chatQuickPhotosIcon){
    display:none;
  }
  .chatQuickPhotoThumb{
    width:43px;
    height:43px;
  }
  .chatQuickPhotoLarge{
    min-height:190px;
    max-height:41vh;
  }
  .chatQuickPhotoLarge img{
    max-height:41vh;
  }
  .chatConversationCard.quickPhotoOpen .messages{
    height:24vh;
    min-height:150px;
  }
}

/* =========================================================
   v0.19.1 · Cost Transparency
   ========================================================= */
.betaTicketBalance{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:7px 11px;
  border-radius:999px;
  border:1px solid #493f59;
  background:#211d27;
  color:#d9ccf3;
  font-weight:800;
  font-size:12px;
  white-space:nowrap;
}
.betaTicketBalance.blocked{
  border-color:#70434a;
  background:#2a1f22;
  color:#f0b6ba;
}
.chatBetaStrip{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  padding:8px 14px;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:#181519;
  font-size:12px;
  color:#cfc6d5;
}
.chatBetaStrip span{
  padding:5px 8px;
  border-radius:999px;
  background:#26212a;
  border:1px solid #3d3445;
}
.chatBetaStrip b{
  color:#ef9ca2;
  font-size:11px;
}
.betaAccountGrid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.betaPassCard{
  background:linear-gradient(145deg,#24202c,#1b181f);
  border-color:#443950;
}
.betaPassIcon{
  width:42px;
  height:42px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:#30273a;
  color:#dfcff7;
  font-size:24px;
  font-weight:900;
}
.betaPassStats{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin:18px 0 12px;
}
.betaPassStats>div{
  padding:12px;
  border-radius:12px;
  background:#18161b;
  border:1px solid #37303f;
  display:grid;
  gap:4px;
}
.betaPassStats span,.betaPassStats small{color:var(--muted);font-size:11px}
.betaPassStats b{font-size:26px;color:#e1d5f3}
.betaPassCard p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}

.betaAdminSection{
  margin-bottom:18px;
  padding:18px;
}
.betaAdminHead{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:14px;
}
.betaAdminHead h3{margin:3px 0 5px}
.betaAdminHead p{margin:0;color:var(--muted);font-size:12px}
.betaAdminStats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}

.betaCostBreakdown{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-top:12px;
}
.betaCostBreakdown>div{
  display:grid;
  gap:5px;
  padding:13px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#191719;
}
.betaCostBreakdown span{color:#d7ccd0;font-size:11px}
.betaCostBreakdown b{font-size:20px;color:#f0dfe2}
.betaCostBreakdown small{color:var(--muted);font-size:10px;line-height:1.35}

.betaBudgetBox{
  margin:14px 0;
  padding:14px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#181618;
}
.betaBudgetBox>div:first-child{
  display:flex;
  justify-content:space-between;
  gap:10px;
  margin-bottom:10px;
}
.betaBudgetBox small{display:block;color:var(--muted);margin-top:8px;font-size:11px}
.betaBudgetTrack{
  height:9px;
  border-radius:999px;
  overflow:hidden;
  background:#2a2529;
}
.betaBudgetTrack span{
  display:block;
  height:100%;
  background:linear-gradient(90deg,#8a5968,#d27983);
  border-radius:inherit;
}
.betaSettingsGrid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  padding:14px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#191719;
}
.betaSettingsGrid label{display:grid;gap:6px;font-size:12px;color:#d3cad0}
.betaSettingsGrid input[type="number"]{
  width:100%;
  box-sizing:border-box;
  border:1px solid var(--line);
  background:#111012;
  color:#fff;
  padding:10px;
  border-radius:9px;
}
.betaSettingsGrid .betaToggle{
  display:flex;
  align-items:center;
  gap:8px;
  grid-column:1/-1;
}
.betaSettingsGrid .betaToggle input{width:18px;height:18px}
.betaSettingsGrid>button{align-self:end;min-height:40px}
.betaAdminTables{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:14px;
}
.betaAdminTables h4{margin:0 0 8px}
.betaTableWrap{
  overflow:auto;
  border:1px solid var(--line);
  border-radius:10px;
}
.betaTableWrap table{width:100%;border-collapse:collapse;min-width:430px;font-size:12px}
.betaTableWrap th,.betaTableWrap td{padding:9px 10px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}
.betaTableWrap th{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.06em;background:#181618}
.betaTableWrap tr:last-child td{border-bottom:0}

@media(max-width:980px){
  .betaAccountGrid{grid-template-columns:1fr 1fr}
  .betaAdminStats{grid-template-columns:1fr 1fr}
  .betaCostBreakdown{grid-template-columns:1fr 1fr}
  .betaAdminTables{grid-template-columns:1fr}
}
@media(max-width:640px){
  .headerActions{gap:5px}
  .betaTicketBalance{font-size:10px;padding:6px 8px;min-height:30px}
  .betaAccountGrid{grid-template-columns:1fr}
  .betaSettingsGrid{grid-template-columns:1fr 1fr}
  .betaAdminHead{flex-direction:column}
}
@media(max-width:430px){
  .betaTicketBalance{max-width:110px;overflow:hidden}
  .betaSettingsGrid{grid-template-columns:1fr}
  .betaAdminStats{grid-template-columns:1fr 1fr}
  .betaCostBreakdown{grid-template-columns:1fr}
}

/* v0.19.2 actual provider costs */
.betaLegacyNote{margin:14px 0;padding:13px 15px;border:1px solid rgba(215,125,140,.26);border-radius:12px;background:rgba(215,125,140,.07);font-size:.87rem;line-height:1.45;color:var(--muted,#c7b8bd)}
.betaLegacyNote b{color:var(--text,#fff)}
.betaProviderBlock{margin-top:16px;padding-top:4px}
.betaProviderBlock h4{margin:0 0 10px}
.betaCostHint{margin:9px 2px 0;font-size:.78rem;line-height:1.45}
.betaCostBreakdown b small{font-size:.7rem;font-weight:500}

/* v0.20.0 achievements & rewards */
.achievementsAccountCard{margin-top:12px;padding:18px}
.achievementHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.achievementCount{padding:7px 10px;border:1px solid #4a3a43;border-radius:999px;background:#241d21;color:#e5c8ce;font-size:12px;font-weight:800}
.achievementIntro,.achievementEmpty{margin:8px 0 0;color:var(--muted);font-size:11px;line-height:1.5}
.achievementGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
.achievementCard{display:flex;gap:11px;padding:13px;border:1px solid #373034;border-radius:12px;background:#181618;min-width:0}
.achievementCard.unlocked{border-color:#5c4149;background:linear-gradient(145deg,#21191d,#1a1719)}
.achievementCard.locked{opacity:.62}
.achievementIcon{flex:0 0 38px;width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#2b2227;border:1px solid #49373f;font-size:19px}
.achievementCard.locked .achievementIcon{filter:grayscale(1)}
.achievementBody{min-width:0;flex:1}
.achievementTitleRow{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.achievementTitleRow b{color:#eee2e5;font-size:13px}
.achievementState{flex:0 0 auto;padding:3px 6px;border-radius:999px;background:#4a2e37;color:#f3c5cf;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.achievementState.locked{background:#2c292b;color:#999093}
.achievementBody p{margin:5px 0 7px;color:#9e9295;font-size:10px;line-height:1.45}
.achievementReward{color:#e8c98d;font-size:10px;font-weight:750}
.achievementBody small{display:block;margin-top:5px;color:#7f7477;font-size:9px}
@media(max-width:760px){.achievementGrid{grid-template-columns:1fr}}

/* v0.20.1 expanded achievement pack */
.achievementFilters{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}
.achievementFilter{border:1px solid #3b3337;background:#181619;color:#a99da1;border-radius:999px;padding:7px 10px;font:inherit;font-size:10px;font-weight:750;cursor:pointer}
.achievementFilter span{margin-left:4px;color:#766d70;font-size:9px}
.achievementFilter.active{border-color:#724751;background:#2a1d22;color:#f0d6dc}
.achievementFilter.active span{color:#caaab1}
.achievementMeta{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}
.achievementMeta span{padding:2px 5px;border-radius:999px;background:#242024;color:#8e8387;font-size:8px;font-weight:750;text-transform:uppercase;letter-spacing:.04em}
.achievementCard.tier-silber .achievementIcon{box-shadow:inset 0 0 0 1px rgba(210,210,220,.12)}
.achievementCard.tier-gold .achievementIcon{box-shadow:inset 0 0 0 1px rgba(232,201,141,.22)}
.achievementCard.tier-platin .achievementIcon{box-shadow:inset 0 0 0 1px rgba(210,185,235,.24)}
@media(max-width:760px){.achievementFilters{gap:5px}.achievementFilter{padding:6px 8px}}


/* v0.21.0 achievement progress - profile only */
.achievementProgress{margin:9px 0 8px;padding:8px 9px;border:1px solid #332c30;border-radius:9px;background:#151315}
.achievementProgressTop{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px;color:#817579;font-size:9px}
.achievementProgressTop b{color:#cdb4ba;font-size:9px;font-weight:800}
.achievementProgressTrack{height:5px;overflow:hidden;border-radius:999px;background:#2a2528}
.achievementProgressTrack i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6e3947,#b76479)}
.achievementCard.secret{border-style:dashed;opacity:.72}
.achievementState.secret{background:#302a38;color:#c8b5da}
.achievementRecent{margin-top:13px;padding:11px 12px;border:1px solid #392f34;border-radius:12px;background:#171416}
.achievementRecentLabel{margin-bottom:8px;color:#8f7e83;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.achievementRecentRow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.achievementRecentItem{display:flex;align-items:center;gap:8px;min-width:0;padding:8px;border-radius:9px;background:#201a1d}
.achievementRecentItem>span{font-size:18px}
.achievementRecentItem div{min-width:0}
.achievementRecentItem b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e4d4d8;font-size:10px}
.achievementRecentItem small{display:block;margin-top:2px;color:#766a6d;font-size:8px}
@media(max-width:760px){.achievementRecentRow{grid-template-columns:1fr}.achievementRecentItem b{white-space:normal}}


/* v0.22.0 Stable Public Beta · voluntary PayPal support */
.supportAccountCard{
  background:linear-gradient(145deg,#251d22,#191719);
  border-color:#4d3840;
}
.supportHeartIcon{
  width:42px;
  height:42px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:#342127;
  border:1px solid #563742;
  color:#e98494;
  font-size:23px;
  line-height:1;
}
.supportAccountCard p{
  margin:10px 0 14px;
  color:var(--muted);
  font-size:12px;
  line-height:1.55;
}
.supportPaypalBtn{
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  box-sizing:border-box;
  margin:0;
}
.supportAccountCard small{
  display:block;
  margin-top:9px;
  color:#877a7e;
  font-size:10px;
  line-height:1.45;
}
@media(max-width:980px){.betaAccountGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.betaAccountGrid{grid-template-columns:1fr}}