/* LeBonFlip, DA 2027 « Club » aux couleurs actuelles du Club (aubergine, orange, jaune or, creme) : habillage de TEST de l'app (02/11/2026).
   v2 (18 h) : fond creme, carte de membre violette holographique, reflets irises lilas, rose, or, menthe (demande d'Isma).
   Charge seulement avec ?design=club (cookie), retour : ?design=actuel. Voir lbf-app-carnet.php.
   Toutes les regles sont prefixees html[data-design=club] : rien ne bouge sans le parametre. */

/* ===== Couleurs, polices et rayons de toute l'app (variables de l'app) ===== */
html[data-design=club]{--bg:#FDF8F1;--card:#FFFFFF;--ink:#3D3552;--ink2:#4D4360;--muted:#5C5170;--line:#ECE4D8;--line2:#F4EEE6;--or:#E8833A;--or-d:#CF6F2B;--or-soft:#FCEBDC;--blue:#3D3552;--inv:#4D4360;--inv-soft:#EFEBF5;--r:16px;--sh:0 24px 48px -28px rgba(46,39,64,.45);--sh-s:0 10px 22px -16px rgba(46,39,64,.32);--font:'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;--mono:'Schibsted Grotesk',system-ui,-apple-system,sans-serif;--serif:'Gloock',Georgia,serif;--imp-or:#E8833A;--imp-deep:#CF6F2B;--imp-ink:#3D3552;--imp-soft:#4D4360;--imp-muted:#5C5170;--imp-line:rgba(61,53,82,.14);font-synthesis:none}
html[data-design=club] body{font-family:var(--font)}
html[data-design=club] #lbf-app.app{background:#FDF8F1}
html[data-design=club] #lbf-app .btn{border-radius:12px;font-weight:600}
html[data-design=club] #lbf-app .btn.primary{background:#FCB900;border-color:#FCB900;color:#3D3552;box-shadow:0 8px 18px -12px rgba(46,39,64,.5)}
html[data-design=club] #lbf-app .btn.primary:active{background:#E2A300}
html[data-design=club] #lbf-app :is(h1,h2,h3,.h1,.h2) em{font-style:normal;color:#E8833A}

/* ===== En-tete creme ===== */
html[data-design=club] #lbf-app>.top{background:#FDF8F1;border-bottom:1px solid #ECE4D8;box-shadow:none}
html[data-design=club] #lbf-app>.top .pill,html[data-design=club] #lbf-app>.top .pill.on{border:1px solid rgba(61,53,82,.25)!important;border-radius:10px;background:#FFFFFF!important;color:#3D3552!important;font-family:var(--font);font-size:12.5px;font-weight:600;padding:6px 10px;box-shadow:none!important}
html[data-design=club] #lbf-app>.top .mebtn.ic{border-radius:12px;border:1px solid rgba(61,53,82,.16);background:#FFFFFF;color:#3D3552;box-shadow:none}
html[data-design=club] #lbf-app>.top .mebtn.ic svg{color:#3D3552}
html[data-design=club] #lbf-app>.top #mebtn{border:2px solid #FCB900;border-radius:50%}
html[data-design=club] #lbf-app>.top #mebtn .av{width:34px;height:34px;background:#3D3552;color:#FDF8F1;font-family:var(--font);font-weight:700}
html[data-design=club] #lbf-app>.top .mebtn .mdot{background:#E8833A;border-color:#FDF8F1}

/* ===== Accueil : fond creme ===== */
html[data-design=club] #lbf-app #v-accueil{background:#FDF8F1;color:#3D3552}
html[data-design=club] #lbf-app #accview{font-family:var(--font);color:#3D3552}
html[data-design=club] #lbf-app #accview.acc.has-card{padding-top:16px}
html[data-design=club] #lbf-app .k-salut{max-width:380px;margin:0 auto 18px}
html[data-design=club] #lbf-app .k-salut-date{margin:0;font-family:var(--font);font-size:13px;font-weight:500;line-height:1.2;color:#5C5170}
html[data-design=club] #lbf-app .k-salut-t{margin:8px 0 0;font-family:var(--serif);font-size:44px;line-height:1;font-weight:400;letter-spacing:-.01em;color:#3D3552}
/* 09/11/2026, 20 h 45 (design « Club » pour tous) : sur ordinateur (1100 px et plus), la carte et « Bonjour <prenom> » sont
   cote a cote (app-accueil.js) ; « Salut <prenom> » (carnet.js) tombait tout en bas, sous le bloc de partage : masque a cette largeur */
@media (min-width:1100px){html[data-design=club] #lbf-app .acc.has-card>.k-salut{display:none}}
html[data-design=club] #lbf-app .acc-h1{font-family:var(--serif);font-weight:400;color:#3D3552}
html[data-design=club] #lbf-app .acc-h1 em{font-style:normal;color:#E8833A}
html[data-design=club] #lbf-app .acc-p{color:#5C5170}

/* Carte de membre : violette holographique, reflets irises (lilas, rose, or, menthe, bleu ciel) qui passent sur la carte et suivent le doigt, cadre or, cachet orange.
   Les cartes investisseur gardent leur vert. */
html[data-design=club] #lbf-app .hc:not(.inv){border-radius:4.8cqw}
html[data-design=club] #lbf-app .hc:not(.inv) .hc-front{background:linear-gradient(116deg,rgba(255,255,255,0) 14%,rgba(255,255,255,.10) 24%,rgba(255,255,255,0) 33%,rgba(255,255,255,0) 60%,rgba(255,255,255,.06) 67%,rgba(255,255,255,0) 74%),radial-gradient(90% 110% at 100% 100%,rgba(140,110,214,.4) 0%,rgba(140,110,214,0) 60%),radial-gradient(125% 140% at 0% 0%,#6B55A8 0%,#3D3552 50%,#2A2340 100%);color:#FDF8F1;box-shadow:0 26px 44px -24px rgba(46,39,64,.6),inset 0 0 0 1px rgba(255,255,255,.14)}
html[data-design=club] #lbf-app .hc:not(.inv) .hc-front::before{content:'';position:absolute;inset:2.4cqw;z-index:2;border:1px solid rgba(252,185,0,.55);border-radius:3cqw;pointer-events:none}
html[data-design=club] #lbf-app .hc:not(.inv) .hc-front::after{display:none}
html[data-design=club] #lbf-app .hc:not(.inv) .hc-guil{background:repeating-radial-gradient(circle at 110% 120%,rgba(255,236,200,.07) 0 1px,transparent 1px 7px)}
html[data-design=club] #lbf-app .hc:not(.inv) .hc-holo{background:linear-gradient(125deg,rgba(201,184,255,0) 0%,rgba(201,184,255,.40) 16%,rgba(245,163,192,.38) 32%,rgba(252,185,0,.34) 48%,rgba(143,214,181,.30) 64%,rgba(159,195,240,.34) 80%,rgba(201,184,255,0) 100%);background-size:240% 240%;background-position:var(--mx) var(--my);mix-blend-mode:color-dodge;opacity:.4}
html[data-design=club] #lbf-app .hc:not(.inv) .hc-idle{background:linear-gradient(115deg,transparent 30%,rgba(201,184,255,.55) 38%,rgba(245,163,192,.5) 44%,rgba(255,214,140,.5) 50%,rgba(143,214,181,.42) 56%,rgba(159,195,240,.45) 62%,transparent 70%);background-size:300% 100%;mix-blend-mode:color-dodge;opacity:.75}
html[data-design=club] #lbf-app .hc:not(.inv) .hc-spark{opacity:.7}
html[data-design=club] #lbf-app .hc.tilt:not(.inv) .hc-holo{opacity:.9}
html[data-design=club] #lbf-app .hc:not(.inv) .hc-logo{left:7cqw;top:6.6cqw;font-size:0;color:transparent}
html[data-design=club] #lbf-app .hc:not(.inv) .hc-logo i{display:none}
html[data-design=club] #lbf-app .hc:not(.inv) .hc-logo::after{content:'Club LBF';font-family:var(--serif);font-size:5.4cqw;line-height:1;color:#FDF8F1}
html[data-design=club] #lbf-app .hc:not(.inv) .hc-no{right:7cqw;top:7.2cqw;font-family:var(--font);font-size:3.8cqw;font-weight:700;letter-spacing:.06em;font-variant-numeric:tabular-nums;background:linear-gradient(90deg,#FCB900,#FFE7A3,#F0A04B,#FFE7A3,#FCB900);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:hcfoil 4s linear infinite}
html[data-design=club] #lbf-app .hc:not(.inv) .hc-av{left:7cqw;top:17.5cqw;width:18cqw;height:18cqw;border:.6cqw solid rgba(253,248,241,.92);border-radius:3cqw;background:#4D4360;color:#FDF8F1;box-shadow:0 2cqw 4cqw -1.5cqw rgba(10,6,20,.55);font-family:var(--font)}
html[data-design=club] #lbf-app .hc:not(.inv) .hc-id{left:30cqw;right:7cqw;top:18.4cqw;gap:1.6cqw}
html[data-design=club] #lbf-app .hc:not(.inv) .hc-id b{font-family:var(--serif);font-size:7.4cqw;font-weight:400;letter-spacing:-.005em;line-height:1.05;color:#FDF8F1}
html[data-design=club] #lbf-app .hc:not(.inv) .hc-id span{font-family:var(--font);font-size:3.7cqw;line-height:1.3;color:rgba(253,248,241,.76)}
html[data-design=club] #lbf-app .hc:not(.inv) .hc-rech{left:30cqw;right:7cqw;top:40cqw;font-family:var(--font);font-size:3.4cqw;font-weight:600;color:#FFC29A}
html[data-design=club] #lbf-app .hc:not(.inv) .hc-city{left:7cqw;bottom:7cqw;font-family:var(--font);font-size:3.5cqw;font-weight:500;letter-spacing:0;color:rgba(253,248,241,.72);text-transform:lowercase}
html[data-design=club] #lbf-app .hc:not(.inv) .hc-city::first-letter{text-transform:uppercase}
/* 10/11/2026 (Isma : la pastille est un peu grosse) : 17cqw -> 12cqw, anneaux reduits d'autant */html[data-design=club] #lbf-app .hc:not(.inv) .hc-foil{right:6cqw;bottom:6cqw;z-index:3;width:12cqw;height:12cqw;padding:0;border:0;border-radius:50%;font-size:0;letter-spacing:0;color:transparent;-webkit-text-fill-color:transparent;animation:none;background:#E8833A url(picto-creme.svg?v=20261111) center/62% auto no-repeat;-webkit-background-clip:border-box;background-clip:border-box;box-shadow:0 0 0 .8cqw #E8833A,0 0 0 1.1cqw rgba(253,248,241,.7),0 2.2cqw 3.6cqw -1.5cqw rgba(10,6,20,.6);opacity:1;transform:none}
html[data-design=club] #lbf-app .hc:not(.inv) .hc-back{background:#FDF8F1;color:#3D3552;box-shadow:0 26px 44px -24px rgba(46,39,64,.6),inset 0 0 0 1px rgba(61,53,82,.08)}
html[data-design=club] #lbf-app .hc:not(.inv) .hc-back::before{content:'';position:absolute;inset:2.4cqw;border:1px solid #E2A300;border-radius:3cqw;pointer-events:none}
html[data-design=club] #lbf-app .hc:not(.inv) .hc-qr{box-shadow:inset 0 0 0 1px rgba(61,53,82,.12)}
html[data-design=club] #lbf-app .hc:not(.inv) .hc-bk{font-family:var(--font)}
html[data-design=club] #lbf-app .hc:not(.inv) .hc-bk b{font-family:var(--serif);font-weight:400;font-size:5.6cqw;letter-spacing:0;color:#3D3552}
html[data-design=club] #lbf-app .hc:not(.inv) .hc-l i{font-family:var(--font);font-size:2.5cqw;font-weight:600;letter-spacing:.08em;color:#5C5170}
html[data-design=club] #lbf-app .hc:not(.inv) .hc-scan{font-family:var(--font);font-size:3.1cqw;font-weight:600;color:#CF6F2B}
html[data-design=club] #lbf-app #v-accueil .hc-hint{margin:14px 0 0;font-family:var(--font);font-size:12.5px;color:#5C5170}

/* Le mot de l'equipe, a meme le fond creme */
html[data-design=club] #lbf-app .acc-hi{margin:30px auto 0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible}
html[data-design=club] #lbf-app .acc-hi::after{display:none}
html[data-design=club] #lbf-app .acc-hi-t{margin:0 32px 8px 0;font-family:var(--serif);font-size:25px;line-height:1.08;font-weight:400;color:#3D3552}
html[data-design=club] #lbf-app .acc-hi p{font-family:var(--font);font-size:14.5px;line-height:1.45;color:#5C5170}
html[data-design=club] #lbf-app .acc-hi-f{margin-top:14px}
html[data-design=club] #lbf-app .acc-hi-s b{font-family:var(--font);font-style:normal;font-weight:600;font-size:13px;color:#3D3552}
html[data-design=club] #lbf-app .acc-hi-s span{font-family:var(--font);font-size:12.5px;font-weight:500;color:#5C5170}
html[data-design=club] #lbf-app .acc-hi-go{min-height:44px;padding:0 18px;border:0;border-radius:10px;background:#FCB900;color:#3D3552;font-family:var(--font);font-size:15px;font-weight:700;box-shadow:0 8px 18px -12px rgba(46,39,64,.45)}
html[data-design=club] #lbf-app .acc-hi-go:hover{background:#FFC933;border-color:transparent}
html[data-design=club] #lbf-app .acc-hi-go:focus-visible,html[data-design=club] #lbf-app .acc-hi-x:focus-visible{outline:2px solid #3D3552;outline-offset:2px}
html[data-design=club] #lbf-app .acc-hi-x{color:#5C5170}
html[data-design=club] #lbf-app .acc-hi-x:hover{background:rgba(61,53,82,.06);color:#3D3552}

/* Tes outils : une couleur par outil (pastille pleine sur tuile teintee) */
html[data-design=club] #lbf-app .acc-tools{gap:10px;margin-top:30px}
html[data-design=club] #lbf-app .acc-tools::before{content:'Tes outils';grid-column:1/-1;display:block;margin:0 0 4px;font-family:var(--serif);font-size:23px;line-height:1.1;color:#3D3552}
html[data-design=club] #lbf-app .acc-t{border:1px solid #ECE4D8;border-radius:16px;background:#FFFFFF;color:#3D3552;box-shadow:none;font-family:var(--font)}
html[data-design=club] #lbf-app .acc-t:hover{box-shadow:0 12px 24px -18px rgba(46,39,64,.45)}
html[data-design=club] #lbf-app .acc-t:focus-visible{outline:2px solid #3D3552;outline-offset:2px;border-radius:16px}
html[data-design=club] #lbf-app .acc-ti{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:14px;padding:14px;min-height:124px}
html[data-design=club] #lbf-app .acc-ti::before{display:none}
html[data-design=club] #lbf-app .acc-t img{width:40px;height:40px;padding:8px;box-sizing:border-box;border-radius:11px;box-shadow:none;object-fit:contain;background:#FCB900}
html[data-design=club] #lbf-app .acc-t:hover img{transform:none}
html[data-design=club] #lbf-app .acc-tn{font-size:15.5px;font-weight:700;line-height:1.15;letter-spacing:0;color:#3D3552}
html[data-design=club] #lbf-app .acc-tc{font-size:12.5px;line-height:1.35;color:#5C5170}
html[data-design=club] #lbf-app .acc-tl{padding:2px 6px;border:0;border-radius:6px;background:#3D3552;color:#FDF8F1;font-size:10.5px;font-weight:700;letter-spacing:.02em}
html[data-design=club] #lbf-app .acc-t[data-acck='membres']{background:#FEEDBD;border-color:#FDD566}
html[data-design=club] #lbf-app .acc-t[data-acck='membres'] img{content:url(fliplink.svg);background:#FCB900}
html[data-design=club] #lbf-app .acc-t[data-acck='flipmap']{background:#F9DFCC;border-color:#F1B589}
html[data-design=club] #lbf-app .acc-t[data-acck='flipmap'] img{content:url(flipmap.svg);background:#E8833A}
html[data-design=club] #lbf-app .acc-t[data-acck='flipscan']{background:#FFEFE5;border-color:#FFDAC2}
html[data-design=club] #lbf-app .acc-t[data-acck='flipscan'] img{content:url(flipscan.svg);background:#FFC29A}
html[data-design=club] #lbf-app .acc-t[data-acck='flipboard']{background:#EDE8F9;border-color:#D5CBF1}
html[data-design=club] #lbf-app .acc-t[data-acck='flipboard'] img{content:url(flipboard.svg);background:#B9A8E8}
html[data-design=club] #lbf-app .acc-t[data-acck='simulateur']{background:#FCDDD9;border-color:#F7B0A6}
html[data-design=club] #lbf-app .acc-t[data-acck='simulateur'] img{content:url(flipmarge.svg);background:#F27B6B}
html[data-design=club] #lbf-app .acc-t[data-acck='flipgame']{background:#FCE7EF;border-color:#F9C8D9}
html[data-design=club] #lbf-app .acc-t[data-acck='flipgame'] img{content:url(flipgame.svg);background:#F5A3C0}
html[data-design=club] #lbf-app .acc-t[data-acck='design']{background:#E2F4EC;border-color:#BCE6D3}
html[data-design=club] #lbf-app .acc-t[data-acck='design'] img{content:url(flipdesign.svg);background:#8FD6B5}
html[data-design=club] #lbf-app .acc-t[data-acck='fliptool']{background:#F9F4E8;border-color:#F2E5CB}
html[data-design=club] #lbf-app .acc-t[data-acck='fliptool'] img{content:url(fliptool.svg);background:#E9D3A8}
html[data-design=club] #lbf-app .acc-t[data-acck='estimateur']{background:#FFF5D9;border-color:#FFE8A6}
html[data-design=club] #lbf-app .acc-t[data-acck='estimateur'] img{content:url(flipestim.svg);background:#FFD86B}
html[data-design=club] #lbf-app .acc-t[data-acck='dossier']{background:#E6EFFB;border-color:#C5DBF6}
html[data-design=club] #lbf-app .acc-t[data-acck='dossier'] img{content:url(flipbank.svg);background:#9FC3F0}
html[data-design=club] #lbf-app .acc-t[data-acck='travaux']{background:#FBECE1;border-color:#F6D2B9}
html[data-design=club] #lbf-app .acc-t[data-acck='travaux'] img{content:url(fliptravaux.svg);background:#F0B48A}
/* 10/11/2026 : FlipDate, l'agenda (bleu canard, la seule teinte libre de la palette des outils) */
html[data-design=club] #lbf-app .acc-t[data-acck='flipdate']{background:#E3F3F5;border-color:#BFE3E8}
html[data-design=club] #lbf-app .acc-t[data-acck='flipdate'] img{content:url(flipdate.svg);background:#8ACFD8}
/* 10/11/2026, 23 h 10 (Isma : « Le logo de fliplink sur l'accueil n'est pas comme les autres ») : FlipLink, le réseau (onglet reseau), en bleu,
   plus franc que celui de FlipBank (absent de l'accueil) ; pictogramme du fil (IC.fil d'app-fliplink.js) dans reseau.svg (fliplink.svg est celui de FlipMembers) */
html[data-design=club] #lbf-app .acc-t[data-acck='reseau']{background:#E3ECFC;border-color:#BCD2F7}
html[data-design=club] #lbf-app .acc-t[data-acck='reseau'] img{content:url(reseau.svg);background:#6E9BF0}
/* Flip Game en direct (quand il y en a un) */
html[data-design=club] #lbf-app .acc-fg{border:1px solid #F9C8D9;border-radius:16px;background:#FCE7EF;color:#3D3552;box-shadow:none;font-family:var(--font)}
html[data-design=club] #lbf-app .acc-fg img{width:40px;height:40px;padding:8px;box-sizing:border-box;border-radius:11px;box-shadow:none;background:#F5A3C0;content:url(flipgame.svg)}

@media (prefers-reduced-motion:reduce){html[data-design=club] #lbf-app .hc:not(.inv) .hc-no{animation:none}}

/* 09/11/2026 : « Le Club » en tête de l'accueil de l'app (app-accueil.js), sur toute la largeur, au-dessus de « Tes outils » ; pastille aubergine du Club */
html[data-design=club] #lbf-app .acc-t[data-acck='club']{order:99;margin-top:12px;background:#F3EFF8;border-color:#D9CFEA} /* 11/11/2026, 1 h 40 (Isma, 1 h 36 : « Mettre ton club en dessous des outils ») : après les outils (avant : order:-1, en tête) */
html[data-design=club] #lbf-app .acc-t[data-acck='club'] img{content:url(club.svg);background:#3D3552}
/* 09/11/2026, 20 h 30 (Isma : « sur la carte le Club, ça fait un peu vide ; trouver quelque chose pour mieux centrer ») :
   la carte garde la hauteur des autres (clubH, app-accueil.js) ; pastille, nom et phrase centres, dans la largeur et en hauteur */
html[data-design=club] #lbf-app .acc-t[data-acck='club'] .acc-ti{flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:0;padding:16px 18px;text-align:center}
html[data-design=club] #lbf-app .acc-t[data-acck='club'] img{width:46px;height:46px;padding:9px}
html[data-design=club] #lbf-app .acc-t[data-acck='club'] .acc-tx{align-items:center;gap:3px;text-align:center}
html[data-design=club] #lbf-app .acc-t[data-acck='club'] .acc-tn{justify-content:center;font-size:17px}
html[data-design=club] #lbf-app .acc-t[data-acck='club'] .acc-tc{font-size:13px}

/* 09/11/2026, 23 h 50 (Isma : « dans l'agenda aussi, plus de couleurs ») : onglet Club > Agenda de l'app (app-club.js,
   evCard) : chaque rendez-vous prend la teinte d'un outil de l'accueil, dans l'ordre lavande, rose, menthe, ciel, peche,
   avec la date en pastille pleine de la meme couleur (chiffres aubergine). Etiquettes, horaires et sondage passent en
   blanc sur la teinte ; « Prochain rendez-vous » garde son jaune, le bouton « Rejoindre le live » aussi. */
html[data-design=club] #lbf-app article.clb-tix{--tix-bg:#EDE8F9;--tix-line:#D5CBF1;--tix-dot:#B9A8E8;border-color:var(--tix-line);background:var(--tix-bg)}
html[data-design=club] #lbf-app article.clb-tix:nth-of-type(5n+2){--tix-bg:#FCE7EF;--tix-line:#F9C8D9;--tix-dot:#F5A3C0}
html[data-design=club] #lbf-app article.clb-tix:nth-of-type(5n+3){--tix-bg:#E2F4EC;--tix-line:#BCE6D3;--tix-dot:#8FD6B5}
html[data-design=club] #lbf-app article.clb-tix:nth-of-type(5n+4){--tix-bg:#E6EFFB;--tix-line:#C5DBF6;--tix-dot:#9FC3F0}
html[data-design=club] #lbf-app article.clb-tix:nth-of-type(5n+5){--tix-bg:#FFEFE5;--tix-line:#FFDAC2;--tix-dot:#FFC29A}
html[data-design=club] #lbf-app .clb-tix .clb-tix-date{background:var(--tix-dot);color:#3D3552}
html[data-design=club] #lbf-app .clb-tix .clb-tix-date span{color:#3D3552}
html[data-design=club] #lbf-app .clb-tix-f li{border-color:var(--tix-line);background:#FFFFFF}
html[data-design=club] #lbf-app .clb-tix .clb-evp{border-color:var(--tix-line);background:#FFFFFF}
html[data-design=club] #lbf-app .clb-tix :is(.clb-type,.clb-evsoon,.clb-evlive){background:#FFFFFF}
html[data-design=club] #lbf-app .clb-tix .clb-evsoon{color:#A24714}
html[data-design=club] #lbf-app .clb-tix .clb-pollw{color:#A24714}
html[data-design=club] #lbf-app .clb-tix .clb-tix-det{border-top-color:var(--tix-line)}

/* 11/11/2026 (Isma, 0 h 34, capture de la barre du haut : « Peut-on faire mieux sur les icônes notamment au vu de la forme et du
   style ? Peut-être à l'image du style du club qu'on peut avoir aussi en première page de l'app ? ») : boutons ronds aux couleurs
   pastel des cartes de l'accueil (Idées en jaune, Messages en bleu, cloche en pêche), icône dans la teinte foncée de la carte ;
   Vue... en pilule. */
html[data-design=club] #lbf-app>.top .mebtn.ic{border-radius:999px;box-shadow:none;transition:transform .15s ease,filter .15s ease}
html[data-design=club] #lbf-app>.top .mebtn.ic:active{transform:scale(.94)}
@media (hover:hover){html[data-design=club] #lbf-app>.top .mebtn.ic:hover{filter:brightness(.97)}}
html[data-design=club] #lbf-app>.top #chatbtn{background:#FEEDBD;border:1px solid #FDD566}
html[data-design=club] #lbf-app>.top #chatbtn,html[data-design=club] #lbf-app>.top #chatbtn svg{color:#6E4E00}
html[data-design=club] #lbf-app>.top #dmbtn{background:#E3ECFC;border:1px solid #BCD2F7}
html[data-design=club] #lbf-app>.top #dmbtn,html[data-design=club] #lbf-app>.top #dmbtn svg{color:#2F4F96}
html[data-design=club] #lbf-app>.top #lbfbell{background:#F9DFCC;border:1px solid #F1B589}
html[data-design=club] #lbf-app>.top #lbfbell,html[data-design=club] #lbf-app>.top #lbfbell svg{color:#8F3A10}
html[data-design=club] #lbf-app>.top .pill,html[data-design=club] #lbf-app>.top .pill.on{border-radius:999px!important}