/* Les règles de l'accueil restent intactes ; les formulaires ont leur propre périmètre. */
.account form { margin: 0; }
.notice { max-width: 900px; margin: 18px auto; padding: 16px 20px; border-radius: 18px; background: #d6f9eb; color: #124c3e; font: 17px/1.4 Arial,sans-serif; }
.notice.error { background: #ffe0eb; color: #8c173e; }
.account-page { background: #fff9ef url('assets/01-background-pastel-tropical.webp') center top / 1448px auto fixed; }
.account-main { max-width: 1040px; min-height: calc(100vh - 160px); margin: auto; padding: 35px 28px 65px; background: none; overflow: visible; }
.account-main h1 { font-size: clamp(32px,5vw,48px); line-height: 1.15; letter-spacing: -1.2px; }
.account-main h2 { font-size: 28px; }
.account-main p { line-height: 1.4; }
.page-heading { text-align: center; margin: 8px auto 30px; }
.page-heading h1 { margin: 12px 0; transform: rotate(-2deg); }
.eyebrow { color: #a60057; font-size: 22px; }
.paper { background: #fffffff2; padding: 28px; border-radius: 25px 32px 21px 30px; margin: 24px 0; box-shadow: 0 8px 22px #b7558a13; }
.narrow { max-width: 560px; margin-inline: auto; }
.paper fieldset { min-width: 0; border: 0; padding: 0; margin: 0 0 30px; }
.paper legend { font: 700 28px/1.3 var(--hand); color: #151515; margin-bottom: 20px; }
.form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 5px 22px; }
.field { display: flex; flex-direction: column; gap: 7px; margin: 15px 0; color: #20205b; font-size: 21px; min-width: 0; }
.field input, .field select, .field textarea { width: 100%; min-width: 0; min-height: 48px; border: 1.5px solid #dcbace; border-radius: 14px; padding: 12px 13px; color: #171744; background: #fffdfb; font: 16px/1.4 Arial,sans-serif; }
.field textarea { resize: vertical; }
.field input:focus-visible, .field select:focus-visible, .field textarea:focus-visible { outline: 3px solid #166c81; outline-offset: 3px; }
.help, .preview-note, .subtle { font: 15px/1.5 Arial,sans-serif; color: #62516c; margin: 10px 0 18px; }
.counter-line { display: flex; justify-content: space-between; gap: 12px; }
.counter-line output { white-space: nowrap; }
.account-main a:not(.button) { text-decoration: underline; text-underline-offset: 3px; }
.account-main .button { min-height: 47px; white-space: normal; text-align: center; }
.form-link { margin-top: 20px; }
.choice-chips, .tags { display: flex; flex-wrap: wrap; gap: 10px; margin: 15px 0; }
.choice-chips label { position: relative; cursor: pointer; }
.choice-chips input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.choice-chips span, .tags span { display: inline-block; padding: 9px 17px; background: #fff1b1; border: 2px solid transparent; border-radius: 24px 30px 22px 27px; font-size: 21px; }
.choice-chips label:nth-child(3n+2) span, .tags span:nth-child(3n+2) { background: #ffdbf2; }
.choice-chips label:nth-child(3n) span, .tags span:nth-child(3n) { background: #acf4f9; }
.choice-chips input:checked + span { border-color: #c30061; box-shadow: 0 3px 0 #c30061; }
.choice-chips input:focus-visible + span { outline: 3px solid #166c81; outline-offset: 3px; }
.choice-chips input:disabled + span { opacity: .55; }
.profile-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 15px; flex-wrap: wrap; }
.profile-toolbar > div { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.member-preview { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 28px; align-items: start; margin-top: 30px; }
.member-photos { transform: rotate(-2deg); }
.main-photo { width: 100%; max-height: 620px; object-fit: cover; border: 10px solid white; border-radius: 24px; box-shadow: 0 8px 25px #d16a9f21; }
.empty-photo { padding: 50px 20px; min-height: 420px; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 15px; border: 8px solid white; border-radius: 24px; background: #baf1f7; }
.empty-photo > span { font-size: 80px; }
.empty-photo p { font: 700 32px/1.2 var(--hand); }
.member-story { margin: 0; }
.mood-badge { display: inline-block; background: #fff0a5; border-radius: 27px 20px 22px 25px; padding: 8px 18px; margin-bottom: 18px; }
.city { font-size: 25px; margin: 8px 0; }
.member-bio { font: 18px/1.6 Arial,sans-serif; margin: 24px 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.member-story h1, .member-story p, .admin-list p { overflow-wrap: anywhere; }
.profile-flags { display: grid; gap: 18px; margin-top: 24px; }
.profile-flags article { padding: 18px; border-radius: 12px 21px 14px 19px; transform: rotate(-2deg); }
.profile-flags h2 { font: 24px/1.2 var(--body); }
.red-paper { background: #ffe3ef; }
.green-paper { background: #dff9e6; transform: rotate(2deg) !important; }
.profile-flags p { margin-top: 12px; font: 17px/1.5 Arial,sans-serif; }
.preview-note { text-align: center; margin-top: 30px; }
.photo-gallery, .edit-gallery { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; margin-top: 20px; }
.photo-gallery img { width: 100%; aspect-ratio: 4/5; object-fit: cover; border: 6px solid white; border-radius: 16px; }
.edit-gallery { grid-template-columns: repeat(3,minmax(0,1fr)); }
.photo-edit-card { padding: 10px; border-radius: 18px; background: #fff4d0; }
.photo-edit-card img { width: 100%; aspect-ratio: 4/5; object-fit: cover; border-radius: 10px; }
.photo-edit-card form { display: flex; flex-wrap: wrap; gap: 5px; }
.photo-edit-card button { border: 1px solid #d395bc; background: white; border-radius: 16px; padding: 7px 10px; min-height: 44px; font-size: 17px; }
.photo-edit-card p { margin: 8px 0; }
.delete-photo { color: #982240; }
.upload-form { margin-top: 25px; }
.check-confirm { display: flex; gap: 12px; align-items: start; margin: 20px 0; font: 16px/1.4 Arial,sans-serif; }
.check-confirm input { margin-top: 4px; width: 20px; height: 20px; flex-shrink: 0; }
.deletion { background: #ffedf4; }
.button.danger { background: #a82046; border-color: #a82046; color: white; }
.error-page { text-align: center; }
.error-page > span { font-size: 65px; }
.error-page p { margin: 25px 0; }
.admin-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.admin-list .paper { margin: 0; }
.admin-list p { margin-block: 10px; }
.pagination { display: flex; gap: 15px; margin-top: 25px; }
@media(max-width:700px) {
  .account-main { padding: 24px 16px 45px; }
  .form-grid, .member-preview, .admin-list { grid-template-columns: 1fr; }
  .paper { padding: 23px 18px; }
  .member-preview { gap: 22px; }
  .empty-photo { min-height: 340px; }
  .edit-gallery { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .account-page .header .account { flex-wrap: wrap; }
  .notice { margin: 14px; }
  .counter-line { flex-wrap: wrap; }
  .field { font-size: 20px; }
  .account-main .button { font-size: 21px; padding-inline: 18px; }
  .profile-toolbar { justify-content: center; text-align: center; }
  .profile-toolbar > div { justify-content: center; }
  .paper legend { font-size: 25px; }
}
@media(prefers-reduced-motion:reduce) { .member-photos { transform: none; } }

/* Découverte et matchs V2 */
.filters{max-width:880px;margin:15px auto 28px;padding-block:18px}.filters summary{cursor:pointer;font:700 23px/1.3 var(--hand)}.filters form{margin-top:18px}.filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.filter-checks{display:flex;flex-wrap:wrap;gap:12px 26px;margin:8px 0 22px;font:16px/1.4 Arial,sans-serif}.filter-checks label{display:flex;align-items:center;gap:8px}.filter-checks input{width:20px;height:20px}
.discovery-stage{position:relative;max-width:760px;margin:auto;padding:5px 40px 35px}.discovery-card{display:grid;grid-template-columns:52% 48%;background:#fffffff5;border:8px solid white;border-radius:25px 36px 23px 31px;box-shadow:0 15px 34px #c95d9724;transform:rotate(-.7deg);overflow:hidden}.discovery-photo{width:100%;height:100%;min-height:500px;object-fit:cover}.discovery-copy{padding:30px 25px;align-self:center}.discovery-copy h1{font-size:39px;overflow-wrap:anywhere}.discovery-copy .member-bio{font-size:16px;margin-block:18px}.discovery-flag{padding:13px 15px;background:#dff9e6;border-radius:14px 20px 13px 18px;transform:rotate(-2deg);margin:18px 0;font-size:18px}.profile-link{display:inline-block;margin-top:12px}.discovery-actions{position:relative;z-index:2;display:flex;justify-content:center;gap:18px;margin-top:-22px}.discovery-actions form{margin:0}.discovery-actions .button{min-width:190px;min-height:58px;font-size:24px;box-shadow:0 6px 0 #fff}.pass-button{background:#fff2ad;border-color:#e7bd21}.like-button{font-family:var(--hand)}.discovery-actions button:disabled{opacity:.65;transform:none;cursor:wait}.center{text-align:center}
.doodle{position:absolute;z-index:3;pointer-events:none;color:#ed0079;-webkit-text-stroke:1.5px #111;animation:pulse 3s ease-in-out infinite}.heart-one{right:5px;top:80px;font-size:55px;transform:rotate(15deg)}.spark{left:2px;top:210px;font-size:50px;color:#ffdc24}.empty-discovery{max-width:790px;margin-inline:auto;display:flex;align-items:center;gap:28px;background:#fff6cfee}.empty-discovery img{width:230px}.empty-discovery h2{font-size:34px}
.match-celebration{max-width:800px;margin:25px auto;padding:38px;text-align:center;background:#fff5cfe8;border:8px solid white;border-radius:35px 50px 34px 45px;box-shadow:0 12px 35px #cd5e9a20;position:relative;overflow:hidden}.match-celebration h1{font-size:clamp(45px,8vw,78px);color:#e00070;transform:rotate(-3deg)}.match-celebration>p{font-size:28px}.match-burst{position:absolute;left:25px;top:20px;font-size:55px}.match-faces{display:flex;justify-content:center;align-items:center;margin:28px 0 15px}.match-faces img,.match-faces>span{width:230px;height:285px;object-fit:cover;background:#acf4f9;border:9px solid white;border-radius:35px 22px 32px 24px;transform:rotate(-7deg);box-shadow:0 8px 20px #8e426b29}.match-faces img:last-child{transform:rotate(7deg)}.match-faces strong{z-index:2;margin-inline:-25px;font-size:70px;color:#ed0079;-webkit-text-stroke:3px white}.match-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:22px}.match-actions .soon{opacity:.55;cursor:not-allowed}
.match-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.match-card{display:grid;grid-template-columns:44% 56%;gap:18px;margin:0;padding:17px}.match-card>img{width:100%;height:270px;object-fit:cover;border-radius:17px 22px 15px 20px}.match-card h2{overflow-wrap:anywhere}.match-card form{margin-top:13px}.text-button{border:0;padding:7px 0;background:transparent;color:#8f2850;text-decoration:underline;text-underline-offset:3px;font-size:17px}.empty-matches{max-width:680px;margin-inline:auto;text-align:center;background:#e0f9efee}.empty-matches p{margin:18px 0}.outgoing-likes{margin-top:40px}.like-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.like-list .paper{margin:0;padding:18px}.like-list span{font-size:21px}.like-list form{margin-top:8px}.admin-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:800px;margin:0 auto 28px}.admin-stat{padding:17px;text-align:center;border-radius:20px;background:#fff1b5}.admin-stat:nth-child(2){background:#ffdcf2}.admin-stat:nth-child(3){background:#acf4f9}.admin-stat strong{display:block;font:700 34px/1 var(--hand)}
@media(max-width:700px){.account-page .header nav{gap:24px;font-size:17px;overflow-x:auto;justify-content:flex-start;padding:5px 3px}.filter-grid,.match-grid,.like-list{grid-template-columns:1fr}.discovery-stage{padding-inline:0}.discovery-card{grid-template-columns:1fr;transform:rotate(-.4deg)}.discovery-photo{min-height:420px;max-height:570px}.discovery-copy{padding:23px 20px 35px}.discovery-actions{gap:10px;margin-top:-15px}.discovery-actions .button{min-width:0;width:100%;min-height:62px;font-size:21px;padding-inline:14px}.discovery-actions form{flex:1}.empty-discovery{flex-direction:column;text-align:center}.empty-discovery img{width:190px}.doodle{display:none}.match-celebration{padding:30px 14px}.match-burst{font-size:35px;left:8px;top:8px}.match-faces img,.match-faces>span{width:43vw;max-width:180px;height:54vw;max-height:225px}.match-faces strong{font-size:55px}.match-actions{flex-direction:column}.match-card{grid-template-columns:42% 58%;gap:12px}.match-card>img{height:240px}.admin-stats{grid-template-columns:1fr}}
@media(max-width:360px){.discovery-copy h1{font-size:34px}.discovery-actions .button{font-size:19px}.match-card{grid-template-columns:1fr}.match-card>img{height:340px}}

/* Favoris, activité, galerie et onboarding */
.activity-badge,.common-badge{font:700 15px/1.35 Arial,sans-serif;color:#14604f;margin:8px 0}.activity-badge{display:inline-block;margin-left:8px}.common-badge{color:#765000}.favorite-button{background:#fff0a5;border-color:#dfb900}.member-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.member-actions form{margin:0}.safety-actions{margin-top:26px;border-top:1px dashed #d8a9c2;padding-top:16px}.safety-actions summary{cursor:pointer;font:700 19px var(--hand)}.gallery{position:relative}.gallery-slide[hidden]{display:none}.gallery-controls{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:12px}.gallery-controls button{width:50px;height:50px;border:2px solid #e50073;border-radius:50%;background:white;font-size:25px}.gallery-controls button:focus-visible{outline:3px solid #166c81;outline-offset:3px}.onboarding{max-width:760px;margin-inline:auto;text-align:center;background:#fff5cfee}.onboarding-steps{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:18px 0}.onboarding-steps span{padding:8px 14px;border-radius:20px;background:#dff9e6;font:700 15px Arial,sans-serif}.admin-reports{max-width:900px;margin-inline:auto}.admin-stats{grid-template-columns:repeat(5,minmax(0,1fr));max-width:1000px}.match-card form{margin-top:10px}
@media(max-width:1024px){.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.discovery-actions{flex-wrap:wrap}.discovery-actions form{flex:1 1 190px}}
@media(max-width:430px){.account-main{padding-inline:12px}.discovery-card{border-width:5px}.discovery-photo{min-height:390px}.discovery-actions{position:sticky;bottom:8px;background:#fff9efdd;padding:8px;border-radius:20px}.discovery-actions form{flex:1 1 30%}.discovery-actions .button{font-size:17px;padding:10px 6px}.member-actions{flex-direction:column}.member-actions form,.member-actions .button{width:100%}.admin-stats{grid-template-columns:1fr 1fr}}
@media(max-width:320px){.discovery-actions form{flex-basis:100%}.discovery-actions{position:static}.account-main{padding-inline:8px}.paper{padding-inline:14px}}
.unread-nav,.unread-badge{background:#ed0079;color:#fff;border-radius:20px;padding:3px 8px;font:700 13px Arial,sans-serif}.chat-search{display:flex;align-items:end;gap:14px}.chat-search .field{flex:1}.conversation-list{display:grid;gap:12px}.conversation-row{display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:15px;margin:0;text-decoration:none!important}.conversation-row img,.chat-person img{width:64px;height:64px;object-fit:cover;border-radius:50%}.conversation-row small{display:block;color:#62516c;margin-top:6px}.chat-shell{max-width:850px;height:min(760px,calc(100dvh - 190px));margin:auto;display:grid;grid-template-rows:auto 1fr auto;background:#fffaf4;border:7px solid white;border-radius:28px;overflow:hidden}.chat-person{display:flex;align-items:center;gap:12px;padding:13px 18px;background:#c9f5f5}.chat-person h1{font-size:27px;margin:0}.chat-person p{margin:3px 0}.chat-person details{margin-left:auto}.chat-person summary{font-size:30px;cursor:pointer}.chat-messages{overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:10px}.bubble{max-width:75%;padding:12px 15px;border-radius:20px;background:#dff9e6;align-self:flex-start}.bubble.mine{align-self:flex-end;background:#ffdbf2}.bubble p{white-space:pre-wrap;overflow-wrap:anywhere;font:16px/1.45 Arial,sans-serif}.bubble small{display:block;text-align:right;color:#62516c}.reactions form{display:flex}.reactions button{border:0;background:transparent;padding:5px}.chat-empty{text-align:center;margin:auto}.suggestions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.suggestions button{border:1px solid #dcbace;background:#fff0a5;border-radius:20px;padding:9px}.chat-compose{display:grid;grid-template-columns:1fr auto;gap:10px;padding:12px;background:white;align-items:end}.chat-compose label{grid-column:1/-1}.chat-compose textarea{resize:none;border:1px solid #dcbace;border-radius:15px;padding:10px;font:16px Arial}.chat-compose textarea:focus-visible{outline:3px solid #166c81}.chat-compose .button{min-height:52px}
@media(max-width:430px){.chat-shell{height:calc(100dvh - 145px);border-width:0;border-radius:0;margin-inline:-12px}.chat-person{padding:8px}.chat-person img{width:48px;height:48px}.chat-person h1{font-size:21px}.chat-messages{padding:12px}.bubble{max-width:88%}.chat-compose{padding:8px;padding-bottom:max(8px,env(safe-area-inset-bottom))}.chat-compose .button{font-size:17px;padding-inline:10px}.conversation-row{grid-template-columns:55px 1fr}.conversation-row img{width:52px;height:52px}.unread-badge{grid-column:2}}
.games-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.games-grid .paper{text-align:center;margin:0}.games-grid b{font-size:55px}.daily{max-width:720px;margin-inline:auto;text-align:center;background:#fff0a5}.game-launcher{grid-column:1/-1}.game-launcher form{display:inline-block}.game-launcher button,.game-card button{min-height:44px;border:1px solid #dc8db6;border-radius:18px;background:#fff0a5;padding:8px 12px}.game-card{padding:12px;background:#fff6c9;border:2px dashed #ed0079;border-radius:18px}.game-card h3{font-size:20px}.game-card small{display:block;margin-top:5px}@media(max-width:700px){.games-grid{grid-template-columns:1fr}.game-card button{width:100%;margin-top:6px}}

.hp-field{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}.legal-page{max-width:850px;margin:30px auto}.legal-page h1{font-size:clamp(2rem,5vw,3.5rem)}.legal-page li{margin:.6rem 0}

.trust-badges{display:flex;gap:6px;flex-wrap:wrap}.trust-badges span{font-size:.75rem;padding:3px 8px;border-radius:20px;background:#e4fff1;color:#176a48;border:1px solid #8bd7b5}
/* V7: gentle onboarding, useful beta states and mobile navigation. */
.beta-sticker{background:#fff0bf;border:2px solid #352737;border-radius:18px;padding:12px 18px;margin:0 auto 22px;max-width:760px;display:flex;flex-wrap:wrap;gap:5px 12px;color:#352737}.beta-sticker a{font-weight:800}.beta-sticker span{font-size:.9rem}.onboarding h1{font-size:clamp(1.7rem,6vw,2.5rem)}.onboarding progress{width:100%;accent-color:#bf3263;height:14px}.v7-vibes{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.v7-vibes label{display:flex;align-items:center;gap:8px;min-height:44px;padding:7px 12px;background:#fff3cf;border-radius:12px;color:#352737}.home-shortcuts{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0 24px}.new-badge{display:inline-block;background:#fff0b2;border-radius:20px;padding:6px 12px;font-weight:700;color:#352737}.mobile-bottom{display:none}.beta-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px}.beta-metrics strong{display:block;font-size:1.7rem}.critical{background:#8e1536;color:white;padding:12px;border-radius:12px}.table-scroll{max-width:100%;overflow:auto}.table-scroll table{border-collapse:collapse;width:100%}.table-scroll th,.table-scroll td{padding:10px;text-align:left;border-bottom:1px solid #c4b9ae;white-space:nowrap}.feedback-item{border-top:1px solid #c4b9ae;margin-top:18px;padding-top:12px;overflow-wrap:anywhere}.paper{min-width:0}.paper p,.paper h3{overflow-wrap:anywhere}button,.button,summary,select{min-height:44px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #74305c;outline-offset:4px}.help{color:#625666}.match-faces img{object-fit:cover}.chat-person{flex-shrink:0}.chat-compose textarea{font-size:16px}.account-main{min-width:0}
@media(max-width:767px){body:has(.mobile-bottom){padding-bottom:calc(78px + env(safe-area-inset-bottom,0px))}.mobile-bottom{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;z-index:50;bottom:0;left:0;right:0;padding:7px 4px calc(7px + env(safe-area-inset-bottom,0px));background:#fff9ef;border-top:2px solid #352737;box-shadow:0 -3px 12px #35273712}.mobile-bottom a{position:relative;display:flex;min-height:52px;flex-direction:column;align-items:center;justify-content:center;font-size:11px;text-decoration:none;font-weight:700;color:#352737;border-radius:10px}.mobile-bottom a>span{font-size:20px}.mobile-bottom a[aria-current]{background:#ffe0ed}.mobile-count{position:absolute;top:0;right:4px;background:#9d2650;color:white;font-size:10px;padding:1px 5px;border-radius:10px}.header nav{display:none}.header .account form{display:none}.header{gap:8px}.header .account .button{padding:9px 10px;font-size:12px}.header .brand{min-width:0}.account-main{padding-left:12px;padding-right:12px}.beta-sticker{padding:10px 12px;font-size:13px}.paper{padding:18px}.home-shortcuts{gap:8px}.chat-shell{height:calc(var(--visible-height,100dvh) - 180px);min-height:300px;max-height:none;display:flex;flex-direction:column}.chat-messages{min-height:80px;flex:1;overflow-y:auto;overscroll-behavior:contain}.chat-compose{flex-shrink:0;padding-bottom:env(safe-area-inset-bottom,0px)}.chat-shell .game-launcher{max-height:40%;overflow-y:auto}.chat-shell .game-options{min-width:0}.form-grid,.filter-grid{grid-template-columns:1fr}.discovery-actions{gap:6px}.discovery-actions button{font-size:12px;padding:10px 6px}.match-actions{flex-wrap:wrap}.account-main:has(.chat-shell)>.beta-sticker{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(max-width:767px){.chat-shell{height:var(--chat-height,calc(100dvh - 250px));min-height:220px}body:has(.chat-shell) footer{display:none}body:has(.chat-compose textarea:focus) .header{display:none}.chat-shell .chat-compose{grid-template-columns:minmax(0,1fr) auto}.chat-person details{max-width:45%}.chat-person details[open]{overflow:auto;max-height:140px}.chat-compose textarea{min-width:0}}
.analytics-tabs{display:flex;gap:8px;overflow:auto;padding:6px 0 14px}.analytics-tabs a{white-space:nowrap;padding:9px 13px;border:1px solid #d889b2;border-radius:18px;text-decoration:none}.analytics-tabs a[aria-current]{background:#ed0079;color:#fff}.analytics-filters{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.analytics-filters label{display:grid;gap:5px}.analytics-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px;margin:18px 0}.analytics-cards .paper{margin:0}.analytics-cards strong{display:block;font-size:clamp(1.7rem,5vw,2.5rem)}[data-utm-builder]{display:grid;gap:10px;max-width:650px}[data-utm-builder] output{overflow-wrap:anywhere;font-family:monospace}@media(max-width:600px){.analytics-filters>*{width:100%}.analytics-tabs{margin-inline:-12px;padding-inline:12px}}
.analytics-bars{display:grid;gap:7px;margin:16px 0 20px}.analytics-bars div{display:grid;grid-template-columns:52px 1fr 36px;gap:9px;align-items:center;font-size:.85rem}.analytics-bars i{height:11px;border-radius:999px;background:linear-gradient(90deg,#ed0079 var(--value),#f7ddea var(--value));min-width:2px}